@fluid-topics/ft-radio 2.0.15 → 2.0.16

package/build/ftds-radio-group.js

@@ -2,7 +2,7 @@ import { FtBaseRadioGroup } from "./ft-base-radio-group";
 import { safariEllipsisFix, toFtdsBase } from "@fluid-topics/ft-wc-utils";
 import { designSystemGroupStyles } from "./ftds-radio-group.styles";
 import { DesignSystemFamily } from "@fluid-topics/design-system-variables";
-class FtdsRadioGroup extends toFtdsBase(FtBaseRadioGroup) {
+export class FtdsRadioGroup extends toFtdsBase(FtBaseRadioGroup) {
     constructor() {
         super(...arguments);
         this.family = DesignSystemFamily.brand;
@@ -12,4 +12,3 @@ FtdsRadioGroup.styles = [
     safariEllipsisFix,
     designSystemGroupStyles,
 ];
-export { FtdsRadioGroup };

package/build/ftds-radio.js

@@ -3,7 +3,7 @@ import { safariEllipsisFix, toFtdsBase } from "@fluid-topics/ft-wc-utils";
 import { designSystemStyles } from "./ftds-radio.styles";
 import { DesignSystemFamily } from "@fluid-topics/design-system-variables";
 import { FtdsTypographyVariants, FtTypography } from "@fluid-topics/ft-typography";
-class FtdsRadio extends toFtdsBase(FtBaseRadio) {
+export class FtdsRadio extends toFtdsBase(FtBaseRadio) {
     constructor() {
         super(...arguments);
         this.family = DesignSystemFamily.brand;
@@ -26,4 +26,3 @@ FtdsRadio.styles = [
     safariEllipsisFix,
     designSystemStyles,
 ];
-export { FtdsRadio };

package/build/ftds-radio.styles.js

@@ -1,10 +1,12 @@
 import { css } from "lit";
-import { radio, setVariable } from "@fluid-topics/ft-wc-utils";
+import { radio, setVariable, } from "@fluid-topics/ft-wc-utils";
 import { FtRippleCssVariables } from "@fluid-topics/ft-ripple";
 export { radio as FtdsRadioCssVariables };
 export const designSystemStyles = css `
     * {
         box-sizing: border-box;
+        display: inline-flex;
+        align-items: center;
         --input-size: calc(${radio.circleSize} + 2 * (${radio.focusOutlineOffset} + ${radio.focusOutlineWidth}));
         --input-margin: calc(-1 * ${radio.focusOutlineOffset} - ${radio.focusOutlineWidth});
     }
@@ -12,9 +14,6 @@ export const designSystemStyles = css `
     .ft-radio {
         box-sizing: border-box;
         color: ${radio.color};
-
-        display: inline-flex;
-        align-items: center;
         gap: ${radio.horizontalGap};
     }
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@fluid-topics/ft-radio",
-    "version": "2.0.15",
+    "version": "2.0.16",
     "description": "A radio component",
     "keywords": [
         "Lit"
@@ -19,10 +19,10 @@
         "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
     },
     "dependencies": {
-        "@fluid-topics/ft-ripple": "2.0.15",
-        "@fluid-topics/ft-typography": "2.0.15",
-        "@fluid-topics/ft-wc-utils": "2.0.15",
+        "@fluid-topics/ft-ripple": "2.0.16",
+        "@fluid-topics/ft-typography": "2.0.16",
+        "@fluid-topics/ft-wc-utils": "2.0.16",
         "lit": "3.1.0"
     },
-    "gitHead": "4ccf89e835f22f2689fc0fe3f97c46671debe98d"
+    "gitHead": "a972b95acf70b2bfab648ae99cec9d9cbe77c86f"
 }