@marioschmidt/design-system-tokens 1.0.67 → 1.0.68

package/dist/android/compose/brands/advertorial/components/Alert/AlertTokens.kt

@@ -1,62 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- *
- * BILD Design System Tokens v1.0.67
- * Generated by Style Dictionary
- *
- * Component: Alert | Brand: Advertorial
- * Aggregated component tokens with all modes
- *
- * Copyright (c) 2024 Axel Springer Deutschland GmbH
- */
-
-package com.bild.designsystem.advertorial.components
-
-import androidx.compose.runtime.Immutable
-import androidx.compose.runtime.Composable
-import com.bild.designsystem.shared.DesignSystemTheme
-import com.bild.designsystem.shared.ShadowStyle
-import com.bild.designsystem.shared.DropShadow
-
-/**
- * Alert Design Tokens
- *
- * Usage:
- *   AlertTokens.Colors.Light.primaryBgIdle
- *   AlertTokens.Sizing.Compact.height
- *   AlertTokens.Density.Default.contentGap
- */
-object AlertTokens {
-
-    // ══════════════════════════════════════════════════════════════
-    // EFFECTS (Shadows)
-    // ══════════════════════════════════════════════════════════════
-    object Effects {
-        /**
-         * Returns effects tokens for the current theme.
-         * Automatically resolves to Light or Dark based on DesignSystemTheme.isDarkTheme
-         *
-         * Usage:
-         *   val shadow = AlertTokens.Effects.current().menuShadow
-         */
-        @Composable
-        fun current(): EffectsTokens = if (DesignSystemTheme.isDarkTheme) Dark else Light
-
-        /**
-         * Interface for effects tokens (ShadowStyle composites)
-         */
-        interface EffectsTokens {
-            val alertShadowDown: ShadowStyle
-            val alertShadowUp: ShadowStyle
-        }
-
-        object Light : EffectsTokens {
-            override val alertShadowDown = ShadowStyle(listOf(DropShadow(color = Color.Black.copy(alpha = 0.20f), offsetX = 0f, offsetY = 6f, blur = 10f, spread = 0f)))
-            override val alertShadowUp = ShadowStyle(listOf(DropShadow(color = Color.Black.copy(alpha = 0.20f), offsetX = 0f, offsetY = -2f, blur = 10f, spread = 0f)))
-        }
-        object Dark : EffectsTokens {
-            override val alertShadowDown = ShadowStyle(listOf(DropShadow(color = Color.Black.copy(alpha = 0.20f), offsetX = 0f, offsetY = 6f, blur = 10f, spread = 0f)))
-            override val alertShadowUp = ShadowStyle(listOf(DropShadow(color = Color.Black.copy(alpha = 0.20f), offsetX = 0f, offsetY = -2f, blur = 10f, spread = 0f)))
-        }
-    }
-}

package/dist/css/advertorial/components/alert.css

@@ -1,23 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- *
- * ADVERTORIAL Design System Tokens v1.0.67
- * Generated by Style Dictionary v4.0.0
- *
- * Brand: Advertorial | Bundle: Alert Component Tokens
- *
- * Copyright (c) 2024 Axel Springer Deutschland GmbH
- * Proprietary and confidential. All rights reserved.
- *
- * Documentation: https://github.com/UXWizard25/vv-token-test-v3#readme
- */
-
-/* === OTHER TOKENS === */
-
-[data-brand="advertorial"] .alert-shadow-down {
-  box-shadow: 0px 6px 10px 0px var(--alpha-black-20, rgba(0, 0, 0, 0.2));
-}
-
-[data-brand="advertorial"] .alert-shadow-up {
-  box-shadow: 0px -2px 10px 0px var(--alpha-black-20, rgba(0, 0, 0, 0.2));
-}

package/dist/ios/brands/advertorial/components/Alert/AlertTokens.swift

