@arc-ui/tokens-ee 12.0.0-beta.6 → 12.0.0-beta7

package/dist/index.css

@@ -1,12 +1,12 @@
 /**
  * Do not edit directly
- * Generated on Wed, 18 Sep 2024 11:12:50 GMT
+ * Generated on Fri, 25 Oct 2024 08:32:14 GMT
  */
 
 .arc-ds-sys-theme--ee {
   --card-colors-light-bg-default: #111111;
   --card-colors-light-bg-default-alt: #FFFFFF;
-  --card-colors-light-bg-emphasis: linear-gradient(90deg, #fcf9ff 0%, #f9f9ff 100%);
+  --card-colors-light-bg-emphasis: #F8FF19;
   --card-colors-light-fg-default: #001318;
   --card-colors-light-fg-default-alt: #FFFFFF;
   --card-colors-light-fg-hover: #057382;
@@ -18,12 +18,13 @@
   --card-colors-light-text-support: #686868;
   --card-colors-dark-bg-default: #FFFFFF;
   --card-colors-dark-bg-default-alt: #111111;
-  --card-colors-dark-bg-emphasis: linear-gradient(90deg, #5514b4 8.33%, #7e2ec6 100%);
+  --card-colors-dark-bg-emphasis: #009BA5;
   --card-colors-dark-fg-default-alt: #FFFFFF;
   --card-colors-dark-border-hover: #F3F3F3;
   --card-colors-dark-text-default: #FFFFFF;
   --card-colors-dark-text-hover: #F8FF19;
   --card-colors-dark-text-support: #BBBBBB;
+  --card-padding-xs: 8px;
   --card-padding-s: 24px;
   --card-padding-m: 32px;
   --card-border-weight-s: 1px;
@@ -34,7 +35,8 @@
   --card-gap-m: 20px;
   --card-gap-l: 22px;
   --card-gap-xl: 24px;
-  --card-size-s: 48px;
+  --card-gap-xxl: 48px;
+  --card-size-s: 42px;
   --card-size-m: 80px;
   --card-size-l: 96px;
   --card-size-icon-s: 42px;
@@ -234,17 +236,18 @@
   --filter-colors-light-text-default: #001318;
   --filter-colors-light-text-default-alt: #ffffff;
   --filter-colors-light-text-hover: #2a1c4a;
-  --filter-colors-dark-border-default: #06C3C2;
+  --filter-colors-dark-border-default: #FFFFFF;
   --filter-colors-dark-border-hover: #525252;
   --filter-colors-dark-bg-selected: #FFFFFF;
   --filter-colors-dark-bg-default: #111111;
   --filter-colors-dark-text-default: #001318;
   --filter-colors-dark-text-default-alt: #efe5f7;
   --filter-colors-dark-text-hover: #D9D9D9;
-  --filter-colors-dark-text-seleced: #2a1c4a;
+  --filter-colors-dark-text-selected: #2a1c4a;
   --filter-gap-l: 16px;
   --filter-margin-m: 16px;
   --content-switcher-padding-s: 10px;
+  --content-switcher-padding-xs: 8px;
   --content-switcher-padding-m: 12px;
   --content-switcher-padding-l: 16px;
   --content-switcher-padding-xl: 18px;
@@ -256,11 +259,13 @@
   --content-switcher-gap-l: 8px;
   --content-switcher-gap-xl: 16px;
   --content-switcher-colors-light-bg-default: #ffffff;
+  --content-switcher-colors-light-bg-default-alt: #5514b4;
   --content-switcher-colors-light-bg-hover: #f0f0f0;
   --content-switcher-colors-light-bg-active: #e3e3e3;
-  --content-switcher-colors-light-bg-seleced: #000000;
-  --content-switcher-colors-light-bg-seleced-hover: #3f187f;
+  --content-switcher-colors-light-bg-selected: #000000;
+  --content-switcher-colors-light-bg-selected-hover: #3f187f;
   --content-switcher-colors-light-bg-disabled: rgba(255,255,255,0);
+  --content-switcher-colors-light-bg-seleced: #000000;
   --content-switcher-colors-light-border-default: #111111;
   --content-switcher-colors-light-border-pressed: #3F3F3F;
   --content-switcher-colors-light-border-disabled: #D9D9D9;
@@ -292,6 +297,26 @@
   --content-switcher-colors-dark-text-pressed: #818181;
   --content-switcher-colors-dark-text-disabled: #9C9C9C;
   --content-switcher-border-radius-pill: 1000px;
+  --content-switcher-border-radius-xl: 32px;
+  --content-switcher-border-weight-s: 2px;
+  --content-switcher-elevations-02: 0 0 1px 0 rgba( 0, 0, 0 , 0.20), 0 4px 12px 0 rgba( 0, 0, 0 , 0.10);
+  --herobanner-padding-s: 24px;
+  --herobanner-padding-m: 40px;
+  --herobanner-padding-l: 64px;
+  --herobanner-gap-s: 8px;
+  --herobanner-gap-m: 16px;
+  --herobanner-gap-l: 32px;
+  --herobanner-radius-l: 16px;
+  --herobanner-radius-m: 24px;
+  --herobanner-border-default: 1px solid #BBBBBB;
+  --herobanner-color-light-bg-default: #ffffff;
+  --herobanner-color-light-bg-contained: #ffffff;
+  --herobanner-color-light-bg-gradient: ;
+  --herobanner-color-light-text-default: #2B2B2B;
+  --herobanner-color-dark-bg-default: #009BA5;
+  --herobanner-color-dark-bg-gradient: ;
+  --herobanner-color-dark-text-default: #ffffff;
+  --herobanner-box-shadow-01: -24px -24px 150px 0 rgb(241, 242, 202, 45%), 24px 24px 150px 0 rgb(198, 23, 238, 45%);
   --box-padding-s: 16px;
   --box-border-radius-s: 16px;
   --box-border-weight-xs: 1px;
@@ -318,13 +343,15 @@
   --disclosure-mini-size-icon-s: 16px;
   --disclosure-mini-gap-s: 8px;
   --disclosure-mini-gap-m: 12px;
-  --disclosure-mini-colors-light-fg-default: #009BA5;
-  --disclosure-mini-colors-light-text-default: #009BA5;
+  --disclosure-mini-colors-light-fg-default: #057382;
+  --disclosure-mini-colors-light-text-default: #057382;
   --disclosure-mini-colors-light-text-strong: #2B2B2B;
   --disclosure-mini-colors-dark-fg-default: #EBF304;
   --disclosure-mini-colors-dark-text-default: #EBF304;
   --disclosure-mini-colors-dark-text-strong: #FFFFFF;
   --disclosure-padding-s: 16px;
+  --disclosure-padding-l: 40px;
+  --disclosure-padding-xl: 56px;
   --disclosure-gap-s: 20px;
   --disclosure-size-s: 58px;
   --disclosure-border-weight-s: 1px;
@@ -334,13 +361,16 @@
   --disclosure-colors-light-fg-default: #001318;
   --disclosure-colors-light-fg-hover: #001318;
   --disclosure-colors-light-text-default: #001318;
+  --disclosure-colors-light-text-body: #01404C;
   --disclosure-colors-light-text-hover: #001318;
   --disclosure-colors-dark-bg-hover: #3F3F3F;
   --disclosure-colors-dark-border-subtle: #525252;
   --disclosure-colors-dark-fg-default: #EBF304;
   --disclosure-colors-dark-fg-hover: #F8FF19;
   --disclosure-colors-dark-text-default: #EBF304;
+  --disclosure-colors-dark-text-body: #FFFFFF;
   --disclosure-colors-dark-text-hover: #F8FF19;
+  --disclosure-type-label-l: 700 20px/1 Non-Dottee;
   --avatar-size-s: 32px;
   --avatar-size-m: 48px;
   --avatar-size-l: 64px;
@@ -350,9 +380,9 @@
   --avatar-size-icon-l: 32px;
   --avatar-size-icon-xl: 40px;
   --avatar-border-weight-s: 1px;
-  --avatar-colors-light-bg-default: #111111;
-  --avatar-colors-light-fg-default-alt: #FFFFFF;
-  --avatar-colors-light-text-default-alt: #FFFFFF;
+  --avatar-colors-light-bg-default: #ebebeb;
+  --avatar-colors-light-fg-default-alt: #3f3f3f;
+  --avatar-colors-light-text-default-alt: #3f3f3f;
   --modal-size-s: 288px;
   --modal-size-m: 472px;
   --modal-size-l: 591px;
@@ -396,7 +426,7 @@
   --button-gap-s: 4px;
   --button-gap-m: 6px;
   --button-gap-l: 8px;
-  --button-border-radius-s: 16px;
+  --button-border-radius-s: 20px;
   --button-size-xxs: 20px;
   --button-size-xs: 24px;
   --button-size-s: 28px;
@@ -411,7 +441,7 @@
   --button-size-icon-xl: 28px;
   --button-colors-light-bg-default: #111111;
   --button-colors-light-bg-hover: #2B2B2B;
-  --button-colors-light-bg-pressed: #057382;
+  --button-colors-light-bg-pressed: #3F3F3F;
   --button-colors-light-bg-disabled: #D9D9D9;
   --button-colors-light-border-default: #111111;
   --button-colors-light-border-pressed: #3F3F3F;
@@ -427,21 +457,21 @@
   --button-colors-light-text-pressed: #3F3F3F;
   --button-colors-light-text-disabled: #686868;
   --button-colors-dark-bg-default: #FFFFFF;
-  --button-colors-dark-bg-hover: #F3F3F3;
-  --button-colors-dark-bg-pressed: #818181;
+  --button-colors-dark-bg-hover: #d9d9d9;
+  --button-colors-dark-bg-pressed: #b7b7b7;
   --button-colors-dark-bg-disabled: #686868;
   --button-colors-dark-border-default: #FFFFFF;
   --button-colors-dark-border-pressed: #818181;
   --button-colors-dark-border-disabled: #686868;
-  --button-colors-dark-fg-default: #EBF304;
+  --button-colors-dark-fg-default: #ffffff;
   --button-colors-dark-fg-default-alt: #2B2B2B;
-  --button-colors-dark-fg-hover: #F8FF19;
+  --button-colors-dark-fg-hover: #ffffff;
   --button-colors-dark-fg-pressed: #818181;
   --button-colors-dark-fg-disabled: #9C9C9C;
-  --button-colors-dark-text-default: #EBF304;
+  --button-colors-dark-text-default: #ffffff;
   --button-colors-dark-text-default-alt: #2B2B2B;
-  --button-colors-dark-text-hover: #F8FF19;
-  --button-colors-dark-text-pressed: #818181;
+  --button-colors-dark-text-hover: #ffffff;
+  --button-colors-dark-text-pressed: #ffffff;
   --button-colors-dark-text-disabled: #9C9C9C;
   --button-border-weight-s: 2px;
   --button-v2-padding-xxxs: 3px;
@@ -510,10 +540,10 @@
   --button-v2-colors-dark-border-pressed: #818181;
   --button-v2-colors-dark-border-disabled: #686868;
   --button-v2-colors-dark-border-subtle: #6b6b6b;
-  --button-v2-colors-dark-fg-default: #EBF304;
+  --button-v2-colors-dark-fg-default: #ffffff;
   --button-v2-colors-dark-fg-default-alt: #2B2B2B;
-  --button-v2-colors-dark-fg-hover: #F8FF19;
-  --button-v2-colors-dark-fg-pressed: #EBF304;
+  --button-v2-colors-dark-fg-hover: #ffffff;
+  --button-v2-colors-dark-fg-pressed: #818181;
   --button-v2-colors-dark-fg-disabled: #9C9C9C;
   --button-v2-colors-dark-fg-strong: #9C9C9C;
   --button-v2-colors-dark-fg-strong-subtle: #818181;
@@ -522,10 +552,10 @@
   --button-v2-colors-dark-status-bg-default: #600104;
   --button-v2-colors-dark-status-bg-hover: #840106;
   --button-v2-colors-dark-status-bg-pressed: #AA0006;
-  --button-v2-colors-dark-text-default: #EBF304;
+  --button-v2-colors-dark-text-default: #ffffff;
   --button-v2-colors-dark-text-default-alt: #2B2B2B;
-  --button-v2-colors-dark-text-hover: #F8FF19;
-  --button-v2-colors-dark-text-pressed: #EBF304;
+  --button-v2-colors-dark-text-hover: #ffffff;
+  --button-v2-colors-dark-text-pressed: #ffffff;
   --button-v2-colors-dark-text-disabled: #9C9C9C;
   --button-v2-colors-dark-variant-bg-loader: linear-gradient(90deg, #f5eefa 0%, #eafcff 100%);
   --button-v2-colors-dark-variant-fg-default: linear-gradient(105deg, #f200f5 0%, #1ec8e6 100%);
@@ -653,6 +683,11 @@
   --backtotop-colors-dark-fg-default-alt: #FFFFFF;
   --backtotop-colors-dark-text-default: #2B2B2B;
   --backtotop-colors-dark-text-default-alt: #FFFFFF;
+  --elevation-01: 0 0 1px 0 rgba( 0, 0, 0 , 0.20), 0 2px 6px 0 rgba( 0, 0, 0 , 0.10);
+  --elevation-02: 0 0 1px 0 rgba( 0, 0, 0 , 0.20), 0 4px 12px 0 rgba( 0, 0, 0 , 0.10);
+  --elevation-03: 0 0 1px 0 rgba( 0, 0, 0 , 0.20), 0 8px 16px 0 rgba( 0, 0, 0 , 0.10);
+  --elevation-04: 0 0 1px 0 rgba( 0, 0, 0 , 0.20), 0 16px 20px 0 rgba( 0, 0, 0 , 0.10);
+  --elevation-05: 0 0 1px 0 rgba( 0, 0, 0 , 0.20), 0 24px 32px 0 rgba( 0, 0, 0 , 0.10);
   --vertical-space-size-4: 4px;
   --vertical-space-size-8: 8px;
   --vertical-space-size-12: 12px;
@@ -680,7 +715,7 @@
   --logos-colors-dark-fg-default: #EBF304;
   --surface-colors-bg-dark-brand-01: #067382;
   --surface-colors-bg-dark-brand-02: #067382;
-  --surface-colors-bg-dark-neutral-01: #686868;
+  --surface-colors-bg-dark-neutral-01: #3F3F3F;
   --surface-colors-bg-dark-neutral-02: #2B2B2B;
   --surface-colors-bg-dark-black: #111111;
   --surface-colors-bg-light-white: #FFFFFF;
@@ -695,17 +730,17 @@
   --tag-border-radius-s: 32px;
   --tag-border-weight-s: 1px;
   --tag-colors-light-bg-default: #FFFFFF;
-  --tag-colors-light-bg-default-alt: #D9D9D9;
+  --tag-colors-light-bg-default-alt: #FFFFFF;
   --tag-colors-light-bg-hover: #ffffff;
   --tag-colors-light-border-default: #BBBBBB;
-  --tag-colors-light-border-default-alt: #ffffff;
+  --tag-colors-light-border-default-alt: #BBBBBB;
   --tag-colors-light-border-hover: #BBBBBB;
   --tag-colors-light-fg-default: #2B2B2B;
   --tag-colors-light-fg-hover: #001318;
   --tag-colors-light-text-default: #2B2B2B;
   --tag-colors-light-text-hover: #001318;
   --tag-size-icon-s: 16px;
-  --tag-size-icon-m: 14px;
+  --tag-size-icon-m: 20;
   --alert-padding-xxs: 2px;
   --alert-padding-xs: 6px;
   --alert-padding-s: 22px;
@@ -713,7 +748,6 @@
   --alert-border-radius-s: 16px;
   --alert-border-weight-s: 2px;
   --alert-border-weight-m: 2px;
-  --alert-box-shadow-01: sem.box-shadow.01;
   --alert-colors-status-light-bg-subtle-default: #F3F3F3;
   --alert-colors-status-light-bg-subtle-error: #FEEDED;
   --alert-colors-status-light-bg-subtle-warning: #FEF2DE;
@@ -738,6 +772,7 @@
   --alert-gap-s: 0px;
   --badge-size-s: 24px;
   --badge-padding-s: 8px;
+  --badge-padding-xxs: 1px;
   --badge-border-radius-s: 1000px;
   --badge-colors-bg-default: #2a2a2a;
   --badge-colors-bg-error: #AA0006;
@@ -757,7 +792,7 @@
   --stepper-padding-m: 24px;
   --stepper-gap-s: 16px;
   --stepper-gap-m: 24px;
-  --stepper-colors-light-bg-default: #FFFFFF;
+  --stepper-colors-light-bg-default: #111111;
   --stepper-colors-light-bg-subtle: #BBBBBB;
   --stepper-colors-light-bg-error: #da020f;
   --stepper-colors-light-bg-warning: #ffa200;
@@ -767,15 +802,17 @@
   --stepper-colors-light-border-subtle: #BBBBBB;
   --stepper-colors-light-border-error: #D20007;
   --stepper-colors-light-border-warning: #B14D00;
-  --stepper-colors-light-border-variant: #009BA5;
+  --stepper-colors-light-border-variant: #000000;
   --stepper-colors-light-fg-default: #009BA5;
   --stepper-colors-light-fg-default-alt: #FFFFFF;
   --stepper-colors-light-fg-error: #D20007;
   --stepper-colors-light-fg-warning: #B14D00;
-  --stepper-colors-light-fg-variant: #001318;
+  --stepper-colors-light-fg-variant: #009BA5;
   --stepper-colors-light-text-default: #2B2B2B;
   --stepper-colors-light-text-hover: #001318;
   --stepper-colors-light-text-subtle: #686868;
+  --stepper-colors-light-pluse-from: rgba(0,155,165, 20%);;
+  --stepper-colors-light-pluse-to: rgba(0,155,165, 0%);;
   --stepper-colors-dark-bg-default: #FFFFFF;
   --stepper-colors-dark-bg-subtle: #818181;
   --stepper-colors-dark-bg-strong: #FFFFFF;
@@ -800,9 +837,17 @@
   --stepper-colors-dark-text-subtle: #9C9C9C;
   --stepper-border-weight-s: 1px;
   --stepper-border-weight-m: 2px;
+  --stepper-border-radius: 50px;
+  --spinner-size-s: 16px;
+  --spinner-size-m: 24px;
+  --spinner-size-l: 32px;
+  --spinner-size-xl: 40px;
+  --spinner-size-xxl: 48px;
+  --spinner-colors-light-fg-default: #009BA5;
+  --spinner-colors-dark-fg-default: #FFFFFF;
   --toast-size-s: 40px;
   --toast-padding-s: 8px;
-  --toast-border-radius-s: 4px;
+  --toast-border-radius-s: 8px;
   --toast-gap-s: 8px;
   --toast-size-icon-s: 24px;
   --toast-border-weight-s: 1px;
@@ -815,7 +860,7 @@
   --toast-colors-status-light-border-warning: #FFA94D;
   --toast-colors-status-light-border-success: #73C367;
   --toast-colors-status-light-fg-default: #2a2a2a;
-  --toast-colors-status-light-fg-error: #FF8883;
+  --toast-colors-status-light-fg-error: #FFA200;
   --toast-colors-status-light-fg-warning: #ffa200;
   --toast-colors-status-light-fg-success: #73C367;
   --toast-colors-status-light-fg-default-alt: #FFFFFF;
@@ -831,9 +876,10 @@
   --toast-colors-status-dark-border-success: #138100;
   --toast-colors-status-dark-fg-default: #2B2B2B;
   --toast-colors-status-dark-fg-error: #D20007;
-  --toast-colors-status-dark-fg-warning: #2a2a2a;
+  --toast-colors-status-dark-fg-warning: #FFA200;
   --toast-colors-status-dark-fg-success: #138100;
   --toast-colors-status-dark-text-default: #2a2a2a;
+  --toast-box-shadow-01: 0 0 1px 0 rgba( 0, 0, 0 , 0.20), 0 4px 12px 0 rgba( 0, 0, 0 , 0.10);
   --progress-bar-gap-s: 4px;
   --progress-bar-gap-m: 8px;
   --progress-bar-size-s: 12px;
@@ -897,14 +943,14 @@
   --date-picker-colors-light-bg-hover: #2B2B2B;
   --date-picker-colors-light-bg-selected: #057382;
   --date-picker-colors-light-bg-pressed: #057382;
-  --date-picker-colors-light-bg-disabled: #D9D9D9;
+  --date-picker-colors-light-bg-disabled: #F0F0F0;
   --date-picker-colors-light-bg-error: #FEEDED;
   --date-picker-colors-light-bg-subtle: #F3F3F3;
   --date-picker-colors-light-bg-hover-alt: #D9D9D9;
   --date-picker-colors-light-border-hover: #525252;
   --date-picker-colors-light-border-focus: #111111;
   --date-picker-colors-light-border-selected: #3F3F3F;
-  --date-picker-colors-light-border-disabled: #D9D9D9;
+  --date-picker-colors-light-border-disabled: #949494;
   --date-picker-colors-light-border-error: #D20007;
   --date-picker-colors-light-border-strong: #818181;
   --date-picker-colors-light-fg-default-alt: #FFFFFF;
@@ -915,7 +961,7 @@
   --date-picker-colors-light-text-default: #009BA5;
   --date-picker-colors-light-text-default-alt: #FFFFFF;
   --date-picker-colors-light-text-strong: #2B2B2B;
-  --date-picker-colors-light-text-disabled: #686868;
+  --date-picker-colors-light-text-disabled: #AAAAAA;
   --date-picker-colors-light-text-error: #D20007;
   --date-picker-colors-light-text-hint: #686868;
   --date-picker-gap-xs: 4px;
@@ -925,6 +971,12 @@
   --date-picker-size-icon-s: 24px;
   --date-picker-size-icon-m: 32px;
   --date-picker-size-icon-l: 40px;
+  --date-picker-type-label-s: 700 14px/1 Non-Dottee;
+  --date-picker-type-label-m: 700 16px/1 Non-Dottee;
+  --date-picker-type-label-l: 700 20px/1 Non-Dottee;
+  --datepicker-type-label-s: 700 14px/1 Non-Dottee;
+  --datepicker-type-label-m: 700 16px/1 Non-Dottee;
+  --datepicker-type-label-l: 700 20px/1 Non-Dottee;
   --select-size-s: 32px;
   --select-size-m: 44px;
   --select-size-l: 64px;
@@ -946,14 +998,14 @@
   --select-size-icon-l: 24px;
   --select-colors-light-bg-default: #FFFFFF;
   --select-colors-light-bg-hover: #D9D9D9;
-  --select-colors-light-bg-disabled: #D9D9D9;
+  --select-colors-light-bg-disabled: #F0F0F0;
   --select-colors-light-bg-error: #FEEDED;
   --select-colors-light-bg-hover-alt: #D9D9D9;
   --select-colors-light-bg-selected: #F3F3F3;
   --select-colors-light-border-default: #818181;
   --select-colors-light-border-hover: #525252;
   --select-colors-light-border-focus: #111111;
-  --select-colors-light-border-disabled: #D9D9D9;
+  --select-colors-light-border-disabled: #949494;
   --select-colors-light-border-error: #D20007;
   --select-colors-light-border-subtle: #BBBBBB;
   --select-colors-light-fg-default: #2B2B2B;
@@ -986,6 +1038,9 @@
   --select-border-radius-test-s: 32px;
   --select-border-radius-test-m: 24px;
   --select-border-radius-test-l: 32px;
+  --select-type-label-s: 700 14px/1 Non-Dottee;
+  --select-type-label-m: 700 16px/1 Non-Dottee;
+  --select-type-label-l: 700 20px/1 Non-Dottee;
   --checkbox-size-s: 24px;
   --checkbox-size-l: 36px;
   --checkbox-padding-s: 2px;
@@ -1012,16 +1067,20 @@
   --checkbox-colors-dark-bg-disabled: #686868;
   --checkbox-colors-dark-bg-error: #2D0002;
   --checkbox-colors-dark-fg-default: #2B2B2B;
-  --checkbox-colors-dark-fg-disabled: #9C9C9C;
+  --checkbox-colors-dark-fg-disabled: #C8C8C8;
   --checkbox-colors-dark-border-default: #F3F3F3;
   --checkbox-colors-dark-border-disabled: #686868;
   --checkbox-colors-dark-border-error: #FF8883;
   --checkbox-colors-dark-text-default: #FFFFFF;
-  --checkbox-colors-dark-text-disabled: #9C9C9C;
-  --textarea-padding-s: 10px;
-  --textarea-padding-m: 12px;
+  --checkbox-colors-dark-text-disabled: #C8C8C8;
+  --checkbox-type-label-s: 400 14px/1 Non-Dottee;
+  --checkbox-type-label-m: 400 16px/1 Non-Dottee;
+  --checkbox-type-label-l: 400 20px/1 Non-Dottee;
+  --textarea-padding-s: 12px;
+  --textarea-padding-m: 10px;
   --textarea-size-icon-s: 16px;
   --textarea-border-radius-s: 8px;
+  --textarea-border-radius-xs: 4px;
   --textarea-border-weight-s: 1px;
   --textarea-border-weight-m: 2px;
   --textarea-border-weight-l: 4px;
@@ -1029,13 +1088,13 @@
   --textarea-gap-m: 12px;
   --textarea-colors-light-bg-default: #FFFFFF;
   --textarea-colors-light-bg-hover: #D9D9D9;
-  --textarea-colors-light-bg-disabled: #D9D9D9;
+  --textarea-colors-light-bg-disabled: #F0F0F0;
   --textarea-colors-light-bg-error: #FEEDED;
   --textarea-colors-light-border-default: #818181;
   --textarea-colors-light-border-hover: #525252;
   --textarea-colors-light-border-focus: #111111;
   --textarea-colors-light-border-error: #D20007;
-  --textarea-colors-light-border-disabled: #D9D9D9;
+  --textarea-colors-light-border-disabled: #949494;
   --textarea-colors-light-fg-default: #2B2B2B;
   --textarea-colors-light-fg-disabled: #686868;
   --textarea-colors-light-fg-error: #D20007;
@@ -1057,6 +1116,9 @@
   --textarea-colors-dark-text-strong: #FFFFFF;
   --textarea-colors-dark-text-disabled: #9C9C9C;
   --textarea-colors-dark-text-error: #FF8883;
+  --textarea-type-label-s: 700 14px/1 Non-Dottee;
+  --textarea-type-label-m: 700 16px/1 Non-Dottee;
+  --textarea-type-label-l: 700 20px/1 Non-Dottee;
   --textinput-size-s: 32px;
   --textinput-size-m: 44px;
   --textinput-size-l: 64px;
@@ -1074,12 +1136,12 @@
   --textinput-size-icon-m: 24px;
   --textinput-colors-light-bg-default: #FFFFFF;
   --textinput-colors-light-bg-hover: #f7f7f7;
-  --textinput-colors-light-bg-disabled: #D9D9D9;
+  --textinput-colors-light-bg-disabled: #F0F0F0;
   --textinput-colors-light-bg-error: #FEEDED;
   --textinput-colors-light-border-default: #818181;
   --textinput-colors-light-border-hover: #525252;
   --textinput-colors-light-border-focus: #111111;
-  --textinput-colors-light-border-disabled: #D9D9D9;
+  --textinput-colors-light-border-disabled: #949494;
   --textinput-colors-light-border-error: #D20007;
   --textinput-colors-light-text-default: #2B2B2B;
   --textinput-colors-light-text-disabled: #686868;
@@ -1100,6 +1162,9 @@
   --textinput-colors-dark-text-error: #FF8883;
   --textinput-colors-dark-fg-default: #FFFFFF;
   --textinput-colors-dark-fg-error: #FF8883;
+  --textinput-type-label-s: 700 14px/1 Non-Dottee;
+  --textinput-type-label-m: 700 16px/1 Non-Dottee;
+  --textinput-type-label-l: 700 20px/1 Non-Dottee;
   --radio-size-s: 12px;
   --radio-size-m: 20px;
   --radio-size-l: 24px;
@@ -1116,33 +1181,36 @@
   --radio-colors-light-text-default: #2B2B2B;
   --radio-colors-light-text-disabled: #686868;
   --radio-colors-dark-bg-default: #111111;
-  --radio-colors-dark-bg-disabled: #686868;
+  --radio-colors-dark-bg-disabled: #434343;
   --radio-colors-dark-border-default: #F3F3F3;
-  --radio-colors-dark-border-disabled: #686868;
+  --radio-colors-dark-border-disabled: #808080;
   --radio-colors-dark-fg-default: #EBF304;
-  --radio-colors-dark-fg-disabled: #9C9C9C;
+  --radio-colors-dark-fg-disabled: #C8C8C8;
   --radio-colors-dark-text-default: #FFFFFF;
-  --radio-colors-dark-text-disabled: #9C9C9C;
+  --radio-colors-dark-text-disabled: #C8C8C8;
+  --radio-type-label-s: 400 14px/1 Non-Dottee;
+  --radio-type-label-m: 400 16px/1 Non-Dottee;
+  --radio-type-label-l: 400 20px/1 Non-Dottee;
   --switch-size-s: 24px;
   --switch-size-m: 32px;
   --switch-border-weight-s: 2px;
   --switch-colors-light-bg-default: #057382;
-  --switch-colors-light-bg-disabled: #D9D9D9;
+  --switch-colors-light-bg-disabled: #F0F0F0;
   --switch-colors-light-bg-strong: #FFFFFF;
   --switch-colors-light-bg-subtle: #F3F3F3;
   --switch-colors-light-border-default: #111111;
-  --switch-colors-light-border-disabled: #818181;
+  --switch-colors-light-border-disabled: #949494;
   --switch-colors-light-border-strong: #818181;
   --switch-colors-light-fg-default: #009BA5;
   --switch-colors-light-fg-disabled: #686868;
   --switch-colors-light-text-default: #2B2B2B;
   --switch-colors-light-text-disabled: #686868;
   --switch-colors-dark-bg-default: #EBF304;
-  --switch-colors-dark-bg-disabled: #686868;
+  --switch-colors-dark-bg-disabled: #434343;
   --switch-colors-dark-bg-strong: #111111;
   --switch-colors-dark-bg-subtle: #3F3F3F;
   --switch-colors-dark-border-default: #FFFFFF;
-  --switch-colors-dark-border-disabled: #686868;
+  --switch-colors-dark-border-disabled: #808080;
   --switch-colors-dark-border-strong: #F3F3F3;
   --switch-colors-dark-fg-default: #EBF304;
   --switch-colors-dark-fg-disabled: #9C9C9C;
@@ -1153,6 +1221,9 @@
   --switch-box-shadow-02: 0 0 0 2px #fd51ff;
   --switch-gap-s: 8px;
   --switch-gap-m: 12px;
+  --switch-type-label-s: 700 14px/1 Non-Dottee;
+  --switch-type-label-m: 700 16px/1 Non-Dottee;
+  --switch-type-label-l: 700 20px/1 Non-Dottee;
   --sem-font-family-heading: Non-Dottee;
   --sem-font-family-body: Non-Dottee;
   --sem-font-family-interface: Non-Dottee;
@@ -1177,7 +1248,7 @@
   --sem-type-interface-reg-s: 400 14px/14px Non-Dottee;
   --sem-type-interface-reg-m: 400 16px/16px Non-Dottee;
   --sem-type-interface-reg-l: 400 20px/20px Non-Dottee;
-  --sem-type-interface-semi-xs: 700 16px/12px Non-Dottee;
+  --sem-type-interface-semi-xs: 700 12px/12px Non-Dottee;
   --sem-type-interface-semi-s: 700 14px/14px Non-Dottee;
   --sem-type-interface-semi-m: 700 16px/16px Non-Dottee;
   --sem-type-interface-semi-l: 700 20px/20px Non-Dottee;
@@ -1238,10 +1309,10 @@
   --sem-type-desktop-bold-xxxl: 700 120px/136px Non-Dottee;
   --sem-type-label-reg-xxs: 400 14px/20px Non-Dottee;
   --sem-type-label-reg-xs: 400 14px/20px Non-Dottee;
-  --sem-type-label-reg-l: 700 20px/26px Non-Dottee;
   --sem-type-label-reg-m: 700 16px/24px Non-Dottee;
+  --sem-type-label-reg-l: 700 20px/26px Non-Dottee;
   --sem-type-label-reg-xl: 400 20px/26px Non-Dottee;
-  --sem-type-label-reg-s: 400 14px/20px Non-Dottee;
+  --sem-type-label-reg-s: 700 14px/20px Non-Dottee;
   --sem-font-size-75: 12px;
   --sem-font-size-87: 14px;
   --sem-font-size-100: 16px;
@@ -1334,8 +1405,8 @@
   --sem-size-all-220: 591px;
   --sem-size-all-230: 800px;
   --sem-size-all-240: 800px;
-  --sem-size-breakpoints-xs: 320px; /* Extra Small (XS) - 320px or under 576px: This is typically the breakpoint for smartphones in portrait mode. */
-  --sem-size-breakpoints-s: 576px; /* Small (SM) - 576px to 767px: This is often used for smartphones in landscape mode and small tablets. */
+  --sem-size-breakpoints-xs: 320px; /* Extra Small (XS) - 320px or under 636px: This is typically the breakpoint for smartphones in portrait mode. */
+  --sem-size-breakpoints-s: 636px; /* Small (SM) - 636px to 767px: This is often used for smartphones in landscape mode and small tablets. */
   --sem-size-breakpoints-m: 768px; /* Medium (MD) - 768px to 991px: This is commonly used for larger tablets and smaller desktop screens. */
   --sem-size-breakpoints-l: 1024px; /* Large (LG) - 1024px - 1279px: This breakpoint is often applied to larger desktop screens and some laptops. */
   --sem-size-breakpoints-xl: 1280px; /* Extra Large (XL) - 1280px and above: This breakpoint is used for very large desktop screens. */
@@ -1653,12 +1724,6 @@
   --sem-color-overlay-flat-brand: rgba(85,20,180,0.5);
   --sem-inner-shadow-01: inset 0 1px 0 0 #c8c8c8;
   --sem-inner-shadow-02: inset 0 1px 0 0 #c8c8c8;
-  --sem-box-shadow-01: 0 2px 6px 2px rgba( 0, 0, 0 , 0.25);
-  --sem-box-shadow-02: -8px 8px 36px 0 rgba( 0, 0, 0 , 0.25);
-  --sem-box-shadow-03: 0 2px 6px 2px rgba( 0, 0, 0 , 0.9 );
-  --sem-box-shadow-04: -8px 8px 36px 0 rgba( 0, 0, 0 , 0.9);
-  --sem-box-shadow-05: 0 0 0 2px #8449cc;
-  --sem-box-shadow-06: 0 0 0 2px #fd51ff;
   --sem-underline: underline;
   --sem-line-through: line-through;
   --sem-scale-modifier-1: 4px;