@evolve.ui/theme-system 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/allThemes-CFS_9-tk.cjs +34 -0
- package/allThemes-CFS_9-tk.cjs.map +1 -0
- package/allThemes-OV-ayn4C.mjs +17 -0
- package/allThemes-OV-ayn4C.mjs.map +1 -0
- package/allThemes.cjs +6 -0
- package/allThemes.d.cts +11 -0
- package/allThemes.d.cts.map +1 -0
- package/allThemes.d.mts +11 -0
- package/allThemes.d.mts.map +1 -0
- package/allThemes.mjs +2 -0
- package/brands-n30rolHQ.d.cts +33 -0
- package/brands-n30rolHQ.d.cts.map +1 -0
- package/brands-n30rolHQ.d.mts +33 -0
- package/brands-n30rolHQ.d.mts.map +1 -0
- package/brands.cjs +41 -0
- package/brands.cjs.map +1 -0
- package/brands.d.cts +2 -0
- package/brands.d.mts +2 -0
- package/brands.mjs +35 -0
- package/brands.mjs.map +1 -0
- package/cn.cjs +43 -0
- package/cn.cjs.map +1 -0
- package/cn.d.cts +36 -0
- package/cn.d.cts.map +1 -0
- package/cn.d.mts +36 -0
- package/cn.d.mts.map +1 -0
- package/cn.mjs +39 -0
- package/cn.mjs.map +1 -0
- package/css/BasketballTraining.css +377 -0
- package/css/Default.css +377 -0
- package/css/ProfessionalBrand.css +377 -0
- package/default-B2n4PnsJ.mjs +914 -0
- package/default-B2n4PnsJ.mjs.map +1 -0
- package/default-b-tgfyxR.cjs +956 -0
- package/default-b-tgfyxR.cjs.map +1 -0
- package/fontFamily-BBoee6cS.cjs +85 -0
- package/fontFamily-BBoee6cS.cjs.map +1 -0
- package/fontFamily-DTm-Yz5-.mjs +31 -0
- package/fontFamily-DTm-Yz5-.mjs.map +1 -0
- package/index.cjs +249 -0
- package/index.cjs.map +1 -0
- package/index.d.cts +516 -0
- package/index.d.cts.map +1 -0
- package/index.d.mts +516 -0
- package/index.d.mts.map +1 -0
- package/index.mjs +28 -0
- package/index.mjs.map +1 -0
- package/package.json +53 -0
- package/plugin-D4eCyUJe.mjs +583 -0
- package/plugin-D4eCyUJe.mjs.map +1 -0
- package/plugin-DPtvp4lp.cjs +601 -0
- package/plugin-DPtvp4lp.cjs.map +1 -0
- package/spacing-B2mhXYOl.cjs +1446 -0
- package/spacing-B2mhXYOl.cjs.map +1 -0
- package/spacing-D43IZfIU.mjs +289 -0
- package/spacing-D43IZfIU.mjs.map +1 -0
- package/tailwind/plugin.cjs +6 -0
- package/tailwind/plugin.d.cts +18 -0
- package/tailwind/plugin.d.cts.map +1 -0
- package/tailwind/plugin.d.mts +18 -0
- package/tailwind/plugin.d.mts.map +1 -0
- package/tailwind/plugin.mjs +2 -0
- package/tailwind.config.cjs +2 -0
- package/tailwind.config.mjs +2 -0
- package/themes/common.cjs +68 -0
- package/themes/common.cjs.map +1 -0
- package/themes/common.d.cts +58 -0
- package/themes/common.d.cts.map +1 -0
- package/themes/common.d.mts +58 -0
- package/themes/common.d.mts.map +1 -0
- package/themes/common.mjs +61 -0
- package/themes/common.mjs.map +1 -0
- package/themes/runtime/default.cjs +6 -0
- package/themes/runtime/default.d.cts +7 -0
- package/themes/runtime/default.d.cts.map +1 -0
- package/themes/runtime/default.d.mts +7 -0
- package/themes/runtime/default.d.mts.map +1 -0
- package/themes/runtime/default.mjs +2 -0
- package/themes/themeType.cjs +0 -0
- package/themes/themeType.d.cts +284 -0
- package/themes/themeType.d.cts.map +1 -0
- package/themes/themeType.d.mts +284 -0
- package/themes/themeType.d.mts.map +1 -0
- package/themes/themeType.mjs +1 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"spacing-B2mhXYOl.cjs","names":[],"sources":["../src/utils/wrapVar.ts","../src/tailwind/cssVars.ts","../src/tailwind/borderRadius.ts","../src/tailwind/screens.ts","../src/tailwind/spacing.ts"],"sourcesContent":["/**\n * CSS variable wrapping utilities for Tailwind CSS configuration\n *\n * These utilities handle the conversion of CSS custom property names\n * into proper var() references, with optional opacity support for\n * Tailwind's alpha modifier syntax (e.g., `bg-primary-500/50`).\n *\n * @see https://tailwindcss.com/docs/customizing-colors#using-css-variables\n * Internal reference: Hammer UI patterns\n * Ported from the upstream theme system.\n */\n\n/** Wraps a CSS variable name in var() */\nexport const wrapVar = (value: string): string => `var(${value})`;\n\n/** Wraps a CSS variable name in rgb(var()) */\nexport const wrapVarRgb = (value: string): string => `rgb(var(${value}))`;\n\n/** Wraps a variable reference with a fixed percentage opacity */\nexport const wrapOpacity = (wrappedVariable: string, percentOpacity: number): string =>\n `rgb(${wrappedVariable} / ${percentOpacity}%)`;\n\n/** Wraps a variable reference with Tailwind's alpha-value placeholder for dynamic opacity */\nexport const wrapVariableOpacity = (wrappedVariable: string): string => `rgb(${wrappedVariable} / <alpha-value>)`;\n","/**\n * CSS variable name constants for the theme system\n *\n * Central registry of all CSS custom property names used across brand themes.\n * These constants are imported by Tailwind config modules (colors.ts, boxShadow.ts, etc.)\n * to provide type-safe, refactor-friendly variable references.\n *\n * Internal reference: Hammer UI patterns\n * Ported from the upstream theme system.\n */\n\n// shadow\n\nexport const shadow01 = '--box-shadow-01';\nexport const shadow02 = '--box-shadow-02';\nexport const shadow03 = '--box-shadow-03';\nexport const shadow04 = '--box-shadow-04';\nexport const shadow05 = '--box-shadow-05';\n\n// fonts\n\nexport const fontFamilyPrimary = '--font-family-primary';\nexport const fontFamilySecondary = '--font-family-secondary';\n\n// radii\n\nexport const buttonBorderRadius = '--button-border-radius';\nexport const checkboxBorderRadius = '--checkbox-border-radius';\nexport const inputBorderRadius = '--input-border-radius';\nexport const searchInputBorderRadius = '--search-input-border-radius';\nexport const containerBorderRadius = '--container-border-radius';\n\n// widths\n\nexport const widthPage = '--width-page';\nexport const widthDense = '--width-dense';\n\n// text\n\nexport const fontSizeButton100 = '--font-size-button-100';\nexport const fontSizeButton200 = '--font-size-button-200';\n\nexport const fontWeightH1 = '--font-weight-h1';\nexport const fontWeightH2 = '--font-weight-h2';\nexport const fontWeightH3 = '--font-weight-h3';\nexport const fontWeightH4 = '--font-weight-h4';\nexport const fontWeightH5 = '--font-weight-h5';\nexport const fontWeightH6 = '--font-weight-h6';\nexport const fontWeightBodyPrimary = '--font-weight-body-primary';\nexport const fontWeightBodySecondary = '--font-weight-body-secondary';\nexport const fontWeightLabelStrong = '--font-weight-label-strong';\nexport const fontWeightLabelMini = '--font-weight-label-mini';\nexport const fontWeightCaption = '--font-weight-caption';\nexport const fontWeightButton = '--font-weight-button';\n\nexport const letterSpacingH1 = '--letter-spacing-h1';\nexport const letterSpacingH1Mobile = '--letter-spacing-h1-mobile';\nexport const letterSpacingH2 = '--letter-spacing-h2';\nexport const letterSpacingH2Mobile = '--letter-spacing-h2-mobile';\nexport const letterSpacingH3 = '--letter-spacing-h3';\nexport const letterSpacingH3Mobile = '--letter-spacing-h3-mobile';\nexport const letterSpacingH4 = '--letter-spacing-h4';\nexport const letterSpacingH5 = '--letter-spacing-h5';\nexport const letterSpacingH6 = '--letter-spacing-h6';\nexport const letterSpacingBodyPrimary = '--letter-spacing-body-primary';\nexport const letterSpacingBodySecondary = '--letter-spacing-body-secondary';\nexport const letterSpacingLabelStrong = '--letter-spacing-label-strong';\nexport const letterSpacingLabelMini = '--letter-spacing-label-mini';\nexport const letterSpacingCaption = '--letter-spacing-caption';\nexport const letterSpacingButton = '--letter-spacing-button';\n\nexport const textTransformH6 = '--text-transform-h6';\nexport const textTransformLabelMini = '--text-transform-label-mini';\nexport const textTransformButton = '--text-transform-button';\n\n// colors\nexport type ColorAliases =\n | 'primary'\n | 'secondary'\n | 'tertiary'\n | 'info'\n | 'success'\n | 'critical'\n | 'warning'\n | 'surface';\n\nexport const colorPrimary50 = '--color-primary-50';\nexport const colorPrimary100 = '--color-primary-100';\nexport const colorPrimary200 = '--color-primary-200';\nexport const colorPrimary300 = '--color-primary-300';\nexport const colorPrimary400 = '--color-primary-400';\nexport const colorPrimary500 = '--color-primary-500';\nexport const colorPrimary600 = '--color-primary-600';\nexport const colorPrimary700 = '--color-primary-700';\nexport const colorPrimary800 = '--color-primary-800';\nexport const colorPrimary900 = '--color-primary-900';\nexport const colorSecondary50 = '--color-secondary-50';\nexport const colorSecondary100 = '--color-secondary-100';\nexport const colorSecondary200 = '--color-secondary-200';\nexport const colorSecondary300 = '--color-secondary-300';\nexport const colorSecondary400 = '--color-secondary-400';\nexport const colorSecondary500 = '--color-secondary-500';\nexport const colorSecondary600 = '--color-secondary-600';\nexport const colorSecondary700 = '--color-secondary-700';\nexport const colorSecondary800 = '--color-secondary-800';\nexport const colorSecondary900 = '--color-secondary-900';\nexport const colorTertiary50 = '--color-tertiary-50';\nexport const colorTertiary100 = '--color-tertiary-100';\nexport const colorTertiary200 = '--color-tertiary-200';\nexport const colorTertiary300 = '--color-tertiary-300';\nexport const colorTertiary400 = '--color-tertiary-400';\nexport const colorTertiary500 = '--color-tertiary-500';\nexport const colorTertiary600 = '--color-tertiary-600';\nexport const colorTertiary700 = '--color-tertiary-700';\nexport const colorTertiary800 = '--color-tertiary-800';\nexport const colorTertiary900 = '--color-tertiary-900';\nexport const colorInfo50 = '--color-info-50';\nexport const colorInfo100 = '--color-info-100';\nexport const colorInfo200 = '--color-info-200';\nexport const colorInfo300 = '--color-info-300';\nexport const colorInfo400 = '--color-info-400';\nexport const colorInfo500 = '--color-info-500';\nexport const colorInfo600 = '--color-info-600';\nexport const colorInfo700 = '--color-info-700';\nexport const colorInfo800 = '--color-info-800';\nexport const colorInfo900 = '--color-info-900';\nexport const colorSuccess50 = '--color-success-50';\nexport const colorSuccess100 = '--color-success-100';\nexport const colorSuccess200 = '--color-success-200';\nexport const colorSuccess300 = '--color-success-300';\nexport const colorSuccess400 = '--color-success-400';\nexport const colorSuccess500 = '--color-success-500';\nexport const colorSuccess600 = '--color-success-600';\nexport const colorSuccess700 = '--color-success-700';\nexport const colorSuccess800 = '--color-success-800';\nexport const colorSuccess900 = '--color-success-900';\nexport const colorCritical50 = '--color-critical-50';\nexport const colorCritical100 = '--color-critical-100';\nexport const colorCritical200 = '--color-critical-200';\nexport const colorCritical300 = '--color-critical-300';\nexport const colorCritical400 = '--color-critical-400';\nexport const colorCritical500 = '--color-critical-500';\nexport const colorCritical600 = '--color-critical-600';\nexport const colorCritical700 = '--color-critical-700';\nexport const colorCritical800 = '--color-critical-800';\nexport const colorCritical900 = '--color-critical-900';\nexport const colorWarning50 = '--color-warning-50';\nexport const colorWarning100 = '--color-warning-100';\nexport const colorWarning200 = '--color-warning-200';\nexport const colorWarning300 = '--color-warning-300';\nexport const colorWarning400 = '--color-warning-400';\nexport const colorWarning500 = '--color-warning-500';\nexport const colorWarning600 = '--color-warning-600';\nexport const colorWarning700 = '--color-warning-700';\nexport const colorWarning800 = '--color-warning-800';\nexport const colorWarning900 = '--color-warning-900';\nexport const colorSurface50 = '--color-surface-50';\nexport const colorSurface100 = '--color-surface-100';\nexport const colorSurface200 = '--color-surface-200';\nexport const colorSurface300 = '--color-surface-300';\nexport const colorSurface400 = '--color-surface-400';\nexport const colorSurface500 = '--color-surface-500';\nexport const colorSurface600 = '--color-surface-600';\nexport const colorSurface700 = '--color-surface-700';\nexport const colorSurface800 = '--color-surface-800';\nexport const colorSurface900 = '--color-surface-900';\n\n// text colors\n\nexport type TextColorAliases =\n | 'primary'\n | 'secondary'\n | 'inverse'\n | 'info'\n | 'success'\n | 'warning'\n | 'critical'\n | 'disabled'\n | 'inactive';\n\nexport const colorTextPrimary = '--color-text-primary';\nexport const colorTextSecondary = '--color-text-secondary';\nexport const colorTextInverse = '--color-text-inverse';\nexport const colorTextCritical = '--color-text-critical';\nexport const colorTextInfo = '--color-text-info';\nexport const colorTextSuccess = '--color-text-success';\nexport const colorTextInactive = '--color-text-inactive';\nexport const colorTextDisabled = '--color-text-disabled';\nexport const colorTextWarning = '--color-text-warning';\n\n// icon colors\n\nexport type IconColorAliases =\n | 'primary'\n | 'secondary'\n | 'inverse'\n | 'info'\n | 'success'\n | 'warning'\n | 'critical'\n | 'disabled';\n\nexport const colorIconPrimary = '--color-icon-primary';\nexport const colorIconSecondary = '--color-icon-secondary';\nexport const colorIconInverse = '--color-icon-inverse';\nexport const colorIconInfo = '--color-icon-info';\nexport const colorIconSuccess = '--color-icon-success';\nexport const colorIconWarning = '--color-icon-warning';\nexport const colorIconCritical = '--color-icon-critical';\nexport const colorIconDisabled = '--color-icon-disabled';\n\n// link colors\n\nexport type LinkColorAliases = 'primary' | 'secondary' | 'monochrome' | 'hover' | 'pressed' | 'disabled' | 'inverse';\n\nexport const colorLinkPrimary = '--color-link-primary';\nexport const colorLinkSecondary = '--color-link-secondary';\nexport const colorLinkMonochrome = '--color-link-monochrome';\nexport const colorLinkHover = '--color-link-hover';\nexport const colorLinkPressed = '--color-link-pressed';\nexport const colorLinkDisabled = '--color-link-disabled';\nexport const colorLinkInverse = '--color-link-inverse';\nexport const colorLinkInverseHover = '--color-link-inverse-hover';\nexport const colorLinkInversePressed = '--color-link-inverse-pressed';\nexport const colorLinkInverseDisabled = '--color-link-inverse-disabled';\n\n// background colors\n\nexport type BackgroundColorAliases =\n | 'primary'\n | 'secondary'\n | 'tertiary'\n | 'inverse'\n | 'subdued'\n | 'hover'\n | 'pressed'\n | 'disabled'\n | 'infoLight'\n | 'infoDark'\n | 'successLight'\n | 'successDark'\n | 'criticalLight'\n | 'criticalDark'\n | 'warningLight'\n | 'warningDark';\n\nexport const colorBackgroundPrimary = '--color-background-primary';\nexport const colorBackgroundSecondary = '--color-background-secondary';\nexport const colorBackgroundTertiary = '--color-background-tertiary';\nexport const colorBackgroundInverse = '--color-background-inverse';\nexport const colorBackgroundSubdued = '--color-background-subdued';\nexport const colorBackgroundHover = '--color-background-hover';\nexport const colorBackgroundOverlay = '--color-background-overlay';\nexport const colorBackgroundPressed = '--color-background-pressed';\nexport const colorBackgroundDisabled = '--color-background-disabled';\nexport const colorBackgroundInfoLight = '--color-background-info-light';\nexport const colorBackgroundInfoDark = '--color-background-info-dark';\nexport const colorBackgroundSuccessLight = '--color-background-success-light';\nexport const colorBackgroundSuccessDark = '--color-background-success-dark';\nexport const colorBackgroundCriticalLight = '--color-background-critical-light';\nexport const colorBackgroundCriticalDark = '--color-background-critical-dark';\nexport const colorBackgroundWarningLight = '--color-background-warning-light';\nexport const colorBackgroundWarningDark = '--color-background-warning-dark';\nexport const colorBackgroundHoverInverse = '--color-background-hover-inverse';\nexport const colorBackgroundPressedInverse = '--color-background-pressed-inverse';\n\n// border colors\n\nexport type BorderColorAliases =\n | 'primary'\n | 'secondary'\n | 'tertiary'\n | 'inverse'\n | 'black'\n | 'info'\n | 'success'\n | 'critical'\n | 'warning'\n | 'disabled'\n | 'hover'\n | 'selected';\n\nexport const colorBorderPrimary = '--color-border-primary';\nexport const colorBorderSecondary = '--color-border-secondary';\nexport const colorBorderTertiary = '--color-border-tertiary';\nexport const colorBorderInverse = '--color-border-inverse';\nexport const colorBorderBlack = '--color-border-black';\nexport const colorBorderInfo = '--color-border-info';\nexport const colorBorderSuccess = '--color-border-success';\nexport const colorBorderCritical = '--color-border-critical';\nexport const colorBorderWarning = '--color-border-warning';\nexport const colorBorderDisabled = '--color-border-disabled';\nexport const colorBorderHover = '--color-border-hover';\nexport const colorBorderSelected = '--color-border-selected';\n\n// focus colors\n\nexport type FocusColorAliases = 'primary' | 'inverse';\n\nexport const colorFocusPrimary = '--color-focus-primary';\nexport const colorFocusInverse = '--color-focus-inverse';\n","/**\n * Border radius configuration for Tailwind CSS\n *\n * Internal reference: Hammer UI patterns\n * Ported from the upstream theme system.\n */\n\n// @see https://tailwindcss.com/docs/customizing-colors#using-css-variables\n\nimport { wrapVar } from '../utils/wrapVar';\nimport {\n buttonBorderRadius,\n checkboxBorderRadius,\n containerBorderRadius,\n inputBorderRadius,\n searchInputBorderRadius,\n} from './cssVars';\n\nexport const borderRadius = {\n button: wrapVar(buttonBorderRadius),\n checkbox: wrapVar(checkboxBorderRadius),\n container: wrapVar(containerBorderRadius),\n full: '9999px',\n input: wrapVar(inputBorderRadius),\n lg: '16px',\n md: '8px',\n none: '0',\n 'search-input': wrapVar(searchInputBorderRadius),\n sm: '4px',\n xl: '32px',\n xs: '2px',\n} as const;\n","/**\n * Responsive breakpoints for Tailwind CSS\n *\n * These breakpoints mirror the Hammer UI responsive system.\n * Usage: mobile:gap-[2px], mdMin:max-w-[786px], desktop:text-lg\n */\nexport const screens = {\n desktop: { min: '769px' },\n lgMax: { max: '1644px' },\n lgMin: { min: '1249px' },\n mdMax: { max: '1248px' },\n mdMin: { min: '1024px' },\n mobile: { max: '480px' },\n mobileSmall: { max: '380px' },\n print: { raw: 'print' },\n smMax: { max: '1023px' },\n smMin: { min: '769px' },\n tabletMax: { max: '954px' },\n tabletMin: { min: '954px' },\n xlMin: { min: '1645px' },\n xsMax: { max: '768px' },\n} as const;\n","/**\n * Spacing scale for Tailwind CSS\n *\n * Fixed pixel values that don't change per brand.\n *\n * Internal reference: Hammer UI patterns\n * Ported from the upstream theme system.\n */\n\nexport const spacing = {\n '2xl': '64px',\n '2xs': '4px',\n '3xl': '128px',\n '3xs': '2px',\n lg: '32px',\n md: '24px',\n sm: '16px',\n xl: '48px',\n xs: '8px',\n} as const;\n"],"mappings":"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"}
|
|
@@ -0,0 +1,289 @@
|
|
|
1
|
+
//#region src/utils/wrapVar.ts
|
|
2
|
+
/**
|
|
3
|
+
* CSS variable wrapping utilities for Tailwind CSS configuration
|
|
4
|
+
*
|
|
5
|
+
* These utilities handle the conversion of CSS custom property names
|
|
6
|
+
* into proper var() references, with optional opacity support for
|
|
7
|
+
* Tailwind's alpha modifier syntax (e.g., `bg-primary-500/50`).
|
|
8
|
+
*
|
|
9
|
+
* @see https://tailwindcss.com/docs/customizing-colors#using-css-variables
|
|
10
|
+
* Internal reference: Hammer UI patterns
|
|
11
|
+
* Ported from the upstream theme system.
|
|
12
|
+
*/
|
|
13
|
+
/** Wraps a CSS variable name in var() */
|
|
14
|
+
const wrapVar = (value) => `var(${value})`;
|
|
15
|
+
/** Wraps a CSS variable name in rgb(var()) */
|
|
16
|
+
const wrapVarRgb = (value) => `rgb(var(${value}))`;
|
|
17
|
+
/** Wraps a variable reference with a fixed percentage opacity */
|
|
18
|
+
const wrapOpacity = (wrappedVariable, percentOpacity) => `rgb(${wrappedVariable} / ${percentOpacity}%)`;
|
|
19
|
+
/** Wraps a variable reference with Tailwind's alpha-value placeholder for dynamic opacity */
|
|
20
|
+
const wrapVariableOpacity = (wrappedVariable) => `rgb(${wrappedVariable} / <alpha-value>)`;
|
|
21
|
+
//#endregion
|
|
22
|
+
//#region src/tailwind/cssVars.ts
|
|
23
|
+
/**
|
|
24
|
+
* CSS variable name constants for the theme system
|
|
25
|
+
*
|
|
26
|
+
* Central registry of all CSS custom property names used across brand themes.
|
|
27
|
+
* These constants are imported by Tailwind config modules (colors.ts, boxShadow.ts, etc.)
|
|
28
|
+
* to provide type-safe, refactor-friendly variable references.
|
|
29
|
+
*
|
|
30
|
+
* Internal reference: Hammer UI patterns
|
|
31
|
+
* Ported from the upstream theme system.
|
|
32
|
+
*/
|
|
33
|
+
const shadow01 = "--box-shadow-01";
|
|
34
|
+
const shadow02 = "--box-shadow-02";
|
|
35
|
+
const shadow03 = "--box-shadow-03";
|
|
36
|
+
const shadow04 = "--box-shadow-04";
|
|
37
|
+
const shadow05 = "--box-shadow-05";
|
|
38
|
+
const fontFamilyPrimary = "--font-family-primary";
|
|
39
|
+
const fontFamilySecondary = "--font-family-secondary";
|
|
40
|
+
const buttonBorderRadius = "--button-border-radius";
|
|
41
|
+
const checkboxBorderRadius = "--checkbox-border-radius";
|
|
42
|
+
const inputBorderRadius = "--input-border-radius";
|
|
43
|
+
const searchInputBorderRadius = "--search-input-border-radius";
|
|
44
|
+
const containerBorderRadius = "--container-border-radius";
|
|
45
|
+
const widthPage = "--width-page";
|
|
46
|
+
const widthDense = "--width-dense";
|
|
47
|
+
const fontSizeButton100 = "--font-size-button-100";
|
|
48
|
+
const fontSizeButton200 = "--font-size-button-200";
|
|
49
|
+
const fontWeightH1 = "--font-weight-h1";
|
|
50
|
+
const fontWeightH2 = "--font-weight-h2";
|
|
51
|
+
const fontWeightH3 = "--font-weight-h3";
|
|
52
|
+
const fontWeightH4 = "--font-weight-h4";
|
|
53
|
+
const fontWeightH5 = "--font-weight-h5";
|
|
54
|
+
const fontWeightH6 = "--font-weight-h6";
|
|
55
|
+
const fontWeightBodyPrimary = "--font-weight-body-primary";
|
|
56
|
+
const fontWeightBodySecondary = "--font-weight-body-secondary";
|
|
57
|
+
const fontWeightLabelStrong = "--font-weight-label-strong";
|
|
58
|
+
const fontWeightLabelMini = "--font-weight-label-mini";
|
|
59
|
+
const fontWeightCaption = "--font-weight-caption";
|
|
60
|
+
const fontWeightButton = "--font-weight-button";
|
|
61
|
+
const letterSpacingH1 = "--letter-spacing-h1";
|
|
62
|
+
const letterSpacingH1Mobile = "--letter-spacing-h1-mobile";
|
|
63
|
+
const letterSpacingH2 = "--letter-spacing-h2";
|
|
64
|
+
const letterSpacingH2Mobile = "--letter-spacing-h2-mobile";
|
|
65
|
+
const letterSpacingH3 = "--letter-spacing-h3";
|
|
66
|
+
const letterSpacingH3Mobile = "--letter-spacing-h3-mobile";
|
|
67
|
+
const letterSpacingH4 = "--letter-spacing-h4";
|
|
68
|
+
const letterSpacingH5 = "--letter-spacing-h5";
|
|
69
|
+
const letterSpacingH6 = "--letter-spacing-h6";
|
|
70
|
+
const letterSpacingBodyPrimary = "--letter-spacing-body-primary";
|
|
71
|
+
const letterSpacingBodySecondary = "--letter-spacing-body-secondary";
|
|
72
|
+
const letterSpacingLabelStrong = "--letter-spacing-label-strong";
|
|
73
|
+
const letterSpacingLabelMini = "--letter-spacing-label-mini";
|
|
74
|
+
const letterSpacingCaption = "--letter-spacing-caption";
|
|
75
|
+
const letterSpacingButton = "--letter-spacing-button";
|
|
76
|
+
const textTransformH6 = "--text-transform-h6";
|
|
77
|
+
const textTransformLabelMini = "--text-transform-label-mini";
|
|
78
|
+
const textTransformButton = "--text-transform-button";
|
|
79
|
+
const colorPrimary50 = "--color-primary-50";
|
|
80
|
+
const colorPrimary100 = "--color-primary-100";
|
|
81
|
+
const colorPrimary200 = "--color-primary-200";
|
|
82
|
+
const colorPrimary300 = "--color-primary-300";
|
|
83
|
+
const colorPrimary400 = "--color-primary-400";
|
|
84
|
+
const colorPrimary500 = "--color-primary-500";
|
|
85
|
+
const colorPrimary600 = "--color-primary-600";
|
|
86
|
+
const colorPrimary700 = "--color-primary-700";
|
|
87
|
+
const colorPrimary800 = "--color-primary-800";
|
|
88
|
+
const colorPrimary900 = "--color-primary-900";
|
|
89
|
+
const colorSecondary50 = "--color-secondary-50";
|
|
90
|
+
const colorSecondary100 = "--color-secondary-100";
|
|
91
|
+
const colorSecondary200 = "--color-secondary-200";
|
|
92
|
+
const colorSecondary300 = "--color-secondary-300";
|
|
93
|
+
const colorSecondary400 = "--color-secondary-400";
|
|
94
|
+
const colorSecondary500 = "--color-secondary-500";
|
|
95
|
+
const colorSecondary600 = "--color-secondary-600";
|
|
96
|
+
const colorSecondary700 = "--color-secondary-700";
|
|
97
|
+
const colorSecondary800 = "--color-secondary-800";
|
|
98
|
+
const colorSecondary900 = "--color-secondary-900";
|
|
99
|
+
const colorTertiary50 = "--color-tertiary-50";
|
|
100
|
+
const colorTertiary100 = "--color-tertiary-100";
|
|
101
|
+
const colorTertiary200 = "--color-tertiary-200";
|
|
102
|
+
const colorTertiary300 = "--color-tertiary-300";
|
|
103
|
+
const colorTertiary400 = "--color-tertiary-400";
|
|
104
|
+
const colorTertiary500 = "--color-tertiary-500";
|
|
105
|
+
const colorTertiary600 = "--color-tertiary-600";
|
|
106
|
+
const colorTertiary700 = "--color-tertiary-700";
|
|
107
|
+
const colorTertiary800 = "--color-tertiary-800";
|
|
108
|
+
const colorTertiary900 = "--color-tertiary-900";
|
|
109
|
+
const colorInfo50 = "--color-info-50";
|
|
110
|
+
const colorInfo100 = "--color-info-100";
|
|
111
|
+
const colorInfo200 = "--color-info-200";
|
|
112
|
+
const colorInfo300 = "--color-info-300";
|
|
113
|
+
const colorInfo400 = "--color-info-400";
|
|
114
|
+
const colorInfo500 = "--color-info-500";
|
|
115
|
+
const colorInfo600 = "--color-info-600";
|
|
116
|
+
const colorInfo700 = "--color-info-700";
|
|
117
|
+
const colorInfo800 = "--color-info-800";
|
|
118
|
+
const colorInfo900 = "--color-info-900";
|
|
119
|
+
const colorSuccess50 = "--color-success-50";
|
|
120
|
+
const colorSuccess100 = "--color-success-100";
|
|
121
|
+
const colorSuccess200 = "--color-success-200";
|
|
122
|
+
const colorSuccess300 = "--color-success-300";
|
|
123
|
+
const colorSuccess400 = "--color-success-400";
|
|
124
|
+
const colorSuccess500 = "--color-success-500";
|
|
125
|
+
const colorSuccess600 = "--color-success-600";
|
|
126
|
+
const colorSuccess700 = "--color-success-700";
|
|
127
|
+
const colorSuccess800 = "--color-success-800";
|
|
128
|
+
const colorSuccess900 = "--color-success-900";
|
|
129
|
+
const colorCritical50 = "--color-critical-50";
|
|
130
|
+
const colorCritical100 = "--color-critical-100";
|
|
131
|
+
const colorCritical200 = "--color-critical-200";
|
|
132
|
+
const colorCritical300 = "--color-critical-300";
|
|
133
|
+
const colorCritical400 = "--color-critical-400";
|
|
134
|
+
const colorCritical500 = "--color-critical-500";
|
|
135
|
+
const colorCritical600 = "--color-critical-600";
|
|
136
|
+
const colorCritical700 = "--color-critical-700";
|
|
137
|
+
const colorCritical800 = "--color-critical-800";
|
|
138
|
+
const colorCritical900 = "--color-critical-900";
|
|
139
|
+
const colorWarning50 = "--color-warning-50";
|
|
140
|
+
const colorWarning100 = "--color-warning-100";
|
|
141
|
+
const colorWarning200 = "--color-warning-200";
|
|
142
|
+
const colorWarning300 = "--color-warning-300";
|
|
143
|
+
const colorWarning400 = "--color-warning-400";
|
|
144
|
+
const colorWarning500 = "--color-warning-500";
|
|
145
|
+
const colorWarning600 = "--color-warning-600";
|
|
146
|
+
const colorWarning700 = "--color-warning-700";
|
|
147
|
+
const colorWarning800 = "--color-warning-800";
|
|
148
|
+
const colorWarning900 = "--color-warning-900";
|
|
149
|
+
const colorSurface50 = "--color-surface-50";
|
|
150
|
+
const colorSurface100 = "--color-surface-100";
|
|
151
|
+
const colorSurface200 = "--color-surface-200";
|
|
152
|
+
const colorSurface300 = "--color-surface-300";
|
|
153
|
+
const colorSurface400 = "--color-surface-400";
|
|
154
|
+
const colorSurface500 = "--color-surface-500";
|
|
155
|
+
const colorSurface600 = "--color-surface-600";
|
|
156
|
+
const colorSurface700 = "--color-surface-700";
|
|
157
|
+
const colorSurface800 = "--color-surface-800";
|
|
158
|
+
const colorSurface900 = "--color-surface-900";
|
|
159
|
+
const colorTextPrimary = "--color-text-primary";
|
|
160
|
+
const colorTextSecondary = "--color-text-secondary";
|
|
161
|
+
const colorTextInverse = "--color-text-inverse";
|
|
162
|
+
const colorTextCritical = "--color-text-critical";
|
|
163
|
+
const colorTextInfo = "--color-text-info";
|
|
164
|
+
const colorTextSuccess = "--color-text-success";
|
|
165
|
+
const colorTextInactive = "--color-text-inactive";
|
|
166
|
+
const colorTextDisabled = "--color-text-disabled";
|
|
167
|
+
const colorTextWarning = "--color-text-warning";
|
|
168
|
+
const colorIconPrimary = "--color-icon-primary";
|
|
169
|
+
const colorIconSecondary = "--color-icon-secondary";
|
|
170
|
+
const colorIconInverse = "--color-icon-inverse";
|
|
171
|
+
const colorIconInfo = "--color-icon-info";
|
|
172
|
+
const colorIconSuccess = "--color-icon-success";
|
|
173
|
+
const colorIconWarning = "--color-icon-warning";
|
|
174
|
+
const colorIconCritical = "--color-icon-critical";
|
|
175
|
+
const colorIconDisabled = "--color-icon-disabled";
|
|
176
|
+
const colorLinkPrimary = "--color-link-primary";
|
|
177
|
+
const colorLinkSecondary = "--color-link-secondary";
|
|
178
|
+
const colorLinkMonochrome = "--color-link-monochrome";
|
|
179
|
+
const colorLinkHover = "--color-link-hover";
|
|
180
|
+
const colorLinkPressed = "--color-link-pressed";
|
|
181
|
+
const colorLinkDisabled = "--color-link-disabled";
|
|
182
|
+
const colorLinkInverse = "--color-link-inverse";
|
|
183
|
+
const colorLinkInverseHover = "--color-link-inverse-hover";
|
|
184
|
+
const colorLinkInversePressed = "--color-link-inverse-pressed";
|
|
185
|
+
const colorLinkInverseDisabled = "--color-link-inverse-disabled";
|
|
186
|
+
const colorBackgroundPrimary = "--color-background-primary";
|
|
187
|
+
const colorBackgroundSecondary = "--color-background-secondary";
|
|
188
|
+
const colorBackgroundTertiary = "--color-background-tertiary";
|
|
189
|
+
const colorBackgroundInverse = "--color-background-inverse";
|
|
190
|
+
const colorBackgroundSubdued = "--color-background-subdued";
|
|
191
|
+
const colorBackgroundHover = "--color-background-hover";
|
|
192
|
+
const colorBackgroundOverlay = "--color-background-overlay";
|
|
193
|
+
const colorBackgroundPressed = "--color-background-pressed";
|
|
194
|
+
const colorBackgroundDisabled = "--color-background-disabled";
|
|
195
|
+
const colorBackgroundInfoLight = "--color-background-info-light";
|
|
196
|
+
const colorBackgroundInfoDark = "--color-background-info-dark";
|
|
197
|
+
const colorBackgroundSuccessLight = "--color-background-success-light";
|
|
198
|
+
const colorBackgroundSuccessDark = "--color-background-success-dark";
|
|
199
|
+
const colorBackgroundCriticalLight = "--color-background-critical-light";
|
|
200
|
+
const colorBackgroundCriticalDark = "--color-background-critical-dark";
|
|
201
|
+
const colorBackgroundWarningLight = "--color-background-warning-light";
|
|
202
|
+
const colorBackgroundWarningDark = "--color-background-warning-dark";
|
|
203
|
+
const colorBackgroundHoverInverse = "--color-background-hover-inverse";
|
|
204
|
+
const colorBackgroundPressedInverse = "--color-background-pressed-inverse";
|
|
205
|
+
const colorBorderPrimary = "--color-border-primary";
|
|
206
|
+
const colorBorderSecondary = "--color-border-secondary";
|
|
207
|
+
const colorBorderTertiary = "--color-border-tertiary";
|
|
208
|
+
const colorBorderInverse = "--color-border-inverse";
|
|
209
|
+
const colorBorderBlack = "--color-border-black";
|
|
210
|
+
const colorBorderInfo = "--color-border-info";
|
|
211
|
+
const colorBorderSuccess = "--color-border-success";
|
|
212
|
+
const colorBorderCritical = "--color-border-critical";
|
|
213
|
+
const colorBorderWarning = "--color-border-warning";
|
|
214
|
+
const colorBorderDisabled = "--color-border-disabled";
|
|
215
|
+
const colorBorderHover = "--color-border-hover";
|
|
216
|
+
const colorBorderSelected = "--color-border-selected";
|
|
217
|
+
const colorFocusPrimary = "--color-focus-primary";
|
|
218
|
+
const colorFocusInverse = "--color-focus-inverse";
|
|
219
|
+
//#endregion
|
|
220
|
+
//#region src/tailwind/borderRadius.ts
|
|
221
|
+
/**
|
|
222
|
+
* Border radius configuration for Tailwind CSS
|
|
223
|
+
*
|
|
224
|
+
* Internal reference: Hammer UI patterns
|
|
225
|
+
* Ported from the upstream theme system.
|
|
226
|
+
*/
|
|
227
|
+
const borderRadius = {
|
|
228
|
+
button: wrapVar(buttonBorderRadius),
|
|
229
|
+
checkbox: wrapVar(checkboxBorderRadius),
|
|
230
|
+
container: wrapVar(containerBorderRadius),
|
|
231
|
+
full: "9999px",
|
|
232
|
+
input: wrapVar(inputBorderRadius),
|
|
233
|
+
lg: "16px",
|
|
234
|
+
md: "8px",
|
|
235
|
+
none: "0",
|
|
236
|
+
"search-input": wrapVar(searchInputBorderRadius),
|
|
237
|
+
sm: "4px",
|
|
238
|
+
xl: "32px",
|
|
239
|
+
xs: "2px"
|
|
240
|
+
};
|
|
241
|
+
//#endregion
|
|
242
|
+
//#region src/tailwind/screens.ts
|
|
243
|
+
/**
|
|
244
|
+
* Responsive breakpoints for Tailwind CSS
|
|
245
|
+
*
|
|
246
|
+
* These breakpoints mirror the Hammer UI responsive system.
|
|
247
|
+
* Usage: mobile:gap-[2px], mdMin:max-w-[786px], desktop:text-lg
|
|
248
|
+
*/
|
|
249
|
+
const screens = {
|
|
250
|
+
desktop: { min: "769px" },
|
|
251
|
+
lgMax: { max: "1644px" },
|
|
252
|
+
lgMin: { min: "1249px" },
|
|
253
|
+
mdMax: { max: "1248px" },
|
|
254
|
+
mdMin: { min: "1024px" },
|
|
255
|
+
mobile: { max: "480px" },
|
|
256
|
+
mobileSmall: { max: "380px" },
|
|
257
|
+
print: { raw: "print" },
|
|
258
|
+
smMax: { max: "1023px" },
|
|
259
|
+
smMin: { min: "769px" },
|
|
260
|
+
tabletMax: { max: "954px" },
|
|
261
|
+
tabletMin: { min: "954px" },
|
|
262
|
+
xlMin: { min: "1645px" },
|
|
263
|
+
xsMax: { max: "768px" }
|
|
264
|
+
};
|
|
265
|
+
//#endregion
|
|
266
|
+
//#region src/tailwind/spacing.ts
|
|
267
|
+
/**
|
|
268
|
+
* Spacing scale for Tailwind CSS
|
|
269
|
+
*
|
|
270
|
+
* Fixed pixel values that don't change per brand.
|
|
271
|
+
*
|
|
272
|
+
* Internal reference: Hammer UI patterns
|
|
273
|
+
* Ported from the upstream theme system.
|
|
274
|
+
*/
|
|
275
|
+
const spacing = {
|
|
276
|
+
"2xl": "64px",
|
|
277
|
+
"2xs": "4px",
|
|
278
|
+
"3xl": "128px",
|
|
279
|
+
"3xs": "2px",
|
|
280
|
+
lg: "32px",
|
|
281
|
+
md: "24px",
|
|
282
|
+
sm: "16px",
|
|
283
|
+
xl: "48px",
|
|
284
|
+
xs: "8px"
|
|
285
|
+
};
|
|
286
|
+
//#endregion
|
|
287
|
+
export { colorIconPrimary as $, fontWeightLabelMini as $n, colorSurface100 as $t, colorBorderInverse as A, colorWarning300 as An, wrapVarRgb as Ar, colorPrimary700 as At, colorCritical400 as B, fontFamilySecondary as Bn, colorSecondary700 as Bt, colorBackgroundWarningDark as C, colorTextInverse as Cn, textTransformButton as Cr, colorPrimary100 as Ct, colorBorderDisabled as D, colorTextWarning as Dn, widthPage as Dr, colorPrimary50 as Dt, colorBorderCritical as E, colorTextSuccess as En, widthDense as Er, colorPrimary400 as Et, colorBorderTertiary as F, colorWarning700 as Fn, colorSecondary300 as Ft, colorCritical800 as G, fontWeightButton as Gn, colorSuccess300 as Gt, colorCritical500 as H, fontSizeButton200 as Hn, colorSecondary900 as Ht, colorBorderWarning as I, colorWarning800 as In, colorSecondary400 as It, colorFocusPrimary as J, fontWeightH2 as Jn, colorSuccess500 as Jt, colorCritical900 as K, fontWeightCaption as Kn, colorSuccess400 as Kt, colorCritical100 as L, colorWarning900 as Ln, colorSecondary50 as Lt, colorBorderSecondary as M, colorWarning50 as Mn, colorPrimary900 as Mt, colorBorderSelected as N, colorWarning500 as Nn, colorSecondary100 as Nt, colorBorderHover as O, colorWarning100 as On, wrapOpacity as Or, colorPrimary500 as Ot, colorBorderSuccess as P, colorWarning600 as Pn, colorSecondary200 as Pt, colorIconInverse as Q, fontWeightH6 as Qn, colorSuccess900 as Qt, colorCritical200 as R, containerBorderRadius as Rn, colorSecondary500 as Rt, colorBackgroundTertiary as S, colorTextInfo as Sn, shadow05 as Sr, colorLinkSecondary as St, colorBorderBlack as T, colorTextSecondary as Tn, textTransformLabelMini as Tr, colorPrimary300 as Tt, colorCritical600 as U, fontWeightBodyPrimary as Un, colorSuccess100 as Ut, colorCritical50 as V, fontSizeButton100 as Vn, colorSecondary800 as Vt, colorCritical700 as W, fontWeightBodySecondary as Wn, colorSuccess200 as Wt, colorIconDisabled as X, fontWeightH4 as Xn, colorSuccess700 as Xt, colorIconCritical as Y, fontWeightH3 as Yn, colorSuccess600 as Yt, colorIconInfo as Z, fontWeightH5 as Zn, colorSuccess800 as Zt, colorBackgroundPrimary as _, colorTertiary800 as _n, searchInputBorderRadius as _r, colorLinkInverseHover as _t, checkboxBorderRadius as a, colorSurface600 as an, letterSpacingCaption as ar, colorInfo300 as at, colorBackgroundSuccessDark as b, colorTextDisabled as bn, shadow03 as br, colorLinkPressed as bt, colorBackgroundDisabled as c, colorSurface900 as cn, letterSpacingH2 as cr, colorInfo500 as ct, colorBackgroundInfoDark as d, colorTertiary300 as dn, letterSpacingH3Mobile as dr, colorInfo800 as dt, colorSurface200 as en, fontWeightLabelStrong as er, colorIconSecondary as et, colorBackgroundInfoLight as f, colorTertiary400 as fn, letterSpacingH4 as fr, colorInfo900 as ft, colorBackgroundPressedInverse as g, colorTertiary700 as gn, letterSpacingLabelStrong as gr, colorLinkInverseDisabled as gt, colorBackgroundPressed as h, colorTertiary600 as hn, letterSpacingLabelMini as hr, colorLinkInverse as ht, buttonBorderRadius as i, colorSurface500 as in, letterSpacingButton as ir, colorInfo200 as it, colorBorderPrimary as j, colorWarning400 as jn, wrapVariableOpacity as jr, colorPrimary800 as jt, colorBorderInfo as k, colorWarning200 as kn, wrapVar as kr, colorPrimary600 as kt, colorBackgroundHover as l, colorTertiary100 as ln, letterSpacingH2Mobile as lr, colorInfo600 as lt, colorBackgroundOverlay as m, colorTertiary500 as mn, letterSpacingH6 as mr, colorLinkHover as mt, screens as n, colorSurface400 as nn, letterSpacingBodyPrimary as nr, colorIconWarning as nt, colorBackgroundCriticalDark as o, colorSurface700 as on, letterSpacingH1 as or, colorInfo400 as ot, colorBackgroundInverse as p, colorTertiary50 as pn, letterSpacingH5 as pr, colorLinkDisabled as pt, colorFocusInverse as q, fontWeightH1 as qn, colorSuccess50 as qt, borderRadius as r, colorSurface50 as rn, letterSpacingBodySecondary as rr, colorInfo100 as rt, colorBackgroundCriticalLight as s, colorSurface800 as sn, letterSpacingH1Mobile as sr, colorInfo50 as st, spacing as t, colorSurface300 as tn, inputBorderRadius as tr, colorIconSuccess as tt, colorBackgroundHoverInverse as u, colorTertiary200 as un, letterSpacingH3 as ur, colorInfo700 as ut, colorBackgroundSecondary as v, colorTertiary900 as vn, shadow01 as vr, colorLinkInversePressed as vt, colorBackgroundWarningLight as w, colorTextPrimary as wn, textTransformH6 as wr, colorPrimary200 as wt, colorBackgroundSuccessLight as x, colorTextInactive as xn, shadow04 as xr, colorLinkPrimary as xt, colorBackgroundSubdued as y, colorTextCritical as yn, shadow02 as yr, colorLinkMonochrome as yt, colorCritical300 as z, fontFamilyPrimary as zn, colorSecondary600 as zt };
|
|
288
|
+
|
|
289
|
+
//# sourceMappingURL=spacing-D43IZfIU.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"spacing-D43IZfIU.mjs","names":[],"sources":["../src/utils/wrapVar.ts","../src/tailwind/cssVars.ts","../src/tailwind/borderRadius.ts","../src/tailwind/screens.ts","../src/tailwind/spacing.ts"],"sourcesContent":["/**\n * CSS variable wrapping utilities for Tailwind CSS configuration\n *\n * These utilities handle the conversion of CSS custom property names\n * into proper var() references, with optional opacity support for\n * Tailwind's alpha modifier syntax (e.g., `bg-primary-500/50`).\n *\n * @see https://tailwindcss.com/docs/customizing-colors#using-css-variables\n * Internal reference: Hammer UI patterns\n * Ported from the upstream theme system.\n */\n\n/** Wraps a CSS variable name in var() */\nexport const wrapVar = (value: string): string => `var(${value})`;\n\n/** Wraps a CSS variable name in rgb(var()) */\nexport const wrapVarRgb = (value: string): string => `rgb(var(${value}))`;\n\n/** Wraps a variable reference with a fixed percentage opacity */\nexport const wrapOpacity = (wrappedVariable: string, percentOpacity: number): string =>\n `rgb(${wrappedVariable} / ${percentOpacity}%)`;\n\n/** Wraps a variable reference with Tailwind's alpha-value placeholder for dynamic opacity */\nexport const wrapVariableOpacity = (wrappedVariable: string): string => `rgb(${wrappedVariable} / <alpha-value>)`;\n","/**\n * CSS variable name constants for the theme system\n *\n * Central registry of all CSS custom property names used across brand themes.\n * These constants are imported by Tailwind config modules (colors.ts, boxShadow.ts, etc.)\n * to provide type-safe, refactor-friendly variable references.\n *\n * Internal reference: Hammer UI patterns\n * Ported from the upstream theme system.\n */\n\n// shadow\n\nexport const shadow01 = '--box-shadow-01';\nexport const shadow02 = '--box-shadow-02';\nexport const shadow03 = '--box-shadow-03';\nexport const shadow04 = '--box-shadow-04';\nexport const shadow05 = '--box-shadow-05';\n\n// fonts\n\nexport const fontFamilyPrimary = '--font-family-primary';\nexport const fontFamilySecondary = '--font-family-secondary';\n\n// radii\n\nexport const buttonBorderRadius = '--button-border-radius';\nexport const checkboxBorderRadius = '--checkbox-border-radius';\nexport const inputBorderRadius = '--input-border-radius';\nexport const searchInputBorderRadius = '--search-input-border-radius';\nexport const containerBorderRadius = '--container-border-radius';\n\n// widths\n\nexport const widthPage = '--width-page';\nexport const widthDense = '--width-dense';\n\n// text\n\nexport const fontSizeButton100 = '--font-size-button-100';\nexport const fontSizeButton200 = '--font-size-button-200';\n\nexport const fontWeightH1 = '--font-weight-h1';\nexport const fontWeightH2 = '--font-weight-h2';\nexport const fontWeightH3 = '--font-weight-h3';\nexport const fontWeightH4 = '--font-weight-h4';\nexport const fontWeightH5 = '--font-weight-h5';\nexport const fontWeightH6 = '--font-weight-h6';\nexport const fontWeightBodyPrimary = '--font-weight-body-primary';\nexport const fontWeightBodySecondary = '--font-weight-body-secondary';\nexport const fontWeightLabelStrong = '--font-weight-label-strong';\nexport const fontWeightLabelMini = '--font-weight-label-mini';\nexport const fontWeightCaption = '--font-weight-caption';\nexport const fontWeightButton = '--font-weight-button';\n\nexport const letterSpacingH1 = '--letter-spacing-h1';\nexport const letterSpacingH1Mobile = '--letter-spacing-h1-mobile';\nexport const letterSpacingH2 = '--letter-spacing-h2';\nexport const letterSpacingH2Mobile = '--letter-spacing-h2-mobile';\nexport const letterSpacingH3 = '--letter-spacing-h3';\nexport const letterSpacingH3Mobile = '--letter-spacing-h3-mobile';\nexport const letterSpacingH4 = '--letter-spacing-h4';\nexport const letterSpacingH5 = '--letter-spacing-h5';\nexport const letterSpacingH6 = '--letter-spacing-h6';\nexport const letterSpacingBodyPrimary = '--letter-spacing-body-primary';\nexport const letterSpacingBodySecondary = '--letter-spacing-body-secondary';\nexport const letterSpacingLabelStrong = '--letter-spacing-label-strong';\nexport const letterSpacingLabelMini = '--letter-spacing-label-mini';\nexport const letterSpacingCaption = '--letter-spacing-caption';\nexport const letterSpacingButton = '--letter-spacing-button';\n\nexport const textTransformH6 = '--text-transform-h6';\nexport const textTransformLabelMini = '--text-transform-label-mini';\nexport const textTransformButton = '--text-transform-button';\n\n// colors\nexport type ColorAliases =\n | 'primary'\n | 'secondary'\n | 'tertiary'\n | 'info'\n | 'success'\n | 'critical'\n | 'warning'\n | 'surface';\n\nexport const colorPrimary50 = '--color-primary-50';\nexport const colorPrimary100 = '--color-primary-100';\nexport const colorPrimary200 = '--color-primary-200';\nexport const colorPrimary300 = '--color-primary-300';\nexport const colorPrimary400 = '--color-primary-400';\nexport const colorPrimary500 = '--color-primary-500';\nexport const colorPrimary600 = '--color-primary-600';\nexport const colorPrimary700 = '--color-primary-700';\nexport const colorPrimary800 = '--color-primary-800';\nexport const colorPrimary900 = '--color-primary-900';\nexport const colorSecondary50 = '--color-secondary-50';\nexport const colorSecondary100 = '--color-secondary-100';\nexport const colorSecondary200 = '--color-secondary-200';\nexport const colorSecondary300 = '--color-secondary-300';\nexport const colorSecondary400 = '--color-secondary-400';\nexport const colorSecondary500 = '--color-secondary-500';\nexport const colorSecondary600 = '--color-secondary-600';\nexport const colorSecondary700 = '--color-secondary-700';\nexport const colorSecondary800 = '--color-secondary-800';\nexport const colorSecondary900 = '--color-secondary-900';\nexport const colorTertiary50 = '--color-tertiary-50';\nexport const colorTertiary100 = '--color-tertiary-100';\nexport const colorTertiary200 = '--color-tertiary-200';\nexport const colorTertiary300 = '--color-tertiary-300';\nexport const colorTertiary400 = '--color-tertiary-400';\nexport const colorTertiary500 = '--color-tertiary-500';\nexport const colorTertiary600 = '--color-tertiary-600';\nexport const colorTertiary700 = '--color-tertiary-700';\nexport const colorTertiary800 = '--color-tertiary-800';\nexport const colorTertiary900 = '--color-tertiary-900';\nexport const colorInfo50 = '--color-info-50';\nexport const colorInfo100 = '--color-info-100';\nexport const colorInfo200 = '--color-info-200';\nexport const colorInfo300 = '--color-info-300';\nexport const colorInfo400 = '--color-info-400';\nexport const colorInfo500 = '--color-info-500';\nexport const colorInfo600 = '--color-info-600';\nexport const colorInfo700 = '--color-info-700';\nexport const colorInfo800 = '--color-info-800';\nexport const colorInfo900 = '--color-info-900';\nexport const colorSuccess50 = '--color-success-50';\nexport const colorSuccess100 = '--color-success-100';\nexport const colorSuccess200 = '--color-success-200';\nexport const colorSuccess300 = '--color-success-300';\nexport const colorSuccess400 = '--color-success-400';\nexport const colorSuccess500 = '--color-success-500';\nexport const colorSuccess600 = '--color-success-600';\nexport const colorSuccess700 = '--color-success-700';\nexport const colorSuccess800 = '--color-success-800';\nexport const colorSuccess900 = '--color-success-900';\nexport const colorCritical50 = '--color-critical-50';\nexport const colorCritical100 = '--color-critical-100';\nexport const colorCritical200 = '--color-critical-200';\nexport const colorCritical300 = '--color-critical-300';\nexport const colorCritical400 = '--color-critical-400';\nexport const colorCritical500 = '--color-critical-500';\nexport const colorCritical600 = '--color-critical-600';\nexport const colorCritical700 = '--color-critical-700';\nexport const colorCritical800 = '--color-critical-800';\nexport const colorCritical900 = '--color-critical-900';\nexport const colorWarning50 = '--color-warning-50';\nexport const colorWarning100 = '--color-warning-100';\nexport const colorWarning200 = '--color-warning-200';\nexport const colorWarning300 = '--color-warning-300';\nexport const colorWarning400 = '--color-warning-400';\nexport const colorWarning500 = '--color-warning-500';\nexport const colorWarning600 = '--color-warning-600';\nexport const colorWarning700 = '--color-warning-700';\nexport const colorWarning800 = '--color-warning-800';\nexport const colorWarning900 = '--color-warning-900';\nexport const colorSurface50 = '--color-surface-50';\nexport const colorSurface100 = '--color-surface-100';\nexport const colorSurface200 = '--color-surface-200';\nexport const colorSurface300 = '--color-surface-300';\nexport const colorSurface400 = '--color-surface-400';\nexport const colorSurface500 = '--color-surface-500';\nexport const colorSurface600 = '--color-surface-600';\nexport const colorSurface700 = '--color-surface-700';\nexport const colorSurface800 = '--color-surface-800';\nexport const colorSurface900 = '--color-surface-900';\n\n// text colors\n\nexport type TextColorAliases =\n | 'primary'\n | 'secondary'\n | 'inverse'\n | 'info'\n | 'success'\n | 'warning'\n | 'critical'\n | 'disabled'\n | 'inactive';\n\nexport const colorTextPrimary = '--color-text-primary';\nexport const colorTextSecondary = '--color-text-secondary';\nexport const colorTextInverse = '--color-text-inverse';\nexport const colorTextCritical = '--color-text-critical';\nexport const colorTextInfo = '--color-text-info';\nexport const colorTextSuccess = '--color-text-success';\nexport const colorTextInactive = '--color-text-inactive';\nexport const colorTextDisabled = '--color-text-disabled';\nexport const colorTextWarning = '--color-text-warning';\n\n// icon colors\n\nexport type IconColorAliases =\n | 'primary'\n | 'secondary'\n | 'inverse'\n | 'info'\n | 'success'\n | 'warning'\n | 'critical'\n | 'disabled';\n\nexport const colorIconPrimary = '--color-icon-primary';\nexport const colorIconSecondary = '--color-icon-secondary';\nexport const colorIconInverse = '--color-icon-inverse';\nexport const colorIconInfo = '--color-icon-info';\nexport const colorIconSuccess = '--color-icon-success';\nexport const colorIconWarning = '--color-icon-warning';\nexport const colorIconCritical = '--color-icon-critical';\nexport const colorIconDisabled = '--color-icon-disabled';\n\n// link colors\n\nexport type LinkColorAliases = 'primary' | 'secondary' | 'monochrome' | 'hover' | 'pressed' | 'disabled' | 'inverse';\n\nexport const colorLinkPrimary = '--color-link-primary';\nexport const colorLinkSecondary = '--color-link-secondary';\nexport const colorLinkMonochrome = '--color-link-monochrome';\nexport const colorLinkHover = '--color-link-hover';\nexport const colorLinkPressed = '--color-link-pressed';\nexport const colorLinkDisabled = '--color-link-disabled';\nexport const colorLinkInverse = '--color-link-inverse';\nexport const colorLinkInverseHover = '--color-link-inverse-hover';\nexport const colorLinkInversePressed = '--color-link-inverse-pressed';\nexport const colorLinkInverseDisabled = '--color-link-inverse-disabled';\n\n// background colors\n\nexport type BackgroundColorAliases =\n | 'primary'\n | 'secondary'\n | 'tertiary'\n | 'inverse'\n | 'subdued'\n | 'hover'\n | 'pressed'\n | 'disabled'\n | 'infoLight'\n | 'infoDark'\n | 'successLight'\n | 'successDark'\n | 'criticalLight'\n | 'criticalDark'\n | 'warningLight'\n | 'warningDark';\n\nexport const colorBackgroundPrimary = '--color-background-primary';\nexport const colorBackgroundSecondary = '--color-background-secondary';\nexport const colorBackgroundTertiary = '--color-background-tertiary';\nexport const colorBackgroundInverse = '--color-background-inverse';\nexport const colorBackgroundSubdued = '--color-background-subdued';\nexport const colorBackgroundHover = '--color-background-hover';\nexport const colorBackgroundOverlay = '--color-background-overlay';\nexport const colorBackgroundPressed = '--color-background-pressed';\nexport const colorBackgroundDisabled = '--color-background-disabled';\nexport const colorBackgroundInfoLight = '--color-background-info-light';\nexport const colorBackgroundInfoDark = '--color-background-info-dark';\nexport const colorBackgroundSuccessLight = '--color-background-success-light';\nexport const colorBackgroundSuccessDark = '--color-background-success-dark';\nexport const colorBackgroundCriticalLight = '--color-background-critical-light';\nexport const colorBackgroundCriticalDark = '--color-background-critical-dark';\nexport const colorBackgroundWarningLight = '--color-background-warning-light';\nexport const colorBackgroundWarningDark = '--color-background-warning-dark';\nexport const colorBackgroundHoverInverse = '--color-background-hover-inverse';\nexport const colorBackgroundPressedInverse = '--color-background-pressed-inverse';\n\n// border colors\n\nexport type BorderColorAliases =\n | 'primary'\n | 'secondary'\n | 'tertiary'\n | 'inverse'\n | 'black'\n | 'info'\n | 'success'\n | 'critical'\n | 'warning'\n | 'disabled'\n | 'hover'\n | 'selected';\n\nexport const colorBorderPrimary = '--color-border-primary';\nexport const colorBorderSecondary = '--color-border-secondary';\nexport const colorBorderTertiary = '--color-border-tertiary';\nexport const colorBorderInverse = '--color-border-inverse';\nexport const colorBorderBlack = '--color-border-black';\nexport const colorBorderInfo = '--color-border-info';\nexport const colorBorderSuccess = '--color-border-success';\nexport const colorBorderCritical = '--color-border-critical';\nexport const colorBorderWarning = '--color-border-warning';\nexport const colorBorderDisabled = '--color-border-disabled';\nexport const colorBorderHover = '--color-border-hover';\nexport const colorBorderSelected = '--color-border-selected';\n\n// focus colors\n\nexport type FocusColorAliases = 'primary' | 'inverse';\n\nexport const colorFocusPrimary = '--color-focus-primary';\nexport const colorFocusInverse = '--color-focus-inverse';\n","/**\n * Border radius configuration for Tailwind CSS\n *\n * Internal reference: Hammer UI patterns\n * Ported from the upstream theme system.\n */\n\n// @see https://tailwindcss.com/docs/customizing-colors#using-css-variables\n\nimport { wrapVar } from '../utils/wrapVar';\nimport {\n buttonBorderRadius,\n checkboxBorderRadius,\n containerBorderRadius,\n inputBorderRadius,\n searchInputBorderRadius,\n} from './cssVars';\n\nexport const borderRadius = {\n button: wrapVar(buttonBorderRadius),\n checkbox: wrapVar(checkboxBorderRadius),\n container: wrapVar(containerBorderRadius),\n full: '9999px',\n input: wrapVar(inputBorderRadius),\n lg: '16px',\n md: '8px',\n none: '0',\n 'search-input': wrapVar(searchInputBorderRadius),\n sm: '4px',\n xl: '32px',\n xs: '2px',\n} as const;\n","/**\n * Responsive breakpoints for Tailwind CSS\n *\n * These breakpoints mirror the Hammer UI responsive system.\n * Usage: mobile:gap-[2px], mdMin:max-w-[786px], desktop:text-lg\n */\nexport const screens = {\n desktop: { min: '769px' },\n lgMax: { max: '1644px' },\n lgMin: { min: '1249px' },\n mdMax: { max: '1248px' },\n mdMin: { min: '1024px' },\n mobile: { max: '480px' },\n mobileSmall: { max: '380px' },\n print: { raw: 'print' },\n smMax: { max: '1023px' },\n smMin: { min: '769px' },\n tabletMax: { max: '954px' },\n tabletMin: { min: '954px' },\n xlMin: { min: '1645px' },\n xsMax: { max: '768px' },\n} as const;\n","/**\n * Spacing scale for Tailwind CSS\n *\n * Fixed pixel values that don't change per brand.\n *\n * Internal reference: Hammer UI patterns\n * Ported from the upstream theme system.\n */\n\nexport const spacing = {\n '2xl': '64px',\n '2xs': '4px',\n '3xl': '128px',\n '3xs': '2px',\n lg: '32px',\n md: '24px',\n sm: '16px',\n xl: '48px',\n xs: '8px',\n} as const;\n"],"mappings":";;;;;;;;;;;;;AAaA,MAAa,WAAW,UAA0B,OAAO,MAAM;;AAG/D,MAAa,cAAc,UAA0B,WAAW,MAAM;;AAGtE,MAAa,eAAe,iBAAyB,mBACjD,OAAO,gBAAgB,KAAK,eAAe;;AAG/C,MAAa,uBAAuB,oBAAoC,OAAO,gBAAgB;;;;;;;;;;;;;ACV/F,MAAa,WAAW;AACxB,MAAa,WAAW;AACxB,MAAa,WAAW;AACxB,MAAa,WAAW;AACxB,MAAa,WAAW;AAIxB,MAAa,oBAAoB;AACjC,MAAa,sBAAsB;AAInC,MAAa,qBAAqB;AAClC,MAAa,uBAAuB;AACpC,MAAa,oBAAoB;AACjC,MAAa,0BAA0B;AACvC,MAAa,wBAAwB;AAIrC,MAAa,YAAY;AACzB,MAAa,aAAa;AAI1B,MAAa,oBAAoB;AACjC,MAAa,oBAAoB;AAEjC,MAAa,eAAe;AAC5B,MAAa,eAAe;AAC5B,MAAa,eAAe;AAC5B,MAAa,eAAe;AAC5B,MAAa,eAAe;AAC5B,MAAa,eAAe;AAC5B,MAAa,wBAAwB;AACrC,MAAa,0BAA0B;AACvC,MAAa,wBAAwB;AACrC,MAAa,sBAAsB;AACnC,MAAa,oBAAoB;AACjC,MAAa,mBAAmB;AAEhC,MAAa,kBAAkB;AAC/B,MAAa,wBAAwB;AACrC,MAAa,kBAAkB;AAC/B,MAAa,wBAAwB;AACrC,MAAa,kBAAkB;AAC/B,MAAa,wBAAwB;AACrC,MAAa,kBAAkB;AAC/B,MAAa,kBAAkB;AAC/B,MAAa,kBAAkB;AAC/B,MAAa,2BAA2B;AACxC,MAAa,6BAA6B;AAC1C,MAAa,2BAA2B;AACxC,MAAa,yBAAyB;AACtC,MAAa,uBAAuB;AACpC,MAAa,sBAAsB;AAEnC,MAAa,kBAAkB;AAC/B,MAAa,yBAAyB;AACtC,MAAa,sBAAsB;AAanC,MAAa,iBAAiB;AAC9B,MAAa,kBAAkB;AAC/B,MAAa,kBAAkB;AAC/B,MAAa,kBAAkB;AAC/B,MAAa,kBAAkB;AAC/B,MAAa,kBAAkB;AAC/B,MAAa,kBAAkB;AAC/B,MAAa,kBAAkB;AAC/B,MAAa,kBAAkB;AAC/B,MAAa,kBAAkB;AAC/B,MAAa,mBAAmB;AAChC,MAAa,oBAAoB;AACjC,MAAa,oBAAoB;AACjC,MAAa,oBAAoB;AACjC,MAAa,oBAAoB;AACjC,MAAa,oBAAoB;AACjC,MAAa,oBAAoB;AACjC,MAAa,oBAAoB;AACjC,MAAa,oBAAoB;AACjC,MAAa,oBAAoB;AACjC,MAAa,kBAAkB;AAC/B,MAAa,mBAAmB;AAChC,MAAa,mBAAmB;AAChC,MAAa,mBAAmB;AAChC,MAAa,mBAAmB;AAChC,MAAa,mBAAmB;AAChC,MAAa,mBAAmB;AAChC,MAAa,mBAAmB;AAChC,MAAa,mBAAmB;AAChC,MAAa,mBAAmB;AAChC,MAAa,cAAc;AAC3B,MAAa,eAAe;AAC5B,MAAa,eAAe;AAC5B,MAAa,eAAe;AAC5B,MAAa,eAAe;AAC5B,MAAa,eAAe;AAC5B,MAAa,eAAe;AAC5B,MAAa,eAAe;AAC5B,MAAa,eAAe;AAC5B,MAAa,eAAe;AAC5B,MAAa,iBAAiB;AAC9B,MAAa,kBAAkB;AAC/B,MAAa,kBAAkB;AAC/B,MAAa,kBAAkB;AAC/B,MAAa,kBAAkB;AAC/B,MAAa,kBAAkB;AAC/B,MAAa,kBAAkB;AAC/B,MAAa,kBAAkB;AAC/B,MAAa,kBAAkB;AAC/B,MAAa,kBAAkB;AAC/B,MAAa,kBAAkB;AAC/B,MAAa,mBAAmB;AAChC,MAAa,mBAAmB;AAChC,MAAa,mBAAmB;AAChC,MAAa,mBAAmB;AAChC,MAAa,mBAAmB;AAChC,MAAa,mBAAmB;AAChC,MAAa,mBAAmB;AAChC,MAAa,mBAAmB;AAChC,MAAa,mBAAmB;AAChC,MAAa,iBAAiB;AAC9B,MAAa,kBAAkB;AAC/B,MAAa,kBAAkB;AAC/B,MAAa,kBAAkB;AAC/B,MAAa,kBAAkB;AAC/B,MAAa,kBAAkB;AAC/B,MAAa,kBAAkB;AAC/B,MAAa,kBAAkB;AAC/B,MAAa,kBAAkB;AAC/B,MAAa,kBAAkB;AAC/B,MAAa,iBAAiB;AAC9B,MAAa,kBAAkB;AAC/B,MAAa,kBAAkB;AAC/B,MAAa,kBAAkB;AAC/B,MAAa,kBAAkB;AAC/B,MAAa,kBAAkB;AAC/B,MAAa,kBAAkB;AAC/B,MAAa,kBAAkB;AAC/B,MAAa,kBAAkB;AAC/B,MAAa,kBAAkB;AAe/B,MAAa,mBAAmB;AAChC,MAAa,qBAAqB;AAClC,MAAa,mBAAmB;AAChC,MAAa,oBAAoB;AACjC,MAAa,gBAAgB;AAC7B,MAAa,mBAAmB;AAChC,MAAa,oBAAoB;AACjC,MAAa,oBAAoB;AACjC,MAAa,mBAAmB;AAchC,MAAa,mBAAmB;AAChC,MAAa,qBAAqB;AAClC,MAAa,mBAAmB;AAChC,MAAa,gBAAgB;AAC7B,MAAa,mBAAmB;AAChC,MAAa,mBAAmB;AAChC,MAAa,oBAAoB;AACjC,MAAa,oBAAoB;AAMjC,MAAa,mBAAmB;AAChC,MAAa,qBAAqB;AAClC,MAAa,sBAAsB;AACnC,MAAa,iBAAiB;AAC9B,MAAa,mBAAmB;AAChC,MAAa,oBAAoB;AACjC,MAAa,mBAAmB;AAChC,MAAa,wBAAwB;AACrC,MAAa,0BAA0B;AACvC,MAAa,2BAA2B;AAsBxC,MAAa,yBAAyB;AACtC,MAAa,2BAA2B;AACxC,MAAa,0BAA0B;AACvC,MAAa,yBAAyB;AACtC,MAAa,yBAAyB;AACtC,MAAa,uBAAuB;AACpC,MAAa,yBAAyB;AACtC,MAAa,yBAAyB;AACtC,MAAa,0BAA0B;AACvC,MAAa,2BAA2B;AACxC,MAAa,0BAA0B;AACvC,MAAa,8BAA8B;AAC3C,MAAa,6BAA6B;AAC1C,MAAa,+BAA+B;AAC5C,MAAa,8BAA8B;AAC3C,MAAa,8BAA8B;AAC3C,MAAa,6BAA6B;AAC1C,MAAa,8BAA8B;AAC3C,MAAa,gCAAgC;AAkB7C,MAAa,qBAAqB;AAClC,MAAa,uBAAuB;AACpC,MAAa,sBAAsB;AACnC,MAAa,qBAAqB;AAClC,MAAa,mBAAmB;AAChC,MAAa,kBAAkB;AAC/B,MAAa,qBAAqB;AAClC,MAAa,sBAAsB;AACnC,MAAa,qBAAqB;AAClC,MAAa,sBAAsB;AACnC,MAAa,mBAAmB;AAChC,MAAa,sBAAsB;AAMnC,MAAa,oBAAoB;AACjC,MAAa,oBAAoB;;;;;;;;;AC1RjC,MAAa,eAAe;CACxB,QAAQ,QAAQ,kBAAkB;CAClC,UAAU,QAAQ,oBAAoB;CACtC,WAAW,QAAQ,qBAAqB;CACxC,MAAM;CACN,OAAO,QAAQ,iBAAiB;CAChC,IAAI;CACJ,IAAI;CACJ,MAAM;CACN,gBAAgB,QAAQ,uBAAuB;CAC/C,IAAI;CACJ,IAAI;CACJ,IAAI;AACR;;;;;;;;;ACzBA,MAAa,UAAU;CACnB,SAAS,EAAE,KAAK,QAAQ;CACxB,OAAO,EAAE,KAAK,SAAS;CACvB,OAAO,EAAE,KAAK,SAAS;CACvB,OAAO,EAAE,KAAK,SAAS;CACvB,OAAO,EAAE,KAAK,SAAS;CACvB,QAAQ,EAAE,KAAK,QAAQ;CACvB,aAAa,EAAE,KAAK,QAAQ;CAC5B,OAAO,EAAE,KAAK,QAAQ;CACtB,OAAO,EAAE,KAAK,SAAS;CACvB,OAAO,EAAE,KAAK,QAAQ;CACtB,WAAW,EAAE,KAAK,QAAQ;CAC1B,WAAW,EAAE,KAAK,QAAQ;CAC1B,OAAO,EAAE,KAAK,SAAS;CACvB,OAAO,EAAE,KAAK,QAAQ;AAC1B;;;;;;;;;;;ACZA,MAAa,UAAU;CACnB,OAAO;CACP,OAAO;CACP,OAAO;CACP,OAAO;CACP,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACR"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
//#region src/tailwind/plugin.d.ts
|
|
2
|
+
/**
|
|
3
|
+
* Main Tailwind CSS plugin for the theme system
|
|
4
|
+
*
|
|
5
|
+
* Composes all theme configuration modules (colors, spacing, typography, etc.)
|
|
6
|
+
* into a single Tailwind plugin. The plugin's second argument defines the complete
|
|
7
|
+
* theme, so consumers only need `plugins: [themePlugin]` — no separate theme extension.
|
|
8
|
+
*
|
|
9
|
+
* Internal reference: Hammer UI patterns
|
|
10
|
+
* Ported from the upstream theme system.
|
|
11
|
+
*/
|
|
12
|
+
declare const themePlugin: {
|
|
13
|
+
handler: import("tailwindcss/types/config").PluginCreator;
|
|
14
|
+
config?: Partial<import("tailwindcss/types/config").Config>;
|
|
15
|
+
};
|
|
16
|
+
//#endregion
|
|
17
|
+
export { themePlugin };
|
|
18
|
+
//# sourceMappingURL=plugin.d.cts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"plugin.d.cts","names":[],"sources":["../../src/tailwind/plugin.ts"],"mappings":";;AA2BA;;;;;;;;;cAAa,WAAA;;WAwRZ,OAAA"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
//#region src/tailwind/plugin.d.ts
|
|
2
|
+
/**
|
|
3
|
+
* Main Tailwind CSS plugin for the theme system
|
|
4
|
+
*
|
|
5
|
+
* Composes all theme configuration modules (colors, spacing, typography, etc.)
|
|
6
|
+
* into a single Tailwind plugin. The plugin's second argument defines the complete
|
|
7
|
+
* theme, so consumers only need `plugins: [themePlugin]` — no separate theme extension.
|
|
8
|
+
*
|
|
9
|
+
* Internal reference: Hammer UI patterns
|
|
10
|
+
* Ported from the upstream theme system.
|
|
11
|
+
*/
|
|
12
|
+
declare const themePlugin: {
|
|
13
|
+
handler: import("tailwindcss/types/config").PluginCreator;
|
|
14
|
+
config?: Partial<import("tailwindcss/types/config").Config>;
|
|
15
|
+
};
|
|
16
|
+
//#endregion
|
|
17
|
+
export { themePlugin };
|
|
18
|
+
//# sourceMappingURL=plugin.d.mts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"plugin.d.mts","names":[],"sources":["../../src/tailwind/plugin.ts"],"mappings":";;AA2BA;;;;;;;;;cAAa,WAAA;;WAwRZ,OAAA"}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
Object.defineProperties(exports, {
|
|
2
|
+
__esModule: { value: true },
|
|
3
|
+
[Symbol.toStringTag]: { value: "Module" }
|
|
4
|
+
});
|
|
5
|
+
const require_spacing = require("../spacing-B2mhXYOl.cjs");
|
|
6
|
+
//#region src/themes/common.ts
|
|
7
|
+
const parsePx = (value) => Number(value.replace("px", ""));
|
|
8
|
+
const spacing = {
|
|
9
|
+
lg: require_spacing.spacing.lg,
|
|
10
|
+
lgValue: parsePx(require_spacing.spacing.lg),
|
|
11
|
+
md: require_spacing.spacing.md,
|
|
12
|
+
mdValue: parsePx(require_spacing.spacing.md),
|
|
13
|
+
sm: require_spacing.spacing.sm,
|
|
14
|
+
smValue: parsePx(require_spacing.spacing.sm),
|
|
15
|
+
xl: require_spacing.spacing.xl,
|
|
16
|
+
xlValue: parsePx(require_spacing.spacing.xl),
|
|
17
|
+
xs: require_spacing.spacing.xs,
|
|
18
|
+
xsValue: parsePx(require_spacing.spacing.xs),
|
|
19
|
+
xxl: require_spacing.spacing["2xl"],
|
|
20
|
+
xxlValue: parsePx(require_spacing.spacing["2xl"]),
|
|
21
|
+
xxs: require_spacing.spacing["2xs"],
|
|
22
|
+
xxsValue: parsePx(require_spacing.spacing["2xs"]),
|
|
23
|
+
xxxl: require_spacing.spacing["3xl"],
|
|
24
|
+
xxxlValue: parsePx(require_spacing.spacing["3xl"]),
|
|
25
|
+
xxxs: require_spacing.spacing["3xs"],
|
|
26
|
+
xxxsValue: parsePx(require_spacing.spacing["3xs"])
|
|
27
|
+
};
|
|
28
|
+
const breakpoints = {
|
|
29
|
+
lgMax: require_spacing.screens.lgMax.max,
|
|
30
|
+
lgMaxValue: parsePx(require_spacing.screens.lgMax.max),
|
|
31
|
+
lgMin: require_spacing.screens.lgMin.min,
|
|
32
|
+
lgMinValue: parsePx(require_spacing.screens.lgMin.min),
|
|
33
|
+
mdMax: require_spacing.screens.mdMax.max,
|
|
34
|
+
mdMaxValue: parsePx(require_spacing.screens.mdMax.max),
|
|
35
|
+
mdMin: require_spacing.screens.mdMin.min,
|
|
36
|
+
mdMinValue: parsePx(require_spacing.screens.mdMin.min),
|
|
37
|
+
smMax: require_spacing.screens.smMax.max,
|
|
38
|
+
smMaxValue: parsePx(require_spacing.screens.smMax.max),
|
|
39
|
+
smMin: require_spacing.screens.smMin.min,
|
|
40
|
+
smMinValue: parsePx(require_spacing.screens.smMin.min),
|
|
41
|
+
xlMin: require_spacing.screens.xlMin.min,
|
|
42
|
+
xlMinValue: parsePx(require_spacing.screens.xlMin.min),
|
|
43
|
+
xsMax: require_spacing.screens.xsMax.max,
|
|
44
|
+
xsMaxValue: parsePx(require_spacing.screens.xsMax.max)
|
|
45
|
+
};
|
|
46
|
+
const radius = {
|
|
47
|
+
circle: "50%",
|
|
48
|
+
lg: require_spacing.borderRadius.lg,
|
|
49
|
+
md: require_spacing.borderRadius.md,
|
|
50
|
+
sm: require_spacing.borderRadius.sm,
|
|
51
|
+
xl: require_spacing.borderRadius.xl,
|
|
52
|
+
xs: require_spacing.borderRadius.xs,
|
|
53
|
+
zero: require_spacing.borderRadius.none
|
|
54
|
+
};
|
|
55
|
+
const width = {
|
|
56
|
+
lg: "8px",
|
|
57
|
+
md: "4px",
|
|
58
|
+
sm: "2px",
|
|
59
|
+
xs: "1px",
|
|
60
|
+
xxs: "0.5px"
|
|
61
|
+
};
|
|
62
|
+
//#endregion
|
|
63
|
+
exports.breakpoints = breakpoints;
|
|
64
|
+
exports.radius = radius;
|
|
65
|
+
exports.spacing = spacing;
|
|
66
|
+
exports.width = width;
|
|
67
|
+
|
|
68
|
+
//# sourceMappingURL=common.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"common.cjs","names":["tailwindSpacing","screens","borderRadius"],"sources":["../../src/themes/common.ts"],"sourcesContent":["import type { Theme } from './themeType';\n\nimport { borderRadius } from '../tailwind/borderRadius';\nimport { screens } from '../tailwind/screens';\nimport { spacing as tailwindSpacing } from '../tailwind/spacing';\n\nconst parsePx = (value: string): number => Number(value.replace('px', ''));\n\nexport const spacing = {\n lg: tailwindSpacing.lg,\n lgValue: parsePx(tailwindSpacing.lg),\n md: tailwindSpacing.md,\n mdValue: parsePx(tailwindSpacing.md),\n sm: tailwindSpacing.sm,\n smValue: parsePx(tailwindSpacing.sm),\n xl: tailwindSpacing.xl,\n xlValue: parsePx(tailwindSpacing.xl),\n xs: tailwindSpacing.xs,\n xsValue: parsePx(tailwindSpacing.xs),\n xxl: tailwindSpacing['2xl'],\n xxlValue: parsePx(tailwindSpacing['2xl']),\n xxs: tailwindSpacing['2xs'],\n xxsValue: parsePx(tailwindSpacing['2xs']),\n xxxl: tailwindSpacing['3xl'],\n xxxlValue: parsePx(tailwindSpacing['3xl']),\n xxxs: tailwindSpacing['3xs'],\n xxxsValue: parsePx(tailwindSpacing['3xs']),\n} as const satisfies Theme['spacing'];\n\nexport const breakpoints = {\n lgMax: screens.lgMax.max,\n lgMaxValue: parsePx(screens.lgMax.max),\n lgMin: screens.lgMin.min,\n lgMinValue: parsePx(screens.lgMin.min),\n mdMax: screens.mdMax.max,\n mdMaxValue: parsePx(screens.mdMax.max),\n mdMin: screens.mdMin.min,\n mdMinValue: parsePx(screens.mdMin.min),\n smMax: screens.smMax.max,\n smMaxValue: parsePx(screens.smMax.max),\n smMin: screens.smMin.min,\n smMinValue: parsePx(screens.smMin.min),\n xlMin: screens.xlMin.min,\n xlMinValue: parsePx(screens.xlMin.min),\n xsMax: screens.xsMax.max,\n xsMaxValue: parsePx(screens.xsMax.max),\n} as const satisfies Theme['breakpoints'];\n\nexport const radius = {\n circle: '50%',\n lg: borderRadius.lg,\n md: borderRadius.md,\n sm: borderRadius.sm,\n xl: borderRadius.xl,\n xs: borderRadius.xs,\n zero: borderRadius.none,\n} as const satisfies Theme['border']['radius'];\n\nexport const width = {\n lg: '8px',\n md: '4px',\n sm: '2px',\n xs: '1px',\n xxs: '0.5px',\n} as const satisfies Theme['border']['width'];\n"],"mappings":";;;;;;AAMA,MAAM,WAAW,UAA0B,OAAO,MAAM,QAAQ,MAAM,EAAE,CAAC;AAEzE,MAAa,UAAU;CACnB,IAAIA,gBAAAA,QAAgB;CACpB,SAAS,QAAQA,gBAAAA,QAAgB,EAAE;CACnC,IAAIA,gBAAAA,QAAgB;CACpB,SAAS,QAAQA,gBAAAA,QAAgB,EAAE;CACnC,IAAIA,gBAAAA,QAAgB;CACpB,SAAS,QAAQA,gBAAAA,QAAgB,EAAE;CACnC,IAAIA,gBAAAA,QAAgB;CACpB,SAAS,QAAQA,gBAAAA,QAAgB,EAAE;CACnC,IAAIA,gBAAAA,QAAgB;CACpB,SAAS,QAAQA,gBAAAA,QAAgB,EAAE;CACnC,KAAKA,gBAAAA,QAAgB;CACrB,UAAU,QAAQA,gBAAAA,QAAgB,MAAM;CACxC,KAAKA,gBAAAA,QAAgB;CACrB,UAAU,QAAQA,gBAAAA,QAAgB,MAAM;CACxC,MAAMA,gBAAAA,QAAgB;CACtB,WAAW,QAAQA,gBAAAA,QAAgB,MAAM;CACzC,MAAMA,gBAAAA,QAAgB;CACtB,WAAW,QAAQA,gBAAAA,QAAgB,MAAM;AAC7C;AAEA,MAAa,cAAc;CACvB,OAAOC,gBAAAA,QAAQ,MAAM;CACrB,YAAY,QAAQA,gBAAAA,QAAQ,MAAM,GAAG;CACrC,OAAOA,gBAAAA,QAAQ,MAAM;CACrB,YAAY,QAAQA,gBAAAA,QAAQ,MAAM,GAAG;CACrC,OAAOA,gBAAAA,QAAQ,MAAM;CACrB,YAAY,QAAQA,gBAAAA,QAAQ,MAAM,GAAG;CACrC,OAAOA,gBAAAA,QAAQ,MAAM;CACrB,YAAY,QAAQA,gBAAAA,QAAQ,MAAM,GAAG;CACrC,OAAOA,gBAAAA,QAAQ,MAAM;CACrB,YAAY,QAAQA,gBAAAA,QAAQ,MAAM,GAAG;CACrC,OAAOA,gBAAAA,QAAQ,MAAM;CACrB,YAAY,QAAQA,gBAAAA,QAAQ,MAAM,GAAG;CACrC,OAAOA,gBAAAA,QAAQ,MAAM;CACrB,YAAY,QAAQA,gBAAAA,QAAQ,MAAM,GAAG;CACrC,OAAOA,gBAAAA,QAAQ,MAAM;CACrB,YAAY,QAAQA,gBAAAA,QAAQ,MAAM,GAAG;AACzC;AAEA,MAAa,SAAS;CAClB,QAAQ;CACR,IAAIC,gBAAAA,aAAa;CACjB,IAAIA,gBAAAA,aAAa;CACjB,IAAIA,gBAAAA,aAAa;CACjB,IAAIA,gBAAAA,aAAa;CACjB,IAAIA,gBAAAA,aAAa;CACjB,MAAMA,gBAAAA,aAAa;AACvB;AAEA,MAAa,QAAQ;CACjB,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,KAAK;AACT"}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
//#region src/themes/common.d.ts
|
|
2
|
+
declare const spacing: {
|
|
3
|
+
readonly lg: "32px";
|
|
4
|
+
readonly lgValue: number;
|
|
5
|
+
readonly md: "24px";
|
|
6
|
+
readonly mdValue: number;
|
|
7
|
+
readonly sm: "16px";
|
|
8
|
+
readonly smValue: number;
|
|
9
|
+
readonly xl: "48px";
|
|
10
|
+
readonly xlValue: number;
|
|
11
|
+
readonly xs: "8px";
|
|
12
|
+
readonly xsValue: number;
|
|
13
|
+
readonly xxl: "64px";
|
|
14
|
+
readonly xxlValue: number;
|
|
15
|
+
readonly xxs: "4px";
|
|
16
|
+
readonly xxsValue: number;
|
|
17
|
+
readonly xxxl: "128px";
|
|
18
|
+
readonly xxxlValue: number;
|
|
19
|
+
readonly xxxs: "2px";
|
|
20
|
+
readonly xxxsValue: number;
|
|
21
|
+
};
|
|
22
|
+
declare const breakpoints: {
|
|
23
|
+
readonly lgMax: "1644px";
|
|
24
|
+
readonly lgMaxValue: number;
|
|
25
|
+
readonly lgMin: "1249px";
|
|
26
|
+
readonly lgMinValue: number;
|
|
27
|
+
readonly mdMax: "1248px";
|
|
28
|
+
readonly mdMaxValue: number;
|
|
29
|
+
readonly mdMin: "1024px";
|
|
30
|
+
readonly mdMinValue: number;
|
|
31
|
+
readonly smMax: "1023px";
|
|
32
|
+
readonly smMaxValue: number;
|
|
33
|
+
readonly smMin: "769px";
|
|
34
|
+
readonly smMinValue: number;
|
|
35
|
+
readonly xlMin: "1645px";
|
|
36
|
+
readonly xlMinValue: number;
|
|
37
|
+
readonly xsMax: "768px";
|
|
38
|
+
readonly xsMaxValue: number;
|
|
39
|
+
};
|
|
40
|
+
declare const radius: {
|
|
41
|
+
readonly circle: "50%";
|
|
42
|
+
readonly lg: "16px";
|
|
43
|
+
readonly md: "8px";
|
|
44
|
+
readonly sm: "4px";
|
|
45
|
+
readonly xl: "32px";
|
|
46
|
+
readonly xs: "2px";
|
|
47
|
+
readonly zero: "0";
|
|
48
|
+
};
|
|
49
|
+
declare const width: {
|
|
50
|
+
readonly lg: "8px";
|
|
51
|
+
readonly md: "4px";
|
|
52
|
+
readonly sm: "2px";
|
|
53
|
+
readonly xs: "1px";
|
|
54
|
+
readonly xxs: "0.5px";
|
|
55
|
+
};
|
|
56
|
+
//#endregion
|
|
57
|
+
export { breakpoints, radius, spacing, width };
|
|
58
|
+
//# sourceMappingURL=common.d.cts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"common.d.cts","names":[],"sources":["../../src/themes/common.ts"],"mappings":";cAQa,OAAA;EAAA;;;;;;;;;;;;;;;;;;;cAqBA,WAAA;EAAA;;;;;;;;;;;;;;;;;cAmBA,MAAA;EAAA;;;;;;;;cAUA,KAAA;EAAA"}
|