@@ -1,55 +0,0 @@
-//
-// Do not edit directly, this file was auto-generated.
-//
-// BILD Design System Tokens v1.0.67
-// Generated by Style Dictionary
-//
-// Component: Alert | Brand: Advertorial
-// Aggregated component tokens with all modes
-//
-// Copyright (c) 2024 Axel Springer Deutschland GmbH
-//
-
-import SwiftUI
-
-/// Alert Design Tokens
-///
-/// Usage:
-///   AlertTokens.Colors.light.primaryBgIdle
-///   AlertTokens.Sizing.compact.height
-///   AlertTokens.Density.current(for: theme.density).contentGap
-public enum AlertTokens {
-
-    // MARK: - Effects
-
-    /// Effects tokens protocol
-    public protocol AlertEffectsTokens: Sendable {
-        var alertShadowDown: ShadowStyle { get }
-        var alertShadowUp: ShadowStyle { get }
-    }
-
-    /// Effects accessor
-    public enum Effects {
-        /// Returns effects tokens for the specified theme mode
-        public static func current(isDark: Bool) -> any AlertEffectsTokens {
-            isDark ? Dark.shared : Light.shared
-        }
-
-        public static var light: Light { Light.shared }
-        public static var dark: Dark { Dark.shared }
-
-        public struct Light: AlertEffectsTokens {
-            public static let shared = Light()
-            private init() {}
-            public let alertShadowDown: ShadowStyle = ShadowStyle(shadows: [ DropShadow(color: Color(hex: 0x000000, alpha: 0.20), offsetX: 0, offsetY: 6, radius: 10, spread: 0) ])
-            public let alertShadowUp: ShadowStyle = ShadowStyle(shadows: [ DropShadow(color: Color(hex: 0x000000, alpha: 0.20), offsetX: 0, offsetY: -2, radius: 10, spread: 0) ])
-        }
-
-        public struct Dark: AlertEffectsTokens {
-            public static let shared = Dark()
-            private init() {}
-            public let alertShadowDown: ShadowStyle = ShadowStyle(shadows: [ DropShadow(color: Color(hex: 0x000000, alpha: 0.20), offsetX: 0, offsetY: 6, radius: 10, spread: 0) ])
-            public let alertShadowUp: ShadowStyle = ShadowStyle(shadows: [ DropShadow(color: Color(hex: 0x000000, alpha: 0.20), offsetX: 0, offsetY: -2, radius: 10, spread: 0) ])
-        }
-    }
-}

package/dist/ios/brands/advertorial/semantic/effects/EffectsDark.swift

