@momentum-design/tokens 0.2.7 → 0.3.0

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

@@ -162,6 +162,9 @@ import UIKit
     var gradientSecondaryNormal: UIColor { get }
     var gradientPrimaryNormal: UIColor { get }
     var skeletonNormal: UIColor { get }
+    var glassNormal: UIColor { get }
+    var glassOverlayNormal: UIColor { get }
+    var glassOverlayInactive: UIColor { get }
 }
 @objc public protocol MomentumThemeButtonColorPaletteProtocol: AnyObject {
     var primaryNormal: UIColor { get }
@@ -184,6 +187,9 @@ import UIKit
     var accentNormal: UIColor { get }
     var accentHover: UIColor { get }
     var accentPressed: UIColor { get }
+    var glassPrimaryNormal: UIColor { get }
+    var glassPrimaryHover: UIColor { get }
+    var glassPrimaryPressed: UIColor { get }
 }
 @objc public protocol MomentumThemeOutlineColorPaletteProtocol: AnyObject {
     var primaryNormal: UIColor { get }
@@ -304,6 +310,8 @@ import UIKit
     var yellow: UIColor { get }
     var hover: UIColor { get }
     var pressed: UIColor { get }
+    var glassNormal: UIColor { get }
+    var glassActive: UIColor { get }
 }
 @objc public protocol MomentumThemeCommonColorPaletteProtocol: AnyObject {
     var textPrimaryNormal: UIColor { get }
@@ -347,6 +355,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 +408,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 +598,9 @@ 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) }
+    open var glassOverlayNormal: UIColor { return UIColor(hex: 0x00009F) }
+    open var glassOverlayInactive: UIColor { return UIColor(hex: 0xFFFFFF) }
     public init() {}
 }
 open class HcLightMomentumThemeButtonColorPalette: MomentumThemeButtonColorPaletteProtocol {
@@ -610,6 +624,9 @@ open class HcLightMomentumThemeButtonColorPalette: MomentumThemeButtonColorPalet
     open var accentNormal: UIColor { return UIColor(hex: 0xFFFFFF) }
     open var accentHover: UIColor { return UIColor(hex: 0x37006E) }
     open var accentPressed: UIColor { return UIColor(hex: 0x37006E) }
+    open var glassPrimaryNormal: UIColor { return UIColor(hex: 0xFFFFFF) }
+    open var glassPrimaryHover: UIColor { return UIColor(hex: 0x37006E) }
+    open var glassPrimaryPressed: UIColor { return UIColor(hex: 0x37006E) }
     public init() {}
 }
 open class HcLightMomentumThemeOutlineColorPalette: MomentumThemeOutlineColorPaletteProtocol {
@@ -740,6 +757,8 @@ open class HcLightMomentumThemeAvatarColorPalette: MomentumThemeAvatarColorPalet
     open var yellow: UIColor { return UIColor(hex: 0x000000) }
     open var hover: UIColor { return UIColor(hex: 0x000000) }
     open var pressed: UIColor { return UIColor(hex: 0x000000) }
+    open var glassNormal: UIColor { return UIColor(hex: 0x000000) }
+    open var glassActive: UIColor { return UIColor(hex: 0x000000) }
     public init() {}
 }
 open class HcLightMomentumThemeCommonColorPalette: MomentumThemeCommonColorPaletteProtocol {
@@ -784,6 +803,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 +857,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 +1115,9 @@ 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) }
+    open var glassOverlayNormal: UIColor { return systemColor(light: light, dark: dark, keyPath: \.glassOverlayNormal) }
+    open var glassOverlayInactive: UIColor { return systemColor(light: light, dark: dark, keyPath: \.glassOverlayInactive) }
     public init() {}
 }
 open class SystemMomentumThemeButtonColorPalette: MomentumThemeButtonColorPaletteProtocol {
@@ -1118,6 +1143,9 @@ open class SystemMomentumThemeButtonColorPalette: MomentumThemeButtonColorPalett
     open var accentNormal: UIColor { return systemColor(light: light, dark: dark, keyPath: \.accentNormal) }
     open var accentHover: UIColor { return systemColor(light: light, dark: dark, keyPath: \.accentHover) }
     open var accentPressed: UIColor { return systemColor(light: light, dark: dark, keyPath: \.accentPressed) }
+    open var glassPrimaryNormal: UIColor { return systemColor(light: light, dark: dark, keyPath: \.glassPrimaryNormal) }
+    open var glassPrimaryHover: UIColor { return systemColor(light: light, dark: dark, keyPath: \.glassPrimaryHover) }
+    open var glassPrimaryPressed: UIColor { return systemColor(light: light, dark: dark, keyPath: \.glassPrimaryPressed) }
     public init() {}
 }
 open class SystemMomentumThemeOutlineColorPalette: MomentumThemeOutlineColorPaletteProtocol {
@@ -1268,6 +1296,8 @@ open class SystemMomentumThemeAvatarColorPalette: MomentumThemeAvatarColorPalett
     open var yellow: UIColor { return systemColor(light: light, dark: dark, keyPath: \.yellow) }
     open var hover: UIColor { return systemColor(light: light, dark: dark, keyPath: \.hover) }
     open var pressed: UIColor { return systemColor(light: light, dark: dark, keyPath: \.pressed) }
+    open var glassNormal: UIColor { return systemColor(light: light, dark: dark, keyPath: \.glassNormal) }
+    open var glassActive: UIColor { return systemColor(light: light, dark: dark, keyPath: \.glassActive) }
     public init() {}
 }
 open class SystemMomentumThemeCommonColorPalette: MomentumThemeCommonColorPaletteProtocol {
@@ -1314,6 +1344,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 +1400,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,9 @@ import UIKit
     var skeletonNormal1: UIColor { get }
     var skeletonNormal2: UIColor { get }
     var skeletonNormal3: UIColor { get }
+    var glassNormal: UIColor { get }
+    var glassOverlayNormal: UIColor { get }
+    var glassOverlayInactive: UIColor { get }
 }
 @objc public protocol MomentumThemeButtonColorPaletteProtocol: AnyObject {
     var primaryNormal: UIColor { get }
@@ -191,6 +194,9 @@ import UIKit
     var accentNormal: UIColor { get }
     var accentHover: UIColor { get }
     var accentPressed: UIColor { get }
+    var glassPrimaryNormal: UIColor { get }
+    var glassPrimaryHover: UIColor { get }
+    var glassPrimaryPressed: UIColor { get }
 }
 @objc public protocol MomentumThemeOutlineColorPaletteProtocol: AnyObject {
     var primaryNormal: UIColor { get }
@@ -307,6 +313,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 }
@@ -401,6 +408,8 @@ import UIKit
     var yellow: UIColor { get }
     var hover: UIColor { get }
     var pressed: UIColor { get }
