@momentum-design/tokens 0.13.0 → 0.14.0

package/dist/css/components/complete.css

@@ -421,6 +421,47 @@
   --mds-color-theme-focus-default-0: #000000;
   --mds-color-theme-focus-default-1: #64b4fa;
   --mds-color-theme-focus-default-2: #64b4fa59;
+  --mds-spacing-theme-pad-none: 0;
+  --mds-spacing-theme-pad-v-xs: 0.5rem;
+  --mds-spacing-theme-pad-v-sm: 0.75rem;
+  --mds-spacing-theme-pad-v-md: 1rem;
+  --mds-spacing-theme-pad-v-lg: 1.5rem;
+  --mds-spacing-theme-pad-v-xl: 2rem;
+  --mds-spacing-theme-pad-h-xs: 0.5rem;
+  --mds-spacing-theme-pad-h-sm: 0.75rem;
+  --mds-spacing-theme-pad-h-md: 1rem;
+  --mds-spacing-theme-pad-h-lg: 1.5rem;
+  --mds-spacing-theme-pad-h-xl: 2rem;
+  --mds-spacing-theme-gap-none: 0;
+  --mds-spacing-theme-gap-ultra-tight: 0.25rem;
+  --mds-spacing-theme-gap-tight: 0.5rem;
+  --mds-spacing-theme-gap-wide: 1rem;
+  --mds-spacing-theme-gap-loose: 1.5rem;
+  --mds-spacing-theme-gap-ultraloose: 2rem;
+  --mds-border-theme-default: 1px;
+  --mds-border-theme-emphasis: 0.125rem;
+  --mds-radius-theme-none: 0;
+  --mds-radius-theme-subtle: 0.125rem;
+  --mds-radius-theme-small: 0.25rem;
+  --mds-radius-theme-medium: 0.5rem;
+  --mds-radius-theme-large: 0.75rem;
+  --mds-radius-theme-pill: 1.25rem;
+  --mds-radius-theme-full: 50%;
+  --mds-size-theme-sm-4: 0.25rem;
+  --mds-size-theme-sm-8: 0.5rem;
+  --mds-size-theme-sm-12: 0.75rem;
+  --mds-size-theme-md-16: 1rem;
+  --mds-size-theme-md-20: 1.25rem;
+  --mds-size-theme-md-24: 1.5rem;
+  --mds-size-theme-md-28: 1.75rem;
+  --mds-size-theme-md-32: 2rem;
+  --mds-size-theme-lg-40: 2.5rem;
+  --mds-size-theme-lg-52: 3.25rem;
+  --mds-size-theme-lg-64: 4rem;
+  --mds-size-theme-xl-72: 4.5rem;
+  --mds-size-theme-xl-88: 5.5rem;
+  --mds-size-theme-xl-100: 6.25rem;
+  --mds-size-theme-xl-124: 7.75rem;
 }
 .mds-theme-stable-darkBronzeWebex {
   --mds-color-theme-text-primary-normal: #fffffff2;
@@ -845,6 +886,47 @@
   --mds-color-theme-focus-default-0: #000000;
   --mds-color-theme-focus-default-1: #64b4fa;
   --mds-color-theme-focus-default-2: #64b4fa59;
+  --mds-spacing-theme-pad-none: 0;
+  --mds-spacing-theme-pad-v-xs: 0.5rem;
+  --mds-spacing-theme-pad-v-sm: 0.75rem;
+  --mds-spacing-theme-pad-v-md: 1rem;
+  --mds-spacing-theme-pad-v-lg: 1.5rem;
+  --mds-spacing-theme-pad-v-xl: 2rem;
+  --mds-spacing-theme-pad-h-xs: 0.5rem;
+  --mds-spacing-theme-pad-h-sm: 0.75rem;
+  --mds-spacing-theme-pad-h-md: 1rem;
+  --mds-spacing-theme-pad-h-lg: 1.5rem;
+  --mds-spacing-theme-pad-h-xl: 2rem;
+  --mds-spacing-theme-gap-none: 0;
+  --mds-spacing-theme-gap-ultra-tight: 0.25rem;
+  --mds-spacing-theme-gap-tight: 0.5rem;
+  --mds-spacing-theme-gap-wide: 1rem;
+  --mds-spacing-theme-gap-loose: 1.5rem;
+  --mds-spacing-theme-gap-ultraloose: 2rem;
+  --mds-border-theme-default: 1px;
+  --mds-border-theme-emphasis: 0.125rem;
+  --mds-radius-theme-none: 0;
+  --mds-radius-theme-subtle: 0.125rem;
+  --mds-radius-theme-small: 0.25rem;
+  --mds-radius-theme-medium: 0.5rem;
+  --mds-radius-theme-large: 0.75rem;
+  --mds-radius-theme-pill: 1.25rem;
+  --mds-radius-theme-full: 50%;
+  --mds-size-theme-sm-4: 0.25rem;
+  --mds-size-theme-sm-8: 0.5rem;
+  --mds-size-theme-sm-12: 0.75rem;
+  --mds-size-theme-md-16: 1rem;
+  --mds-size-theme-md-20: 1.25rem;
+  --mds-size-theme-md-24: 1.5rem;
+  --mds-size-theme-md-28: 1.75rem;
+  --mds-size-theme-md-32: 2rem;
+  --mds-size-theme-lg-40: 2.5rem;
+  --mds-size-theme-lg-52: 3.25rem;
+  --mds-size-theme-lg-64: 4rem;
+  --mds-size-theme-xl-72: 4.5rem;
+  --mds-size-theme-xl-88: 5.5rem;
+  --mds-size-theme-xl-100: 6.25rem;
+  --mds-size-theme-xl-124: 7.75rem;
 }
 .mds-theme-stable-darkIndigoWebex {
   --mds-color-theme-text-primary-normal: #fffffff2;
@@ -1269,6 +1351,47 @@
   --mds-color-theme-focus-default-0: #000000;
   --mds-color-theme-focus-default-1: #64b4fa;
   --mds-color-theme-focus-default-2: #64b4fa59;
+  --mds-spacing-theme-pad-none: 0;
+  --mds-spacing-theme-pad-v-xs: 0.5rem;
+  --mds-spacing-theme-pad-v-sm: 0.75rem;
+  --mds-spacing-theme-pad-v-md: 1rem;
+  --mds-spacing-theme-pad-v-lg: 1.5rem;
+  --mds-spacing-theme-pad-v-xl: 2rem;
+  --mds-spacing-theme-pad-h-xs: 0.5rem;
+  --mds-spacing-theme-pad-h-sm: 0.75rem;
+  --mds-spacing-theme-pad-h-md: 1rem;
+  --mds-spacing-theme-pad-h-lg: 1.5rem;
+  --mds-spacing-theme-pad-h-xl: 2rem;
+  --mds-spacing-theme-gap-none: 0;
+  --mds-spacing-theme-gap-ultra-tight: 0.25rem;
+  --mds-spacing-theme-gap-tight: 0.5rem;
+  --mds-spacing-theme-gap-wide: 1rem;
+  --mds-spacing-theme-gap-loose: 1.5rem;
+  --mds-spacing-theme-gap-ultraloose: 2rem;
+  --mds-border-theme-default: 1px;
+  --mds-border-theme-emphasis: 0.125rem;
+  --mds-radius-theme-none: 0;
+  --mds-radius-theme-subtle: 0.125rem;
+  --mds-radius-theme-small: 0.25rem;
+  --mds-radius-theme-medium: 0.5rem;
+  --mds-radius-theme-large: 0.75rem;
+  --mds-radius-theme-pill: 1.25rem;
+  --mds-radius-theme-full: 50%;
+  --mds-size-theme-sm-4: 0.25rem;
+  --mds-size-theme-sm-8: 0.5rem;
+  --mds-size-theme-sm-12: 0.75rem;
+  --mds-size-theme-md-16: 1rem;
+  --mds-size-theme-md-20: 1.25rem;
+  --mds-size-theme-md-24: 1.5rem;
+  --mds-size-theme-md-28: 1.75rem;
+  --mds-size-theme-md-32: 2rem;
+  --mds-size-theme-lg-40: 2.5rem;
+  --mds-size-theme-lg-52: 3.25rem;
+  --mds-size-theme-lg-64: 4rem;
+  --mds-size-theme-xl-72: 4.5rem;
+  --mds-size-theme-xl-88: 5.5rem;
+  --mds-size-theme-xl-100: 6.25rem;
+  --mds-size-theme-xl-124: 7.75rem;
 }
 .mds-theme-stable-darkJadeWebex {
   --mds-color-theme-text-primary-normal: #fffffff2;
@@ -1693,6 +1816,47 @@
   --mds-color-theme-focus-default-0: #000000;
   --mds-color-theme-focus-default-1: #64b4fa;
   --mds-color-theme-focus-default-2: #64b4fa59;
+  --mds-spacing-theme-pad-none: 0;
+  --mds-spacing-theme-pad-v-xs: 0.5rem;
+  --mds-spacing-theme-pad-v-sm: 0.75rem;
+  --mds-spacing-theme-pad-v-md: 1rem;
+  --mds-spacing-theme-pad-v-lg: 1.5rem;
+  --mds-spacing-theme-pad-v-xl: 2rem;
+  --mds-spacing-theme-pad-h-xs: 0.5rem;
+  --mds-spacing-theme-pad-h-sm: 0.75rem;
+  --mds-spacing-theme-pad-h-md: 1rem;
+  --mds-spacing-theme-pad-h-lg: 1.5rem;
+  --mds-spacing-theme-pad-h-xl: 2rem;
+  --mds-spacing-theme-gap-none: 0;
+  --mds-spacing-theme-gap-ultra-tight: 0.25rem;
+  --mds-spacing-theme-gap-tight: 0.5rem;
+  --mds-spacing-theme-gap-wide: 1rem;
+  --mds-spacing-theme-gap-loose: 1.5rem;
+  --mds-spacing-theme-gap-ultraloose: 2rem;
+  --mds-border-theme-default: 1px;
+  --mds-border-theme-emphasis: 0.125rem;
+  --mds-radius-theme-none: 0;
+  --mds-radius-theme-subtle: 0.125rem;
+  --mds-radius-theme-small: 0.25rem;
+  --mds-radius-theme-medium: 0.5rem;
+  --mds-radius-theme-large: 0.75rem;
+  --mds-radius-theme-pill: 1.25rem;
+  --mds-radius-theme-full: 50%;
+  --mds-size-theme-sm-4: 0.25rem;
+  --mds-size-theme-sm-8: 0.5rem;
+  --mds-size-theme-sm-12: 0.75rem;
+  --mds-size-theme-md-16: 1rem;
+  --mds-size-theme-md-20: 1.25rem;
+  --mds-size-theme-md-24: 1.5rem;
+  --mds-size-theme-md-28: 1.75rem;
+  --mds-size-theme-md-32: 2rem;
+  --mds-size-theme-lg-40: 2.5rem;
+  --mds-size-theme-lg-52: 3.25rem;
+  --mds-size-theme-lg-64: 4rem;
+  --mds-size-theme-xl-72: 4.5rem;
+  --mds-size-theme-xl-88: 5.5rem;
+  --mds-size-theme-xl-100: 6.25rem;
+  --mds-size-theme-xl-124: 7.75rem;
 }
 .mds-theme-stable-darkLavenderWebex {
   --mds-color-theme-text-primary-normal: #fffffff2;
@@ -2117,6 +2281,47 @@
   --mds-color-theme-focus-default-0: #000000;
   --mds-color-theme-focus-default-1: #64b4fa;
   --mds-color-theme-focus-default-2: #64b4fa59;
+  --mds-spacing-theme-pad-none: 0;
+  --mds-spacing-theme-pad-v-xs: 0.5rem;
+  --mds-spacing-theme-pad-v-sm: 0.75rem;
+  --mds-spacing-theme-pad-v-md: 1rem;
+  --mds-spacing-theme-pad-v-lg: 1.5rem;
+  --mds-spacing-theme-pad-v-xl: 2rem;
+  --mds-spacing-theme-pad-h-xs: 0.5rem;
+  --mds-spacing-theme-pad-h-sm: 0.75rem;
+  --mds-spacing-theme-pad-h-md: 1rem;
+  --mds-spacing-theme-pad-h-lg: 1.5rem;
+  --mds-spacing-theme-pad-h-xl: 2rem;
+  --mds-spacing-theme-gap-none: 0;
+  --mds-spacing-theme-gap-ultra-tight: 0.25rem;
+  --mds-spacing-theme-gap-tight: 0.5rem;
+  --mds-spacing-theme-gap-wide: 1rem;
+  --mds-spacing-theme-gap-loose: 1.5rem;
+  --mds-spacing-theme-gap-ultraloose: 2rem;
+  --mds-border-theme-default: 1px;
+  --mds-border-theme-emphasis: 0.125rem;
+  --mds-radius-theme-none: 0;
+  --mds-radius-theme-subtle: 0.125rem;
+  --mds-radius-theme-small: 0.25rem;
+  --mds-radius-theme-medium: 0.5rem;
+  --mds-radius-theme-large: 0.75rem;
+  --mds-radius-theme-pill: 1.25rem;
+  --mds-radius-theme-full: 50%;
+  --mds-size-theme-sm-4: 0.25rem;
+  --mds-size-theme-sm-8: 0.5rem;
+  --mds-size-theme-sm-12: 0.75rem;
+  --mds-size-theme-md-16: 1rem;
+  --mds-size-theme-md-20: 1.25rem;
+  --mds-size-theme-md-24: 1.5rem;
+  --mds-size-theme-md-28: 1.75rem;
+  --mds-size-theme-md-32: 2rem;
+  --mds-size-theme-lg-40: 2.5rem;
+  --mds-size-theme-lg-52: 3.25rem;
+  --mds-size-theme-lg-64: 4rem;
+  --mds-size-theme-xl-72: 4.5rem;
+  --mds-size-theme-xl-88: 5.5rem;
+  --mds-size-theme-xl-100: 6.25rem;
+  --mds-size-theme-xl-124: 7.75rem;
 }
 .mds-theme-stable-darkRoseWebex {
   --mds-color-theme-text-primary-normal: #fffffff2;
@@ -2541,6 +2746,47 @@
   --mds-color-theme-focus-default-0: #000000;
   --mds-color-theme-focus-default-1: #64b4fa;
   --mds-color-theme-focus-default-2: #64b4fa59;
+  --mds-spacing-theme-pad-none: 0;
+  --mds-spacing-theme-pad-v-xs: 0.5rem;
+  --mds-spacing-theme-pad-v-sm: 0.75rem;
+  --mds-spacing-theme-pad-v-md: 1rem;
+  --mds-spacing-theme-pad-v-lg: 1.5rem;
+  --mds-spacing-theme-pad-v-xl: 2rem;
+  --mds-spacing-theme-pad-h-xs: 0.5rem;
+  --mds-spacing-theme-pad-h-sm: 0.75rem;
+  --mds-spacing-theme-pad-h-md: 1rem;
+  --mds-spacing-theme-pad-h-lg: 1.5rem;
+  --mds-spacing-theme-pad-h-xl: 2rem;
+  --mds-spacing-theme-gap-none: 0;
+  --mds-spacing-theme-gap-ultra-tight: 0.25rem;
+  --mds-spacing-theme-gap-tight: 0.5rem;
+  --mds-spacing-theme-gap-wide: 1rem;
+  --mds-spacing-theme-gap-loose: 1.5rem;
+  --mds-spacing-theme-gap-ultraloose: 2rem;
+  --mds-border-theme-default: 1px;
+  --mds-border-theme-emphasis: 0.125rem;
+  --mds-radius-theme-none: 0;
+  --mds-radius-theme-subtle: 0.125rem;
+  --mds-radius-theme-small: 0.25rem;
+  --mds-radius-theme-medium: 0.5rem;
+  --mds-radius-theme-large: 0.75rem;
+  --mds-radius-theme-pill: 1.25rem;
+  --mds-radius-theme-full: 50%;
+  --mds-size-theme-sm-4: 0.25rem;
+  --mds-size-theme-sm-8: 0.5rem;
+  --mds-size-theme-sm-12: 0.75rem;
+  --mds-size-theme-md-16: 1rem;
+  --mds-size-theme-md-20: 1.25rem;
+  --mds-size-theme-md-24: 1.5rem;
+  --mds-size-theme-md-28: 1.75rem;
+  --mds-size-theme-md-32: 2rem;
+  --mds-size-theme-lg-40: 2.5rem;
+  --mds-size-theme-lg-52: 3.25rem;
+  --mds-size-theme-lg-64: 4rem;
+  --mds-size-theme-xl-72: 4.5rem;
+  --mds-size-theme-xl-88: 5.5rem;
+  --mds-size-theme-xl-100: 6.25rem;
+  --mds-size-theme-xl-124: 7.75rem;
 }
 .mds-theme-stable-lightWebex {
   --mds-color-theme-text-primary-normal: #000000f2;
@@ -2965,6 +3211,47 @@
   --mds-color-theme-focus-default-0: #ffffff;
   --mds-color-theme-focus-default-1: #1170cf;
   --mds-color-theme-focus-default-2: #1170cf59;
+  --mds-spacing-theme-pad-none: 0;
+  --mds-spacing-theme-pad-v-xs: 0.5rem;
+  --mds-spacing-theme-pad-v-sm: 0.75rem;
+  --mds-spacing-theme-pad-v-md: 1rem;
+  --mds-spacing-theme-pad-v-lg: 1.5rem;
+  --mds-spacing-theme-pad-v-xl: 2rem;
+  --mds-spacing-theme-pad-h-xs: 0.5rem;
+  --mds-spacing-theme-pad-h-sm: 0.75rem;
+  --mds-spacing-theme-pad-h-md: 1rem;
+  --mds-spacing-theme-pad-h-lg: 1.5rem;
+  --mds-spacing-theme-pad-h-xl: 2rem;
+  --mds-spacing-theme-gap-none: 0;
+  --mds-spacing-theme-gap-ultra-tight: 0.25rem;
+  --mds-spacing-theme-gap-tight: 0.5rem;
+  --mds-spacing-theme-gap-wide: 1rem;
+  --mds-spacing-theme-gap-loose: 1.5rem;
+  --mds-spacing-theme-gap-ultraloose: 2rem;
+  --mds-border-theme-default: 1px;
+  --mds-border-theme-emphasis: 0.125rem;
+  --mds-radius-theme-none: 0;
+  --mds-radius-theme-subtle: 0.125rem;
+  --mds-radius-theme-small: 0.25rem;
+  --mds-radius-theme-medium: 0.5rem;
+  --mds-radius-theme-large: 0.75rem;
+  --mds-radius-theme-pill: 1.25rem;
+  --mds-radius-theme-full: 50%;
+  --mds-size-theme-sm-4: 0.25rem;
+  --mds-size-theme-sm-8: 0.5rem;
+  --mds-size-theme-sm-12: 0.75rem;
+  --mds-size-theme-md-16: 1rem;
+  --mds-size-theme-md-20: 1.25rem;
+  --mds-size-theme-md-24: 1.5rem;
+  --mds-size-theme-md-28: 1.75rem;
+  --mds-size-theme-md-32: 2rem;
+  --mds-size-theme-lg-40: 2.5rem;
+  --mds-size-theme-lg-52: 3.25rem;
+  --mds-size-theme-lg-64: 4rem;
+  --mds-size-theme-xl-72: 4.5rem;
+  --mds-size-theme-xl-88: 5.5rem;
+  --mds-size-theme-xl-100: 6.25rem;
+  --mds-size-theme-xl-124: 7.75rem;
 }
 .mds-theme-stable-lightBronzeWebex {
   --mds-color-theme-text-primary-normal: #000000f2;
@@ -3389,6 +3676,47 @@
   --mds-color-theme-focus-default-0: #ffffff;
   --mds-color-theme-focus-default-1: #1170cf;
   --mds-color-theme-focus-default-2: #1170cf59;
+  --mds-spacing-theme-pad-none: 0;
+  --mds-spacing-theme-pad-v-xs: 0.5rem;
+  --mds-spacing-theme-pad-v-sm: 0.75rem;
+  --mds-spacing-theme-pad-v-md: 1rem;
+  --mds-spacing-theme-pad-v-lg: 1.5rem;
+  --mds-spacing-theme-pad-v-xl: 2rem;
+  --mds-spacing-theme-pad-h-xs: 0.5rem;
+  --mds-spacing-theme-pad-h-sm: 0.75rem;
+  --mds-spacing-theme-pad-h-md: 1rem;
+  --mds-spacing-theme-pad-h-lg: 1.5rem;
+  --mds-spacing-theme-pad-h-xl: 2rem;
+  --mds-spacing-theme-gap-none: 0;
+  --mds-spacing-theme-gap-ultra-tight: 0.25rem;
+  --mds-spacing-theme-gap-tight: 0.5rem;
+  --mds-spacing-theme-gap-wide: 1rem;
+  --mds-spacing-theme-gap-loose: 1.5rem;
+  --mds-spacing-theme-gap-ultraloose: 2rem;
+  --mds-border-theme-default: 1px;
+  --mds-border-theme-emphasis: 0.125rem;
+  --mds-radius-theme-none: 0;
+  --mds-radius-theme-subtle: 0.125rem;
+  --mds-radius-theme-small: 0.25rem;
+  --mds-radius-theme-medium: 0.5rem;
+  --mds-radius-theme-large: 0.75rem;
+  --mds-radius-theme-pill: 1.25rem;
+  --mds-radius-theme-full: 50%;
+  --mds-size-theme-sm-4: 0.25rem;
+  --mds-size-theme-sm-8: 0.5rem;
+  --mds-size-theme-sm-12: 0.75rem;
+  --mds-size-theme-md-16: 1rem;
+  --mds-size-theme-md-20: 1.25rem;
+  --mds-size-theme-md-24: 1.5rem;
+  --mds-size-theme-md-28: 1.75rem;
+  --mds-size-theme-md-32: 2rem;
+  --mds-size-theme-lg-40: 2.5rem;
+  --mds-size-theme-lg-52: 3.25rem;
+  --mds-size-theme-lg-64: 4rem;
+  --mds-size-theme-xl-72: 4.5rem;
+  --mds-size-theme-xl-88: 5.5rem;
+  --mds-size-theme-xl-100: 6.25rem;
+  --mds-size-theme-xl-124: 7.75rem;
 }
 .mds-theme-stable-lightIndigoWebex {
   --mds-color-theme-text-primary-normal: #000000f2;
@@ -3813,6 +4141,47 @@
   --mds-color-theme-focus-default-0: #ffffff;
   --mds-color-theme-focus-default-1: #1170cf;
   --mds-color-theme-focus-default-2: #1170cf59;
+  --mds-spacing-theme-pad-none: 0;
+  --mds-spacing-theme-pad-v-xs: 0.5rem;
+  --mds-spacing-theme-pad-v-sm: 0.75rem;
+  --mds-spacing-theme-pad-v-md: 1rem;
+  --mds-spacing-theme-pad-v-lg: 1.5rem;
+  --mds-spacing-theme-pad-v-xl: 2rem;
+  --mds-spacing-theme-pad-h-xs: 0.5rem;
+  --mds-spacing-theme-pad-h-sm: 0.75rem;
+  --mds-spacing-theme-pad-h-md: 1rem;
+  --mds-spacing-theme-pad-h-lg: 1.5rem;
+  --mds-spacing-theme-pad-h-xl: 2rem;
+  --mds-spacing-theme-gap-none: 0;
+  --mds-spacing-theme-gap-ultra-tight: 0.25rem;
+  --mds-spacing-theme-gap-tight: 0.5rem;
+  --mds-spacing-theme-gap-wide: 1rem;
+  --mds-spacing-theme-gap-loose: 1.5rem;
+  --mds-spacing-theme-gap-ultraloose: 2rem;
+  --mds-border-theme-default: 1px;
+  --mds-border-theme-emphasis: 0.125rem;
+  --mds-radius-theme-none: 0;
+  --mds-radius-theme-subtle: 0.125rem;
+  --mds-radius-theme-small: 0.25rem;
+  --mds-radius-theme-medium: 0.5rem;
+  --mds-radius-theme-large: 0.75rem;
+  --mds-radius-theme-pill: 1.25rem;
+  --mds-radius-theme-full: 50%;
+  --mds-size-theme-sm-4: 0.25rem;
+  --mds-size-theme-sm-8: 0.5rem;
+  --mds-size-theme-sm-12: 0.75rem;
+  --mds-size-theme-md-16: 1rem;
+  --mds-size-theme-md-20: 1.25rem;
+  --mds-size-theme-md-24: 1.5rem;
+  --mds-size-theme-md-28: 1.75rem;
+  --mds-size-theme-md-32: 2rem;
+  --mds-size-theme-lg-40: 2.5rem;
+  --mds-size-theme-lg-52: 3.25rem;
+  --mds-size-theme-lg-64: 4rem;
+  --mds-size-theme-xl-72: 4.5rem;
+  --mds-size-theme-xl-88: 5.5rem;
+  --mds-size-theme-xl-100: 6.25rem;
+  --mds-size-theme-xl-124: 7.75rem;
 }
 .mds-theme-stable-lightJadeWebex {
   --mds-color-theme-text-primary-normal: #000000f2;
@@ -4237,6 +4606,47 @@
   --mds-color-theme-focus-default-0: #ffffff;
   --mds-color-theme-focus-default-1: #1170cf;
   --mds-color-theme-focus-default-2: #1170cf59;
+  --mds-spacing-theme-pad-none: 0;
+  --mds-spacing-theme-pad-v-xs: 0.5rem;
+  --mds-spacing-theme-pad-v-sm: 0.75rem;
+  --mds-spacing-theme-pad-v-md: 1rem;
+  --mds-spacing-theme-pad-v-lg: 1.5rem;
+  --mds-spacing-theme-pad-v-xl: 2rem;
+  --mds-spacing-theme-pad-h-xs: 0.5rem;
+  --mds-spacing-theme-pad-h-sm: 0.75rem;
+  --mds-spacing-theme-pad-h-md: 1rem;
+  --mds-spacing-theme-pad-h-lg: 1.5rem;
+  --mds-spacing-theme-pad-h-xl: 2rem;
+  --mds-spacing-theme-gap-none: 0;
+  --mds-spacing-theme-gap-ultra-tight: 0.25rem;
+  --mds-spacing-theme-gap-tight: 0.5rem;
+  --mds-spacing-theme-gap-wide: 1rem;
+  --mds-spacing-theme-gap-loose: 1.5rem;
+  --mds-spacing-theme-gap-ultraloose: 2rem;
+  --mds-border-theme-default: 1px;
+  --mds-border-theme-emphasis: 0.125rem;
+  --mds-radius-theme-none: 0;
+  --mds-radius-theme-subtle: 0.125rem;
+  --mds-radius-theme-small: 0.25rem;
+  --mds-radius-theme-medium: 0.5rem;
+  --mds-radius-theme-large: 0.75rem;
+  --mds-radius-theme-pill: 1.25rem;
+  --mds-radius-theme-full: 50%;
+  --mds-size-theme-sm-4: 0.25rem;
+  --mds-size-theme-sm-8: 0.5rem;
+  --mds-size-theme-sm-12: 0.75rem;
+  --mds-size-theme-md-16: 1rem;
+  --mds-size-theme-md-20: 1.25rem;
+  --mds-size-theme-md-24: 1.5rem;
+  --mds-size-theme-md-28: 1.75rem;
+  --mds-size-theme-md-32: 2rem;
+  --mds-size-theme-lg-40: 2.5rem;
+  --mds-size-theme-lg-52: 3.25rem;
+  --mds-size-theme-lg-64: 4rem;
+  --mds-size-theme-xl-72: 4.5rem;
+  --mds-size-theme-xl-88: 5.5rem;
+  --mds-size-theme-xl-100: 6.25rem;
+  --mds-size-theme-xl-124: 7.75rem;
 }
 .mds-theme-stable-lightLavenderWebex {
   --mds-color-theme-text-primary-normal: #000000f2;
@@ -4661,6 +5071,47 @@
   --mds-color-theme-focus-default-0: #ffffff;
   --mds-color-theme-focus-default-1: #1170cf;
   --mds-color-theme-focus-default-2: #1170cf59;
+  --mds-spacing-theme-pad-none: 0;
+  --mds-spacing-theme-pad-v-xs: 0.5rem;
+  --mds-spacing-theme-pad-v-sm: 0.75rem;
+  --mds-spacing-theme-pad-v-md: 1rem;
+  --mds-spacing-theme-pad-v-lg: 1.5rem;
+  --mds-spacing-theme-pad-v-xl: 2rem;
+  --mds-spacing-theme-pad-h-xs: 0.5rem;
+  --mds-spacing-theme-pad-h-sm: 0.75rem;
+  --mds-spacing-theme-pad-h-md: 1rem;
+  --mds-spacing-theme-pad-h-lg: 1.5rem;
+  --mds-spacing-theme-pad-h-xl: 2rem;
+  --mds-spacing-theme-gap-none: 0;
+  --mds-spacing-theme-gap-ultra-tight: 0.25rem;
+  --mds-spacing-theme-gap-tight: 0.5rem;
+  --mds-spacing-theme-gap-wide: 1rem;
+  --mds-spacing-theme-gap-loose: 1.5rem;
+  --mds-spacing-theme-gap-ultraloose: 2rem;
+  --mds-border-theme-default: 1px;
+  --mds-border-theme-emphasis: 0.125rem;
+  --mds-radius-theme-none: 0;
+  --mds-radius-theme-subtle: 0.125rem;
+  --mds-radius-theme-small: 0.25rem;
+  --mds-radius-theme-medium: 0.5rem;
+  --mds-radius-theme-large: 0.75rem;
+  --mds-radius-theme-pill: 1.25rem;
+  --mds-radius-theme-full: 50%;
+  --mds-size-theme-sm-4: 0.25rem;
+  --mds-size-theme-sm-8: 0.5rem;
+  --mds-size-theme-sm-12: 0.75rem;
+  --mds-size-theme-md-16: 1rem;
+  --mds-size-theme-md-20: 1.25rem;
+  --mds-size-theme-md-24: 1.5rem;
+  --mds-size-theme-md-28: 1.75rem;
+  --mds-size-theme-md-32: 2rem;
+  --mds-size-theme-lg-40: 2.5rem;
+  --mds-size-theme-lg-52: 3.25rem;
+  --mds-size-theme-lg-64: 4rem;
+  --mds-size-theme-xl-72: 4.5rem;
+  --mds-size-theme-xl-88: 5.5rem;
+  --mds-size-theme-xl-100: 6.25rem;
+  --mds-size-theme-xl-124: 7.75rem;
 }
 .mds-theme-stable-lightRoseWebex {
   --mds-color-theme-text-primary-normal: #000000f2;
@@ -5085,6 +5536,47 @@
   --mds-color-theme-focus-default-0: #ffffff;
   --mds-color-theme-focus-default-1: #1170cf;
   --mds-color-theme-focus-default-2: #1170cf59;
+  --mds-spacing-theme-pad-none: 0;
+  --mds-spacing-theme-pad-v-xs: 0.5rem;
+  --mds-spacing-theme-pad-v-sm: 0.75rem;
+  --mds-spacing-theme-pad-v-md: 1rem;
+  --mds-spacing-theme-pad-v-lg: 1.5rem;
+  --mds-spacing-theme-pad-v-xl: 2rem;
+  --mds-spacing-theme-pad-h-xs: 0.5rem;
+  --mds-spacing-theme-pad-h-sm: 0.75rem;
+  --mds-spacing-theme-pad-h-md: 1rem;
+  --mds-spacing-theme-pad-h-lg: 1.5rem;
+  --mds-spacing-theme-pad-h-xl: 2rem;
+  --mds-spacing-theme-gap-none: 0;
+  --mds-spacing-theme-gap-ultra-tight: 0.25rem;
+  --mds-spacing-theme-gap-tight: 0.5rem;
+  --mds-spacing-theme-gap-wide: 1rem;
+  --mds-spacing-theme-gap-loose: 1.5rem;
+  --mds-spacing-theme-gap-ultraloose: 2rem;
+  --mds-border-theme-default: 1px;
+  --mds-border-theme-emphasis: 0.125rem;
+  --mds-radius-theme-none: 0;
+  --mds-radius-theme-subtle: 0.125rem;
+  --mds-radius-theme-small: 0.25rem;
+  --mds-radius-theme-medium: 0.5rem;
+  --mds-radius-theme-large: 0.75rem;
+  --mds-radius-theme-pill: 1.25rem;
+  --mds-radius-theme-full: 50%;
+  --mds-size-theme-sm-4: 0.25rem;
+  --mds-size-theme-sm-8: 0.5rem;
+  --mds-size-theme-sm-12: 0.75rem;
+  --mds-size-theme-md-16: 1rem;
+  --mds-size-theme-md-20: 1.25rem;
+  --mds-size-theme-md-24: 1.5rem;
+  --mds-size-theme-md-28: 1.75rem;
+  --mds-size-theme-md-32: 2rem;
+  --mds-size-theme-lg-40: 2.5rem;
+  --mds-size-theme-lg-52: 3.25rem;
+  --mds-size-theme-lg-64: 4rem;
+  --mds-size-theme-xl-72: 4.5rem;
+  --mds-size-theme-xl-88: 5.5rem;
+  --mds-size-theme-xl-100: 6.25rem;
+  --mds-size-theme-xl-124: 7.75rem;
 }
 .mds-typography {
   --mds-font-lineheight-base: 1rem;

package/dist/css/core/complete.css

@@ -374,4 +374,26 @@
   --mds-color-ai-green: #74BF4B;
   --mds-color-ai-steelblue: #0087EA;
   --mds-color-ai-aquablue: #63FFF7;
+  --mds-dimension-0: 0;
+  --mds-dimension-1: 1px;
+  --mds-dimension-2: 0.125rem;
+  --mds-dimension-4: 0.25rem;
+  --mds-dimension-8: 0.5rem;
+  --mds-dimension-12: 0.75rem;
+  --mds-dimension-16: 1rem;
+  --mds-dimension-20: 1.25rem;
+  --mds-dimension-24: 1.5rem;
+  --mds-dimension-28: 1.75rem;
+  --mds-dimension-32: 2rem;
+  --mds-dimension-36: 2.25rem;
+  --mds-dimension-40: 2.5rem;
+  --mds-dimension-44: 2.75rem;
+  --mds-dimension-48: 3rem;
+  --mds-dimension-52: 3.25rem;
+  --mds-dimension-64: 4rem;
+  --mds-dimension-72: 4.5rem;
+  --mds-dimension-88: 5.5rem;
+  --mds-dimension-100: 6.25rem;
+  --mds-dimension-124: 7.75rem;
+  --mds-dimension-full: 50%;
 }

