@momentum-design/tokens 0.2.7 → 0.3.0

package/dist/resources/theme/webex/dark-stable.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Mon, 02 Dec 2024 20:02:25 GMT
+  Generated on Thu, 12 Dec 2024 13:30:39 GMT
 -->
 <resources>
   <color name="mds-color-theme-text-primary-normal">#fffffff2</color>
@@ -161,6 +161,9 @@
   <color name="mds-color-theme-background-gradient-secondary-normal">linear-gradient(180deg, #262626 0%, #0f0f0f 100%)</color>
   <color name="mds-color-theme-background-reaction-normal">linear-gradient(90deg, #1a1a1ae6 0%, #1a1a1a00 100%)</color>
   <color name="mds-color-theme-background-skeleton-normal">linear-gradient(123deg, #ffffff33 0%, #ffffff4d 33.85%, #ffffff66 70.31%, #ffffff80 100%)</color>
+  <color name="mds-color-theme-background-glass-normal">#00000099</color>
+  <color name="mds-color-theme-background-glass-overlay-normal">#00000099</color>
+  <color name="mds-color-theme-background-glass-overlay-inactive">#00000066</color>
   <color name="mds-color-theme-button-primary-normal">#fffffff2</color>
   <color name="mds-color-theme-button-primary-hover">#ffffffcc</color>
   <color name="mds-color-theme-button-primary-pressed">#ffffffb3</color>
@@ -182,6 +185,9 @@
   <color name="mds-color-theme-button-accent-normal">#1170cf</color>
   <color name="mds-color-theme-button-accent-hover">#0353a8</color>
   <color name="mds-color-theme-button-accent-pressed">#063a75</color>
+  <color name="mds-color-theme-button-glass-primary-normal">#ffffffcc</color>
+  <color name="mds-color-theme-button-glass-primary-hover">#ffffffb3</color>
+  <color name="mds-color-theme-button-glass-primary-pressed">#ffffff99</color>
   <color name="mds-color-theme-outline-primary-normal">#ffffff66</color>
   <color name="mds-color-theme-outline-primary-disabled">#ffffff33</color>
   <color name="mds-color-theme-outline-theme-normal">#64b4fa</color>
@@ -366,6 +372,8 @@
   <color name="mds-color-theme-gradientdivider-orange-hover">linear-gradient(90deg, #fd884e00 0%,#fd884eE6 22.4%, #fd884eE6 76.04%, #fd884e00 100%)</color>
   <color name="mds-color-theme-gradientdivider-purple-normal">linear-gradient(90deg, #f294f100 0%, #f294f199 22.4%, #f294f199 76.04%, #f294f100 100%)</color>
   <color name="mds-color-theme-gradientdivider-purple-hover">linear-gradient(90deg, #f294f100 0%, #f294f1E6 22.4%, #f294f1E6 76.04%, #f294f100 100%)</color>
+  <color name="mds-color-theme-gradientdivider-vertical-normal">linear-gradient(0deg, #ffffff00 0%, #ffffff33 22.4%, #ffffff33 72.4%, #ffffff00 100%)</color>
+  <color name="mds-color-theme-gradientdivider-vertical-hover">linear-gradient(0deg, #ffffff00 0%, #ffffff99 22.4%, #ffffff99 72.4%, #ffffff00 100%)</color>
   <color name="mds-color-theme-avatar-default">#545454</color>
   <color name="mds-color-theme-avatar-hover">#ffffff12</color>
   <color name="mds-color-theme-avatar-pressed">#ffffff33</color>
@@ -380,6 +388,8 @@
   <color name="mds-color-theme-avatar-slate">#535573</color>
   <color name="mds-color-theme-avatar-violet">#643abd</color>
   <color name="mds-color-theme-avatar-yellow">#7d4705</color>
+  <color name="mds-color-theme-avatar-glass-normal">#ffffff12</color>
+  <color name="mds-color-theme-avatar-glass-active">#ffffffcc</color>
   <color name="mds-color-theme-focus-default-0">#000000</color>
   <color name="mds-color-theme-focus-default-1">#64b4fa</color>
   <color name="mds-color-theme-focus-default-2">#64b4fa59</color>

package/dist/resources/theme/webex/hc-dark-stable.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Mon, 02 Dec 2024 20:02:26 GMT
+  Generated on Thu, 12 Dec 2024 13:30:39 GMT
 -->
 <resources>
   <color name="mds-color-theme-text-primary-normal">#ffffff</color>
@@ -161,6 +161,9 @@
   <color name="mds-color-theme-background-gradient-secondary-normal">#000000</color>
   <color name="mds-color-theme-background-gradient-primary-normal">#000000</color>
   <color name="mds-color-theme-background-skeleton-normal">#000000</color>
+  <color name="mds-color-theme-background-glass-normal">#000000</color>
+  <color name="mds-color-theme-background-glass-overlay-normal">#ffff00</color>
+  <color name="mds-color-theme-background-glass-overlay-inactive">#000000</color>
   <color name="mds-color-theme-button-primary-normal">#000000</color>
   <color name="mds-color-theme-button-primary-hover">#1aebff</color>
   <color name="mds-color-theme-button-primary-pressed">#1aebff</color>
@@ -181,6 +184,9 @@
   <color name="mds-color-theme-button-accent-normal">#000000</color>
   <color name="mds-color-theme-button-accent-hover">#1aebff</color>
   <color name="mds-color-theme-button-accent-pressed">#1aebff</color>
+  <color name="mds-color-theme-button-glass-primary-normal">#000000</color>
+  <color name="mds-color-theme-button-glass-primary-hover">#1aebff</color>
+  <color name="mds-color-theme-button-glass-primary-pressed">#1aebff</color>
   <color name="mds-color-theme-outline-primary-normal">#ffffff</color>
   <color name="mds-color-theme-outline-primary-disabled">#3ff23f</color>
   <color name="mds-color-theme-outline-theme-normal">#ffffff</color>
@@ -281,6 +287,8 @@
   <color name="mds-color-theme-gradientdivider-orange-hover">#ffffff</color>
   <color name="mds-color-theme-gradientdivider-purple-normal">#ffffff</color>
   <color name="mds-color-theme-gradientdivider-purple-hover">#ffffff</color>
+  <color name="mds-color-theme-gradientdivider-vertical-normal">#ffffff</color>
+  <color name="mds-color-theme-gradientdivider-vertical-hover">#ffffff</color>
   <color name="mds-color-theme-avatar-default">#ffffff</color>
   <color name="mds-color-theme-avatar-cobalt">#ffffff</color>
   <color name="mds-color-theme-avatar-cyan">#ffffff</color>
@@ -295,6 +303,8 @@
   <color name="mds-color-theme-avatar-yellow">#ffffff</color>
   <color name="mds-color-theme-avatar-hover">#ffffff</color>
   <color name="mds-color-theme-avatar-pressed">#ffffff</color>
+  <color name="mds-color-theme-avatar-glass-normal">#ffffff</color>
+  <color name="mds-color-theme-avatar-glass-active">#ffffff</color>
   <color name="mds-color-theme-common-text-primary-normal">#ffffff</color>
   <color name="mds-color-theme-common-text-primary-disabled">#3ff23f</color>
   <color name="mds-color-theme-common-text-secondary-normal">#ffffff</color>
@@ -336,6 +346,7 @@
   <color name="mds-color-theme-common-outline-input-normal">#ffffff</color>
   <color name="mds-color-theme-common-outline-secondary-primary">#ffffff</color>
   <color name="mds-color-theme-common-outline-secondary-disabled">#3ff23f</color>
+  <color name="mds-color-theme-common-outline-warning-normal">#ffffff</color>
   <color name="mds-color-theme-common-control-share-content-selected">#1aebff</color>
   <color name="mds-color-theme-common-control-share-content-active">#1aebff</color>
   <color name="mds-color-theme-common-control-share-content-inactive">#3ff23f</color>

package/dist/resources/theme/webex/hc-light-stable.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Mon, 02 Dec 2024 20:02:26 GMT
+  Generated on Thu, 12 Dec 2024 13:30:40 GMT
 -->
 <resources>
   <color name="mds-color-theme-text-primary-normal">#000000</color>
@@ -161,6 +161,9 @@
   <color name="mds-color-theme-background-gradient-secondary-normal">#ffffff</color>
   <color name="mds-color-theme-background-gradient-primary-normal">#ffffff</color>
   <color name="mds-color-theme-background-skeleton-normal">#ffffff</color>
+  <color name="mds-color-theme-background-glass-normal">#ffffff</color>
+  <color name="mds-color-theme-background-glass-overlay-normal">#00009f</color>
+  <color name="mds-color-theme-background-glass-overlay-inactive">#ffffff</color>
   <color name="mds-color-theme-button-primary-normal">#ffffff</color>
   <color name="mds-color-theme-button-primary-hover">#37006e</color>
   <color name="mds-color-theme-button-primary-pressed">#37006e</color>
@@ -181,6 +184,9 @@
   <color name="mds-color-theme-button-accent-normal">#ffffff</color>
   <color name="mds-color-theme-button-accent-hover">#37006e</color>
   <color name="mds-color-theme-button-accent-pressed">#37006e</color>
+  <color name="mds-color-theme-button-glass-primary-normal">#ffffff</color>
+  <color name="mds-color-theme-button-glass-primary-hover">#37006e</color>
+  <color name="mds-color-theme-button-glass-primary-pressed">#37006e</color>
   <color name="mds-color-theme-outline-primary-normal">#000000</color>
   <color name="mds-color-theme-outline-primary-disabled">#600000</color>
   <color name="mds-color-theme-outline-theme-normal">#000000</color>
@@ -281,6 +287,8 @@
   <color name="mds-color-theme-avatar-yellow">#000000</color>
   <color name="mds-color-theme-avatar-hover">#000000</color>
   <color name="mds-color-theme-avatar-pressed">#000000</color>
+  <color name="mds-color-theme-avatar-glass-normal">#000000</color>
+  <color name="mds-color-theme-avatar-glass-active">#000000</color>
   <color name="mds-color-theme-common-text-primary-normal">#000000</color>
   <color name="mds-color-theme-common-text-primary-disabled">#600000</color>
   <color name="mds-color-theme-common-text-secondary-normal">#000000</color>
@@ -322,6 +330,7 @@
   <color name="mds-color-theme-common-outline-input-normal">#000000</color>
   <color name="mds-color-theme-common-outline-secondary-primary">#000000</color>
   <color name="mds-color-theme-common-outline-secondary-disabled">#600000</color>
+  <color name="mds-color-theme-common-outline-warning-normal">#000000</color>
   <color name="mds-color-theme-common-control-share-content-selected">#37006e</color>
   <color name="mds-color-theme-common-control-share-content-active">#37006e</color>
   <color name="mds-color-theme-common-control-share-content-inactive">#600000</color>
@@ -372,6 +381,8 @@
   <color name="mds-color-theme-gradientdivider-orange-hover">#000000</color>
   <color name="mds-color-theme-gradientdivider-purple-normal">#000000</color>
   <color name="mds-color-theme-gradientdivider-purple-hover">#000000</color>
+  <color name="mds-color-theme-gradientdivider-vertical-normal">#000000</color>
+  <color name="mds-color-theme-gradientdivider-vertical-hover">#000000</color>
   <color name="mds-color-theme-focus-default-0">#ffffff</color>
   <color name="mds-color-theme-focus-default-1">#000000</color>
   <color name="mds-color-theme-focus-default-2">#000000</color>

package/dist/resources/theme/webex/light-stable.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Mon, 02 Dec 2024 20:02:25 GMT
+  Generated on Thu, 12 Dec 2024 13:30:39 GMT
 -->
 <resources>
   <color name="mds-color-theme-text-primary-normal">#000000f2</color>
@@ -161,6 +161,9 @@
   <color name="mds-color-theme-background-gradient-secondary-normal">linear-gradient(180deg, #fafafa 0%, #ffffff 100%)</color>
   <color name="mds-color-theme-background-reaction-normal">linear-gradient(90deg, #ffffffe6 0%, #ffffff00 100%)</color>
   <color name="mds-color-theme-background-skeleton-normal">linear-gradient(123deg, #00000033 0%, #0000004d 27.6%, #00000066 58.85%, #00000080 100%)</color>
+  <color name="mds-color-theme-background-glass-normal">#ffffff99</color>
+  <color name="mds-color-theme-background-glass-overlay-normal">#ffffffcc</color>
+  <color name="mds-color-theme-background-glass-overlay-inactive">#ffffff66</color>
   <color name="mds-color-theme-button-primary-normal">#000000f2</color>
   <color name="mds-color-theme-button-primary-hover">#000000cc</color>
   <color name="mds-color-theme-button-primary-pressed">#000000b3</color>
@@ -182,6 +185,9 @@
   <color name="mds-color-theme-button-accent-normal">#1170cf</color>
   <color name="mds-color-theme-button-accent-hover">#0353a8</color>
   <color name="mds-color-theme-button-accent-pressed">#063a75</color>
+  <color name="mds-color-theme-button-glass-primary-normal">#000000cc</color>
+  <color name="mds-color-theme-button-glass-primary-hover">#000000b3</color>
+  <color name="mds-color-theme-button-glass-primary-pressed">#00000099</color>
   <color name="mds-color-theme-outline-primary-normal">#00000075</color>
   <color name="mds-color-theme-outline-primary-disabled">#00000033</color>
   <color name="mds-color-theme-outline-theme-normal">#1170cf</color>
@@ -281,6 +287,7 @@
   <color name="mds-color-theme-common-outline-input-normal">#ffffff80</color>
   <color name="mds-color-theme-common-outline-secondary-normal">#00000033</color>
   <color name="mds-color-theme-common-outline-secondary-disabled">#00000033</color>
+  <color name="mds-color-theme-common-outline-warning-normal">#f2990a</color>
   <color name="mds-color-theme-common-control-share-content-selected">#3cc29a</color>
   <color name="mds-color-theme-common-control-share-content-active">#c94403</color>
   <color name="mds-color-theme-common-control-share-content-inactive">#707070</color>
@@ -365,6 +372,8 @@
   <color name="mds-color-theme-avatar-yellow">#7d4705</color>
   <color name="mds-color-theme-avatar-hover">#00000012</color>
   <color name="mds-color-theme-avatar-pressed">#00000033</color>
+  <color name="mds-color-theme-avatar-glass-normal">#00000012</color>
+  <color name="mds-color-theme-avatar-glass-active">#ffffffcc</color>
   <color name="mds-color-theme-gradientdivider-default-normal">linear-gradient(90deg, #00000000 0%, #00000033 22.4%, #00000033 72.4%, #00000000 100%)</color>
   <color name="mds-color-theme-gradientdivider-default-hover">linear-gradient(90deg, #00000000 0%, #00000099 22.4%, #00000099 72.4%, #00000000 100%)</color>
   <color name="mds-color-theme-gradientdivider-error-normal">linear-gradient(90deg, #ab0a1500 0%, #ab0a1599 22.4%, #ab0a1599 22.4%, #ab0a1500 100%)</color>
@@ -379,6 +388,8 @@
   <color name="mds-color-theme-gradientdivider-orange-hover">linear-gradient(90deg, #9c320200 0%, #9c3202e6 22.4%, #9c3202e6 76.04%, #9c320200 100%)</color>
   <color name="mds-color-theme-gradientdivider-purple-normal">linear-gradient(90deg, #93209900 0%, #93209999 22.4%, #93209999 76.04%, #93209900 100%)</color>
   <color name="mds-color-theme-gradientdivider-purple-hover">linear-gradient(90deg, #93209900 0%,#932099E6 22.4%, #932099E6 76.04%, #93209900 100%)</color>
+  <color name="mds-color-theme-gradientdivider-vertical-normal">linear-gradient(0deg, #00000000 0%, #00000033 22.4%, #00000033 72.4%, #00000000 100%)</color>
+  <color name="mds-color-theme-gradientdivider-vertical-hover">linear-gradient(0deg, #00000000 0%, #00000099 22.4%, #00000099 72.4%, #00000000 100%)</color>
   <color name="mds-color-theme-focus-default-0">#ffffff</color>
   <color name="mds-color-theme-focus-default-1">#1170cf</color>
   <color name="mds-color-theme-focus-default-2">#1170cf59</color>

package/dist/resources/typography/complete.xml

@@ -2,7 +2,7 @@
 
 <!--
   Do not edit directly
-  Generated on Mon, 02 Dec 2024 20:02:28 GMT
+  Generated on Thu, 12 Dec 2024 13:30:42 GMT
 -->
 <resources>
   <string name="mds-font-lineheight-base">16px</string>

package/dist/scss/core/complete.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 02 Dec 2024 20:02:24 GMT
+// Generated on Thu, 12 Dec 2024 13:30:38 GMT
 
 $mds-color-core-white-alpha-0: #ffffff00;
 $mds-color-core-white-alpha-5: #ffffff0d;

package/dist/scss/effect/complete.scss

@@ -0,0 +1,5 @@
+
+// Do not edit directly
+// Generated on Thu, 12 Dec 2024 13:30:38 GMT
+
+$mds-backdrop-filter: blur(10px);

package/dist/scss/elevation/complete.scss

@@ -0,0 +1,8 @@
+
+// Do not edit directly
+// Generated on Thu, 12 Dec 2024 13:30:43 GMT
+
+$mds-elevation-1: drop-shadow(0px 2px 8px rgba(0,0,0,0.2));
+$mds-elevation-2: drop-shadow(0px 4px 16px rgba(0,0,0,0.2));
+$mds-elevation-3: drop-shadow(0px 6px 24px rgba(0,0,0,0.25));
+$mds-elevation-4: drop-shadow(0px 12px 48px rgba(0,0,0,0.25));

package/dist/scss/theme/aaos/day-complete.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 02 Dec 2024 20:02:26 GMT
+// Generated on Thu, 12 Dec 2024 13:30:40 GMT
 
 $mds-color-theme-surface-neutral-0-default: #17181b;
 $mds-color-theme-surface-neutral-1-default: #202124;

package/dist/scss/theme/aaos/night-complete.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 02 Dec 2024 20:02:26 GMT
+// Generated on Thu, 12 Dec 2024 13:30:40 GMT
 
 $mds-color-theme-surface-neutral-0-default: #0e1013;
 $mds-color-theme-surface-neutral-1-default: #17181b;

package/dist/scss/theme/webex/dark-stable.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 02 Dec 2024 20:02:25 GMT
+// Generated on Thu, 12 Dec 2024 13:30:39 GMT
 
 $mds-color-theme-text-primary-normal: #fffffff2;
 $mds-color-theme-text-primary-disabled: #ffffff66;
@@ -158,6 +158,9 @@ $mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #1a
 $mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #262626 0%, #0f0f0f 100%);
 $mds-color-theme-background-reaction-normal: linear-gradient(90deg, #1a1a1ae6 0%, #1a1a1a00 100%);
 $mds-color-theme-background-skeleton-normal: linear-gradient(123deg, #ffffff33 0%, #ffffff4d 33.85%, #ffffff66 70.31%, #ffffff80 100%);
+$mds-color-theme-background-glass-normal: #00000099;
+$mds-color-theme-background-glass-overlay-normal: #00000099;
+$mds-color-theme-background-glass-overlay-inactive: #00000066;
 $mds-color-theme-button-primary-normal: #fffffff2;
 $mds-color-theme-button-primary-hover: #ffffffcc;
 $mds-color-theme-button-primary-pressed: #ffffffb3;
@@ -179,6 +182,9 @@ $mds-color-theme-button-cancel-pressed: #780d13;
 $mds-color-theme-button-accent-normal: #1170cf;
 $mds-color-theme-button-accent-hover: #0353a8;
 $mds-color-theme-button-accent-pressed: #063a75;
+$mds-color-theme-button-glass-primary-normal: #ffffffcc;
+$mds-color-theme-button-glass-primary-hover: #ffffffb3;
+$mds-color-theme-button-glass-primary-pressed: #ffffff99;
 $mds-color-theme-outline-primary-normal: #ffffff66;
 $mds-color-theme-outline-primary-disabled: #ffffff33;
 $mds-color-theme-outline-theme-normal: #64b4fa;
@@ -363,6 +369,8 @@ $mds-color-theme-gradientdivider-orange-normal: linear-gradient(90deg, #fd884e00
 $mds-color-theme-gradientdivider-orange-hover: linear-gradient(90deg, #fd884e00 0%,#fd884eE6 22.4%, #fd884eE6 76.04%, #fd884e00 100%);
 $mds-color-theme-gradientdivider-purple-normal: linear-gradient(90deg, #f294f100 0%, #f294f199 22.4%, #f294f199 76.04%, #f294f100 100%);
 $mds-color-theme-gradientdivider-purple-hover: linear-gradient(90deg, #f294f100 0%, #f294f1E6 22.4%, #f294f1E6 76.04%, #f294f100 100%);
+$mds-color-theme-gradientdivider-vertical-normal: linear-gradient(0deg, #ffffff00 0%, #ffffff33 22.4%, #ffffff33 72.4%, #ffffff00 100%);
+$mds-color-theme-gradientdivider-vertical-hover: linear-gradient(0deg, #ffffff00 0%, #ffffff99 22.4%, #ffffff99 72.4%, #ffffff00 100%);
 $mds-color-theme-avatar-default: #545454;
 $mds-color-theme-avatar-hover: #ffffff12;
 $mds-color-theme-avatar-pressed: #ffffff33;
@@ -377,6 +385,8 @@ $mds-color-theme-avatar-purple: #932099;
 $mds-color-theme-avatar-slate: #535573;
 $mds-color-theme-avatar-violet: #643abd;
 $mds-color-theme-avatar-yellow: #7d4705;
+$mds-color-theme-avatar-glass-normal: #ffffff12;
+$mds-color-theme-avatar-glass-active: #ffffffcc;
 $mds-color-theme-focus-default-0: #000000;
 $mds-color-theme-focus-default-1: #64b4fa;
 $mds-color-theme-focus-default-2: #64b4fa59;

package/dist/scss/theme/webex/hc-dark-stable.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 02 Dec 2024 20:02:25 GMT
+// Generated on Thu, 12 Dec 2024 13:30:39 GMT
 
 $mds-color-theme-text-primary-normal: #ffffff;
 $mds-color-theme-text-primary-disabled: #3ff23f;
@@ -158,6 +158,9 @@ $mds-color-theme-background-reaction-normal: #000000;
 $mds-color-theme-background-gradient-secondary-normal: #000000;
 $mds-color-theme-background-gradient-primary-normal: #000000;
 $mds-color-theme-background-skeleton-normal: #000000;
+$mds-color-theme-background-glass-normal: #000000;
+$mds-color-theme-background-glass-overlay-normal: #ffff00;
+$mds-color-theme-background-glass-overlay-inactive: #000000;
 $mds-color-theme-button-primary-normal: #000000;
 $mds-color-theme-button-primary-hover: #1aebff;
 $mds-color-theme-button-primary-pressed: #1aebff;
@@ -178,6 +181,9 @@ $mds-color-theme-button-cancel-pressed: #1aebff;
 $mds-color-theme-button-accent-normal: #000000;
 $mds-color-theme-button-accent-hover: #1aebff;
 $mds-color-theme-button-accent-pressed: #1aebff;
+$mds-color-theme-button-glass-primary-normal: #000000;
+$mds-color-theme-button-glass-primary-hover: #1aebff;
+$mds-color-theme-button-glass-primary-pressed: #1aebff;
 $mds-color-theme-outline-primary-normal: #ffffff;
 $mds-color-theme-outline-primary-disabled: #3ff23f;
 $mds-color-theme-outline-theme-normal: #ffffff;
@@ -278,6 +284,8 @@ $mds-color-theme-gradientdivider-orange-normal: #ffffff;
 $mds-color-theme-gradientdivider-orange-hover: #ffffff;
 $mds-color-theme-gradientdivider-purple-normal: #ffffff;
 $mds-color-theme-gradientdivider-purple-hover: #ffffff;
+$mds-color-theme-gradientdivider-vertical-normal: #ffffff;
+$mds-color-theme-gradientdivider-vertical-hover: #ffffff;
 $mds-color-theme-avatar-default: #ffffff;
 $mds-color-theme-avatar-cobalt: #ffffff;
 $mds-color-theme-avatar-cyan: #ffffff;
@@ -292,6 +300,8 @@ $mds-color-theme-avatar-violet: #ffffff;
 $mds-color-theme-avatar-yellow: #ffffff;
 $mds-color-theme-avatar-hover: #ffffff;
 $mds-color-theme-avatar-pressed: #ffffff;
+$mds-color-theme-avatar-glass-normal: #ffffff;
+$mds-color-theme-avatar-glass-active: #ffffff;
 $mds-color-theme-common-text-primary-normal: #ffffff;
 $mds-color-theme-common-text-primary-disabled: #3ff23f;
 $mds-color-theme-common-text-secondary-normal: #ffffff;
@@ -333,6 +343,7 @@ $mds-color-theme-common-outline-primary-disabled: #3ff23f;
 $mds-color-theme-common-outline-input-normal: #ffffff;
 $mds-color-theme-common-outline-secondary-primary: #ffffff;
 $mds-color-theme-common-outline-secondary-disabled: #3ff23f;
+$mds-color-theme-common-outline-warning-normal: #ffffff;
 $mds-color-theme-common-control-share-content-selected: #1aebff;
 $mds-color-theme-common-control-share-content-active: #1aebff;
 $mds-color-theme-common-control-share-content-inactive: #3ff23f;

package/dist/scss/theme/webex/hc-light-stable.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 02 Dec 2024 20:02:26 GMT
+// Generated on Thu, 12 Dec 2024 13:30:40 GMT
 
 $mds-color-theme-text-primary-normal: #000000;
 $mds-color-theme-text-primary-disabled: #600000;
@@ -158,6 +158,9 @@ $mds-color-theme-background-reaction-normal: #ffffff;
 $mds-color-theme-background-gradient-secondary-normal: #ffffff;
 $mds-color-theme-background-gradient-primary-normal: #ffffff;
 $mds-color-theme-background-skeleton-normal: #ffffff;
+$mds-color-theme-background-glass-normal: #ffffff;
+$mds-color-theme-background-glass-overlay-normal: #00009f;
+$mds-color-theme-background-glass-overlay-inactive: #ffffff;
 $mds-color-theme-button-primary-normal: #ffffff;
 $mds-color-theme-button-primary-hover: #37006e;
 $mds-color-theme-button-primary-pressed: #37006e;
@@ -178,6 +181,9 @@ $mds-color-theme-button-cancel-pressed: #37006e;
 $mds-color-theme-button-accent-normal: #ffffff;
 $mds-color-theme-button-accent-hover: #37006e;
 $mds-color-theme-button-accent-pressed: #37006e;
+$mds-color-theme-button-glass-primary-normal: #ffffff;
+$mds-color-theme-button-glass-primary-hover: #37006e;
+$mds-color-theme-button-glass-primary-pressed: #37006e;
 $mds-color-theme-outline-primary-normal: #000000;
 $mds-color-theme-outline-primary-disabled: #600000;
 $mds-color-theme-outline-theme-normal: #000000;
@@ -278,6 +284,8 @@ $mds-color-theme-avatar-violet: #000000;
 $mds-color-theme-avatar-yellow: #000000;
 $mds-color-theme-avatar-hover: #000000;
 $mds-color-theme-avatar-pressed: #000000;
+$mds-color-theme-avatar-glass-normal: #000000;
+$mds-color-theme-avatar-glass-active: #000000;
 $mds-color-theme-common-text-primary-normal: #000000;
 $mds-color-theme-common-text-primary-disabled: #600000;
 $mds-color-theme-common-text-secondary-normal: #000000;
@@ -319,6 +327,7 @@ $mds-color-theme-common-outline-primary-disabled: #600000;
 $mds-color-theme-common-outline-input-normal: #000000;
 $mds-color-theme-common-outline-secondary-primary: #000000;
 $mds-color-theme-common-outline-secondary-disabled: #600000;
+$mds-color-theme-common-outline-warning-normal: #000000;
 $mds-color-theme-common-control-share-content-selected: #37006e;
 $mds-color-theme-common-control-share-content-active: #37006e;
 $mds-color-theme-common-control-share-content-inactive: #600000;
@@ -369,6 +378,8 @@ $mds-color-theme-gradientdivider-orange-normal: #000000;
 $mds-color-theme-gradientdivider-orange-hover: #000000;
 $mds-color-theme-gradientdivider-purple-normal: #000000;
 $mds-color-theme-gradientdivider-purple-hover: #000000;
+$mds-color-theme-gradientdivider-vertical-normal: #000000;
+$mds-color-theme-gradientdivider-vertical-hover: #000000;
 $mds-color-theme-focus-default-0: #ffffff;
 $mds-color-theme-focus-default-1: #000000;
 $mds-color-theme-focus-default-2: #000000;

package/dist/scss/theme/webex/light-stable.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 02 Dec 2024 20:02:25 GMT
+// Generated on Thu, 12 Dec 2024 13:30:39 GMT
 
 $mds-color-theme-text-primary-normal: #000000f2;
 $mds-color-theme-text-primary-disabled: #00000066;
@@ -158,6 +158,9 @@ $mds-color-theme-background-gradient-primary-normal: linear-gradient(180deg, #f0
 $mds-color-theme-background-gradient-secondary-normal: linear-gradient(180deg, #fafafa 0%, #ffffff 100%);
 $mds-color-theme-background-reaction-normal: linear-gradient(90deg, #ffffffe6 0%, #ffffff00 100%);
 $mds-color-theme-background-skeleton-normal: linear-gradient(123deg, #00000033 0%, #0000004d 27.6%, #00000066 58.85%, #00000080 100%);
+$mds-color-theme-background-glass-normal: #ffffff99;
+$mds-color-theme-background-glass-overlay-normal: #ffffffcc;
+$mds-color-theme-background-glass-overlay-inactive: #ffffff66;
 $mds-color-theme-button-primary-normal: #000000f2;
 $mds-color-theme-button-primary-hover: #000000cc;
 $mds-color-theme-button-primary-pressed: #000000b3;
@@ -179,6 +182,9 @@ $mds-color-theme-button-cancel-pressed: #780d13;
 $mds-color-theme-button-accent-normal: #1170cf;
 $mds-color-theme-button-accent-hover: #0353a8;
 $mds-color-theme-button-accent-pressed: #063a75;
+$mds-color-theme-button-glass-primary-normal: #000000cc;
+$mds-color-theme-button-glass-primary-hover: #000000b3;
+$mds-color-theme-button-glass-primary-pressed: #00000099;
 $mds-color-theme-outline-primary-normal: #00000075;
 $mds-color-theme-outline-primary-disabled: #00000033;
 $mds-color-theme-outline-theme-normal: #1170cf;
@@ -278,6 +284,7 @@ $mds-color-theme-common-outline-primary-disabled: #ffffff33;
 $mds-color-theme-common-outline-input-normal: #ffffff80;
 $mds-color-theme-common-outline-secondary-normal: #00000033;
 $mds-color-theme-common-outline-secondary-disabled: #00000033;
+$mds-color-theme-common-outline-warning-normal: #f2990a;
 $mds-color-theme-common-control-share-content-selected: #3cc29a;
 $mds-color-theme-common-control-share-content-active: #c94403;
 $mds-color-theme-common-control-share-content-inactive: #707070;
@@ -362,6 +369,8 @@ $mds-color-theme-avatar-violet: #643abd;
 $mds-color-theme-avatar-yellow: #7d4705;
 $mds-color-theme-avatar-hover: #00000012;
 $mds-color-theme-avatar-pressed: #00000033;
+$mds-color-theme-avatar-glass-normal: #00000012;
+$mds-color-theme-avatar-glass-active: #ffffffcc;
 $mds-color-theme-gradientdivider-default-normal: linear-gradient(90deg, #00000000 0%, #00000033 22.4%, #00000033 72.4%, #00000000 100%);
 $mds-color-theme-gradientdivider-default-hover: linear-gradient(90deg, #00000000 0%, #00000099 22.4%, #00000099 72.4%, #00000000 100%);
 $mds-color-theme-gradientdivider-error-normal: linear-gradient(90deg, #ab0a1500 0%, #ab0a1599 22.4%, #ab0a1599 22.4%, #ab0a1500 100%);
@@ -376,6 +385,8 @@ $mds-color-theme-gradientdivider-orange-normal: linear-gradient(90deg, #9c320200
 $mds-color-theme-gradientdivider-orange-hover: linear-gradient(90deg, #9c320200 0%, #9c3202e6 22.4%, #9c3202e6 76.04%, #9c320200 100%);
 $mds-color-theme-gradientdivider-purple-normal: linear-gradient(90deg, #93209900 0%, #93209999 22.4%, #93209999 76.04%, #93209900 100%);
 $mds-color-theme-gradientdivider-purple-hover: linear-gradient(90deg, #93209900 0%,#932099E6 22.4%, #932099E6 76.04%, #93209900 100%);
+$mds-color-theme-gradientdivider-vertical-normal: linear-gradient(0deg, #00000000 0%, #00000033 22.4%, #00000033 72.4%, #00000000 100%);
+$mds-color-theme-gradientdivider-vertical-hover: linear-gradient(0deg, #00000000 0%, #00000099 22.4%, #00000099 72.4%, #00000000 100%);
 $mds-color-theme-focus-default-0: #ffffff;
 $mds-color-theme-focus-default-1: #1170cf;
 $mds-color-theme-focus-default-2: #1170cf59;

package/dist/scss/typography/complete.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 02 Dec 2024 20:02:28 GMT
+// Generated on Thu, 12 Dec 2024 13:30:42 GMT
 
 $mds-font-lineheight-base: 16px;
 $mds-font-lineheight-body-small: 16px;

package/package.json

@@ -8,9 +8,11 @@
     "analyze": "yarn analyze:prebuild && yarn analyze:postbuild",
     "analyze:postbuild": "echo \"script 'analyze:postbuild' has not been implemented\"",
     "analyze:prebuild": "echo \"script 'analyze:prebuild' has not been implemented\"",
-    "build": "yarn build:core && yarn build:typography",
+    "build": "yarn build:core && yarn build:typography && yarn build:elevation && yarn build:components",
     "build:core": "md-token-builder --config ./config/tokens/core.json --input ./src --output ./dist",
     "build:typography": "md-token-builder --config ./config/tokens/typography.json --input ./src --output ./dist",
+    "build:elevation": "md-token-builder --config ./config/tokens/elevation.json --input ./src --output ./dist",
+    "build:components": "node ./scripts/build-components-css.js",
     "clean": "yarn clean:dist",
     "clean:dist": "rimraf ./dist",
     "prepublishOnly": "yarn clean && yarn build",
@@ -18,9 +20,10 @@
     "publish": "yarn publish:npmjs",
     "publish:npmjs": "yarn npm publish --access=public",
     "test": "yarn test:prebuild && yarn test:postbuild",
-    "test:postbuild": "echo \"script 'test:prebuild' has not been implemented\"",
-    "test:prebuild": "yarn test:unit",
-    "test:unit": "jest ./src/**/*.test.ts"
+    "test:prebuild": "yarn test:unit:pre",
+    "test:postbuild": "yarn test:unit:post",
+    "test:unit:pre": "jest ./src/**/*.pre.test.ts",
+    "test:unit:post": "jest ./src/**/*.post.test.ts"
   },
   "devDependencies": {
     "@momentum-design/token-builder": "^0.0.0",
@@ -29,5 +32,5 @@
     "rimraf": "^6.0.1",
     "ts-jest": "^29.2.4"
   },
-  "version": "0.2.7"
+  "version": "0.3.0"
 }