+    var glassNormal: UIColor { get }
+    var glassActive: UIColor { get }
 }
 @objc public protocol MomentumThemeGradientDividerColorPaletteProtocol: AnyObject {
     var defaultNormal0: UIColor { get }
@@ -459,6 +468,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 +669,9 @@ 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.60) }
+    open var glassOverlayNormal: UIColor { return UIColor(hex: 0xFFFFFF, withAlpha: 0.80) }
+    open var glassOverlayInactive: UIColor { return UIColor(hex: 0xFFFFFF, withAlpha: 0.40) }
     public init() {}
 }
 open class LightMomentumThemeButtonColorPalette: MomentumThemeButtonColorPaletteProtocol {
@@ -676,6 +696,9 @@ open class LightMomentumThemeButtonColorPalette: MomentumThemeButtonColorPalette
     open var accentNormal: UIColor { return UIColor(hex: 0x1170CF) }
     open var accentHover: UIColor { return UIColor(hex: 0x0353A8) }
     open var accentPressed: UIColor { return UIColor(hex: 0x063A75) }
+    open var glassPrimaryNormal: UIColor { return UIColor(hex: 0x000000, withAlpha: 0.80) }
+    open var glassPrimaryHover: UIColor { return UIColor(hex: 0x000000, withAlpha: 0.70) }
+    open var glassPrimaryPressed: UIColor { return UIColor(hex: 0x000000, withAlpha: 0.60) }
     public init() {}
 }
 open class LightMomentumThemeOutlineColorPalette: MomentumThemeOutlineColorPaletteProtocol {
@@ -797,6 +820,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) }
@@ -896,6 +920,8 @@ open class LightMomentumThemeAvatarColorPalette: MomentumThemeAvatarColorPalette
     open var yellow: UIColor { return UIColor(hex: 0x7D4705) }
     open var hover: UIColor { return UIColor(hex: 0x000000, withAlpha: 0.07) }
     open var pressed: UIColor { return UIColor(hex: 0x000000, withAlpha: 0.20) }
