@discourser/design-system 0.13.0 → 0.14.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/dist/{chunk-BQAXPMOR.js → chunk-F7LHARS4.js} +2 -2
- package/dist/{chunk-BQAXPMOR.js.map → chunk-F7LHARS4.js.map} +1 -1
- package/dist/{chunk-ZNAYN5UV.js → chunk-M7J7WKJY.js} +178 -242
- package/dist/chunk-M7J7WKJY.js.map +1 -0
- package/dist/{chunk-XSX6TKJZ.cjs → chunk-QC44JPCA.cjs} +178 -242
- package/dist/chunk-QC44JPCA.cjs.map +1 -0
- package/dist/{chunk-MIBEMJNS.cjs → chunk-QP4EJI3G.cjs} +2 -2
- package/dist/{chunk-MIBEMJNS.cjs.map → chunk-QP4EJI3G.cjs.map} +1 -1
- package/dist/components/Badge.d.ts +1 -1
- package/dist/components/Badge.d.ts.map +1 -1
- package/dist/components/Checkbox.d.ts +2 -2
- package/dist/components/index.cjs +33 -33
- package/dist/components/index.js +1 -1
- package/dist/index.cjs +37 -37
- package/dist/index.js +2 -2
- package/dist/preset/colors/create-palette-bridge.d.ts +45 -0
- package/dist/preset/colors/create-palette-bridge.d.ts.map +1 -0
- package/dist/preset/colors/index.d.ts +13 -926
- package/dist/preset/colors/index.d.ts.map +1 -1
- package/dist/preset/colors/m3-error.d.ts +4 -306
- package/dist/preset/colors/m3-error.d.ts.map +1 -1
- package/dist/preset/colors/m3-primary.d.ts +1 -306
- package/dist/preset/colors/m3-primary.d.ts.map +1 -1
- package/dist/preset/colors/m3-secondary.d.ts +7 -0
- package/dist/preset/colors/m3-secondary.d.ts.map +1 -0
- package/dist/preset/colors/m3-tertiary.d.ts +7 -0
- package/dist/preset/colors/m3-tertiary.d.ts.map +1 -0
- package/dist/preset/index.cjs +2 -2
- package/dist/preset/index.d.ts.map +1 -1
- package/dist/preset/index.js +1 -1
- package/dist/preset/recipes/radio-group.d.ts.map +1 -1
- package/dist/preset/semantic-tokens.d.ts +4 -4
- package/dist/preset/shadows.d.ts +12 -26
- package/dist/preset/shadows.d.ts.map +1 -1
- package/package.json +8 -7
- package/src/components/Badge.tsx +1 -1
- package/src/languages/__tests__/transform.test.ts +100 -0
- package/src/preset/__tests__/shadows.test.ts +83 -0
- package/src/preset/__tests__/token-resolution.test.ts +247 -0
- package/src/preset/colors/create-palette-bridge.ts +156 -0
- package/src/preset/colors/index.ts +4 -0
- package/src/preset/colors/m3-error.ts +12 -77
- package/src/preset/colors/m3-primary.ts +5 -90
- package/src/preset/colors/m3-secondary.ts +13 -0
- package/src/preset/colors/m3-tertiary.ts +13 -0
- package/src/preset/index.ts +1 -6
- package/src/preset/recipes/__tests__/recipe-shadows.test.ts +238 -0
- package/src/preset/recipes/button.ts +3 -3
- package/src/preset/recipes/radio-group.ts +12 -11
- package/src/preset/semantic-tokens.ts +6 -6
- package/src/preset/shadows.ts +12 -26
- package/src/stories/foundations/Colors.mdx +1 -1
- package/src/stories/foundations/Elevation.mdx +37 -8
- package/src/stories/foundations/Spacing.mdx +1 -1
- package/src/stories/foundations/Typography.mdx +1 -1
- package/dist/chunk-XSX6TKJZ.cjs.map +0 -1
- package/dist/chunk-ZNAYN5UV.js.map +0 -1
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Factory for creating Radix-scale bridges from M3 tonal palettes
|
|
3
|
+
*
|
|
4
|
+
* Converts Material 3 tonal palettes (0-100 scale) to Park UI Radix scale (1-12 + alpha + semantic variants)
|
|
5
|
+
*
|
|
6
|
+
* Mapping Strategy:
|
|
7
|
+
* - Radix 1-12 represents light → dark in light mode
|
|
8
|
+
* - M3 tonal palette 100 → 0 (white to black)
|
|
9
|
+
*
|
|
10
|
+
* Radix Scale Semantics:
|
|
11
|
+
* 1-2: App background
|
|
12
|
+
* 3-4: Subtle backgrounds
|
|
13
|
+
* 5-6: UI element backgrounds
|
|
14
|
+
* 7-8: Borders and separators
|
|
15
|
+
* 9: Solid backgrounds (primary action color)
|
|
16
|
+
* 10: Hovered solid backgrounds
|
|
17
|
+
* 11: Low-contrast text
|
|
18
|
+
* 12: High-contrast text
|
|
19
|
+
*/
|
|
20
|
+
import type { TonalPalette } from '../../contracts/design-language.contract';
|
|
21
|
+
interface PaletteBridgeOptions {
|
|
22
|
+
/**
|
|
23
|
+
* Palette name for self-referencing semantic tokens (e.g., 'primary', 'error')
|
|
24
|
+
*/
|
|
25
|
+
name: string;
|
|
26
|
+
/**
|
|
27
|
+
* M3 tonal palette object with keys 0-100
|
|
28
|
+
*/
|
|
29
|
+
palette: TonalPalette;
|
|
30
|
+
/**
|
|
31
|
+
* Whether to include a DEFAULT key (used for error palette)
|
|
32
|
+
*/
|
|
33
|
+
includeDefault?: boolean;
|
|
34
|
+
/**
|
|
35
|
+
* Override for solid.fg token (default uses white/palette[1] pattern)
|
|
36
|
+
* If true, uses 'white' for both light and dark modes (error pattern)
|
|
37
|
+
*/
|
|
38
|
+
solidFgWhiteBoth?: boolean;
|
|
39
|
+
}
|
|
40
|
+
/**
|
|
41
|
+
* Creates a complete Radix-scale bridge from an M3 tonal palette
|
|
42
|
+
*/
|
|
43
|
+
export declare function createPaletteBridge({ name, palette: m3, includeDefault, solidFgWhiteBoth, }: PaletteBridgeOptions): any;
|
|
44
|
+
export {};
|
|
45
|
+
//# sourceMappingURL=create-palette-bridge.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"create-palette-bridge.d.ts","sourceRoot":"","sources":["../../../src/preset/colors/create-palette-bridge.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAGH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;AAE7E,UAAU,oBAAoB;IAC5B;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,OAAO,EAAE,YAAY,CAAC;IAEtB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,OAAO,EAAE,EAAE,EACX,cAAsB,EACtB,gBAAwB,GACzB,EAAE,oBAAoB,OAqGtB"}
|