@@ -1,69 +0,0 @@
-//
-// Do not edit directly, this file was auto-generated.
-//
-// BILD Design System Tokens v1.0.67
-// Generated by Style Dictionary
-//
-// Copyright (c) 2024 Axel Springer Deutschland GmbH
-//
-
-import SwiftUI
-
-/// Protocol for type-safe effects access
-public protocol AdvertorialEffectsScheme: Sendable {
-    /// Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation.
-    var shadowSoftSm: ShadowStyle { get }
-    /// Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation.
-    var shadowSoftMd: ShadowStyle { get }
-    /// Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation.
-    var shadowSoftLg: ShadowStyle { get }
-    /// Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation.
-    var shadowSoftXl: ShadowStyle { get }
-    /// Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus.
-    var shadowHardSm: ShadowStyle { get }
-    /// Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus.
-    var shadowHardMd: ShadowStyle { get }
-    /// Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus.
-    var shadowHardLg: ShadowStyle { get }
-    /// Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus.
-    var shadowHardXl: ShadowStyle { get }
-}
-
-/// Light mode effects implementation
-public struct AdvertorialEffectsLight: AdvertorialEffectsScheme, DesignEffectsScheme {
-    public static let shared = AdvertorialEffectsLight()
-    private init() {}
-
-    public let shadowSoftSm = ShadowStyle(shadows: [
-        DropShadow(color: Color(hex: 0x000000, alpha: 0.04), offsetX: 0, offsetY: 1, radius: 4, spread: 0),
-        DropShadow(color: Color(hex: 0x000000, alpha: 0.08), offsetX: 0, offsetY: 2, radius: 6, spread: 0)
-    ])
-    public let shadowSoftMd = ShadowStyle(shadows: [
-        DropShadow(color: Color(hex: 0x000000, alpha: 0.03), offsetX: 0, offsetY: 2, radius: 16, spread: 0),
-        DropShadow(color: Color(hex: 0x000000, alpha: 0.07), offsetX: 0, offsetY: 4, radius: 12, spread: 0)
-    ])
-    public let shadowSoftLg = ShadowStyle(shadows: [
-        DropShadow(color: Color(hex: 0x000000, alpha: 0.03), offsetX: 0, offsetY: 8, radius: 24, spread: 0),
-        DropShadow(color: Color(hex: 0x000000, alpha: 0.07), offsetX: 0, offsetY: 8, radius: 16, spread: 0)
-    ])
-    public let shadowSoftXl = ShadowStyle(shadows: [
-        DropShadow(color: Color(hex: 0x000000, alpha: 0.05), offsetX: 0, offsetY: 0, radius: 64, spread: 0),
-        DropShadow(color: Color(hex: 0x000000, alpha: 0.10), offsetX: 0, offsetY: 16, radius: 32, spread: 0)
-    ])
-    public let shadowHardSm = ShadowStyle(shadows: [
-        DropShadow(color: Color(hex: 0x000000, alpha: 0.20), offsetX: 0, offsetY: 1, radius: 2, spread: 0),
-        DropShadow(color: Color(hex: 0x000000, alpha: 0.10), offsetX: 0, offsetY: 1, radius: 3, spread: 1)
-    ])
-    public let shadowHardMd = ShadowStyle(shadows: [
-        DropShadow(color: Color(hex: 0x000000, alpha: 0.10), offsetX: 0, offsetY: 4, radius: 8, spread: 0),
-        DropShadow(color: Color(hex: 0x000000, alpha: 0.16), offsetX: 0, offsetY: 2, radius: 4, spread: 0)
-    ])
-    public let shadowHardLg = ShadowStyle(shadows: [
-        DropShadow(color: Color(hex: 0x000000, alpha: 0.20), offsetX: 0, offsetY: 2, radius: 3, spread: 0),
-        DropShadow(color: Color(hex: 0x000000, alpha: 0.10), offsetX: 0, offsetY: 6, radius: 10, spread: 4)
-    ])
-    public let shadowHardXl = ShadowStyle(shadows: [
-        DropShadow(color: Color(hex: 0x000000, alpha: 0.20), offsetX: 0, offsetY: 4, radius: 4, spread: 0),
-        DropShadow(color: Color(hex: 0x000000, alpha: 0.10), offsetX: 0, offsetY: 8, radius: 12, spread: 6)
-    ])
-}

package/dist/ios/brands/advertorial/semantic/effects/EffectsLight.swift

