@momentum-design/tokens 0.2.7 → 0.2.8

package/dist/css/core/complete.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 02 Dec 2024 20:02:24 GMT
+ * Generated on Tue, 10 Dec 2024 15:56:51 GMT
  */
 
 .mds-core {

package/dist/css/effect/complete.css

@@ -0,0 +1,8 @@
+/**
+ * Do not edit directly
+ * Generated on Tue, 10 Dec 2024 15:56:51 GMT
+ */
+
+.mds-effect {
+  --mds-backdrop-filter: blur(10px);
+}

package/dist/css/elevation/complete.css

@@ -0,0 +1,11 @@
+/**
+ * Do not edit directly
+ * Generated on Tue, 10 Dec 2024 15:56:56 GMT
+ */
+
+.mds-elevation {
+  --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/css/theme/aaos/day-complete.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 02 Dec 2024 20:02:26 GMT
+ * Generated on Tue, 10 Dec 2024 15:56:53 GMT
  */
 
 .mds-theme-aaos-day {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 02 Dec 2024 20:02:26 GMT
+ * Generated on Tue, 10 Dec 2024 15:56:53 GMT
  */
 
 .mds-theme-aaos-night {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 02 Dec 2024 20:02:25 GMT
+ * Generated on Tue, 10 Dec 2024 15:56:52 GMT
  */
 
 .mds-theme-stable-darkWebex {
@@ -160,6 +160,7 @@
   --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: #00000080;
   --mds-color-theme-button-primary-normal: #fffffff2;
   --mds-color-theme-button-primary-hover: #ffffffcc;
   --mds-color-theme-button-primary-pressed: #ffffffb3;
@@ -365,6 +366,8 @@
   --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;

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 02 Dec 2024 20:02:25 GMT
+ * Generated on Tue, 10 Dec 2024 15:56:52 GMT
  */
 
 .mds-theme-stable-hcDarkWebex {
@@ -160,6 +160,7 @@
   --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-button-primary-normal: #000000;
   --mds-color-theme-button-primary-hover: #1aebff;
   --mds-color-theme-button-primary-pressed: #1aebff;
@@ -280,6 +281,8 @@
   --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;
@@ -335,6 +338,7 @@
   --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/css/theme/webex/hc-light-stable.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 02 Dec 2024 20:02:26 GMT
+ * Generated on Tue, 10 Dec 2024 15:56:53 GMT
  */
 
 .mds-theme-stable-hcLightWebex {
@@ -160,6 +160,7 @@
   --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-button-primary-normal: #ffffff;
   --mds-color-theme-button-primary-hover: #37006e;
   --mds-color-theme-button-primary-pressed: #37006e;
@@ -321,6 +322,7 @@
   --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;
@@ -371,6 +373,8 @@
   --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/css/theme/webex/light-stable.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 02 Dec 2024 20:02:25 GMT
+ * Generated on Tue, 10 Dec 2024 15:56:52 GMT
  */
 
 .mds-theme-stable-lightWebex {
@@ -160,6 +160,7 @@
   --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: #ffffff80;
   --mds-color-theme-button-primary-normal: #000000f2;
   --mds-color-theme-button-primary-hover: #000000cc;
   --mds-color-theme-button-primary-pressed: #000000b3;
@@ -280,6 +281,7 @@
   --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;
@@ -378,6 +380,8 @@
   --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/css/typography/complete.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 02 Dec 2024 20:02:28 GMT
+ * Generated on Tue, 10 Dec 2024 15:56:55 GMT
  */
 
 .mds-typography {

package/dist/ios/core/complete.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Mon, 02 Dec 2024 20:02:24 GMT
+// Generated on Tue, 10 Dec 2024 15:56:51 GMT
 
 
 import UIKit

package/dist/ios/effect/complete.swift

@@ -0,0 +1,14 @@
+
+//
+// effect/complete.swift
+//
+
+// Do not edit directly
+// Generated on Tue, 10 Dec 2024 15:56:51 GMT
+
+
+import UIKit
+
+public class  {
+    public static let mdsBackdropFilter = blur(10px)
+}

package/dist/ios/elevation/complete.swift

@@ -0,0 +1,17 @@
+
+//
+// elevation/complete.swift
+//
+
+// Do not edit directly
+// Generated on Tue, 10 Dec 2024 15:56:56 GMT
+
+
+import UIKit
+
+public class  {
+    public static let mdsElevation1 = drop-shadow(0px 2px 8px rgba(0,0,0,0.2))
+    public static let mdsElevation2 = drop-shadow(0px 4px 16px rgba(0,0,0,0.2))
+    public static let mdsElevation3 = drop-shadow(0px 6px 24px rgba(0,0,0,0.25))
+    public static let mdsElevation4 = drop-shadow(0px 12px 48px rgba(0,0,0,0.25))
+}

package/dist/ios/theme/aaos/day-complete.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Mon, 02 Dec 2024 20:02:26 GMT
+// Generated on Tue, 10 Dec 2024 15:56:53 GMT
 
 
 import UIKit

package/dist/ios/theme/aaos/night-complete.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Mon, 02 Dec 2024 20:02:26 GMT
+// Generated on Tue, 10 Dec 2024 15:56:53 GMT
 
 
 import UIKit

package/dist/ios/theme/webex/dark-stable.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Mon, 02 Dec 2024 20:02:25 GMT
+// Generated on Tue, 10 Dec 2024 15:56:52 GMT
 
 
 import UIKit
@@ -47,6 +47,7 @@ public class  {
     public static let mdsColorThemeBackgroundAlertWarningActive = #57330a
     public static let mdsColorThemeBackgroundAlertWarningHover = #36220c
     public static let mdsColorThemeBackgroundAlertWarningNormal = #36220c
+    public static let mdsColorThemeBackgroundGlassNormal = #00000080
     public static let mdsColorThemeBackgroundGradientPrimaryNormal = linear-gradient(180deg, #1a1a1a 0%, #0f0f0f 100%)
     public static let mdsColorThemeBackgroundGradientSecondaryNormal = linear-gradient(180deg, #262626 0%, #0f0f0f 100%)
     public static let mdsColorThemeBackgroundLabelCobaltActive = #08599c
@@ -235,6 +236,8 @@ public class  {
     public static let mdsColorThemeGradientdividerPurpleNormal = linear-gradient(90deg, #f294f100 0%, #f294f199 22.4%, #f294f199 76.04%, #f294f100 100%)
     public static let mdsColorThemeGradientdividerSuccessHover = linear-gradient(90deg, #3cc29a00 0%,#3cc29aE6 22.4%, #3cc29aE6 76.04%, #3cc29a00 100%)
     public static let mdsColorThemeGradientdividerSuccessNormal = linear-gradient(90deg, #3cc29a00 0%, #3cc29a99 22.4%, #3cc29a99 76.04%, #3cc29a00 100%)
+    public static let mdsColorThemeGradientdividerVerticalHover = linear-gradient(0deg, #ffffff00 0%, #ffffff99 22.4%, #ffffff99 72.4%, #ffffff00 100%)
+    public static let mdsColorThemeGradientdividerVerticalNormal = linear-gradient(0deg, #ffffff00 0%, #ffffff33 22.4%, #ffffff33 72.4%, #ffffff00 100%)
     public static let mdsColorThemeGradientdividerWarningHover = linear-gradient(90deg, #f2990a00 0%, #f2990ae6 22.4%, #f2990ae6 76.04%, #f2990a00 100%)
     public static let mdsColorThemeGradientdividerWarningNormal = linear-gradient(90deg, #f2990a00 0%, #f2990a99 22.4%, #f2990a99 76.04%, #f2990a00 100%)
     public static let mdsColorThemeGroupedbackgroundPrimaryNormal = #000000

package/dist/ios/theme/webex/hc-dark-stable.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Mon, 02 Dec 2024 20:02:26 GMT
+// Generated on Tue, 10 Dec 2024 15:56:52 GMT
 
 
 import UIKit
@@ -47,6 +47,7 @@ public class  {
     public static let mdsColorThemeBackgroundAlertWarningActive = #1aebff
     public static let mdsColorThemeBackgroundAlertWarningHover = #1aebff
     public static let mdsColorThemeBackgroundAlertWarningNormal = #000000
+    public static let mdsColorThemeBackgroundGlassNormal = #000000
     public static let mdsColorThemeBackgroundGradientPrimaryNormal = #000000
     public static let mdsColorThemeBackgroundGradientSecondaryNormal = #000000
     public static let mdsColorThemeBackgroundLabelCobaltActive = #1aebff
@@ -160,6 +161,7 @@ public class  {
     public static let mdsColorThemeCommonOutlinePrimaryNormal = #ffffff
     public static let mdsColorThemeCommonOutlineSecondaryDisabled = #3ff23f
     public static let mdsColorThemeCommonOutlineSecondaryPrimary = #ffffff
+    public static let mdsColorThemeCommonOutlineWarningNormal = #ffffff
     public static let mdsColorThemeCommonOverlaysMeetingNormal0 = #000000
     public static let mdsColorThemeCommonOverlaysMeetingNormal1 = #000000
     public static let mdsColorThemeCommonOverlaysMeetingNormal2 = #000000
@@ -221,6 +223,8 @@ public class  {
     public static let mdsColorThemeGradientdividerPurpleNormal = #ffffff
     public static let mdsColorThemeGradientdividerSuccessHover = #ffffff
     public static let mdsColorThemeGradientdividerSuccessNormal = #ffffff
+    public static let mdsColorThemeGradientdividerVerticalHover = #ffffff
+    public static let mdsColorThemeGradientdividerVerticalNormal = #ffffff
     public static let mdsColorThemeGradientdividerWarningHover = #ffffff
     public static let mdsColorThemeGradientdividerWarningNormal = #ffffff
     public static let mdsColorThemeGroupedbackgroundPrimaryNormal = #000000

package/dist/ios/theme/webex/hc-light-stable.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Mon, 02 Dec 2024 20:02:26 GMT
+// Generated on Tue, 10 Dec 2024 15:56:53 GMT
 
 
 import UIKit
@@ -47,6 +47,7 @@ public class  {
     public static let mdsColorThemeBackgroundAlertWarningActive = #37006e
     public static let mdsColorThemeBackgroundAlertWarningHover = #37006e
     public static let mdsColorThemeBackgroundAlertWarningNormal = #ffffff
+    public static let mdsColorThemeBackgroundGlassNormal = #ffffff
     public static let mdsColorThemeBackgroundGradientPrimaryNormal = #ffffff
     public static let mdsColorThemeBackgroundGradientSecondaryNormal = #ffffff
     public static let mdsColorThemeBackgroundLabelCobaltActive = #37006e
@@ -160,6 +161,7 @@ public class  {
     public static let mdsColorThemeCommonOutlinePrimaryNormal = #000000
     public static let mdsColorThemeCommonOutlineSecondaryDisabled = #600000
     public static let mdsColorThemeCommonOutlineSecondaryPrimary = #000000
+    public static let mdsColorThemeCommonOutlineWarningNormal = #000000
     public static let mdsColorThemeCommonOverlaysMeetingNormal0 = #ffffff
     public static let mdsColorThemeCommonOverlaysMeetingNormal1 = #ffffff
     public static let mdsColorThemeCommonOverlaysMeetingNormal2 = #ffffff
@@ -221,6 +223,8 @@ public class  {
     public static let mdsColorThemeGradientdividerPurpleNormal = #000000
     public static let mdsColorThemeGradientdividerSuccessHover = #000000
     public static let mdsColorThemeGradientdividerSuccessNormal = #000000
+    public static let mdsColorThemeGradientdividerVerticalHover = #000000
+    public static let mdsColorThemeGradientdividerVerticalNormal = #000000
     public static let mdsColorThemeGradientdividerWarningHover = #000000
     public static let mdsColorThemeGradientdividerWarningNormal = #000000
     public static let mdsColorThemeGroupedbackgroundPrimaryNormal = #ffffff

package/dist/ios/theme/webex/light-stable.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Mon, 02 Dec 2024 20:02:25 GMT
+// Generated on Tue, 10 Dec 2024 15:56:52 GMT
 
 
 import UIKit
@@ -47,6 +47,7 @@ public class  {
     public static let mdsColorThemeBackgroundAlertWarningActive = #ffda94
     public static let mdsColorThemeBackgroundAlertWarningHover = #ffebc2
     public static let mdsColorThemeBackgroundAlertWarningNormal = #ffebc2
+    public static let mdsColorThemeBackgroundGlassNormal = #ffffff80
     public static let mdsColorThemeBackgroundGradientPrimaryNormal = linear-gradient(180deg, #f0f0f0 0%, #ffffff 100%)
     public static let mdsColorThemeBackgroundGradientSecondaryNormal = linear-gradient(180deg, #fafafa 0%, #ffffff 100%)
     public static let mdsColorThemeBackgroundLabelCobaltActive = #99ddff
@@ -161,6 +162,7 @@ public class  {
     public static let mdsColorThemeCommonOutlinePrimaryNormal = #ffffff66
     public static let mdsColorThemeCommonOutlineSecondaryDisabled = #00000033
     public static let mdsColorThemeCommonOutlineSecondaryNormal = #00000033
+    public static let mdsColorThemeCommonOutlineWarningNormal = #f2990a
     public static let mdsColorThemeCommonOverlaysMeetingNormal0 = #00000000
     public static let mdsColorThemeCommonOverlaysMeetingNormal1 = #0000004d
     public static let mdsColorThemeCommonOverlaysMeetingNormal2 = #000000cc
@@ -234,6 +236,8 @@ public class  {
     public static let mdsColorThemeGradientdividerPurpleNormal = linear-gradient(90deg, #93209900 0%, #93209999 22.4%, #93209999 76.04%, #93209900 100%)
     public static let mdsColorThemeGradientdividerSuccessHover = linear-gradient(90deg, #185e4600 0%, #185e46E6 22.4%, #185e46E6 76.04%, #185e4600 100%)
     public static let mdsColorThemeGradientdividerSuccessNormal = linear-gradient(90deg, #185e4600 0%, #185e4699 22.4%, #185e4699 76.04%, #185e4600 100%)
+    public static let mdsColorThemeGradientdividerVerticalHover = linear-gradient(0deg, #00000000 0%, #00000099 22.4%, #00000099 72.4%, #00000000 100%)
+    public static let mdsColorThemeGradientdividerVerticalNormal = linear-gradient(0deg, #00000000 0%, #00000033 22.4%, #00000033 72.4%, #00000000 100%)
     public static let mdsColorThemeGradientdividerWarningHover = linear-gradient(90deg, #7d470500 0%, #7d4705e6 22.4%, #7d4705e6 76.04%, #7d470500 100%)
     public static let mdsColorThemeGradientdividerWarningNormal = linear-gradient(90deg, #7d470500 0%, #7d470599 22.4%, #7d470599 76.04%, #7d470500 100%)
     public static let mdsColorThemeGroupedbackgroundPrimaryNormal = #f7f7f7

package/dist/ios/typography/complete.swift

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Mon, 02 Dec 2024 20:02:28 GMT
+// Generated on Tue, 10 Dec 2024 15:56:55 GMT
 
 
 import UIKit

package/dist/ios-webex/effect/complete.swift

@@ -0,0 +1,11 @@
+#if canImport(UIKit)
+import UIKit
+
+open class CompleteMomentumTheme: MomentumThemeTokensProtocol {
+
+    public init(
+    ) {
+    }
+}
+
+#endif

package/dist/ios-webex/theme/webex/dark-stable.swift

@@ -170,6 +170,7 @@ open class DarkMomentumThemeBackgroundColorPalette: MomentumThemeBackgroundColor
     open var skeletonNormal1: UIColor { return UIColor(hex: 0xFFFFFF, withAlpha: 0.30) }
     open var skeletonNormal2: UIColor { return UIColor(hex: 0xFFFFFF, withAlpha: 0.40) }
     open var skeletonNormal3: UIColor { return UIColor(hex: 0xFFFFFF, withAlpha: 0.50) }
+    open var glassNormal: UIColor { return UIColor(hex: 0x000000, withAlpha: 0.50) }
     public init() {}
 }
 open class DarkMomentumThemeButtonColorPalette: MomentumThemeButtonColorPaletteProtocol {
@@ -457,6 +458,14 @@ open class DarkMomentumThemeGradientDividerColorPalette: MomentumThemeGradientDi
     open var purpleHover1: UIColor { return UIColor(hex: 0xF294F1, withAlpha: 0.90) }
     open var purpleHover2: UIColor { return UIColor(hex: 0xF294F1, withAlpha: 0.90) }
     open var purpleHover3: UIColor { return UIColor(hex: 0xF294F1, withAlpha: 0.00) }
+    open var verticalNormal0: UIColor { return UIColor(hex: 0xFFFFFF, withAlpha: 0.00) }
+    open var verticalNormal1: UIColor { return UIColor(hex: 0xFFFFFF, withAlpha: 0.20) }
+    open var verticalNormal2: UIColor { return UIColor(hex: 0xFFFFFF, withAlpha: 0.20) }
+    open var verticalNormal3: UIColor { return UIColor(hex: 0xFFFFFF, withAlpha: 0.00) }
+    open var verticalHover0: UIColor { return UIColor(hex: 0xFFFFFF, withAlpha: 0.00) }
+    open var verticalHover1: UIColor { return UIColor(hex: 0xFFFFFF, withAlpha: 0.60) }
+    open var verticalHover2: UIColor { return UIColor(hex: 0xFFFFFF, withAlpha: 0.60) }
+    open var verticalHover3: UIColor { return UIColor(hex: 0xFFFFFF, withAlpha: 0.00) }
     public init() {}
 }
 open class DarkMomentumThemeAvatarColorPalette: MomentumThemeAvatarColorPaletteProtocol {

package/dist/ios-webex/theme/webex/hc-dark-stable.swift

@@ -164,6 +164,7 @@ open class HcDarkMomentumThemeBackgroundColorPalette: MomentumThemeBackgroundCol
     open var gradientSecondaryNormal: UIColor { return UIColor(hex: 0x000000) }
     open var gradientPrimaryNormal: UIColor { return UIColor(hex: 0x000000) }
     open var skeletonNormal: UIColor { return UIColor(hex: 0x000000) }
+    open var glassNormal: UIColor { return UIColor(hex: 0x000000) }
     public init() {}
 }
 open class HcDarkMomentumThemeButtonColorPalette: MomentumThemeButtonColorPaletteProtocol {
@@ -317,6 +318,8 @@ open class HcDarkMomentumThemeGradientDividerColorPalette: MomentumThemeGradient
     open var orangeHover: UIColor { return UIColor(hex: 0xFFFFFF) }
     open var purpleNormal: UIColor { return UIColor(hex: 0xFFFFFF) }
     open var purpleHover: UIColor { return UIColor(hex: 0xFFFFFF) }
+    open var verticalNormal: UIColor { return UIColor(hex: 0xFFFFFF) }
+    open var verticalHover: UIColor { return UIColor(hex: 0xFFFFFF) }
     public init() {}
 }
 open class HcDarkMomentumThemeAvatarColorPalette: MomentumThemeAvatarColorPaletteProtocol {
@@ -378,6 +381,7 @@ open class HcDarkMomentumThemeCommonColorPalette: MomentumThemeCommonColorPalett
     open var outlineInputNormal: UIColor { return UIColor(hex: 0xFFFFFF) }
     open var outlineSecondaryPrimary: UIColor { return UIColor(hex: 0xFFFFFF) }
     open var outlineSecondaryDisabled: UIColor { return UIColor(hex: 0x3FF23F) }
+    open var outlineWarningNormal: UIColor { return UIColor(hex: 0xFFFFFF) }
     open var controlShareContentSelected: UIColor { return UIColor(hex: 0x1AEBFF) }
     open var controlShareContentActive: UIColor { return UIColor(hex: 0x1AEBFF) }
     open var controlShareContentInactive: UIColor { return UIColor(hex: 0x3FF23F) }

package/dist/ios-webex/theme/webex/hc-light-stable.swift

@@ -162,6 +162,7 @@ import UIKit
     var gradientSecondaryNormal: UIColor { get }
     var gradientPrimaryNormal: UIColor { get }
     var skeletonNormal: UIColor { get }
+    var glassNormal: UIColor { get }
 }
 @objc public protocol MomentumThemeButtonColorPaletteProtocol: AnyObject {
     var primaryNormal: UIColor { get }
@@ -347,6 +348,7 @@ import UIKit
     var outlineInputNormal: UIColor { get }
     var outlineSecondaryPrimary: UIColor { get }
     var outlineSecondaryDisabled: UIColor { get }
+    var outlineWarningNormal: UIColor { get }
     var controlShareContentSelected: UIColor { get }
     var controlShareContentActive: UIColor { get }
     var controlShareContentInactive: UIColor { get }
@@ -399,6 +401,8 @@ import UIKit
     var orangeHover: UIColor { get }
     var purpleNormal: UIColor { get }
     var purpleHover: UIColor { get }
+    var verticalNormal: UIColor { get }
+    var verticalHover: UIColor { get }
 }
 @objc public protocol MomentumThemeFocusColorPaletteProtocol: AnyObject {
     var default0: UIColor { get }
@@ -587,6 +591,7 @@ open class HcLightMomentumThemeBackgroundColorPalette: MomentumThemeBackgroundCo
     open var gradientSecondaryNormal: UIColor { return UIColor(hex: 0xFFFFFF) }
     open var gradientPrimaryNormal: UIColor { return UIColor(hex: 0xFFFFFF) }
     open var skeletonNormal: UIColor { return UIColor(hex: 0xFFFFFF) }
+    open var glassNormal: UIColor { return UIColor(hex: 0xFFFFFF) }
     public init() {}
 }
 open class HcLightMomentumThemeButtonColorPalette: MomentumThemeButtonColorPaletteProtocol {
@@ -784,6 +789,7 @@ open class HcLightMomentumThemeCommonColorPalette: MomentumThemeCommonColorPalet
     open var outlineInputNormal: UIColor { return UIColor(hex: 0x000000) }
     open var outlineSecondaryPrimary: UIColor { return UIColor(hex: 0x000000) }
     open var outlineSecondaryDisabled: UIColor { return UIColor(hex: 0x600000) }
+    open var outlineWarningNormal: UIColor { return UIColor(hex: 0x000000) }
     open var controlShareContentSelected: UIColor { return UIColor(hex: 0x37006E) }
     open var controlShareContentActive: UIColor { return UIColor(hex: 0x37006E) }
     open var controlShareContentInactive: UIColor { return UIColor(hex: 0x600000) }
@@ -837,6 +843,8 @@ open class HcLightMomentumThemeGradientDividerColorPalette: MomentumThemeGradien
     open var orangeHover: UIColor { return UIColor(hex: 0x000000) }
     open var purpleNormal: UIColor { return UIColor(hex: 0x000000) }
     open var purpleHover: UIColor { return UIColor(hex: 0x000000) }
+    open var verticalNormal: UIColor { return UIColor(hex: 0x000000) }
+    open var verticalHover: UIColor { return UIColor(hex: 0x000000) }
     public init() {}
 }
 open class HcLightMomentumThemeFocusColorPalette: MomentumThemeFocusColorPaletteProtocol {
@@ -1093,6 +1101,7 @@ open class SystemMomentumThemeBackgroundColorPalette: MomentumThemeBackgroundCol
     open var gradientSecondaryNormal: UIColor { return systemColor(light: light, dark: dark, keyPath: \.gradientSecondaryNormal) }
     open var gradientPrimaryNormal: UIColor { return systemColor(light: light, dark: dark, keyPath: \.gradientPrimaryNormal) }
     open var skeletonNormal: UIColor { return systemColor(light: light, dark: dark, keyPath: \.skeletonNormal) }
+    open var glassNormal: UIColor { return systemColor(light: light, dark: dark, keyPath: \.glassNormal) }
     public init() {}
 }
 open class SystemMomentumThemeButtonColorPalette: MomentumThemeButtonColorPaletteProtocol {
@@ -1314,6 +1323,7 @@ open class SystemMomentumThemeCommonColorPalette: MomentumThemeCommonColorPalett
     open var outlineInputNormal: UIColor { return systemColor(light: light, dark: dark, keyPath: \.outlineInputNormal) }
     open var outlineSecondaryPrimary: UIColor { return systemColor(light: light, dark: dark, keyPath: \.outlineSecondaryPrimary) }
     open var outlineSecondaryDisabled: UIColor { return systemColor(light: light, dark: dark, keyPath: \.outlineSecondaryDisabled) }
+    open var outlineWarningNormal: UIColor { return systemColor(light: light, dark: dark, keyPath: \.outlineWarningNormal) }
     open var controlShareContentSelected: UIColor { return systemColor(light: light, dark: dark, keyPath: \.controlShareContentSelected) }
     open var controlShareContentActive: UIColor { return systemColor(light: light, dark: dark, keyPath: \.controlShareContentActive) }
     open var controlShareContentInactive: UIColor { return systemColor(light: light, dark: dark, keyPath: \.controlShareContentInactive) }
@@ -1369,6 +1379,8 @@ open class SystemMomentumThemeGradientDividerColorPalette: MomentumThemeGradient
     open var orangeHover: UIColor { return systemColor(light: light, dark: dark, keyPath: \.orangeHover) }
     open var purpleNormal: UIColor { return systemColor(light: light, dark: dark, keyPath: \.purpleNormal) }
     open var purpleHover: UIColor { return systemColor(light: light, dark: dark, keyPath: \.purpleHover) }
+    open var verticalNormal: UIColor { return systemColor(light: light, dark: dark, keyPath: \.verticalNormal) }
+    open var verticalHover: UIColor { return systemColor(light: light, dark: dark, keyPath: \.verticalHover) }
     public init() {}
 }
 open class SystemMomentumThemeFocusColorPalette: MomentumThemeFocusColorPaletteProtocol {

package/dist/ios-webex/theme/webex/light-stable.swift

@@ -168,6 +168,7 @@ import UIKit
     var skeletonNormal1: UIColor { get }
     var skeletonNormal2: UIColor { get }
     var skeletonNormal3: UIColor { get }
+    var glassNormal: UIColor { get }
 }
 @objc public protocol MomentumThemeButtonColorPaletteProtocol: AnyObject {
     var primaryNormal: UIColor { get }
@@ -307,6 +308,7 @@ import UIKit
     var outlineInputNormal: UIColor { get }
     var outlineSecondaryNormal: UIColor { get }
     var outlineSecondaryDisabled: UIColor { get }
+    var outlineWarningNormal: UIColor { get }
     var controlShareContentSelected: UIColor { get }
     var controlShareContentActive: UIColor { get }
     var controlShareContentInactive: UIColor { get }
@@ -459,6 +461,14 @@ import UIKit
     var purpleHover1: UIColor { get }
     var purpleHover2: UIColor { get }
     var purpleHover3: UIColor { get }
+    var verticalNormal0: UIColor { get }
+    var verticalNormal1: UIColor { get }
+    var verticalNormal2: UIColor { get }
+    var verticalNormal3: UIColor { get }
+    var verticalHover0: UIColor { get }
+    var verticalHover1: UIColor { get }
+    var verticalHover2: UIColor { get }
+    var verticalHover3: UIColor { get }
 }
 @objc public protocol MomentumThemeFocusColorPaletteProtocol: AnyObject {
     var default0: UIColor { get }
@@ -652,6 +662,7 @@ open class LightMomentumThemeBackgroundColorPalette: MomentumThemeBackgroundColo
     open var skeletonNormal1: UIColor { return UIColor(hex: 0x000000, withAlpha: 0.30) }
     open var skeletonNormal2: UIColor { return UIColor(hex: 0x000000, withAlpha: 0.40) }
     open var skeletonNormal3: UIColor { return UIColor(hex: 0x000000, withAlpha: 0.50) }
+    open var glassNormal: UIColor { return UIColor(hex: 0xFFFFFF, withAlpha: 0.50) }
     public init() {}
 }
 open class LightMomentumThemeButtonColorPalette: MomentumThemeButtonColorPaletteProtocol {
@@ -797,6 +808,7 @@ open class LightMomentumThemeCommonColorPalette: MomentumThemeCommonColorPalette
     open var outlineInputNormal: UIColor { return UIColor(hex: 0xFFFFFF, withAlpha: 0.50) }
     open var outlineSecondaryNormal: UIColor { return UIColor(hex: 0x000000, withAlpha: 0.20) }
     open var outlineSecondaryDisabled: UIColor { return UIColor(hex: 0x000000, withAlpha: 0.20) }
+    open var outlineWarningNormal: UIColor { return UIColor(hex: 0xF2990A) }
     open var controlShareContentSelected: UIColor { return UIColor(hex: 0x3CC29A) }
     open var controlShareContentActive: UIColor { return UIColor(hex: 0xC94403) }
     open var controlShareContentInactive: UIColor { return UIColor(hex: 0x707070) }
@@ -955,6 +967,14 @@ open class LightMomentumThemeGradientDividerColorPalette: MomentumThemeGradientD
     open var purpleHover1: UIColor { return UIColor(hex: 0x932099, withAlpha: 0.90) }
     open var purpleHover2: UIColor { return UIColor(hex: 0x932099, withAlpha: 0.90) }
     open var purpleHover3: UIColor { return UIColor(hex: 0x932099, withAlpha: 0.00) }
+    open var verticalNormal0: UIColor { return UIColor(hex: 0x000000, withAlpha: 0.00) }
+    open var verticalNormal1: UIColor { return UIColor(hex: 0x000000, withAlpha: 0.20) }
+    open var verticalNormal2: UIColor { return UIColor(hex: 0x000000, withAlpha: 0.20) }
+    open var verticalNormal3: UIColor { return UIColor(hex: 0x000000, withAlpha: 0.00) }
+    open var verticalHover0: UIColor { return UIColor(hex: 0x000000, withAlpha: 0.00) }
+    open var verticalHover1: UIColor { return UIColor(hex: 0x000000, withAlpha: 0.60) }
+    open var verticalHover2: UIColor { return UIColor(hex: 0x000000, withAlpha: 0.60) }
+    open var verticalHover3: UIColor { return UIColor(hex: 0x000000, withAlpha: 0.00) }
     public init() {}
 }
 open class LightMomentumThemeFocusColorPalette: MomentumThemeFocusColorPaletteProtocol {
@@ -1213,6 +1233,7 @@ open class SystemMomentumThemeBackgroundColorPalette: MomentumThemeBackgroundCol
     open var skeletonNormal1: UIColor { return systemColor(light: light, dark: dark, keyPath: \.skeletonNormal1) }
     open var skeletonNormal2: UIColor { return systemColor(light: light, dark: dark, keyPath: \.skeletonNormal2) }
     open var skeletonNormal3: UIColor { return systemColor(light: light, dark: dark, keyPath: \.skeletonNormal3) }
+    open var glassNormal: UIColor { return systemColor(light: light, dark: dark, keyPath: \.glassNormal) }
     public init() {}
 }
 open class SystemMomentumThemeButtonColorPalette: MomentumThemeButtonColorPaletteProtocol {
@@ -1370,6 +1391,7 @@ open class SystemMomentumThemeCommonColorPalette: MomentumThemeCommonColorPalett
     open var outlineInputNormal: UIColor { return systemColor(light: light, dark: dark, keyPath: \.outlineInputNormal) }
     open var outlineSecondaryNormal: UIColor { return systemColor(light: light, dark: dark, keyPath: \.outlineSecondaryNormal) }
     open var outlineSecondaryDisabled: UIColor { return systemColor(light: light, dark: dark, keyPath: \.outlineSecondaryDisabled) }
+    open var outlineWarningNormal: UIColor { return systemColor(light: light, dark: dark, keyPath: \.outlineWarningNormal) }
     open var controlShareContentSelected: UIColor { return systemColor(light: light, dark: dark, keyPath: \.controlShareContentSelected) }
     open var controlShareContentActive: UIColor { return systemColor(light: light, dark: dark, keyPath: \.controlShareContentActive) }
     open var controlShareContentInactive: UIColor { return systemColor(light: light, dark: dark, keyPath: \.controlShareContentInactive) }
@@ -1540,6 +1562,14 @@ open class SystemMomentumThemeGradientDividerColorPalette: MomentumThemeGradient
     open var purpleHover1: UIColor { return systemColor(light: light, dark: dark, keyPath: \.purpleHover1) }
     open var purpleHover2: UIColor { return systemColor(light: light, dark: dark, keyPath: \.purpleHover2) }
     open var purpleHover3: UIColor { return systemColor(light: light, dark: dark, keyPath: \.purpleHover3) }
+    open var verticalNormal0: UIColor { return systemColor(light: light, dark: dark, keyPath: \.verticalNormal0) }
+    open var verticalNormal1: UIColor { return systemColor(light: light, dark: dark, keyPath: \.verticalNormal1) }
+    open var verticalNormal2: UIColor { return systemColor(light: light, dark: dark, keyPath: \.verticalNormal2) }
+    open var verticalNormal3: UIColor { return systemColor(light: light, dark: dark, keyPath: \.verticalNormal3) }
+    open var verticalHover0: UIColor { return systemColor(light: light, dark: dark, keyPath: \.verticalHover0) }
+    open var verticalHover1: UIColor { return systemColor(light: light, dark: dark, keyPath: \.verticalHover1) }
+    open var verticalHover2: UIColor { return systemColor(light: light, dark: dark, keyPath: \.verticalHover2) }
+    open var verticalHover3: UIColor { return systemColor(light: light, dark: dark, keyPath: \.verticalHover3) }
     public init() {}
 }
 open class SystemMomentumThemeFocusColorPalette: MomentumThemeFocusColorPaletteProtocol {

package/dist/json/effect/complete.json

@@ -0,0 +1,21 @@
+{
+  "backdrop-filter": {
+    "value": "blur(10px)",
+    "type": "other",
+    "description": "Used for background blur effect glass effect",
+    "filePath": "src/core/effect.json",
+    "isSource": true,
+    "original": {
+      "value": "blur(10px)",
+      "type": "other",
+      "description": "Used for background blur effect glass effect"
+    },
+    "name": "mds-backdrop-filter",
+    "attributes": {
+      "category": "backdrop-filter"
+    },
+    "path": [
+      "backdrop-filter"
+    ]
+  }
+}