package/dist/css/theme/webex/dark-bronze-stable.css

@@ -425,4 +425,45 @@
   --mds-color-theme-focus-default-0: #000000;
   --mds-color-theme-focus-default-1: #64b4fa;
   --mds-color-theme-focus-default-2: #64b4fa59;
+  --mds-spacing-theme-pad-none: 0;
+  --mds-spacing-theme-pad-v-xs: 0.5rem;
+  --mds-spacing-theme-pad-v-sm: 0.75rem;
+  --mds-spacing-theme-pad-v-md: 1rem;
+  --mds-spacing-theme-pad-v-lg: 1.5rem;
+  --mds-spacing-theme-pad-v-xl: 2rem;
+  --mds-spacing-theme-pad-h-xs: 0.5rem;
+  --mds-spacing-theme-pad-h-sm: 0.75rem;
+  --mds-spacing-theme-pad-h-md: 1rem;
+  --mds-spacing-theme-pad-h-lg: 1.5rem;
+  --mds-spacing-theme-pad-h-xl: 2rem;
+  --mds-spacing-theme-gap-none: 0;
+  --mds-spacing-theme-gap-ultra-tight: 0.25rem;
+  --mds-spacing-theme-gap-tight: 0.5rem;
+  --mds-spacing-theme-gap-wide: 1rem;
+  --mds-spacing-theme-gap-loose: 1.5rem;
+  --mds-spacing-theme-gap-ultraloose: 2rem;
+  --mds-border-theme-default: 1px;
+  --mds-border-theme-emphasis: 0.125rem;
+  --mds-radius-theme-none: 0;
+  --mds-radius-theme-subtle: 0.125rem;
+  --mds-radius-theme-small: 0.25rem;
+  --mds-radius-theme-medium: 0.5rem;
+  --mds-radius-theme-large: 0.75rem;
+  --mds-radius-theme-pill: 1.25rem;
+  --mds-radius-theme-full: 50%;
+  --mds-size-theme-sm-4: 0.25rem;
+  --mds-size-theme-sm-8: 0.5rem;
+  --mds-size-theme-sm-12: 0.75rem;
+  --mds-size-theme-md-16: 1rem;
+  --mds-size-theme-md-20: 1.25rem;
+  --mds-size-theme-md-24: 1.5rem;
+  --mds-size-theme-md-28: 1.75rem;
+  --mds-size-theme-md-32: 2rem;
+  --mds-size-theme-lg-40: 2.5rem;
+  --mds-size-theme-lg-52: 3.25rem;
+  --mds-size-theme-lg-64: 4rem;
+  --mds-size-theme-xl-72: 4.5rem;
+  --mds-size-theme-xl-88: 5.5rem;
+  --mds-size-theme-xl-100: 6.25rem;
+  --mds-size-theme-xl-124: 7.75rem;
 }