@@ -1,69 +0,0 @@
-//
-// Do not edit directly, this file was auto-generated.
-//
-// BILD Design System Tokens v1.0.67
-// Generated by Style Dictionary
-//
-// Copyright (c) 2024 Axel Springer Deutschland GmbH
-//
-
-import SwiftUI
-
-/// Protocol for type-safe effects access
-public protocol AdvertorialEffectsScheme: Sendable {
-    /// Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation.
-    var shadowSoftSm: ShadowStyle { get }
-    /// Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation.
-    var shadowSoftMd: ShadowStyle { get }
-    /// Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation.
-    var shadowSoftLg: ShadowStyle { get }
-    /// Broad and soft shadows with low contrast. Best for cards, sheets, or subtle surface separation.
-    var shadowSoftXl: ShadowStyle { get }
-    /// Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus.
-    var shadowHardSm: ShadowStyle { get }
-    /// Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus.
-    var shadowHardMd: ShadowStyle { get }
-    /// Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus.
-    var shadowHardLg: ShadowStyle { get }
-    /// Sharper, higher-contrast shadows. Best for dialogs, modals, dropdowns and overlays that require stronger focus.
-    var shadowHardXl: ShadowStyle { get }
-}
-
-/// Light mode effects implementation
-public struct AdvertorialEffectsLight: AdvertorialEffectsScheme, DesignEffectsScheme {
-    public static let shared = AdvertorialEffectsLight()
-    private init() {}
-
-    public let shadowSoftSm = ShadowStyle(shadows: [
-        DropShadow(color: Color(hex: 0x000000, alpha: 0.04), offsetX: 0, offsetY: 1, radius: 4, spread: 0),
-        DropShadow(color: Color(hex: 0x000000, alpha: 0.08), offsetX: 0, offsetY: 2, radius: 6, spread: 0)
-    ])
-    public let shadowSoftMd = ShadowStyle(shadows: [
-        DropShadow(color: Color(hex: 0x000000, alpha: 0.03), offsetX: 0, offsetY: 2, radius: 16, spread: 0),
-        DropShadow(color: Color(hex: 0x000000, alpha: 0.07), offsetX: 0, offsetY: 4, radius: 12, spread: 0)
-    ])
-    public let shadowSoftLg = ShadowStyle(shadows: [
-        DropShadow(color: Color(hex: 0x000000, alpha: 0.03), offsetX: 0, offsetY: 8, radius: 24, spread: 0),
-        DropShadow(color: Color(hex: 0x000000, alpha: 0.07), offsetX: 0, offsetY: 8, radius: 16, spread: 0)
-    ])
-    public let shadowSoftXl = ShadowStyle(shadows: [
-        DropShadow(color: Color(hex: 0x000000, alpha: 0.05), offsetX: 0, offsetY: 0, radius: 64, spread: 0),
-        DropShadow(color: Color(hex: 0x000000, alpha: 0.10), offsetX: 0, offsetY: 16, radius: 32, spread: 0)
-    ])
-    public let shadowHardSm = ShadowStyle(shadows: [
-        DropShadow(color: Color(hex: 0x000000, alpha: 0.20), offsetX: 0, offsetY: 1, radius: 2, spread: 0),
-        DropShadow(color: Color(hex: 0x000000, alpha: 0.10), offsetX: 0, offsetY: 1, radius: 3, spread: 1)
-    ])
-    public let shadowHardMd = ShadowStyle(shadows: [
-        DropShadow(color: Color(hex: 0x000000, alpha: 0.10), offsetX: 0, offsetY: 4, radius: 8, spread: 0),
-        DropShadow(color: Color(hex: 0x000000, alpha: 0.16), offsetX: 0, offsetY: 2, radius: 4, spread: 0)
-    ])
-    public let shadowHardLg = ShadowStyle(shadows: [
-        DropShadow(color: Color(hex: 0x000000, alpha: 0.20), offsetX: 0, offsetY: 2, radius: 3, spread: 0),
-        DropShadow(color: Color(hex: 0x000000, alpha: 0.10), offsetX: 0, offsetY: 6, radius: 10, spread: 4)
-    ])
-    public let shadowHardXl = ShadowStyle(shadows: [
-        DropShadow(color: Color(hex: 0x000000, alpha: 0.20), offsetX: 0, offsetY: 4, radius: 4, spread: 0),
-        DropShadow(color: Color(hex: 0x000000, alpha: 0.10), offsetX: 0, offsetY: 8, radius: 12, spread: 6)
-    ])
-}

package/dist/js/brands/advertorial/components/Alert.d.ts

@@ -1,21 +0,0 @@
-/**
- * TypeScript definitions for BILD Design System Tokens
- * Auto-generated - Do not edit directly
- */
-
-import type { ColorValue, SpacingValue, TypographyStyle, ShadowLayer } from '../../../types';
-
-export interface AlertTokens {
-  colors?: { light?: Record<string, ColorValue>; dark?: Record<string, ColorValue>; };
-  sizing?: { xs?: Record<string, SpacingValue>; sm?: Record<string, SpacingValue>; md?: Record<string, SpacingValue>; lg?: Record<string, SpacingValue>; };
-  density?: { default?: Record<string, SpacingValue>; dense?: Record<string, SpacingValue>; spacious?: Record<string, SpacingValue>; };
-  typography?: { xs?: Record<string, TypographyStyle>; sm?: Record<string, TypographyStyle>; md?: Record<string, TypographyStyle>; lg?: Record<string, TypographyStyle>; };
-  effects?: { light?: Record<string, ShadowLayer[]>; dark?: Record<string, ShadowLayer[]>; };
-}
-
-export declare const Alert: AlertTokens;
-export declare function getAlertTokens(colorMode?: 'light' | 'dark', breakpoint?: 'xs' | 'sm' | 'md' | 'lg', density?: 'default' | 'dense' | 'spacious'): Record<string, any>;
-
-// Flat exports
-
-export default Alert;

package/dist/js/brands/advertorial/components/Alert.js