+    open var glassNormal: UIColor { return UIColor(hex: 0x000000, withAlpha: 0.07) }
+    open var glassActive: UIColor { return UIColor(hex: 0xFFFFFF, withAlpha: 0.80) }
     public init() {}
 }
 open class LightMomentumThemeGradientDividerColorPalette: MomentumThemeGradientDividerColorPaletteProtocol {
@@ -955,6 +981,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 +1247,9 @@ 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) }
+    open var glassOverlayNormal: UIColor { return systemColor(light: light, dark: dark, keyPath: \.glassOverlayNormal) }
+    open var glassOverlayInactive: UIColor { return systemColor(light: light, dark: dark, keyPath: \.glassOverlayInactive) }
     public init() {}
 }
 open class SystemMomentumThemeButtonColorPalette: MomentumThemeButtonColorPaletteProtocol {
@@ -1239,6 +1276,9 @@ open class SystemMomentumThemeButtonColorPalette: MomentumThemeButtonColorPalett
     open var accentNormal: UIColor { return systemColor(light: light, dark: dark, keyPath: \.accentNormal) }
     open var accentHover: UIColor { return systemColor(light: light, dark: dark, keyPath: \.accentHover) }
     open var accentPressed: UIColor { return systemColor(light: light, dark: dark, keyPath: \.accentPressed) }
+    open var glassPrimaryNormal: UIColor { return systemColor(light: light, dark: dark, keyPath: \.glassPrimaryNormal) }
+    open var glassPrimaryHover: UIColor { return systemColor(light: light, dark: dark, keyPath: \.glassPrimaryHover) }
+    open var glassPrimaryPressed: UIColor { return systemColor(light: light, dark: dark, keyPath: \.glassPrimaryPressed) }
     public init() {}
 }
 open class SystemMomentumThemeOutlineColorPalette: MomentumThemeOutlineColorPaletteProtocol {
@@ -1370,6 +1410,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) }
@@ -1479,6 +1520,8 @@ open class SystemMomentumThemeAvatarColorPalette: MomentumThemeAvatarColorPalett
     open var yellow: UIColor { return systemColor(light: light, dark: dark, keyPath: \.yellow) }
     open var hover: UIColor { return systemColor(light: light, dark: dark, keyPath: \.hover) }
     open var pressed: UIColor { return systemColor(light: light, dark: dark, keyPath: \.pressed) }
+    open var glassNormal: UIColor { return systemColor(light: light, dark: dark, keyPath: \.glassNormal) }
+    open var glassActive: UIColor { return systemColor(light: light, dark: dark, keyPath: \.glassActive) }
     public init() {}
 }
 open class SystemMomentumThemeGradientDividerColorPalette: MomentumThemeGradientDividerColorPaletteProtocol {
@@ -1540,6 +1583,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"
+    ]
+  }
+}

package/dist/json/elevation/complete.json

@@ -0,0 +1,108 @@
+{
+  "elevation": {
+    "1": {
+      "value": "drop-shadow(0px 2px 8px rgba(0,0,0,0.2))",
+      "type": "boxShadow",
+      "filePath": "src/core/elevation.json",
+      "isSource": true,
+      "original": {
+        "value": {
+          "x": "0",
+          "y": "2",
+          "blur": "8",
+          "spread": "0",
+          "color": "rgba(0,0,0,0.2)",
+          "type": "dropShadow"
+        },
+        "type": "boxShadow"
+      },
+      "name": "mds-elevation-1",
+      "attributes": {
+        "category": "elevation",
+        "type": "1"
+      },
+      "path": [
+        "elevation",
+        "1"
+      ]
+    },
+    "2": {
+      "value": "drop-shadow(0px 4px 16px rgba(0,0,0,0.2))",
+      "type": "boxShadow",
+      "filePath": "src/core/elevation.json",
+      "isSource": true,
+      "original": {
+        "value": {
+          "x": "0",
+          "y": "4",
+          "blur": "16",
+          "spread": "0",
+          "color": "rgba(0,0,0,0.2)",
+          "type": "dropShadow"
+        },
+        "type": "boxShadow"
+      },
+      "name": "mds-elevation-2",
+      "attributes": {
+        "category": "elevation",
+        "type": "2"
+      },
+      "path": [
+        "elevation",
+        "2"
+      ]
+    },
+    "3": {
+      "value": "drop-shadow(0px 6px 24px rgba(0,0,0,0.25))",
+      "type": "boxShadow",
+      "filePath": "src/core/elevation.json",
+      "isSource": true,
+      "original": {
+        "value": {
+          "x": "0",
+          "y": "6",
+          "blur": "24",
+          "spread": "0",
+          "color": "rgba(0,0,0,0.25)",
+          "type": "dropShadow"
+        },
+        "type": "boxShadow"
+      },
+      "name": "mds-elevation-3",
+      "attributes": {
+        "category": "elevation",
+        "type": "3"
+      },
+      "path": [
+        "elevation",
+        "3"
+      ]
+    },
+    "4": {
+      "value": "drop-shadow(0px 12px 48px rgba(0,0,0,0.25))",
+      "type": "boxShadow",
+      "filePath": "src/core/elevation.json",
+      "isSource": true,
+      "original": {
+        "value": {
+          "x": "0",
+          "y": "12",
+          "blur": "48",
+          "spread": "0",
+          "color": "rgba(0,0,0,0.25)",
+          "type": "dropShadow"
+        },
+        "type": "boxShadow"
+      },
+      "name": "mds-elevation-4",
+      "attributes": {
+        "category": "elevation",
+        "type": "4"
+      },
+      "path": [
+        "elevation",
+        "4"
+      ]
+    }
+  }
+}