package/dist/css/theme/webex/dark-indigo-stable.css

@@ -425,4 +425,45 @@
   --mds-color-theme-focus-default-0: #000000;
   --mds-color-theme-focus-default-1: #64b4fa;
   --mds-color-theme-focus-default-2: #64b4fa59;
+  --mds-spacing-theme-pad-none: 0;
+  --mds-spacing-theme-pad-v-xs: 0.5rem;
+  --mds-spacing-theme-pad-v-sm: 0.75rem;
+  --mds-spacing-theme-pad-v-md: 1rem;
+  --mds-spacing-theme-pad-v-lg: 1.5rem;
+  --mds-spacing-theme-pad-v-xl: 2rem;
+  --mds-spacing-theme-pad-h-xs: 0.5rem;
+  --mds-spacing-theme-pad-h-sm: 0.75rem;
+  --mds-spacing-theme-pad-h-md: 1rem;
+  --mds-spacing-theme-pad-h-lg: 1.5rem;
+  --mds-spacing-theme-pad-h-xl: 2rem;
+  --mds-spacing-theme-gap-none: 0;
+  --mds-spacing-theme-gap-ultra-tight: 0.25rem;
+  --mds-spacing-theme-gap-tight: 0.5rem;
+  --mds-spacing-theme-gap-wide: 1rem;
+  --mds-spacing-theme-gap-loose: 1.5rem;
+  --mds-spacing-theme-gap-ultraloose: 2rem;
+  --mds-border-theme-default: 1px;
+  --mds-border-theme-emphasis: 0.125rem;
+  --mds-radius-theme-none: 0;
+  --mds-radius-theme-subtle: 0.125rem;
+  --mds-radius-theme-small: 0.25rem;
+  --mds-radius-theme-medium: 0.5rem;
+  --mds-radius-theme-large: 0.75rem;
+  --mds-radius-theme-pill: 1.25rem;
+  --mds-radius-theme-full: 50%;
+  --mds-size-theme-sm-4: 0.25rem;
+  --mds-size-theme-sm-8: 0.5rem;
+  --mds-size-theme-sm-12: 0.75rem;
+  --mds-size-theme-md-16: 1rem;
+  --mds-size-theme-md-20: 1.25rem;
+  --mds-size-theme-md-24: 1.5rem;
+  --mds-size-theme-md-28: 1.75rem;
+  --mds-size-theme-md-32: 2rem;
+  --mds-size-theme-lg-40: 2.5rem;
+  --mds-size-theme-lg-52: 3.25rem;
+  --mds-size-theme-lg-64: 4rem;
+  --mds-size-theme-xl-72: 4.5rem;
+  --mds-size-theme-xl-88: 5.5rem;
+  --mds-size-theme-xl-100: 6.25rem;
+  --mds-size-theme-xl-124: 7.75rem;
 }