@@ -1,69 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- *
- * BILD Design System Tokens v1.0.0
- * Generated by Style Dictionary v4.0.0
- *
- * Copyright (c) 2024 Axel Springer Deutschland GmbH
- * Proprietary and confidential. All rights reserved.
- */
-
-// Component: Alert
-// Brand: advertorial
-
-export const Alert = {
-  "effects": {
-    "dark": {
-      "alertShadowDown": [
-        {
-          "offsetX": 0,
-          "offsetY": 6,
-          "radius": 10,
-          "spread": 0,
-          "color": "rgba(0, 0, 0, 0.2)"
-        }
-      ],
-      "alertShadowUp": [
-        {
-          "offsetX": 0,
-          "offsetY": -2,
-          "radius": 10,
-          "spread": 0,
-          "color": "rgba(0, 0, 0, 0.2)"
-        }
-      ]
-    },
-    "light": {
-      "alertShadowDown": [
-        {
-          "offsetX": 0,
-          "offsetY": 6,
-          "radius": 10,
-          "spread": 0,
-          "color": "rgba(0, 0, 0, 0.2)"
-        }
-      ],
-      "alertShadowUp": [
-        {
-          "offsetX": 0,
-          "offsetY": -2,
-          "radius": 10,
-          "spread": 0,
-          "color": "rgba(0, 0, 0, 0.2)"
-        }
-      ]
-    }
-  }
-};
-
-export const getAlertTokens = (colorMode = 'light', breakpoint = 'md', density = 'default') => ({
-  ...Alert.colors?.[colorMode],
-  ...Alert.sizing?.[breakpoint],
-  ...Alert.density?.[density],
-  ...Alert.typography?.[breakpoint],
-  ...Alert.effects?.[colorMode]
-});
-
-// Flat exports for tree-shaking
-
-export default Alert;

package/dist/js.min/brands/advertorial/components/Alert.js

@@ -1,9 +0,0 @@
-export const Alert = {"effects":{"dark":{"alertShadowDown":[{"offsetX":0,"offsetY":6,"radius":10,"spread":0,"color":"rgba(0, 0, 0, 0.2)"}],"alertShadowUp":[{"offsetX":0,"offsetY":-2,"radius":10,"spread":0,"color":"rgba(0, 0, 0, 0.2)"}]},"light":{"alertShadowDown":[{"offsetX":0,"offsetY":6,"radius":10,"spread":0,"color":"rgba(0, 0, 0, 0.2)"}],"alertShadowUp":[{"offsetX":0,"offsetY":-2,"radius":10,"spread":0,"color":"rgba(0, 0, 0, 0.2)"}]}}};
-export const getAlertTokens = (colorMode = 'light', breakpoint = 'md', density = 'default') => ({
-  ...Alert.colors?.[colorMode],
-  ...Alert.sizing?.[breakpoint],
-  ...Alert.density?.[density],
-  ...Alert.typography?.[breakpoint],
-  ...Alert.effects?.[colorMode]
-});
-export default Alert;

package/dist/json/brands/advertorial/components/Alert/alert-effects-dark.json

