paris 0.23.0 → 0.24.0

package/dist/stories/theme/themes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themes.js","sources":["../../../src/stories/theme/themes.ts"],"sourcesContent":["import type { CSSColor, CSSLength, PixelSize } from '@ssh/csstypes';\nimport type { Property } from 'csstype';\nimport { createTheme } from 'pte';\nimport merge from 'ts-deepmerge';\nimport type { PartialDeep } from 'type-fest';\nimport type { TokensT } from './tokens';\nimport { Tokens as T } from './tokens';\n\nexport type FontDefinition = {\n    fontSize: CSSLength;\n    fontWeight: number | 'normal';\n    lineHeight: CSSLength;\n    fontStyle: 'normal' | 'italic';\n    letterSpacing: CSSLength | 'normal';\n    textTransform: Property.TextTransform;\n};\n\nexport type FontClassDefinition = Omit<FontDefinition, 'fontSize' | 'lineHeight'>;\n\nexport type ShadowDefinition = `${PixelSize} ${PixelSize} ${PixelSize} ${PixelSize} ${CSSColor}` | 'none';\n\nexport type ShadowsType = {\n    shallowAbove: ShadowDefinition;\n    deepAbove: ShadowDefinition;\n    shallowBelow: ShadowDefinition;\n    deepBelow: ShadowDefinition;\n    shallowLeft: ShadowDefinition;\n    shallowRight: ShadowDefinition;\n    subtlePopup: ShadowDefinition;\n    shallowPopup: ShadowDefinition;\n    deepPopup: ShadowDefinition;\n};\n\nconst Shadows: ShadowsType = {\n    shallowAbove: '0px -4px 20px 0px rgba(0, 0, 0, 0.2)',\n    deepAbove: '0px -8px 20px 0px rgba(0, 0, 0, 0.2)',\n    shallowBelow: '0px 4px 20px 0px rgba(0, 0, 0, 0.2)',\n    deepBelow: '0px 8px 20px 0px rgba(0, 0, 0, 0.2)',\n    shallowLeft: '-20px 0px 40px 0px rgba(0, 0, 0, 0.1)',\n    shallowRight: '20px 0px 40px 0px rgba(0, 0, 0, 0.1)',\n    subtlePopup: '0px 0px 10px 0px rgba(0, 0, 0, 0.1)',\n    shallowPopup: '0px 0px 30px 0px rgba(0, 0, 0, 0.2)',\n    deepPopup: '0px 0px 40px 0px rgba(0, 0, 0, 0.2)',\n};\n\nconst ShadowsDark: ShadowsType = {\n    ...Shadows,\n    deepBelow: '0px 20px 30px 10px rgba(0, 0, 0, 0.5)',\n    shallowLeft: '-20px 0px 60px 20px rgba(0, 0, 0, 0.25)',\n    shallowRight: '20px 0px 60px 20px rgba(0, 0, 0, 0.25)',\n    deepPopup: '0px 0px 40px 15px rgba(0, 0, 0, 0.35)',\n};\n\nexport type GlowsType = {\n    glowSubtle1: ShadowDefinition;\n    glowSubtle2: ShadowDefinition;\n    glowSubtle3: ShadowDefinition;\n    glowDeep1: ShadowDefinition;\n    glowDeep2: ShadowDefinition;\n    glowDeep3: ShadowDefinition;\n};\n\nconst Glows: GlowsType = {\n    glowSubtle1: '0px 0px 3px 0px rgba(29, 238, 205, 0.3)',\n    glowSubtle2: '0px 0px 6px 0px rgba(29, 238, 205, 0.2)',\n    glowSubtle3: '0px 0px 9px 0px rgba(29, 238, 205, 0.1)',\n    glowDeep1: '0px 0px 3px 1px rgba(29, 238, 205, 0.3)',\n    glowDeep2: '0px 0px 9px 3px rgba(29, 238, 205, 0.3)',\n    glowDeep3: '0px 0px 15px 0px rgba(29, 238, 205, 0.2)',\n};\n\nconst GlowsDark: GlowsType = {\n    glowSubtle1: '0px 0px 3px 0px rgba(29, 238, 205, 0.15)',\n    glowSubtle2: '0px 0px 6px 0px rgba(29, 238, 205, 0.1)',\n    glowSubtle3: '0px 0px 9px 0px rgba(29, 238, 205, 0.05)',\n    glowDeep1: '0px 0px 3px 1px rgba(29, 238, 205, 0.15)',\n    glowDeep2: '0px 0px 9px 3px rgba(29, 238, 205, 0.15)',\n    glowDeep3: '0px 0px 12px 0px rgba(29, 238, 205, 0.1)',\n};\n\nexport type TimingFunction =\n    | `cubic-bezier(${number}, ${number}, ${number}, ${number})`\n    | 'ease'\n    | 'ease-in'\n    | 'ease-out'\n    | 'ease-in-out'\n    | 'linear';\nexport type Duration = `${number}ms` | `${number}s`;\n\nconst TimingFunctions: Omit<Theme['animations']['timing'], 'default'> = {\n    easeInOut: 'cubic-bezier(0.42, 0.0, 0.58, 1.0)',\n    easeOut: 'cubic-bezier(0.0, 0.0, 0.58, 1.0)',\n    easeIn: 'cubic-bezier(0.42, 0.0, 1.0, 1.0)',\n    easeOutQuad: 'cubic-bezier(0.5, 1, 0.89, 1)',\n    easeInQuad: 'cubic-bezier(0.11, 0, 0.5, 0)',\n    easeInOutExpo: 'cubic-bezier(0.87, 0, 0.13, 1)',\n};\n\nexport type Theme = {\n    new: {\n        tokens: TokensT['new'];\n        utils: {\n            defaultUserSelect: Property.UserSelect;\n        };\n        colors: {\n            // Content\n            contentPrimary: CSSColor;\n            contentSecondary: CSSColor;\n            contentTertiary: CSSColor;\n            contentDisabled: CSSColor;\n            contentAccent: CSSColor;\n            contentNegative: CSSColor;\n            contentWarning: CSSColor;\n            contentPositive: CSSColor;\n            contentLink: CSSColor;\n\n            // Content Inverse\n            contentInversePrimary: CSSColor;\n            contentInverseSecondary: CSSColor;\n            contentInverseTertiary: CSSColor;\n            contentInverseDisabled: CSSColor;\n\n            // Background\n            backgroundPrimary: CSSColor;\n            backgroundSecondary: CSSColor;\n            backgroundMobilePrimary: CSSColor;\n            backgroundMobileSecondary: CSSColor;\n            backgroundNegative: CSSColor;\n            backgroundNegativeMedium: CSSColor;\n            backgroundNegativeStrong: CSSColor;\n            backgroundWarning: CSSColor;\n            backgroundWarningMedium: CSSColor;\n            backgroundWarningStrong: CSSColor;\n            backgroundPositive: CSSColor;\n            backgroundPositiveMedium: CSSColor;\n            backgroundPositiveStrong: CSSColor;\n            backgroundAccent: CSSColor;\n            backgroundAccentMedium: CSSColor;\n            backgroundAccentStrong: CSSColor;\n\n            // Surface\n            surfacePrimary: CSSColor;\n            surfaceSecondary: CSSColor;\n            surfaceTertiary: CSSColor;\n            surfaceQuaternary: CSSColor;\n\n            // Border\n            borderSubtle: CSSColor;\n            borderMedium: CSSColor;\n            borderStrong: CSSColor;\n            borderUltrastrong: CSSColor;\n\n            // Button\n            buttonFill: CSSColor;\n            buttonFillHover: CSSColor;\n            buttonFillDisabled: CSSColor;\n            buttonFillHoverAlt: CSSColor;\n            buttonFillHoverNegative: CSSColor;\n            buttonBorder: CSSColor;\n            buttonBorderDisabled: CSSColor;\n            buttonBorderNegative: CSSColor;\n\n            // Input\n            inputFill: CSSColor;\n            inputFillFocus: CSSColor;\n            inputFillNegative: CSSColor;\n            inputFillDisabled: CSSColor;\n            inputBorderFocus: CSSColor;\n            inputBorderNegative: CSSColor;\n\n            // Overlay\n            overlaySubtle: CSSColor;\n            overlayMedium: CSSColor;\n            overlayStrong: CSSColor;\n            overlayInverseSubtle: CSSColor;\n            overlayInverseMedium: CSSColor;\n            overlayWhiteSubtle: CSSColor;\n            overlayWhiteMedium: CSSColor;\n            overlayWhiteStrong: CSSColor;\n            overlayWhiteUltrastrong: CSSColor;\n            overlayBlackSubtle: CSSColor;\n            overlayBlackMedium: CSSColor;\n            overlayBlackStrong: CSSColor;\n            overlayPageBackground: CSSColor;\n            overlayRed: CSSColor;\n            overlayTeal: CSSColor;\n        };\n        blurs: {\n            strong: string;\n            ultrastrong: string;\n        };\n        typography: {\n            fontFamily: string;\n            italicLetterSpacing: CSSLength;\n            verticalMetricsAdjust: CSSLength;\n\n            fontWeights: {\n                thin: number;\n                extralight: number;\n                light: number;\n                normal: number;\n                medium: number;\n                semibold: number;\n                bold: number;\n                extrabold: number;\n                black: number;\n                extrablack: number;\n            };\n\n            fontStyles: {\n                normal: string;\n                italic: string;\n            };\n\n            styles: {\n                // Display\n\n                displayLarge: FontDefinition;\n                displayMedium: FontDefinition;\n                display: FontDefinition;\n                displaySmall: FontDefinition;\n\n                // Heading\n\n                headingLarge: FontDefinition;\n                headingMedium: FontDefinition;\n                headingSmall: FontDefinition;\n                headingXSmall: FontDefinition;\n                headingXXSmall: FontDefinition;\n\n                // Label\n\n                labelXLarge: FontDefinition;\n                labelLarge: FontDefinition;\n                labelMedium: FontDefinition;\n                labelSmall: FontDefinition;\n                labelXSmall: FontDefinition;\n                labelXXSmall: FontDefinition;\n\n                // Paragraph\n\n                paragraphLarge: FontDefinition;\n                paragraphMedium: FontDefinition;\n                paragraphSmall: FontDefinition;\n                paragraphXSmall: FontDefinition;\n                paragraphXXSmall: FontDefinition;\n            };\n        };\n        lighting: {\n            shallowBelow: ShadowDefinition;\n            deepBelow: ShadowDefinition;\n            shallowAbove: ShadowDefinition;\n            deepAbove: ShadowDefinition;\n            shallowPopup: ShadowDefinition;\n            deepPopup: ShadowDefinition;\n            subtlePopup: ShadowDefinition;\n            shallowLeft: ShadowDefinition;\n            shallowRight: ShadowDefinition;\n            glowSubtle1: ShadowDefinition;\n            glowSubtle2: ShadowDefinition;\n            glowSubtle3: ShadowDefinition;\n            glowDeep1: ShadowDefinition;\n            glowDeep2: ShadowDefinition;\n            glowDeep3: ShadowDefinition;\n        };\n        materials: {\n            // Simple Materials\n            whiteThin: {\n                background: CSSColor;\n            };\n            whiteRegular: {\n                background: CSSColor;\n            };\n            whiteThick: {\n                background: CSSColor;\n            };\n            blackThin: {\n                background: CSSColor;\n            };\n            blackRegular: {\n                background: CSSColor;\n            };\n            blackThick: {\n                background: CSSColor;\n            };\n\n            // Multi-part Materials\n            lightGreyUltrathin: {\n                background: CSSColor;\n                backgroundBlend: CSSColor;\n                mixBlendMode: Property.MixBlendMode;\n            };\n            lightGreyThin: {\n                background: CSSColor;\n                backgroundBlend: CSSColor;\n                mixBlendMode: Property.MixBlendMode;\n            };\n            lightGreyRegular: {\n                background: CSSColor;\n                backgroundBlend: CSSColor;\n                mixBlendMode: Property.MixBlendMode;\n            };\n            lightGreyThick: {\n                background: CSSColor;\n                backgroundBlend: CSSColor;\n                mixBlendMode: Property.MixBlendMode;\n            };\n            darkGreyUltrathin: {\n                background: CSSColor;\n                backgroundBlend: CSSColor;\n                mixBlendMode: Property.MixBlendMode;\n            };\n            darkGreyThin: {\n                background: CSSColor;\n                backgroundBlend: CSSColor;\n                mixBlendMode: Property.MixBlendMode;\n            };\n            darkGreyRegular: {\n                background: CSSColor;\n                backgroundBlend: CSSColor;\n                mixBlendMode: Property.MixBlendMode;\n            };\n            darkGreyThick: {\n                background: CSSColor;\n                backgroundBlend: CSSColor;\n                mixBlendMode: Property.MixBlendMode;\n            };\n            greyUltrathin: {\n                background: CSSColor;\n                backgroundBlend: CSSColor;\n                mixBlendMode: Property.MixBlendMode;\n            };\n            greyThin: {\n                background: CSSColor;\n                backgroundBlend: CSSColor;\n                mixBlendMode: Property.MixBlendMode;\n            };\n            greyRegular: {\n                background: CSSColor;\n                backgroundBlend: CSSColor;\n                mixBlendMode: Property.MixBlendMode;\n            };\n            greyThick: {\n                background: CSSColor;\n                backgroundBlend: CSSColor;\n                mixBlendMode: Property.MixBlendMode;\n            };\n\n            // Material Variables\n            primaryThin: {\n                background: CSSColor;\n            };\n            primaryRegular: {\n                background: CSSColor;\n            };\n            primaryThick: {\n                background: CSSColor;\n            };\n            secondaryUltrathin: {\n                background: CSSColor;\n                backgroundBlend: CSSColor;\n                mixBlendMode: Property.MixBlendMode;\n            };\n            secondaryThin: {\n                background: CSSColor;\n                backgroundBlend: CSSColor;\n                mixBlendMode: Property.MixBlendMode;\n            };\n            secondaryRegular: {\n                background: CSSColor;\n                backgroundBlend: CSSColor;\n                mixBlendMode: Property.MixBlendMode;\n            };\n            secondaryThick: {\n                background: CSSColor;\n                backgroundBlend: CSSColor;\n                mixBlendMode: Property.MixBlendMode;\n            };\n        };\n        borders: {\n            // Border Radius\n            radius: {\n                pill: CSSLength;\n                circle: CSSLength;\n                rectangle: CSSLength;\n                rounded: CSSLength;\n                roundedSmall: CSSLength;\n                roundedMedium: CSSLength;\n                roundedLarge: CSSLength;\n                roundedXL: CSSLength;\n            };\n\n            // Dropdowns (Select, Menu, Popovers, etc.)\n\n            dropdown: {\n                color: CSSColor;\n                shadow: ShadowDefinition;\n                border: `${number}px ${string} ${CSSColor}` | 'none';\n            };\n        };\n        surfaces: {\n            dialog: {\n                border: `${number}px ${string} ${CSSColor}`;\n                outline: `${number}px ${string} ${CSSColor}`;\n                background: CSSColor;\n                backdropFilter: string;\n            };\n        };\n        animations: {\n            interaction: string;\n            timing: {\n                easeInOut: TimingFunction;\n                easeOut: TimingFunction;\n                easeIn: TimingFunction;\n                easeOutQuad: TimingFunction;\n                easeInQuad: TimingFunction;\n                easeInOutExpo: TimingFunction;\n                default: TimingFunction;\n            };\n            duration: {\n                rapid: Duration;\n                fast: Duration;\n                normal: Duration;\n                relaxed: Duration;\n                slow: Duration;\n                gradual: Duration;\n            };\n        };\n        breakpoints: {\n            sm: `${number}px`;\n            md: `${number}px`;\n            lg: `${number}px`;\n            xl: `${number}px`;\n        };\n        layers: {\n            below: number;\n            sticky: number;\n            overlay: number;\n            dropdown: number;\n            popover: number;\n            menu: number;\n        };\n    };\n    tokens: TokensT;\n    utils: {\n        defaultUserSelect: Property.UserSelect;\n    };\n    colors: {\n        // Primary\n\n        black: CSSColor;\n        white: CSSColor;\n        accent: CSSColor;\n        negative: CSSColor;\n        warning: CSSColor;\n        positive: CSSColor;\n\n        // Content\n\n        contentPrimary: CSSColor;\n        contentSecondary: CSSColor;\n        contentTertiary: CSSColor;\n        contentDisabled: CSSColor;\n        contentAccent: CSSColor;\n        contentNegative: CSSColor;\n        contentWarning: CSSColor;\n        contentPositive: CSSColor;\n\n        // Content Inverse\n\n        contentInversePrimary: CSSColor;\n        contentInverseSecondary: CSSColor;\n        contentInverseTertiary: CSSColor;\n        contentInverseDisabled: CSSColor;\n\n        // Background\n\n        backgroundSidebar: CSSColor;\n        backgroundPrimary: CSSColor;\n        backgroundSecondary: CSSColor;\n        backgroundTertiary: CSSColor;\n        backgroundAccent: CSSColor;\n        backgroundNegative: CSSColor;\n        backgroundWarning: CSSColor;\n        backgroundPositive: CSSColor;\n\n        // Background Inverse\n\n        backgroundInverseSidebar: CSSColor;\n        backgroundInversePrimary: CSSColor;\n        backgroundInverseSecondary: CSSColor;\n        backgroundInverseTertiary: CSSColor;\n        backgroundInverseNegative: CSSColor;\n        backgroundInverseWarning: CSSColor;\n        backgroundInversePositive: CSSColor;\n\n        // Background Overlays\n\n        backgroundOverlayLight: CSSColor;\n        backgroundOverlayXLight: CSSColor;\n        backgroundOverlayGrey: CSSColor;\n        backgroundOverlayDark: CSSColor;\n        backgroundOverlayTeal: CSSColor;\n\n        // Border\n\n        borderOpaque: CSSColor;\n        borderSelected: CSSColor;\n        borderAccent: CSSColor;\n        borderNegative: CSSColor;\n        borderWarning: CSSColor;\n        borderPositive: CSSColor;\n\n        // Border Inverse\n\n        borderInverseOpaque: CSSColor;\n        borderInverseSelected: CSSColor;\n    };\n    typography: {\n        fontFamily: string;\n        italicLetterSpacing: CSSLength;\n        verticalMetricsAdjust: CSSLength;\n\n        fontWeights: {\n            thin: number;\n            extralight: number;\n            light: number;\n            normal: number;\n            medium: number;\n            semibold: number;\n            bold: number;\n            extrabold: number;\n            black: number;\n            extrablack: number;\n        };\n\n        fontStyles: {\n            normal: string;\n            italic: string;\n        };\n\n        styles: {\n            // Display\n\n            displayLarge: FontDefinition;\n            displayMedium: FontDefinition;\n            display: FontDefinition;\n            displaySmall: FontDefinition;\n\n            // Heading\n\n            headingLarge: FontDefinition;\n            headingMedium: FontDefinition;\n            headingSmall: FontDefinition;\n            headingXSmall: FontDefinition;\n            headingXXSmall: FontDefinition;\n\n            // Label\n\n            labelXLarge: FontDefinition;\n            labelLarge: FontDefinition;\n            labelMedium: FontDefinition;\n            labelSmall: FontDefinition;\n            labelXSmall: FontDefinition;\n            labelXXSmall: FontDefinition;\n\n            // Paragraph\n\n            paragraphLarge: FontDefinition;\n            paragraphMedium: FontDefinition;\n            paragraphSmall: FontDefinition;\n            paragraphXSmall: FontDefinition;\n            paragraphXXSmall: FontDefinition;\n        };\n    };\n    lighting: {\n        shallowBelow: ShadowDefinition;\n        deepBelow: ShadowDefinition;\n        shallowAbove: ShadowDefinition;\n        deepAbove: ShadowDefinition;\n        shallowPopup: ShadowDefinition;\n        deepPopup: ShadowDefinition;\n        subtlePopup: ShadowDefinition;\n        shallowLeft: ShadowDefinition;\n        shallowRight: ShadowDefinition;\n    };\n    borders: {\n        // Border Radius\n        radius: {\n            pill: CSSLength;\n            circle: CSSLength;\n            rectangle: CSSLength;\n            rounded: CSSLength;\n            roundedSmall: CSSLength;\n            roundedLarge: CSSLength;\n            roundedXL: CSSLength;\n        };\n\n        // Dropdowns (Select, Menu, Popovers, etc.)\n\n        dropdown: {\n            color: CSSColor;\n            shadow: ShadowDefinition;\n            border: `${number}px ${string} ${CSSColor}` | 'none';\n        };\n    };\n    surfaces: {\n        dialog: {\n            border: `${number}px ${string} ${CSSColor}`;\n            outline: `${number}px ${string} ${CSSColor}`;\n            background: CSSColor;\n            backdropFilter: string;\n        };\n    };\n    animations: {\n        interaction: string;\n        timing: {\n            easeInOut: TimingFunction;\n            easeOut: TimingFunction;\n            easeIn: TimingFunction;\n            easeOutQuad: TimingFunction;\n            easeInQuad: TimingFunction;\n            easeInOutExpo: TimingFunction;\n            default: TimingFunction;\n        };\n        duration: {\n            rapid: Duration;\n            fast: Duration;\n            normal: Duration;\n            relaxed: Duration;\n            slow: Duration;\n            gradual: Duration;\n        };\n    };\n    breakpoints: {\n        sm: `${number}px`;\n        md: `${number}px`;\n        lg: `${number}px`;\n        xl: `${number}px`;\n    };\n};\n\nexport type ThemeOverrides = PartialDeep<Theme>;\n\nexport const DisplayFontClass: FontClassDefinition = {\n    fontStyle: 'normal',\n    letterSpacing: '-0.01em',\n    fontWeight: 600,\n    textTransform: 'none',\n};\n\nexport const HeadingFontClass: FontClassDefinition = {\n    fontStyle: 'normal',\n    letterSpacing: 'normal',\n    fontWeight: 600,\n    textTransform: 'none',\n};\n\nexport const LabelFontClass: FontClassDefinition = {\n    fontStyle: 'normal',\n    letterSpacing: '0.1em',\n    fontWeight: 600,\n    textTransform: 'uppercase',\n};\n\nexport const ParagraphFontClass: FontClassDefinition = {\n    fontStyle: 'normal',\n    letterSpacing: 'normal',\n    fontWeight: 400,\n    textTransform: 'none',\n};\n\nexport const LightTheme: Theme = {\n    new: {\n        tokens: T.new,\n        utils: {\n            defaultUserSelect: 'none',\n        },\n        colors: {\n            // Content\n            contentPrimary: T.new.colors.grey2400,\n            contentSecondary: T.new.colors.grey1600,\n            contentTertiary: T.new.colors.grey1400,\n            contentDisabled: T.new.colors.grey1100,\n            contentAccent: T.new.colors.teal400,\n            contentNegative: T.new.colors.red400,\n            contentWarning: T.new.colors.yellow500,\n            contentPositive: T.new.colors.green400,\n            contentLink: T.new.colors.blue500,\n\n            // Content Inverse\n            contentInversePrimary: T.new.colors.white,\n            contentInverseSecondary: T.new.colors.grey600,\n            contentInverseTertiary: T.new.colors.grey1000,\n            contentInverseDisabled: T.new.colors.grey1400,\n\n            // Background\n            backgroundPrimary: T.new.colors.white,\n            backgroundSecondary: T.new.colors.grey100,\n            backgroundMobilePrimary: T.new.colors.white,\n            backgroundMobileSecondary: T.new.colors.grey100,\n            backgroundNegative: T.new.colors.red100,\n            backgroundNegativeMedium: T.new.colors.red200,\n            backgroundNegativeStrong: T.new.colors.red300,\n            backgroundWarning: T.new.colors.yellow100,\n            backgroundWarningMedium: T.new.colors.yellow200,\n            backgroundWarningStrong: T.new.colors.yellow300,\n            backgroundPositive: T.new.colors.green100,\n            backgroundPositiveMedium: T.new.colors.green200,\n            backgroundPositiveStrong: T.new.colors.green300,\n            backgroundAccent: T.new.colors.teal100,\n            backgroundAccentMedium: T.new.colors.teal200,\n            backgroundAccentStrong: T.new.colors.teal300,\n\n            // Surface\n            surfacePrimary: T.new.colors.white,\n            surfaceSecondary: T.new.colors.grey200,\n            surfaceTertiary: T.new.colors.grey400,\n            surfaceQuaternary: T.new.colors.grey100,\n\n            // Border\n            borderSubtle: T.new.colors.grey400,\n            borderMedium: T.new.colors.grey600,\n            borderStrong: T.new.colors.grey700,\n            borderUltrastrong: T.new.colors.grey1400,\n\n            // Button\n            buttonFill: T.new.colors.grey2400,\n            buttonFillHover: T.new.colors.grey1900,\n            buttonFillDisabled: T.new.colors.grey500,\n            buttonFillHoverAlt: T.new.colors.grey300,\n            buttonFillHoverNegative: T.new.colors.red100,\n            buttonBorder: T.new.colors.grey2400,\n            buttonBorderDisabled: T.new.colors.grey1000,\n            buttonBorderNegative: T.new.colors.red400,\n\n            // Input\n            inputFill: T.new.colors.grey300,\n            inputFillFocus: T.new.colors.grey400,\n            inputFillNegative: T.new.colors.red100,\n            inputFillDisabled: T.new.colors.grey200,\n            inputBorderFocus: T.new.colors.grey1400,\n            inputBorderNegative: T.new.colors.red400,\n\n            // Overlay\n            overlaySubtle: 'rgba(0, 0, 0, 0.02)',\n            overlayMedium: 'rgba(0, 0, 0, 0.03)',\n            overlayStrong: 'rgba(0, 0, 0, 0.05)',\n            overlayInverseSubtle: 'rgba(255, 255, 255, 0.02)',\n            overlayInverseMedium: 'rgba(255, 255, 255, 0.05)',\n            overlayWhiteSubtle: 'rgba(255, 255, 255, 0.04)',\n            overlayWhiteMedium: 'rgba(255, 255, 255, 0.09)',\n            overlayWhiteStrong: 'rgba(255, 255, 255, 0.11)',\n            overlayWhiteUltrastrong: 'rgba(255, 255, 255, 0.85)',\n            overlayBlackSubtle: 'rgba(0, 0, 0, 0.04)',\n            overlayBlackMedium: 'rgba(0, 0, 0, 0.07)',\n            overlayBlackStrong: 'rgba(0, 0, 0, 0.1)',\n            overlayPageBackground: 'rgba(60, 60, 60, 0.65)',\n            overlayRed: 'rgba(253, 77, 46, 0.07)',\n            overlayTeal: 'rgba(29, 238, 205, 0.1)',\n        },\n        blurs: {\n            strong: 'blur(17.5px)',\n            ultrastrong: 'blur(37.5px)',\n        },\n        typography: {\n            fontFamily: '\"Graphik Web\", -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif',\n            italicLetterSpacing: '-0.01em',\n            verticalMetricsAdjust: '1px',\n\n            fontWeights: {\n                thin: 100,\n                extralight: 200,\n                light: 300,\n                normal: 400,\n                medium: 500,\n                semibold: 600,\n                bold: 700,\n                extrabold: 800,\n                black: 900,\n                extrablack: 950,\n            },\n\n            fontStyles: {\n                italic: 'italic',\n                normal: 'normal',\n            },\n\n            styles: {\n                // Display\n\n                displayLarge: {\n                    ...DisplayFontClass,\n                    fontSize: '72px',\n                    lineHeight: '86px',\n                },\n                displayMedium: {\n                    ...DisplayFontClass,\n                    fontSize: '52px',\n                    lineHeight: '62px',\n                },\n                display: {\n                    ...DisplayFontClass,\n                    fontSize: '42px',\n                    lineHeight: '50.4px',\n                },\n                displaySmall: {\n                    ...DisplayFontClass,\n                    fontSize: '34px',\n                    lineHeight: '41px',\n                },\n\n                // Heading\n\n                headingLarge: {\n                    ...HeadingFontClass,\n                    fontSize: '32px',\n                    lineHeight: '38px',\n                },\n                headingMedium: {\n                    ...HeadingFontClass,\n                    fontSize: '28px',\n                    lineHeight: '34px',\n                },\n                headingSmall: {\n                    ...HeadingFontClass,\n                    fontSize: '24px',\n                    lineHeight: '29px',\n                },\n                headingXSmall: {\n                    ...HeadingFontClass,\n                    fontSize: '20px',\n                    lineHeight: '24px',\n                },\n                headingXXSmall: {\n                    ...HeadingFontClass,\n                    fontSize: '18px',\n                    lineHeight: '22px',\n                },\n\n                // Label\n\n                labelXLarge: {\n                    ...LabelFontClass,\n                    fontSize: '18px',\n                    lineHeight: '22px',\n                },\n                labelLarge: {\n                    ...LabelFontClass,\n                    fontSize: '16px',\n                    lineHeight: '19px',\n                },\n                labelMedium: {\n                    ...LabelFontClass,\n                    fontSize: '14px',\n                    lineHeight: '17px',\n                },\n                labelSmall: {\n                    ...LabelFontClass,\n                    fontSize: '12px',\n                    lineHeight: '14px',\n                },\n                labelXSmall: {\n                    ...LabelFontClass,\n                    fontSize: '10px',\n                    lineHeight: '12px',\n                },\n                labelXXSmall: {\n                    ...LabelFontClass,\n                    fontSize: '9px',\n                    lineHeight: '10.8px',\n                },\n\n                // Paragraph\n\n                paragraphLarge: {\n                    ...ParagraphFontClass,\n                    fontSize: '18px',\n                    lineHeight: '150%',\n                },\n                paragraphMedium: {\n                    ...ParagraphFontClass,\n                    fontSize: '16px',\n                    lineHeight: '150%',\n                },\n                paragraphSmall: {\n                    ...ParagraphFontClass,\n                    fontSize: '14px',\n                    lineHeight: '150%',\n                },\n                paragraphXSmall: {\n                    ...ParagraphFontClass,\n                    fontSize: '12px',\n                    lineHeight: '150%',\n                },\n                paragraphXXSmall: {\n                    ...ParagraphFontClass,\n                    fontSize: '10px',\n                    lineHeight: '150%',\n                },\n            },\n        },\n        lighting: {\n            ...Shadows,\n            ...Glows,\n        },\n        materials: {\n            whiteThin: {\n                background: 'rgba(255, 255, 255, 0.5)',\n            },\n            whiteRegular: {\n                background: 'rgba(255, 255, 255, 0.85)',\n            },\n            whiteThick: {\n                background: 'rgba(255, 255, 255, 0.93)',\n            },\n            blackThin: {\n                background: 'rgba(0, 0, 0, 0.3)',\n            },\n            blackRegular: {\n                background: 'rgba(0, 0, 0, 0.75)',\n            },\n            blackThick: {\n                background: 'rgba(0, 0, 0, 0.85)',\n            },\n\n            lightGreyUltrathin: {\n                background: 'rgba(191, 191, 191, 0.44)',\n                backgroundBlend: '#303030',\n                mixBlendMode: 'color-dodge',\n            },\n            lightGreyThin: {\n                background: 'rgba(166, 166, 166, 0.70)',\n                backgroundBlend: '#3D3D3D',\n                mixBlendMode: 'color-dodge',\n            },\n            lightGreyRegular: {\n                background: 'rgba(179, 179, 179, 0.82)',\n                backgroundBlend: '#434343',\n                mixBlendMode: 'color-dodge',\n            },\n            lightGreyThick: {\n                background: 'rgba(153, 153, 153, 0.97)',\n                backgroundBlend: '#5F5F5F',\n                mixBlendMode: 'color-dodge',\n            },\n            darkGreyUltrathin: {\n                background: 'rgba(37, 37, 37, 0.55)',\n                backgroundBlend: '#9C9C9C',\n                mixBlendMode: 'overlay',\n            },\n            darkGreyThin: {\n                background: 'rgba(37, 37, 37, 0.70)',\n                backgroundBlend: '#9C9C9C',\n                mixBlendMode: 'overlay',\n            },\n            darkGreyRegular: {\n                background: 'rgba(37, 37, 37, 0.82)',\n                backgroundBlend: '#8C8C8C',\n                mixBlendMode: 'overlay',\n            },\n            darkGreyThick: {\n                background: 'rgba(37, 37, 37, 0.90)',\n                backgroundBlend: '#7C7C7C',\n                mixBlendMode: 'overlay',\n            },\n            greyUltrathin: {\n                background: 'rgba(37, 37, 37, 0.55)',\n                backgroundBlend: '#D2D2D2',\n                mixBlendMode: 'overlay',\n            },\n            greyThin: {\n                background: 'rgba(37, 37, 37, 0.70)',\n                backgroundBlend: '#CFCFCF',\n                mixBlendMode: 'overlay',\n            },\n            greyRegular: {\n                background: 'rgba(37, 37, 37, 0.82)',\n                backgroundBlend: '#BCBCBC',\n                mixBlendMode: 'overlay',\n            },\n            greyThick: {\n                background: 'rgba(37, 37, 37, 0.90)',\n                backgroundBlend: '#B6B6B6',\n                mixBlendMode: 'overlay',\n            },\n\n            primaryThin: {\n                background: 'rgba(255, 255, 255, 0.5)',\n            },\n            primaryRegular: {\n                background: 'rgba(255, 255, 255, 0.85)',\n            },\n            primaryThick: {\n                background: 'rgba(255, 255, 255, 0.93)',\n            },\n            secondaryUltrathin: {\n                background: 'rgba(191, 191, 191, 0.44)',\n                backgroundBlend: '#303030',\n                mixBlendMode: 'color-dodge',\n            },\n            secondaryThin: {\n                background: 'rgba(166, 166, 166, 0.70)',\n                backgroundBlend: '#3D3D3D',\n                mixBlendMode: 'color-dodge',\n            },\n            secondaryRegular: {\n                background: 'rgba(179, 179, 179, 0.82)',\n                backgroundBlend: '#434343',\n                mixBlendMode: 'color-dodge',\n            },\n            secondaryThick: {\n                background: 'rgba(153, 153, 153, 0.97)',\n                backgroundBlend: '#5F5F5F',\n                mixBlendMode: 'color-dodge',\n            },\n        },\n        borders: {\n            radius: {\n                pill: '1000px',\n                circle: '100%',\n                rectangle: '0px',\n                rounded: '8px',\n                roundedSmall: '4px',\n                roundedMedium: '6px',\n                roundedLarge: '12px',\n                roundedXL: '16px',\n            },\n\n            dropdown: {\n                shadow: Shadows.deepBelow,\n                color: 'transparent',\n                border: 'none',\n            },\n        },\n        surfaces: {\n            dialog: {\n                border: '8px solid rgba(0, 0, 0, 0.2)',\n                outline: '1px solid rgba(0, 0, 0, 0.25)',\n                background: 'rgba(255, 255, 255, 0.9)',\n                backdropFilter: 'blur(6px)',\n            },\n        },\n        animations: {\n            interaction: '200ms cubic-bezier(0.5, 1, 0.89, 1)',\n            timing: {\n                ...TimingFunctions,\n                default: TimingFunctions.easeOut,\n            },\n            duration: {\n                rapid: '50ms',\n                fast: '100ms',\n                normal: '200ms',\n                relaxed: '300ms',\n                slow: '400ms',\n                gradual: '600ms',\n            },\n        },\n        breakpoints: {\n            sm: '480px',\n            md: '640px',\n            lg: '768px',\n            xl: '1024px',\n        },\n        layers: {\n            below: -1,\n            sticky: 100,\n            overlay: 300,\n            dropdown: 350,\n            popover: 400,\n            menu: 500,\n        },\n    },\n    tokens: T,\n    utils: {\n        defaultUserSelect: 'none',\n    },\n    colors: {\n        // Primary\n\n        black: T.colors.black,\n        white: T.colors.white,\n        accent: T.colors.teal,\n        negative: T.colors.red,\n        warning: T.colors.yellow,\n        positive: T.colors.green,\n\n        // Content\n\n        contentPrimary: T.colors.grey1050,\n        contentSecondary: T.colors.grey600,\n        contentTertiary: T.colors.grey500,\n        contentDisabled: T.colors.grey400,\n        contentAccent: T.colors.teal400,\n        contentNegative: T.colors.red400,\n        contentWarning: T.colors.yellow400,\n        contentPositive: T.colors.green400,\n\n        // Content Inverse\n\n        contentInversePrimary: T.colors.white,\n        contentInverseSecondary: T.colors.grey200,\n        contentInverseTertiary: T.colors.grey400,\n        contentInverseDisabled: T.colors.grey500,\n\n        // Background\n\n        backgroundSidebar: T.colors.black,\n        backgroundPrimary: T.colors.white,\n        backgroundSecondary: T.colors.grey50,\n        backgroundTertiary: T.colors.grey100,\n        backgroundAccent: T.colors.teal100,\n        backgroundNegative: T.colors.red100,\n        backgroundWarning: T.colors.yellow100,\n        backgroundPositive: T.colors.green100,\n\n        // Background Inverse\n\n        backgroundInverseSidebar: T.colors.grey1050,\n        backgroundInversePrimary: T.colors.black,\n        backgroundInverseSecondary: T.colors.grey900,\n        backgroundInverseTertiary: T.colors.grey800,\n        backgroundInverseNegative: T.colors.red700,\n        backgroundInverseWarning: T.colors.yellow600,\n        backgroundInversePositive: T.colors.green700,\n\n        // Background Overlays\n\n        backgroundOverlayLight: 'rgba(255, 255, 255, 0.07)',\n        backgroundOverlayXLight: 'rgba(255, 255, 255, 0.1)',\n        backgroundOverlayGrey: 'rgba(60, 60, 60, 0.65)',\n        backgroundOverlayDark: 'rgba(0, 0, 0, 0.1)',\n        backgroundOverlayTeal: 'rgba(29, 238, 205, 0.1)',\n\n        // Border\n\n        borderOpaque: T.colors.grey200,\n        borderSelected: T.colors.grey500,\n        borderAccent: T.colors.teal400,\n        borderNegative: T.colors.red400,\n        borderWarning: T.colors.yellow400,\n        borderPositive: T.colors.green400,\n\n        // Border Inverse\n\n        borderInverseOpaque: T.colors.grey750,\n        borderInverseSelected: T.colors.grey200,\n    },\n    typography: {\n        fontFamily: '\"Graphik Web\", -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif',\n        italicLetterSpacing: '-0.01em',\n        verticalMetricsAdjust: '1px',\n\n        fontWeights: {\n            thin: 100,\n            extralight: 200,\n            light: 300,\n            normal: 400,\n            medium: 500,\n            semibold: 600,\n            bold: 700,\n            extrabold: 800,\n            black: 900,\n            extrablack: 950,\n        },\n\n        fontStyles: {\n            italic: 'italic',\n            normal: 'normal',\n        },\n\n        styles: {\n            // Display\n\n            displayLarge: {\n                ...DisplayFontClass,\n                fontSize: '72px',\n                lineHeight: '86px',\n            },\n            displayMedium: {\n                ...DisplayFontClass,\n                fontSize: '52px',\n                lineHeight: '62px',\n            },\n            display: {\n                ...DisplayFontClass,\n                fontSize: '42px',\n                lineHeight: '50.4px',\n            },\n            displaySmall: {\n                ...DisplayFontClass,\n                fontSize: '34px',\n                lineHeight: '41px',\n            },\n\n            // Heading\n\n            headingLarge: {\n                ...HeadingFontClass,\n                fontSize: '32px',\n                lineHeight: '38px',\n            },\n            headingMedium: {\n                ...HeadingFontClass,\n                fontSize: '28px',\n                lineHeight: '34px',\n            },\n            headingSmall: {\n                ...HeadingFontClass,\n                fontSize: '24px',\n                lineHeight: '29px',\n            },\n            headingXSmall: {\n                ...HeadingFontClass,\n                fontSize: '20px',\n                lineHeight: '24px',\n            },\n            headingXXSmall: {\n                ...HeadingFontClass,\n                fontSize: '18px',\n                lineHeight: '22px',\n            },\n\n            // Label\n\n            labelXLarge: {\n                ...LabelFontClass,\n                fontSize: '18px',\n                lineHeight: '22px',\n            },\n            labelLarge: {\n                ...LabelFontClass,\n                fontSize: '16px',\n                lineHeight: '19px',\n            },\n            labelMedium: {\n                ...LabelFontClass,\n                fontSize: '14px',\n                lineHeight: '17px',\n            },\n            labelSmall: {\n                ...LabelFontClass,\n                fontSize: '12px',\n                lineHeight: '14px',\n            },\n            labelXSmall: {\n                ...LabelFontClass,\n                fontSize: '10px',\n                lineHeight: '12px',\n            },\n            labelXXSmall: {\n                ...LabelFontClass,\n                fontSize: '9px',\n                lineHeight: '10.8px',\n            },\n\n            // Paragraph\n\n            paragraphLarge: {\n                ...ParagraphFontClass,\n                fontSize: '18px',\n                lineHeight: '150%',\n            },\n            paragraphMedium: {\n                ...ParagraphFontClass,\n                fontSize: '16px',\n                lineHeight: '150%',\n            },\n            paragraphSmall: {\n                ...ParagraphFontClass,\n                fontSize: '14px',\n                lineHeight: '150%',\n            },\n            paragraphXSmall: {\n                ...ParagraphFontClass,\n                fontSize: '12px',\n                lineHeight: '150%',\n            },\n            paragraphXXSmall: {\n                ...ParagraphFontClass,\n                fontSize: '10px',\n                lineHeight: '150%',\n            },\n        },\n    },\n    lighting: {\n        ...Shadows,\n    },\n    borders: {\n        radius: {\n            pill: '1000px',\n            circle: '100%',\n            rectangle: '0px',\n            rounded: '8px',\n            roundedSmall: '4px',\n            roundedLarge: '12px',\n            roundedXL: '16px',\n        },\n\n        dropdown: {\n            shadow: Shadows.deepBelow,\n            color: 'transparent',\n            border: 'none',\n        },\n    },\n    surfaces: {\n        dialog: {\n            border: '8px solid rgba(0, 0, 0, 0.2)',\n            outline: '1px solid rgba(0, 0, 0, 0.25)',\n            background: 'rgba(255, 255, 255, 0.9)',\n            backdropFilter: 'blur(6px)',\n        },\n    },\n    animations: {\n        interaction: '200ms cubic-bezier(0.5, 1, 0.89, 1)',\n        timing: {\n            ...TimingFunctions,\n            default: TimingFunctions.easeOut,\n        },\n        duration: {\n            rapid: '50ms',\n            fast: '100ms',\n            normal: '200ms',\n            relaxed: '300ms',\n            slow: '400ms',\n            gradual: '600ms',\n        },\n    },\n    breakpoints: {\n        sm: '480px',\n        md: '640px',\n        lg: '768px',\n        xl: '1024px',\n    },\n};\n\nexport const DarkTheme: Theme = merge(LightTheme, {\n    new: {\n        colors: {\n            // Content\n            contentPrimary: T.new.colors.grey200,\n            contentSecondary: T.new.colors.grey800,\n            contentTertiary: T.new.colors.grey1000,\n            contentDisabled: T.new.colors.grey1300,\n            contentLink: T.new.colors.blue400,\n\n            contentInversePrimary: T.new.colors.grey2400,\n            contentInverseSecondary: T.new.colors.grey1600,\n            contentInverseTertiary: T.new.colors.grey1400,\n            contentInverseDisabled: T.new.colors.grey1000,\n\n            // Background\n            backgroundPrimary: T.new.colors.grey2400,\n            backgroundSecondary: T.new.colors.grey2200,\n            backgroundMobilePrimary: T.new.colors.black,\n            backgroundMobileSecondary: T.new.colors.grey2300,\n            backgroundNegative: T.new.colors.red800,\n            backgroundNegativeMedium: T.new.colors.red700,\n            backgroundNegativeStrong: T.new.colors.red600,\n            backgroundWarning: T.new.colors.yellow800,\n            backgroundWarningMedium: T.new.colors.yellow700,\n            backgroundWarningStrong: T.new.colors.yellow600,\n            backgroundPositive: T.new.colors.green800,\n            backgroundPositiveMedium: T.new.colors.green700,\n            backgroundPositiveStrong: T.new.colors.green600,\n            backgroundAccent: T.new.colors.teal800,\n            backgroundAccentMedium: T.new.colors.teal700,\n            backgroundAccentStrong: T.new.colors.teal600,\n\n            // Surface\n            surfacePrimary: T.new.colors.grey2000,\n            surfaceSecondary: T.new.colors.grey2100,\n            surfaceTertiary: T.new.colors.grey2200,\n            surfaceQuaternary: T.new.colors.grey1900,\n\n            // Border\n            borderSubtle: T.new.colors.grey2000,\n            borderMedium: T.new.colors.grey1700,\n            borderStrong: T.new.colors.grey1600,\n            borderUltrastrong: T.new.colors.grey900,\n\n            // Button\n            buttonFill: T.new.colors.grey200,\n            buttonFillHover: T.new.colors.grey400,\n            buttonFillDisabled: T.new.colors.grey1700,\n            buttonFillHoverAlt: T.new.colors.grey2000,\n            buttonFillHoverNegative: T.new.colors.red800,\n            buttonBorder: T.new.colors.grey100,\n            buttonBorderDisabled: T.new.colors.grey1400,\n            buttonBorderNegative: T.new.colors.red400,\n\n            // Input\n            inputFill: T.new.colors.grey2200,\n            inputFillFocus: T.new.colors.grey2300,\n            inputFillNegative: T.new.colors.red800,\n            inputFillDisabled: T.new.colors.grey2100,\n            inputBorderFocus: T.new.colors.grey900,\n\n            // Overlay\n            overlaySubtle: 'rgba(255, 255, 255, 0.03)',\n            overlayMedium: 'rgba(255, 255, 255, 0.07)',\n            overlayStrong: 'rgba(255, 255, 255, 0.09)',\n            overlayInverseSubtle: 'rgba(0, 0, 0, 0.02)',\n            overlayInverseMedium: 'rgba(0, 0, 0, 0.05)',\n            overlayWhiteUltrastrong: 'rgba(255, 255, 255, 0.18)',\n            overlayBlackSubtle: 'rgba(0, 0, 0, 0.2)',\n            overlayBlackMedium: 'rgba(0, 0, 0, 0.3)',\n            overlayBlackStrong: 'rgba(0, 0, 0, 0.4)',\n            overlayPageBackground: 'rgba(18, 18, 18, 0.75)',\n        },\n        lighting: {\n            ...ShadowsDark,\n            ...GlowsDark,\n        },\n        materials: {\n            primaryThin: {\n                background: 'rgba(0, 0, 0, 0.3)',\n            },\n            primaryRegular: {\n                background: 'rgba(0, 0, 0, 0.75)',\n            },\n            primaryThick: {\n                background: 'rgba(0, 0, 0, 0.85)',\n            },\n            secondaryUltrathin: {\n                background: 'rgba(37, 37, 37, 0.55)',\n                backgroundBlend: '#9C9C9C',\n                mixBlendMode: 'overlay',\n            },\n            secondaryThin: {\n                background: 'rgba(37, 37, 37, 0.70)',\n                backgroundBlend: '#9C9C9C',\n                mixBlendMode: 'overlay',\n            },\n            secondaryRegular: {\n                background: 'rgba(37, 37, 37, 0.82)',\n                backgroundBlend: '#8C8C8C',\n                mixBlendMode: 'overlay',\n            },\n            secondaryThick: {\n                background: 'rgba(37, 37, 37, 0.90)',\n                backgroundBlend: '#7C7C7C',\n                mixBlendMode: 'overlay',\n            },\n        },\n        borders: {\n            dropdown: {\n                shadow: ShadowsDark.deepBelow,\n                color: 'transparent',\n                border: 'none',\n            },\n        },\n        surfaces: {\n            dialog: {\n                border: '8px solid rgba(255, 255, 255, 0.2)',\n                outline: '1px solid rgba(255, 255, 255, 0.25)',\n                background: 'rgba(0, 0, 0, 0.6)',\n                backdropFilter: 'blur(6px)',\n            },\n        },\n    },\n    colors: {\n        // Reverse all inverse colors\n\n        contentPrimary: LightTheme.colors.contentInversePrimary,\n        contentSecondary: LightTheme.colors.contentInverseSecondary,\n        contentTertiary: LightTheme.colors.contentInverseTertiary,\n        contentDisabled: LightTheme.colors.contentInverseDisabled,\n        backgroundSidebar: LightTheme.colors.backgroundInverseSidebar,\n        backgroundPrimary: LightTheme.colors.backgroundInversePrimary,\n        backgroundSecondary: LightTheme.colors.backgroundInverseSecondary,\n        backgroundTertiary: LightTheme.colors.backgroundInverseTertiary,\n        backgroundNegative: LightTheme.colors.backgroundInverseNegative,\n        backgroundWarning: LightTheme.colors.backgroundInverseWarning,\n        backgroundPositive: LightTheme.colors.backgroundInversePositive,\n        borderOpaque: LightTheme.colors.borderInverseOpaque,\n        borderSelected: LightTheme.colors.borderInverseSelected,\n        contentInversePrimary: LightTheme.colors.contentPrimary,\n        contentInverseSecondary: LightTheme.colors.contentSecondary,\n        contentInverseTertiary: LightTheme.colors.contentTertiary,\n        contentInverseDisabled: LightTheme.colors.contentDisabled,\n        backgroundInverseSidebar: LightTheme.colors.backgroundSidebar,\n        backgroundInversePrimary: LightTheme.colors.backgroundPrimary,\n        backgroundInverseSecondary: LightTheme.colors.backgroundSecondary,\n        backgroundInverseTertiary: LightTheme.colors.backgroundTertiary,\n        backgroundInverseNegative: LightTheme.colors.backgroundNegative,\n        backgroundInverseWarning: LightTheme.colors.backgroundWarning,\n        backgroundInversePositive: LightTheme.colors.backgroundPositive,\n        borderInverseOpaque: LightTheme.colors.borderOpaque,\n        borderInverseSelected: LightTheme.colors.borderSelected,\n    },\n    borders: {\n        dropdown: {\n            shadow: 'none',\n            color: T.colors.grey600,\n            border: `1px solid ${T.colors.grey600}`,\n        },\n    },\n    surfaces: {\n        dialog: {\n            border: '8px solid rgba(255, 255, 255, 0.2)',\n            outline: '1px solid rgba(255, 255, 255, 0.25)',\n            background: 'rgba(0, 0, 0, 0.6)',\n            backdropFilter: 'blur(6px)',\n        },\n    },\n} as PartialDeep<Theme>) as Theme;\n\nexport const { theme, pvar, pget, updateTheme, injectTheme, generateThemeInjection } = createTheme<Theme>(LightTheme);\n"],"names":["T"],"mappings":"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"}

package/dist/stories/theme/tokens.d.ts

@@ -0,0 +1,128 @@
+export declare const Colors: {
+    readonly black: "#060606";
+    readonly white: "#ffffff";
+    readonly teal: "#1deecd";
+    readonly orange: "#ff9426";
+    readonly pink: "#fb46be";
+    readonly red: "#fd4d2e";
+    readonly yellow: "#ffc043";
+    readonly green: "#08c94e";
+    readonly grey1050: "#121212";
+    readonly grey1000: "#171717";
+    readonly grey950: "#1f1f1f";
+    readonly grey900: "#252525";
+    readonly grey800: "#2e2e2e";
+    readonly grey750: "#3c3c3c";
+    readonly grey700: "#4a4a4a";
+    readonly grey600: "#545454";
+    readonly grey500: "#757575";
+    readonly grey400: "#afafaf";
+    readonly grey300: "#c9c9c9";
+    readonly grey200: "#e2e2e2";
+    readonly grey100: "#eeeeee";
+    readonly grey50: "#f6f6f6";
+    readonly teal700: "#004136";
+    readonly teal600: "#18b199";
+    readonly teal500: "#1ad4b6";
+    readonly teal400: "#1deecd";
+    readonly teal300: "#8ef7e6";
+    readonly teal200: "#d9fcf7";
+    readonly teal100: "#ecfefb";
+    readonly red700: "#331611";
+    readonly red600: "#541a0f";
+    readonly red500: "#a9331f";
+    readonly red400: "#fd4d2e";
+    readonly red300: "#fea697";
+    readonly red200: "#ffe1dc";
+    readonly red100: "#fff0ee";
+    readonly yellow600: "#554016";
+    readonly yellow500: "#aa802d";
+    readonly yellow450: "#eba417";
+    readonly yellow400: "#ffc043";
+    readonly yellow300: "#ffe0a1";
+    readonly yellow200: "#fff5e0";
+    readonly yellow100: "#fff8e8";
+    readonly green700: "#063717";
+    readonly green600: "#0a4820";
+    readonly green500: "#148f41";
+    readonly green400: "#08c94e";
+    readonly green300: "#8febb0";
+    readonly green200: "#daf8e5";
+    readonly green100: "#edfcf2";
+    readonly gradientTeal: "linear-gradient(95.14deg, #26EDED 0%, #14EFAC 100%)";
+    readonly gradientOrange: "linear-gradient(95.14deg, #FF814A 0%, #FFA800 100%)";
+    readonly gradientPink: "linear-gradient(90deg, #FF4BED 0%, #F7418D 100%)";
+};
+export declare const ColorsNew: {
+    readonly white: "#ffffff";
+    readonly black: "#000000";
+    readonly grey100: "#fcfcfc";
+    readonly grey200: "#f8f8f8";
+    readonly grey300: "#f3f3f3";
+    readonly grey400: "#eeeeee";
+    readonly grey500: "#e8e8e8";
+    readonly grey600: "#e2e2e2";
+    readonly grey700: "#dbdbdb";
+    readonly grey800: "#d1d1d1";
+    readonly grey900: "#c7c7c7";
+    readonly grey1000: "#afafaf";
+    readonly grey1100: "#9d9d9d";
+    readonly grey1200: "#8a8a8a";
+    readonly grey1300: "#7f7f7f";
+    readonly grey1400: "#6e6e6e";
+    readonly grey1500: "#5f5f5f";
+    readonly grey1600: "#4f4f4f";
+    readonly grey1700: "#3e3e3e";
+    readonly grey1800: "#343434";
+    readonly grey1900: "#2e2e2e";
+    readonly grey2000: "#282828";
+    readonly grey2100: "#212121";
+    readonly grey2200: "#1c1c1c";
+    readonly grey2300: "#171717";
+    readonly grey2400: "#121212";
+    readonly red100: "#fff0ee";
+    readonly red200: "#ffe1dc";
+    readonly red300: "#ffd4cc";
+    readonly red400: "#fd4d2e";
+    readonly red500: "#eb2a07";
+    readonly red600: "#541a0f";
+    readonly red700: "#3f1811";
+    readonly red800: "#2d130e";
+    readonly yellow100: "#fff8e8";
+    readonly yellow200: "#fff3db";
+    readonly yellow300: "#ffefcf";
+    readonly yellow400: "#ffbf3f";
+    readonly yellow500: "#f4a60b";
+    readonly yellow600: "#6c4b0b";
+    readonly yellow700: "#402c05";
+    readonly yellow800: "#2b1e02";
+    readonly green100: "#edfcf2";
+    readonly green200: "#dffae8";
+    readonly green300: "#d0f8df";
+    readonly green400: "#08c94e";
+    readonly green500: "#05ab41";
+    readonly green600: "#053917";
+    readonly green700: "#052a12";
+    readonly green800: "#021d0b";
+    readonly teal100: "#ecfefb";
+    readonly teal200: "#ddfffa";
+    readonly teal300: "#cffbf4";
+    readonly teal400: "#1deecd";
+    readonly teal500: "#1ad4b6";
+    readonly teal600: "#005548";
+    readonly teal700: "#004137";
+    readonly teal800: "#002620";
+    readonly blue400: "#7a96fc";
+    readonly blue500: "#3760f5";
+    readonly gradientTeal: "linear-gradient(95.14deg, #26EDED 0%, #14EFAC 100%)";
+    readonly gradientOrange: "linear-gradient(95.14deg, #FF814A 0%, #FFA800 100%)";
+    readonly gradientPink: "linear-gradient(90deg, #FF4BED 0%, #F6418D 100%)";
+    readonly gradientRainbow: "linear-gradient(90deg, #1DEECD 0%, #26EDED 12.5%, #FFA8F1 71.35%, #FFD7A8 100%)";
+};
+export type TokensT = {
+    colors: typeof Colors;
+    new: {
+        colors: typeof ColorsNew;
+    };
+};
+export declare const Tokens: TokensT;

package/dist/stories/theme/tokens.js

@@ -0,0 +1,130 @@
+const Colors = {
+  black: "#060606",
+  white: "#ffffff",
+  teal: "#1deecd",
+  orange: "#ff9426",
+  pink: "#fb46be",
+  red: "#fd4d2e",
+  yellow: "#ffc043",
+  green: "#08c94e",
+  grey1050: "#121212",
+  grey1000: "#171717",
+  grey950: "#1f1f1f",
+  grey900: "#252525",
+  grey800: "#2e2e2e",
+  grey750: "#3c3c3c",
+  grey700: "#4a4a4a",
+  grey600: "#545454",
+  grey500: "#757575",
+  grey400: "#afafaf",
+  grey300: "#c9c9c9",
+  grey200: "#e2e2e2",
+  grey100: "#eeeeee",
+  grey50: "#f6f6f6",
+  teal700: "#004136",
+  teal600: "#18b199",
+  teal500: "#1ad4b6",
+  teal400: "#1deecd",
+  teal300: "#8ef7e6",
+  teal200: "#d9fcf7",
+  teal100: "#ecfefb",
+  red700: "#331611",
+  red600: "#541a0f",
+  red500: "#a9331f",
+  red400: "#fd4d2e",
+  red300: "#fea697",
+  red200: "#ffe1dc",
+  red100: "#fff0ee",
+  yellow600: "#554016",
+  yellow500: "#aa802d",
+  yellow450: "#eba417",
+  yellow400: "#ffc043",
+  yellow300: "#ffe0a1",
+  yellow200: "#fff5e0",
+  yellow100: "#fff8e8",
+  green700: "#063717",
+  green600: "#0a4820",
+  green500: "#148f41",
+  green400: "#08c94e",
+  green300: "#8febb0",
+  green200: "#daf8e5",
+  green100: "#edfcf2",
+  gradientTeal: "linear-gradient(95.14deg, #26EDED 0%, #14EFAC 100%)",
+  gradientOrange: "linear-gradient(95.14deg, #FF814A 0%, #FFA800 100%)",
+  gradientPink: "linear-gradient(90deg, #FF4BED 0%, #F7418D 100%)"
+};
+const ColorsNew = {
+  white: "#ffffff",
+  black: "#000000",
+  grey100: "#fcfcfc",
+  grey200: "#f8f8f8",
+  grey300: "#f3f3f3",
+  grey400: "#eeeeee",
+  grey500: "#e8e8e8",
+  grey600: "#e2e2e2",
+  grey700: "#dbdbdb",
+  grey800: "#d1d1d1",
+  grey900: "#c7c7c7",
+  grey1000: "#afafaf",
+  grey1100: "#9d9d9d",
+  grey1200: "#8a8a8a",
+  grey1300: "#7f7f7f",
+  grey1400: "#6e6e6e",
+  grey1500: "#5f5f5f",
+  grey1600: "#4f4f4f",
+  grey1700: "#3e3e3e",
+  grey1800: "#343434",
+  grey1900: "#2e2e2e",
+  grey2000: "#282828",
+  grey2100: "#212121",
+  grey2200: "#1c1c1c",
+  grey2300: "#171717",
+  grey2400: "#121212",
+  red100: "#fff0ee",
+  red200: "#ffe1dc",
+  red300: "#ffd4cc",
+  red400: "#fd4d2e",
+  red500: "#eb2a07",
+  red600: "#541a0f",
+  red700: "#3f1811",
+  red800: "#2d130e",
+  yellow100: "#fff8e8",
+  yellow200: "#fff3db",
+  yellow300: "#ffefcf",
+  yellow400: "#ffbf3f",
+  yellow500: "#f4a60b",
+  yellow600: "#6c4b0b",
+  yellow700: "#402c05",
+  yellow800: "#2b1e02",
+  green100: "#edfcf2",
+  green200: "#dffae8",
+  green300: "#d0f8df",
+  green400: "#08c94e",
+  green500: "#05ab41",
+  green600: "#053917",
+  green700: "#052a12",
+  green800: "#021d0b",
+  teal100: "#ecfefb",
+  teal200: "#ddfffa",
+  teal300: "#cffbf4",
+  teal400: "#1deecd",
+  teal500: "#1ad4b6",
+  teal600: "#005548",
+  teal700: "#004137",
+  teal800: "#002620",
+  blue400: "#7a96fc",
+  blue500: "#3760f5",
+  gradientTeal: "linear-gradient(95.14deg, #26EDED 0%, #14EFAC 100%)",
+  gradientOrange: "linear-gradient(95.14deg, #FF814A 0%, #FFA800 100%)",
+  gradientPink: "linear-gradient(90deg, #FF4BED 0%, #F6418D 100%)",
+  gradientRainbow: "linear-gradient(90deg, #1DEECD 0%, #26EDED 12.5%, #FFA8F1 71.35%, #FFD7A8 100%)"
+};
+const Tokens = {
+  colors: Colors,
+  new: {
+    colors: ColorsNew
+  }
+};
+
+export { Colors, ColorsNew, Tokens };
+//# sourceMappingURL=tokens.js.map

package/dist/stories/theme/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.js","sources":["../../../src/stories/theme/tokens.ts"],"sourcesContent":["export const Colors = {\n    black: '#060606',\n    white: '#ffffff',\n    teal: '#1deecd',\n    orange: '#ff9426',\n    pink: '#fb46be',\n    red: '#fd4d2e',\n    yellow: '#ffc043',\n    green: '#08c94e',\n\n    grey1050: '#121212',\n    grey1000: '#171717',\n    grey950: '#1f1f1f',\n    grey900: '#252525',\n    grey800: '#2e2e2e',\n    grey750: '#3c3c3c',\n    grey700: '#4a4a4a',\n    grey600: '#545454',\n    grey500: '#757575',\n    grey400: '#afafaf',\n    grey300: '#c9c9c9',\n    grey200: '#e2e2e2',\n    grey100: '#eeeeee',\n    grey50: '#f6f6f6',\n\n    teal700: '#004136',\n    teal600: '#18b199',\n    teal500: '#1ad4b6',\n    teal400: '#1deecd',\n    teal300: '#8ef7e6',\n    teal200: '#d9fcf7',\n    teal100: '#ecfefb',\n\n    red700: '#331611',\n    red600: '#541a0f',\n    red500: '#a9331f',\n    red400: '#fd4d2e',\n    red300: '#fea697',\n    red200: '#ffe1dc',\n    red100: '#fff0ee',\n\n    yellow600: '#554016',\n    yellow500: '#aa802d',\n    yellow450: '#eba417',\n    yellow400: '#ffc043',\n    yellow300: '#ffe0a1',\n    yellow200: '#fff5e0',\n    yellow100: '#fff8e8',\n\n    green700: '#063717',\n    green600: '#0a4820',\n    green500: '#148f41',\n    green400: '#08c94e',\n    green300: '#8febb0',\n    green200: '#daf8e5',\n    green100: '#edfcf2',\n\n    gradientTeal: 'linear-gradient(95.14deg, #26EDED 0%, #14EFAC 100%)',\n    gradientOrange: 'linear-gradient(95.14deg, #FF814A 0%, #FFA800 100%)',\n    gradientPink: 'linear-gradient(90deg, #FF4BED 0%, #F7418D 100%)',\n} as const;\n\nexport const ColorsNew = {\n    white: '#ffffff',\n    black: '#000000',\n\n    grey100: '#fcfcfc',\n    grey200: '#f8f8f8',\n    grey300: '#f3f3f3',\n    grey400: '#eeeeee',\n    grey500: '#e8e8e8',\n    grey600: '#e2e2e2',\n    grey700: '#dbdbdb',\n    grey800: '#d1d1d1',\n    grey900: '#c7c7c7',\n    grey1000: '#afafaf',\n    grey1100: '#9d9d9d',\n    grey1200: '#8a8a8a',\n    grey1300: '#7f7f7f',\n    grey1400: '#6e6e6e',\n    grey1500: '#5f5f5f',\n    grey1600: '#4f4f4f',\n    grey1700: '#3e3e3e',\n    grey1800: '#343434',\n    grey1900: '#2e2e2e',\n    grey2000: '#282828',\n    grey2100: '#212121',\n    grey2200: '#1c1c1c',\n    grey2300: '#171717',\n    grey2400: '#121212',\n\n    red100: '#fff0ee',\n    red200: '#ffe1dc',\n    red300: '#ffd4cc',\n    red400: '#fd4d2e',\n    red500: '#eb2a07',\n    red600: '#541a0f',\n    red700: '#3f1811',\n    red800: '#2d130e',\n\n    yellow100: '#fff8e8',\n    yellow200: '#fff3db',\n    yellow300: '#ffefcf',\n    yellow400: '#ffbf3f',\n    yellow500: '#f4a60b',\n    yellow600: '#6c4b0b',\n    yellow700: '#402c05',\n    yellow800: '#2b1e02',\n\n    green100: '#edfcf2',\n    green200: '#dffae8',\n    green300: '#d0f8df',\n    green400: '#08c94e',\n    green500: '#05ab41',\n    green600: '#053917',\n    green700: '#052a12',\n    green800: '#021d0b',\n\n    teal100: '#ecfefb',\n    teal200: '#ddfffa',\n    teal300: '#cffbf4',\n    teal400: '#1deecd',\n    teal500: '#1ad4b6',\n    teal600: '#005548',\n    teal700: '#004137',\n    teal800: '#002620',\n\n    blue400: '#7a96fc',\n    blue500: '#3760f5',\n\n    gradientTeal: 'linear-gradient(95.14deg, #26EDED 0%, #14EFAC 100%)',\n    gradientOrange: 'linear-gradient(95.14deg, #FF814A 0%, #FFA800 100%)',\n    gradientPink: 'linear-gradient(90deg, #FF4BED 0%, #F6418D 100%)',\n    gradientRainbow: 'linear-gradient(90deg, #1DEECD 0%, #26EDED 12.5%, #FFA8F1 71.35%, #FFD7A8 100%)',\n} as const;\n\nexport type TokensT = {\n    colors: typeof Colors;\n    new: {\n        colors: typeof ColorsNew;\n    };\n};\n\nexport const Tokens: TokensT = {\n    colors: Colors,\n    new: {\n        colors: ColorsNew,\n    },\n};\n"],"names":[],"mappings":"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"}

package/dist/stories/tilt/Tilt.d.ts

@@ -0,0 +1,70 @@
+import { CSSProperties, FC, MouseEvent as ReactMouseEvent, ReactNode, TouchEvent as ReactTouchEvent } from 'react';
+type GlarePosition = 'top' | 'right' | 'bottom' | 'left' | 'all';
+export type OnMoveParams = {
+    tiltAngleX: number;
+    tiltAngleY: number;
+    tiltAngleXPercentage: number;
+    tiltAngleYPercentage: number;
+    glareAngle: number;
+    glareOpacity: number;
+};
+export type TiltProps = {
+    /** Disables the tilt effect. @default false */
+    disableTilt?: boolean;
+    children?: ReactNode | ReactNode[];
+    className?: string;
+    style?: CSSProperties;
+    /** Scale on hover (1.05 = 105%). @default 1.05 */
+    scale?: number;
+    /** Max tilt on X axis in degrees. @default 12.5 */
+    tiltMaxAngleX?: number;
+    /** Max tilt on Y axis in degrees. @default 12.5 */
+    tiltMaxAngleY?: number;
+    /** Manual tilt on X axis in degrees. Overrides mouse input when non-null. */
+    tiltAngleXManual?: number | null;
+    /** Manual tilt on Y axis in degrees. Overrides mouse input when non-null. */
+    tiltAngleYManual?: number | null;
+    /** CSS perspective distance in px. @default 1000 */
+    perspective?: number;
+    /** Transition speed in ms for enter/leave. @default 400 */
+    transitionSpeed?: number;
+    /** Transition easing function. @default 'cubic-bezier(.03,.98,.52,.99)' */
+    transitionEasing?: string;
+    /** Reset tilt on mouse leave. @default true */
+    reset?: boolean;
+    /** Enable glare overlay. @default true */
+    glareEnable?: boolean;
+    /** Max glare opacity (0-1). @default 0.5 */
+    glareMaxOpacity?: number;
+    /** Glare gradient color. @default '#ffffff' */
+    glareColor?: string;
+    /** Glare gradient origin position. @default 'bottom' */
+    glarePosition?: GlarePosition;
+    /** Reverse glare direction. @default false */
+    glareReverse?: boolean;
+    /** CSS border-radius for glare wrapper. Derived from style.borderRadius by default. */
+    glareBorderRadius?: string;
+    onEnter?: (params: {
+        event: ReactMouseEvent | ReactTouchEvent;
+    }) => void;
+    onLeave?: (params: {
+        event: ReactMouseEvent | ReactTouchEvent;
+    }) => void;
+    onMove?: (params: OnMoveParams) => void;
+};
+/**
+ * Tilt components allow you to add a parallax tilt effect to any component.
+ *
+ * > Card components include a Tilt component by default, by setting the `tilt` prop to `true`. You can override any of the underlying Tilt props by passing them to the Card component's `overrides.tilt` prop.
+ *
+ * <hr />
+ *
+ * To use this component, import it as follows:
+ *
+ * ```js
+ * import { Tilt } from 'paris/tilt';
+ * ```
+ * @constructor
+ */
+export declare const Tilt: FC<TiltProps>;
+export {};