Merge pull request #1058 from db-ui/1056-radio-power-app-component

feat(power apps): added radio component

Author: mfranzke

build-power-apps/DBUI/DBUI.cdsproj

@@ -49,6 +49,7 @@
     <ProjectReference Include="..\input\DBInput.pcfproj" />
     <ProjectReference Include="..\alert\DBAlert.pcfproj" />
     <ProjectReference Include="..\link\DBLink.pcfproj" />
+    <ProjectReference Include="..\radio\DBRadio.pcfproj" />
     <ProjectReference Include="..\infotext\DBInfotext.pcfproj" />
   </ItemGroup>
 

packages/components/src/components/radio/radio.lite.tsx

@@ -16,7 +16,16 @@ useMetadata({
 		// MS Power Apps
 		includeIcon: false,
 		hasDisabledProp: true,
-		properties: []
+		properties: [
+			// jscpd:ignore-start
+			{ name: 'children', type: 'SingleLine.Text' },
+			{ name: 'name', type: 'SingleLine.Text' },
+			{ name: 'id', type: 'SingleLine.Text' }
+			// TODO: We'll most likely need these later on
+			// { name: 'checked', type: 'TwoOptions' },
+			// { name: 'disabled', type: 'TwoOptions' },
+			// jscpd:ignore-end
+		]
 	}
 });
 

packages/components/src/components/radio/radio.scss

@@ -28,6 +28,11 @@ $font-size-height: calc(var(--db-base-font-size) * var(--db-base-line-height));
 	// TODO: Extract those transition durations as variables #645
 	transition: border-width 0.15s $db-transition-functional-timing;
 
+	// TODO: probably extract this to an overwrite or external file
+	// workarounds for power apps
+	width: auto;
+	padding: 0;
+
 	&:checked {
 		border-width: calc(#{$font-size-height} * 0.3);