@@ -1,196 +0,0 @@
-{
-  "alertShadowDown": {
-    "$value": [
-      {
-        "type": "dropShadow",
-        "color": "rgba(0, 0, 0, 0.2)",
-        "offsetX": 0,
-        "offsetY": 6,
-        "radius": 10,
-        "spread": 0,
-        "blendMode": "LINEAR_BURN"
-      }
-    ],
-    "value": [
-      {
-        "type": "dropShadow",
-        "color": "rgba(0, 0, 0, 0.2)",
-        "offsetX": 0,
-        "offsetY": 6,
-        "radius": 10,
-        "spread": 0,
-        "blendMode": "LINEAR_BURN"
-      }
-    ],
-    "type": "shadow",
-    "$type": "shadow",
-    "comment": "",
-    "$extensions": {
-      "com.figma": {
-        "styleId": "S:bb635123865da4a69542edaee7bacd008ac1c4af,",
-        "styleName": "Component/Alert/alertShadowDown"
-      }
-    },
-    "$aliases": [
-      {
-        "index": 0,
-        "color": {
-          "token": "alphaBlack20",
-          "collection": "_colorprimitive",
-          "collectionType": "primitive",
-          "variableId": "VariableID:7765:32149"
-        }
-      }
-    ],
-    "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/tokens/brands/advertorial/components/Alert/alert-effects-dark.json",
-    "isSource": true,
-    "original": {
-      "$value": [
-        {
-          "type": "dropShadow",
-          "color": "rgba(0, 0, 0, 0.2)",
-          "offsetX": 0,
-          "offsetY": 6,
-          "radius": 10,
-          "spread": 0,
-          "blendMode": "LINEAR_BURN"
-        }
-      ],
-      "value": [
-        {
-          "type": "dropShadow",
-          "color": "rgba(0, 0, 0, 0.2)",
-          "offsetX": 0,
-          "offsetY": 6,
-          "radius": 10,
-          "spread": 0,
-          "blendMode": "LINEAR_BURN"
-        }
-      ],
-      "type": "shadow",
-      "$type": "shadow",
-      "comment": "",
-      "$extensions": {
-        "com.figma": {
-          "styleId": "S:bb635123865da4a69542edaee7bacd008ac1c4af,",
-          "styleName": "Component/Alert/alertShadowDown"
-        }
-      },
-      "$aliases": [
-        {
-          "index": 0,
-          "color": {
-            "token": "alphaBlack20",
-            "collection": "_colorprimitive",
-            "collectionType": "primitive",
-            "variableId": "VariableID:7765:32149"
-          }
-        }
-      ]
-    },
-    "name": "AlertShadowDown",
-    "attributes": {
-      "category": "alertShadowDown"
-    },
-    "path": [
-      "alertShadowDown"
-    ]
-  },
-  "alertShadowUp": {
-    "$value": [
-      {
-        "type": "dropShadow",
-        "color": "rgba(0, 0, 0, 0.2)",
-        "offsetX": 0,
-        "offsetY": -2,
-        "radius": 10,
-        "spread": 0,
-        "blendMode": "LINEAR_BURN"
-      }
-    ],
-    "value": [
-      {
-        "type": "dropShadow",
-        "color": "rgba(0, 0, 0, 0.2)",
-        "offsetX": 0,
-        "offsetY": -2,
-        "radius": 10,
-        "spread": 0,
-        "blendMode": "LINEAR_BURN"
-      }
-    ],
-    "type": "shadow",
-    "$type": "shadow",
-    "comment": "",
-    "$extensions": {
-      "com.figma": {
-        "styleId": "S:aa8f6212e74ef6b114706d8a39ff6a9b94aaaffe,",
-        "styleName": "Component/Alert/alertShadowUp"
-      }
-    },
-    "$aliases": [
-      {
-        "index": 0,
-        "color": {
-          "token": "alphaBlack20",
-          "collection": "_colorprimitive",
-          "collectionType": "primitive",
-          "variableId": "VariableID:7765:32149"
-        }
-      }
-    ],
-    "filePath": "/home/runner/work/vv-token-test-v3/vv-token-test-v3/tokens/brands/advertorial/components/Alert/alert-effects-dark.json",
-    "isSource": true,
-    "original": {
-      "$value": [
-        {
-          "type": "dropShadow",
-          "color": "rgba(0, 0, 0, 0.2)",
-          "offsetX": 0,
-          "offsetY": -2,
-          "radius": 10,
-          "spread": 0,
-          "blendMode": "LINEAR_BURN"
-        }
-      ],
-      "value": [
-        {
-          "type": "dropShadow",
-          "color": "rgba(0, 0, 0, 0.2)",
-          "offsetX": 0,
-          "offsetY": -2,
-          "radius": 10,
-          "spread": 0,
-          "blendMode": "LINEAR_BURN"
-        }
-      ],
-      "type": "shadow",
-      "$type": "shadow",
-      "comment": "",
-      "$extensions": {
-        "com.figma": {
-          "styleId": "S:aa8f6212e74ef6b114706d8a39ff6a9b94aaaffe,",
-          "styleName": "Component/Alert/alertShadowUp"
-        }
-      },
-      "$aliases": [
-        {
-          "index": 0,
-          "color": {
-            "token": "alphaBlack20",
-            "collection": "_colorprimitive",
-            "collectionType": "primitive",
-            "variableId": "VariableID:7765:32149"
-          }
-        }
-      ]
-    },
-    "name": "AlertShadowUp",
-    "attributes": {
-      "category": "alertShadowUp"
-    },
-    "path": [
-      "alertShadowUp"
-    ]
-  }
-}