feat(radio-button): add xs size

ovh · May 20, 2024 · a74cbc5 · a74cbc5
1 parent 60d73b9
commit a74cbc5
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 0 deletions.
diff --git a/packages/common/theming/size/ods-theming-size.radio-button.scss b/packages/common/theming/size/ods-theming-size.radio-button.scss
@@ -14,5 +14,6 @@
   @return (
     md: ods-get-radio-button-size-properties(md),
     sm: ods-get-radio-button-size-properties(sm),
+    xs: ods-get-radio-button-size-properties(xs),
   );
 }
diff --git a/...mponents/src/radio-button/src/components/osds-radio-button/constants/radio-button-size.ts b/...mponents/src/radio-button/src/components/osds-radio-button/constants/radio-button-size.ts
@@ -1,6 +1,7 @@
 enum ODS_RADIO_BUTTON_SIZE {
   md = 'md',
   sm = 'sm',
+  xs = 'xs',
 }
 
 const ODS_RADIO_BUTTON_SIZES = Object.freeze(Object.values(ODS_RADIO_BUTTON_SIZE));

diff --git a/packages/themes/blue-jeans/src/index.scss b/packages/themes/blue-jeans/src/index.scss
@@ -364,6 +364,12 @@
           ),
         ),
         $radio-button: (
+          xs: (
+            border-width: calc(0.2rem * var(--ods-size-ratio)),
+            height: calc(0.75rem * var(--ods-size-ratio)),
+            margin: calc(0.25rem * var(--ods-size-ratio)) calc(0.5rem * var(--ods-size-ratio)),
+            width: calc(0.75rem * var(--ods-size-ratio)),
+          ),
           sm: (
             border-width: calc(0.2rem * var(--ods-size-ratio)),
             height: calc(1.25rem * var(--ods-size-ratio)),