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

package/dist/scss/index.scss

@@ -1,10 +1,10 @@
 
 // Do not edit directly
-// Generated on Wed, 18 Sep 2024 11:12:50 GMT
+// Generated on Fri, 25 Oct 2024 08:32:15 GMT
 
 $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;
@@ -16,12 +16,13 @@ $card-colors-light-text-hover: #001318;
 $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;
@@ -32,7 +33,8 @@ $card-gap-s: 16px;
 $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;
@@ -232,17 +234,18 @@ $filter-colors-light-bg-selected: #111111;
 $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;
@@ -254,11 +257,13 @@ $content-switcher-gap-m: 6px;
 $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;
@@ -290,6 +295,26 @@ $content-switcher-colors-dark-text-hover: #F8FF19;
 $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;
@@ -316,13 +341,15 @@ $disclosure-mini-padding-s: 28px;
 $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;
@@ -332,13 +359,16 @@ $disclosure-colors-light-border-subtle: #BBBBBB;
 $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;
@@ -348,9 +378,9 @@ $avatar-size-icon-m: 24px;
 $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;
@@ -394,7 +424,7 @@ $button-gap-xs: 2px;
 $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;
@@ -409,7 +439,7 @@ $button-size-icon-l: 24px;
 $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;
@@ -425,21 +455,21 @@ $button-colors-light-text-hover: #001318;
 $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;
@@ -508,10 +538,10 @@ $button-v2-colors-dark-border-default: #FFFFFF;
 $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;
@@ -520,10 +550,10 @@ $button-v2-colors-dark-status-text-default: #FFFFFF;
 $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%);
@@ -651,6 +681,11 @@ $backtotop-colors-dark-fg-default: #2B2B2B;
 $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;
@@ -678,7 +713,7 @@ $logos-colors-light-fg-variant: linear-gradient(90deg, #5514b4 8.33%, #7e2ec6 10
 $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;
@@ -693,17 +728,17 @@ $tag-padding-s: 8px;
 $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;
@@ -711,7 +746,6 @@ $alert-padding-m: 10px;
 $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;
@@ -736,6 +770,7 @@ $alert-size-icon-s: 24px;
 $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;
@@ -755,7 +790,7 @@ $stepper-padding-s: 16px;
 $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;
@@ -765,15 +800,17 @@ $stepper-colors-light-border-default: #111111;
 $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;
@@ -798,9 +835,17 @@ $stepper-colors-dark-text-hover: #F8FF19;
 $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;
@@ -813,7 +858,7 @@ $toast-colors-status-light-border-error: #FF8883;
 $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;
@@ -829,9 +874,10 @@ $toast-colors-status-dark-border-warning: #FEDDA4;
 $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;
@@ -895,14 +941,14 @@ $date-picker-colors-light-bg-default-alt: #FFFFFF;
 $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;
@@ -913,7 +959,7 @@ $date-picker-colors-light-fg-error: #D20007;
 $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;
@@ -923,6 +969,12 @@ $date-picker-gap-l: 40px;
 $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;
@@ -944,14 +996,14 @@ $select-size-icon-m: 20px;
 $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;
@@ -984,6 +1036,9 @@ $select-colors-dark-fg-error: #FF8883;
 $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;
@@ -1010,16 +1065,20 @@ $checkbox-colors-dark-bg-default-alt: #111111;
 $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;
@@ -1027,13 +1086,13 @@ $textarea-gap-s: 4px;
 $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;
@@ -1055,6 +1114,9 @@ $textarea-colors-dark-border-error: #FF8883;
 $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;
@@ -1072,12 +1134,12 @@ $textinput-border-weight-l: 4px;
 $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;
@@ -1098,6 +1160,9 @@ $textinput-colors-dark-text-disabled: #9C9C9C;
 $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;
@@ -1114,33 +1179,36 @@ $radio-colors-light-fg-disabled: #686868;
 $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;
@@ -1151,6 +1219,9 @@ $switch-box-shadow-01: 0 0 0 2px #8449cc;
 $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;
@@ -1175,7 +1246,7 @@ $sem-type-interface-reg-xs: 400 12px/12px Non-Dottee;
 $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;
@@ -1236,10 +1307,10 @@ $sem-type-desktop-bold-xxl: 700 80px/96px Non-Dottee;
 $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;
@@ -1332,8 +1403,8 @@ $sem-size-all-210: 472px;
 $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.
@@ -1651,12 +1722,6 @@ $sem-color-overlay-flat-light: rgba(255,255,255,0.5);
 $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;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arc-ui/tokens-ee",
-  "version": "12.0.0-beta.6",
+  "version": "12.0.0-beta7",
   "homepage": "https://ui.digital-ent-int.bt.com",
   "author": "BT Business Digital UI Team <ui-digital-ent-int@bt.com>",
   "main": "dist/index.cjs.js",
@@ -21,7 +21,7 @@
     "rollup-plugin-copy": "^3.4.0",
     "rollup-plugin-ts": "^3.0.2",
     "typescript": "^4.0.2",
-    "@arc-ui/tokens-figma": "^12.0.0-beta.6"
+    "@arc-ui/tokens-figma": "^12.0.0-beta7"
   },
   "scripts": {
     "build": "rimraf dist scss web json && build-tokens --brand=ee && rollup -c rollup.config.js",