@jsekulowicz/ds-tokens 0.32.0 → 0.46.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.
Files changed (24) hide show
  1. package/dist/base.css +11 -10
  2. package/dist/primitive/color.d.ts +1 -0
  3. package/dist/primitive/color.d.ts.map +1 -1
  4. package/dist/primitive/color.js +1 -0
  5. package/dist/primitive/color.js.map +1 -1
  6. package/dist/primitive/shape.d.ts +0 -1
  7. package/dist/primitive/shape.d.ts.map +1 -1
  8. package/dist/primitive/shape.js +0 -1
  9. package/dist/primitive/shape.js.map +1 -1
  10. package/dist/primitive/typography.d.ts +10 -9
  11. package/dist/primitive/typography.d.ts.map +1 -1
  12. package/dist/primitive/typography.js +10 -9
  13. package/dist/primitive/typography.js.map +1 -1
  14. package/dist/semantic/dark.d.ts +18 -16
  15. package/dist/semantic/dark.d.ts.map +1 -1
  16. package/dist/semantic/dark.js +6 -1
  17. package/dist/semantic/dark.js.map +1 -1
  18. package/dist/semantic/light.d.ts +12 -10
  19. package/dist/semantic/light.d.ts.map +1 -1
  20. package/dist/semantic/light.js +5 -1
  21. package/dist/semantic/light.js.map +1 -1
  22. package/dist/theme-default-dark.css +24 -20
  23. package/dist/theme-default-light.css +11 -9
  24. package/package.json +1 -1
package/dist/base.css CHANGED
@@ -45,6 +45,7 @@
45
45
  --ds-color-alpha-paper-hairline: rgba(242, 239, 234, 0.14);
46
46
  --ds-color-alpha-paper-subtle: rgba(242, 239, 234, 0.06);
47
47
  --ds-color-alpha-focus-ring: rgba(74, 114, 204, 0.35);
48
+ --ds-color-alpha-danger-focus-ring: rgba(178, 26, 10, 0.3);
48
49
  --ds-container-xs: 20rem;
49
50
  --ds-container-sm: 30rem;
50
51
  --ds-container-md: 48rem;
@@ -62,15 +63,16 @@
62
63
  --ds-font-family-display: 'Source Serif 4', Georgia, 'Times New Roman', serif;
63
64
  --ds-font-family-body: 'General Sans', 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
64
65
  --ds-font-family-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;
65
- --ds-font-size-xs: 0.75rem;
66
- --ds-font-size-sm: 0.875rem;
67
- --ds-font-size-md: 1rem;
68
- --ds-font-size-lg: 1.25rem;
69
- --ds-font-size-xl: 1.5rem;
70
- --ds-font-size-2xl: 1.75rem;
71
- --ds-font-size-3xl: 2rem;
72
- --ds-font-size-4xl: 3rem;
73
- --ds-font-size-5xl: 4rem;
66
+ --ds-font-size-body-sm: 0.75rem;
67
+ --ds-font-size-body-md: 0.875rem;
68
+ --ds-font-size-body-lg: 1rem;
69
+ --ds-font-size-heading-xs: 1.125rem;
70
+ --ds-font-size-heading-sm: 1.25rem;
71
+ --ds-font-size-heading-md: 1.5rem;
72
+ --ds-font-size-heading-lg: 1.75rem;
73
+ --ds-font-size-heading-xl: 2rem;
74
+ --ds-font-size-heading-2xl: 3rem;
75
+ --ds-font-size-heading-3xl: 4rem;
74
76
  --ds-font-weight-regular: 400;
75
77
  --ds-font-weight-medium: 500;
76
78
  --ds-font-weight-semibold: 600;
@@ -93,7 +95,6 @@
93
95
  --ds-shadow-sm: 0 1px 2px rgba(11, 11, 12, 0.06);
94
96
  --ds-shadow-md: 0 4px 12px rgba(11, 11, 12, 0.08), 0 1px 2px rgba(11, 11, 12, 0.04);
95
97
  --ds-shadow-lg: 0 12px 32px rgba(11, 11, 12, 0.10), 0 4px 8px rgba(11, 11, 12, 0.06);
96
- --ds-shadow-focus: 0 0 0 3px rgba(74, 114, 204, 0.35);
97
98
  --ds-size-xs: 1.75rem;
98
99
  --ds-size-sm: 2rem;
99
100
  --ds-size-md: 2.5rem;
package/dist/primitive/color.d.ts CHANGED
@@ -45,6 +45,7 @@ export declare const color: {
45
45
  readonly paperHairline: "rgba(242, 239, 234, 0.14)";
46
46
  readonly paperSubtle: "rgba(242, 239, 234, 0.06)";
47
47
  readonly focusRing: "rgba(74, 114, 204, 0.35)";
48
+ readonly dangerFocusRing: "rgba(178, 26, 10, 0.3)";
48
49
  };
49
50
  };
50
51
  export type ColorTokens = typeof color;
package/dist/primitive/color.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../src/primitive/color.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgDR,CAAC;AAEX,MAAM,MAAM,WAAW,GAAG,OAAO,KAAK,CAAC"}
1
+ {"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../src/primitive/color.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiDR,CAAC;AAEX,MAAM,MAAM,WAAW,GAAG,OAAO,KAAK,CAAC"}
package/dist/primitive/color.js CHANGED
@@ -45,6 +45,7 @@ export const color = {
45
45
  paperHairline: 'rgba(242, 239, 234, 0.14)',
46
46
  paperSubtle: 'rgba(242, 239, 234, 0.06)',
47
47
  focusRing: 'rgba(74, 114, 204, 0.35)',
48
+ dangerFocusRing: 'rgba(178, 26, 10, 0.3)',
48
49
  },
49
50
  };
50
51
  //# sourceMappingURL=color.js.map
package/dist/primitive/color.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"color.js","sourceRoot":"","sources":["../../src/primitive/color.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,GAAG,EAAE;QACH,CAAC,EAAE,SAAS;QACZ,EAAE,EAAE,SAAS;QACb,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,SAAS;KAChB;IACD,SAAS,EAAE;QACT,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;KACf;IACD,MAAM,EAAE;QACN,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;KACf;IACD,OAAO,EAAE;QACP,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;KACf;IACD,OAAO,EAAE;QACP,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;KACf;IACD,MAAM,EAAE;QACN,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;KACf;IACD,KAAK,EAAE;QACL,WAAW,EAAE,wBAAwB;QACrC,SAAS,EAAE,wBAAwB;QACnC,aAAa,EAAE,2BAA2B;QAC1C,WAAW,EAAE,2BAA2B;QACxC,SAAS,EAAE,0BAA0B;KACtC;CACO,CAAC"}
1
+ {"version":3,"file":"color.js","sourceRoot":"","sources":["../../src/primitive/color.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,GAAG,EAAE;QACH,CAAC,EAAE,SAAS;QACZ,EAAE,EAAE,SAAS;QACb,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,SAAS;KAChB;IACD,SAAS,EAAE;QACT,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;KACf;IACD,MAAM,EAAE;QACN,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;KACf;IACD,OAAO,EAAE;QACP,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;KACf;IACD,OAAO,EAAE;QACP,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;KACf;IACD,MAAM,EAAE;QACN,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;KACf;IACD,KAAK,EAAE;QACL,WAAW,EAAE,wBAAwB;QACrC,SAAS,EAAE,wBAAwB;QACnC,aAAa,EAAE,2BAA2B;QAC1C,WAAW,EAAE,2BAA2B;QACxC,SAAS,EAAE,0BAA0B;QACrC,eAAe,EAAE,wBAAwB;KAC1C;CACO,CAAC"}
package/dist/primitive/shape.d.ts CHANGED
@@ -16,7 +16,6 @@ export declare const shadow: {
16
16
  readonly sm: "0 1px 2px rgba(11, 11, 12, 0.06)";
17
17
  readonly md: "0 4px 12px rgba(11, 11, 12, 0.08), 0 1px 2px rgba(11, 11, 12, 0.04)";
18
18
  readonly lg: "0 12px 32px rgba(11, 11, 12, 0.10), 0 4px 8px rgba(11, 11, 12, 0.06)";
19
- readonly focus: "0 0 0 3px rgba(74, 114, 204, 0.35)";
20
19
  };
21
20
  export type RadiusTokens = typeof radius;
22
21
  export type BorderTokens = typeof border;
package/dist/primitive/shape.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"shape.d.ts","sourceRoot":"","sources":["../../src/primitive/shape.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;CAOT,CAAC;AAEX,eAAO,MAAM,MAAM;;;;CAIT,CAAC;AAEX,eAAO,MAAM,MAAM;;;;;;CAMT,CAAC;AAEX,MAAM,MAAM,YAAY,GAAG,OAAO,MAAM,CAAC;AACzC,MAAM,MAAM,YAAY,GAAG,OAAO,MAAM,CAAC;AACzC,MAAM,MAAM,YAAY,GAAG,OAAO,MAAM,CAAC"}
1
+ {"version":3,"file":"shape.d.ts","sourceRoot":"","sources":["../../src/primitive/shape.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;CAOT,CAAC;AAEX,eAAO,MAAM,MAAM;;;;CAIT,CAAC;AAEX,eAAO,MAAM,MAAM;;;;;CAKT,CAAC;AAEX,MAAM,MAAM,YAAY,GAAG,OAAO,MAAM,CAAC;AACzC,MAAM,MAAM,YAAY,GAAG,OAAO,MAAM,CAAC;AACzC,MAAM,MAAM,YAAY,GAAG,OAAO,MAAM,CAAC"}
package/dist/primitive/shape.js CHANGED
@@ -16,6 +16,5 @@ export const shadow = {
16
16
  sm: '0 1px 2px rgba(11, 11, 12, 0.06)',
17
17
  md: '0 4px 12px rgba(11, 11, 12, 0.08), 0 1px 2px rgba(11, 11, 12, 0.04)',
18
18
  lg: '0 12px 32px rgba(11, 11, 12, 0.10), 0 4px 8px rgba(11, 11, 12, 0.06)',
19
- focus: '0 0 0 3px rgba(74, 114, 204, 0.35)',
20
19
  };
21
20
  //# sourceMappingURL=shape.js.map
package/dist/primitive/shape.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"shape.js","sourceRoot":"","sources":["../../src/primitive/shape.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,IAAI,EAAE,GAAG;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;IACV,IAAI,EAAE,QAAQ;CACN,CAAC;AAEX,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,QAAQ,EAAE,KAAK;IACf,OAAO,EAAE,OAAO;IAChB,KAAK,EAAE,KAAK;CACJ,CAAC;AAEX,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,IAAI,EAAE,MAAM;IACZ,EAAE,EAAE,kCAAkC;IACtC,EAAE,EAAE,qEAAqE;IACzE,EAAE,EAAE,sEAAsE;IAC1E,KAAK,EAAE,oCAAoC;CACnC,CAAC"}
1
+ {"version":3,"file":"shape.js","sourceRoot":"","sources":["../../src/primitive/shape.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,IAAI,EAAE,GAAG;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;IACV,IAAI,EAAE,QAAQ;CACN,CAAC;AAEX,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,QAAQ,EAAE,KAAK;IACf,OAAO,EAAE,OAAO;IAChB,KAAK,EAAE,KAAK;CACJ,CAAC;AAEX,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,IAAI,EAAE,MAAM;IACZ,EAAE,EAAE,kCAAkC;IACtC,EAAE,EAAE,qEAAqE;IACzE,EAAE,EAAE,sEAAsE;CAClE,CAAC"}
package/dist/primitive/typography.d.ts CHANGED
@@ -4,15 +4,16 @@ export declare const fontFamily: {
4
4
  readonly mono: "'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace";
5
5
  };
6
6
  export declare const fontSize: {
7
- readonly xs: "0.75rem";
8
- readonly sm: "0.875rem";
9
- readonly md: "1rem";
10
- readonly lg: "1.25rem";
11
- readonly xl: "1.5rem";
12
- readonly '2xl': "1.75rem";
13
- readonly '3xl': "2rem";
14
- readonly '4xl': "3rem";
15
- readonly '5xl': "4rem";
7
+ readonly 'body-sm': "0.75rem";
8
+ readonly 'body-md': "0.875rem";
9
+ readonly 'body-lg': "1rem";
10
+ readonly 'heading-xs': "1.125rem";
11
+ readonly 'heading-sm': "1.25rem";
12
+ readonly 'heading-md': "1.5rem";
13
+ readonly 'heading-lg': "1.75rem";
14
+ readonly 'heading-xl': "2rem";
15
+ readonly 'heading-2xl': "3rem";
16
+ readonly 'heading-3xl': "4rem";
16
17
  };
17
18
  export declare const fontWeight: {
18
19
  readonly regular: "400";
package/dist/primitive/typography.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../src/primitive/typography.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;CAKb,CAAC;AAEX,eAAO,MAAM,QAAQ;;;;;;;;;;CAUX,CAAC;AAEX,eAAO,MAAM,UAAU;;;;;CAKb,CAAC;AAEX,eAAO,MAAM,UAAU;;;;;CAKb,CAAC;AAEX,eAAO,MAAM,aAAa;;;;;CAKhB,CAAC;AAEX,MAAM,MAAM,gBAAgB,GAAG,OAAO,UAAU,CAAC;AACjD,MAAM,MAAM,cAAc,GAAG,OAAO,QAAQ,CAAC"}
1
+ {"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../src/primitive/typography.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;CAKb,CAAC;AAEX,eAAO,MAAM,QAAQ;;;;;;;;;;;CAWX,CAAC;AAEX,eAAO,MAAM,UAAU;;;;;CAKb,CAAC;AAEX,eAAO,MAAM,UAAU;;;;;CAKb,CAAC;AAEX,eAAO,MAAM,aAAa;;;;;CAKhB,CAAC;AAEX,MAAM,MAAM,gBAAgB,GAAG,OAAO,UAAU,CAAC;AACjD,MAAM,MAAM,cAAc,GAAG,OAAO,QAAQ,CAAC"}
package/dist/primitive/typography.js CHANGED
@@ -4,15 +4,16 @@ export const fontFamily = {
4
4
  mono: "'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace",
5
5
  };
6
6
  export const fontSize = {
7
- xs: '0.75rem',
8
- sm: '0.875rem',
9
- md: '1rem',
10
- lg: '1.25rem',
11
- xl: '1.5rem',
12
- '2xl': '1.75rem',
13
- '3xl': '2rem',
14
- '4xl': '3rem',
15
- '5xl': '4rem',
7
+ 'body-sm': '0.75rem',
8
+ 'body-md': '0.875rem',
9
+ 'body-lg': '1rem',
10
+ 'heading-xs': '1.125rem',
11
+ 'heading-sm': '1.25rem',
12
+ 'heading-md': '1.5rem',
13
+ 'heading-lg': '1.75rem',
14
+ 'heading-xl': '2rem',
15
+ 'heading-2xl': '3rem',
16
+ 'heading-3xl': '4rem',
16
17
  };
17
18
  export const fontWeight = {
18
19
  regular: '400',
package/dist/primitive/typography.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"typography.js","sourceRoot":"","sources":["../../src/primitive/typography.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,OAAO,EACL,qDAAqD;IACvD,IAAI,EAAE,0FAA0F;IAChG,IAAI,EAAE,8EAA8E;CAC5E,CAAC;AAEX,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,UAAU;IACd,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,QAAQ;IACZ,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,MAAM;IACb,KAAK,EAAE,MAAM;IACb,KAAK,EAAE,MAAM;CACL,CAAC;AAEX,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,OAAO,EAAE,KAAK;IACd,MAAM,EAAE,KAAK;IACb,QAAQ,EAAE,KAAK;IACf,IAAI,EAAE,KAAK;CACH,CAAC;AAEX,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,KAAK,EAAE,KAAK;IACZ,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,KAAK;CACN,CAAC;AAEX,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,KAAK,EAAE,SAAS;IAChB,MAAM,EAAE,GAAG;IACX,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE,SAAS;CACV,CAAC"}
1
+ {"version":3,"file":"typography.js","sourceRoot":"","sources":["../../src/primitive/typography.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,OAAO,EACL,qDAAqD;IACvD,IAAI,EAAE,0FAA0F;IAChG,IAAI,EAAE,8EAA8E;CAC5E,CAAC;AAEX,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE,UAAU;IACrB,SAAS,EAAE,MAAM;IACjB,YAAY,EAAE,UAAU;IACxB,YAAY,EAAE,SAAS;IACvB,YAAY,EAAE,QAAQ;IACtB,YAAY,EAAE,SAAS;IACvB,YAAY,EAAE,MAAM;IACpB,aAAa,EAAE,MAAM;IACrB,aAAa,EAAE,MAAM;CACb,CAAC;AAEX,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,OAAO,EAAE,KAAK;IACd,MAAM,EAAE,KAAK;IACb,QAAQ,EAAE,KAAK;IACf,IAAI,EAAE,KAAK;CACH,CAAC;AAEX,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,KAAK,EAAE,KAAK;IACZ,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,KAAK;CACN,CAAC;AAEX,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,KAAK,EAAE,SAAS;IAChB,MAAM,EAAE,GAAG;IACX,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE,SAAS;CACV,CAAC"}
package/dist/semantic/dark.d.ts CHANGED
@@ -1,4 +1,12 @@
1
1
  export declare const semanticDark: {
2
+ readonly shadow: {
3
+ readonly focus: "0 0 0 3px rgba(106, 149, 232, 0.45)";
4
+ readonly 'focus-danger': "0 0 0 3px rgba(178, 26, 10, 0.3)";
5
+ readonly none: "none";
6
+ readonly sm: "0 1px 2px rgba(11, 11, 12, 0.06)";
7
+ readonly md: "0 4px 12px rgba(11, 11, 12, 0.08), 0 1px 2px rgba(11, 11, 12, 0.04)";
8
+ readonly lg: "0 12px 32px rgba(11, 11, 12, 0.10), 0 4px 8px rgba(11, 11, 12, 0.06)";
9
+ };
2
10
  readonly color: {
3
11
  readonly bg: "#222425";
4
12
  readonly 'bg-subtle': "#2B2D2E";
@@ -52,15 +60,16 @@ export declare const semanticDark: {
52
60
  readonly mono: "'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace";
53
61
  };
54
62
  readonly 'font-size': {
55
- readonly xs: "0.75rem";
56
- readonly sm: "0.875rem";
57
- readonly md: "1rem";
58
- readonly lg: "1.25rem";
59
- readonly xl: "1.5rem";
60
- readonly '2xl': "1.75rem";
61
- readonly '3xl': "2rem";
62
- readonly '4xl': "3rem";
63
- readonly '5xl': "4rem";
63
+ readonly 'body-sm': "0.75rem";
64
+ readonly 'body-md': "0.875rem";
65
+ readonly 'body-lg': "1rem";
66
+ readonly 'heading-xs': "1.125rem";
67
+ readonly 'heading-sm': "1.25rem";
68
+ readonly 'heading-md': "1.5rem";
69
+ readonly 'heading-lg': "1.75rem";
70
+ readonly 'heading-xl': "2rem";
71
+ readonly 'heading-2xl': "3rem";
72
+ readonly 'heading-3xl': "4rem";
64
73
  };
65
74
  readonly 'font-weight': {
66
75
  readonly regular: "400";
@@ -93,13 +102,6 @@ export declare const semanticDark: {
93
102
  readonly regular: "1.5px";
94
103
  readonly heavy: "2px";
95
104
  };
96
- readonly shadow: {
97
- readonly none: "none";
98
- readonly sm: "0 1px 2px rgba(11, 11, 12, 0.06)";
99
- readonly md: "0 4px 12px rgba(11, 11, 12, 0.08), 0 1px 2px rgba(11, 11, 12, 0.04)";
100
- readonly lg: "0 12px 32px rgba(11, 11, 12, 0.10), 0 4px 8px rgba(11, 11, 12, 0.06)";
101
- readonly focus: "0 0 0 3px rgba(74, 114, 204, 0.35)";
102
- };
103
105
  readonly duration: {
104
106
  readonly instant: "80ms";
105
107
  readonly fast: "120ms";
package/dist/semantic/dark.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"dark.d.ts","sourceRoot":"","sources":["../../src/semantic/dark.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+Bf,CAAC"}
1
+ {"version":3,"file":"dark.d.ts","sourceRoot":"","sources":["../../src/semantic/dark.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmCf,CAAC"}
package/dist/semantic/dark.js CHANGED
@@ -1,7 +1,12 @@
1
1
  import { color } from '../primitive/index.js';
2
2
  import { semanticLight } from './light.js';
3
+ const focusColor = 'rgba(106, 149, 232, 0.45)';
3
4
  export const semanticDark = {
4
5
  ...semanticLight,
6
+ shadow: {
7
+ ...semanticLight.shadow,
8
+ focus: `0 0 0 3px ${focusColor}`,
9
+ },
5
10
  color: {
6
11
  ...semanticLight.color,
7
12
  bg: '#222425',
@@ -20,7 +25,7 @@ export const semanticDark = {
20
25
  border: color.alpha.paperHairline,
21
26
  'border-strong': color.ink[300],
22
27
  'border-subtle': color.alpha.paperSubtle,
23
- focus: 'rgba(106, 149, 232, 0.45)',
28
+ focus: focusColor,
24
29
  'success-subtle': 'rgba(31, 122, 72, 0.22)',
25
30
  'warning-subtle': 'rgba(166, 98, 11, 0.25)',
26
31
  'danger-subtle': 'rgba(178, 26, 10, 0.22)',
package/dist/semantic/dark.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"dark.js","sourceRoot":"","sources":["../../src/semantic/dark.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAE3C,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,GAAG,aAAa;IAChB,KAAK,EAAE;QACL,GAAG,aAAa,CAAC,KAAK;QACtB,EAAE,EAAE,SAAS;QACb,WAAW,EAAE,SAAS;QACtB,UAAU,EAAE,SAAS;QACrB,YAAY,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC;QAC7B,EAAE,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC;QAClB,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC;QAC1B,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC;QAC3B,YAAY,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;QAC1B,MAAM,EAAE,SAAS;QACjB,cAAc,EAAE,SAAS;QACzB,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC;QAClC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;QACzB,eAAe,EAAE,0BAA0B;QAC3C,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,aAAa;QACjC,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC;QAC/B,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW;QACxC,KAAK,EAAE,2BAA2B;QAClC,gBAAgB,EAAE,yBAAyB;QAC3C,gBAAgB,EAAE,yBAAyB;QAC3C,eAAe,EAAE,yBAAyB;QAC1C,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;KACrB;CACO,CAAC"}
1
+ {"version":3,"file":"dark.js","sourceRoot":"","sources":["../../src/semantic/dark.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAE3C,MAAM,UAAU,GAAG,2BAA2B,CAAC;AAE/C,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,GAAG,aAAa;IAChB,MAAM,EAAE;QACN,GAAG,aAAa,CAAC,MAAM;QACvB,KAAK,EAAE,aAAa,UAAU,EAAE;KACjC;IACD,KAAK,EAAE;QACL,GAAG,aAAa,CAAC,KAAK;QACtB,EAAE,EAAE,SAAS;QACb,WAAW,EAAE,SAAS;QACtB,UAAU,EAAE,SAAS;QACrB,YAAY,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC;QAC7B,EAAE,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC;QAClB,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC;QAC1B,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC;QAC3B,YAAY,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;QAC1B,MAAM,EAAE,SAAS;QACjB,cAAc,EAAE,SAAS;QACzB,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC;QAClC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;QACzB,eAAe,EAAE,0BAA0B;QAC3C,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,aAAa;QACjC,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC;QAC/B,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW;QACxC,KAAK,EAAE,UAAU;QACjB,gBAAgB,EAAE,yBAAyB;QAC3C,gBAAgB,EAAE,yBAAyB;QAC3C,eAAe,EAAE,yBAAyB;QAC1C,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;KACrB;CACO,CAAC"}
package/dist/semantic/light.d.ts CHANGED
@@ -52,15 +52,16 @@ export declare const semanticLight: {
52
52
  readonly mono: "'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace";
53
53
  };
54
54
  readonly 'font-size': {
55
- readonly xs: "0.75rem";
56
- readonly sm: "0.875rem";
57
- readonly md: "1rem";
58
- readonly lg: "1.25rem";
59
- readonly xl: "1.5rem";
60
- readonly '2xl': "1.75rem";
61
- readonly '3xl': "2rem";
62
- readonly '4xl': "3rem";
63
- readonly '5xl': "4rem";
55
+ readonly 'body-sm': "0.75rem";
56
+ readonly 'body-md': "0.875rem";
57
+ readonly 'body-lg': "1rem";
58
+ readonly 'heading-xs': "1.125rem";
59
+ readonly 'heading-sm': "1.25rem";
60
+ readonly 'heading-md': "1.5rem";
61
+ readonly 'heading-lg': "1.75rem";
62
+ readonly 'heading-xl': "2rem";
63
+ readonly 'heading-2xl': "3rem";
64
+ readonly 'heading-3xl': "4rem";
64
65
  };
65
66
  readonly 'font-weight': {
66
67
  readonly regular: "400";
@@ -94,11 +95,12 @@ export declare const semanticLight: {
94
95
  readonly heavy: "2px";
95
96
  };
96
97
  readonly shadow: {
98
+ readonly focus: "0 0 0 3px rgba(74, 114, 204, 0.35)";
99
+ readonly 'focus-danger': "0 0 0 3px rgba(178, 26, 10, 0.3)";
97
100
  readonly none: "none";
98
101
  readonly sm: "0 1px 2px rgba(11, 11, 12, 0.06)";
99
102
  readonly md: "0 4px 12px rgba(11, 11, 12, 0.08), 0 1px 2px rgba(11, 11, 12, 0.04)";
100
103
  readonly lg: "0 12px 32px rgba(11, 11, 12, 0.10), 0 4px 8px rgba(11, 11, 12, 0.06)";
101
- readonly focus: "0 0 0 3px rgba(74, 114, 204, 0.35)";
102
104
  };
103
105
  readonly duration: {
104
106
  readonly instant: "80ms";
package/dist/semantic/light.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"light.d.ts","sourceRoot":"","sources":["../../src/semantic/light.ts"],"names":[],"mappings":"AAiBA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiDhB,CAAC;AAEX,MAAM,MAAM,cAAc,GAAG,OAAO,aAAa,CAAC"}
1
+ {"version":3,"file":"light.d.ts","sourceRoot":"","sources":["../../src/semantic/light.ts"],"names":[],"mappings":"AAiBA,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqDhB,CAAC;AAEX,MAAM,MAAM,cAAc,GAAG,OAAO,aAAa,CAAC"}
package/dist/semantic/light.js CHANGED
@@ -43,7 +43,11 @@ export const semanticLight = {
43
43
  'letter-spacing': letterSpacing,
44
44
  radius,
45
45
  border,
46
- shadow,
46
+ shadow: {
47
+ ...shadow,
48
+ focus: `0 0 0 3px ${color.alpha.focusRing}`,
49
+ 'focus-danger': `0 0 0 3px ${color.alpha.dangerFocusRing}`,
50
+ },
47
51
  duration,
48
52
  easing,
49
53
  breakpoint,
package/dist/semantic/light.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"light.js","sourceRoot":"","sources":["../../src/semantic/light.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,KAAK,EACL,UAAU,EACV,QAAQ,EACR,UAAU,EACV,UAAU,EACV,aAAa,EACb,MAAM,EACN,MAAM,EACN,MAAM,EACN,QAAQ,EACR,MAAM,EACN,UAAU,EACV,MAAM,GACP,MAAM,uBAAuB,CAAC;AAE/B,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,KAAK,EAAE;QACL,EAAE,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC;QACnB,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC;QAC3B,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC;QAC1B,YAAY,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;QAC1B,EAAE,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;QAChB,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC;QAC1B,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC;QAC3B,YAAY,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC;QAC7B,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC;QACzB,cAAc,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC;QACjC,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC;QAClC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC;QAC5B,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC;QAClC,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW;QAC/B,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC;QAC/B,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS;QACtC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS;QAC5B,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QAC3B,gBAAgB,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QACpC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QAC3B,gBAAgB,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QACpC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC;QACzB,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC;QAClC,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;KACrB;IACD,KAAK;IACL,IAAI,EAAE;QACJ,OAAO,EAAE,UAAU,CAAC,OAAO;QAC3B,IAAI,EAAE,UAAU,CAAC,IAAI;QACrB,IAAI,EAAE,UAAU,CAAC,IAAI;KACtB;IACD,WAAW,EAAE,QAAQ;IACrB,aAAa,EAAE,UAAU;IACzB,aAAa,EAAE,UAAU;IACzB,gBAAgB,EAAE,aAAa;IAC/B,MAAM;IACN,MAAM;IACN,MAAM;IACN,QAAQ;IACR,MAAM;IACN,UAAU;IACV,SAAS,EAAE,MAAM;CACT,CAAC"}
1
+ {"version":3,"file":"light.js","sourceRoot":"","sources":["../../src/semantic/light.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,KAAK,EACL,UAAU,EACV,QAAQ,EACR,UAAU,EACV,UAAU,EACV,aAAa,EACb,MAAM,EACN,MAAM,EACN,MAAM,EACN,QAAQ,EACR,MAAM,EACN,UAAU,EACV,MAAM,GACP,MAAM,uBAAuB,CAAC;AAE/B,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,KAAK,EAAE;QACL,EAAE,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC;QACnB,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC;QAC3B,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC;QAC1B,YAAY,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;QAC1B,EAAE,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;QAChB,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC;QAC1B,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC;QAC3B,YAAY,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC;QAC7B,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC;QACzB,cAAc,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC;QACjC,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC;QAClC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC;QAC5B,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC;QAClC,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,WAAW;QAC/B,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC;QAC/B,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS;QACtC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS;QAC5B,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QAC3B,gBAAgB,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QACpC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QAC3B,gBAAgB,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QACpC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC;QACzB,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC;QAClC,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;KACrB;IACD,KAAK;IACL,IAAI,EAAE;QACJ,OAAO,EAAE,UAAU,CAAC,OAAO;QAC3B,IAAI,EAAE,UAAU,CAAC,IAAI;QACrB,IAAI,EAAE,UAAU,CAAC,IAAI;KACtB;IACD,WAAW,EAAE,QAAQ;IACrB,aAAa,EAAE,UAAU;IACzB,aAAa,EAAE,UAAU;IACzB,gBAAgB,EAAE,aAAa;IAC/B,MAAM;IACN,MAAM;IACN,MAAM,EAAE;QACN,GAAG,MAAM;QACT,KAAK,EAAE,aAAa,KAAK,CAAC,KAAK,CAAC,SAAS,EAAE;QAC3C,cAAc,EAAE,aAAa,KAAK,CAAC,KAAK,CAAC,eAAe,EAAE;KAC3D;IACD,QAAQ;IACR,MAAM;IACN,UAAU;IACV,SAAS,EAAE,MAAM;CACT,CAAC"}
package/dist/theme-default-dark.css CHANGED
@@ -50,15 +50,16 @@
50
50
  --ds-font-display: 'Source Serif 4', Georgia, 'Times New Roman', serif;
51
51
  --ds-font-body: 'General Sans', 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
52
52
  --ds-font-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;
53
- --ds-font-size-xs: 0.75rem;
54
- --ds-font-size-sm: 0.875rem;
55
- --ds-font-size-md: 1rem;
56
- --ds-font-size-lg: 1.25rem;
57
- --ds-font-size-xl: 1.5rem;
58
- --ds-font-size-2xl: 1.75rem;
59
- --ds-font-size-3xl: 2rem;
60
- --ds-font-size-4xl: 3rem;
61
- --ds-font-size-5xl: 4rem;
53
+ --ds-font-size-body-sm: 0.75rem;
54
+ --ds-font-size-body-md: 0.875rem;
55
+ --ds-font-size-body-lg: 1rem;
56
+ --ds-font-size-heading-xs: 1.125rem;
57
+ --ds-font-size-heading-sm: 1.25rem;
58
+ --ds-font-size-heading-md: 1.5rem;
59
+ --ds-font-size-heading-lg: 1.75rem;
60
+ --ds-font-size-heading-xl: 2rem;
61
+ --ds-font-size-heading-2xl: 3rem;
62
+ --ds-font-size-heading-3xl: 4rem;
62
63
  --ds-font-weight-regular: 400;
63
64
  --ds-font-weight-medium: 500;
64
65
  --ds-font-weight-semibold: 600;
@@ -84,7 +85,8 @@
84
85
  --ds-shadow-sm: 0 1px 2px rgba(11, 11, 12, 0.06);
85
86
  --ds-shadow-md: 0 4px 12px rgba(11, 11, 12, 0.08), 0 1px 2px rgba(11, 11, 12, 0.04);
86
87
  --ds-shadow-lg: 0 12px 32px rgba(11, 11, 12, 0.10), 0 4px 8px rgba(11, 11, 12, 0.06);
87
- --ds-shadow-focus: 0 0 0 3px rgba(74, 114, 204, 0.35);
88
+ --ds-shadow-focus: 0 0 0 3px rgba(106, 149, 232, 0.45);
89
+ --ds-shadow-focus-danger: 0 0 0 3px rgba(178, 26, 10, 0.3);
88
90
  --ds-duration-instant: 80ms;
89
91
  --ds-duration-fast: 120ms;
90
92
  --ds-duration-normal: 180ms;
@@ -160,15 +162,16 @@
160
162
  --ds-font-display: 'Source Serif 4', Georgia, 'Times New Roman', serif;
161
163
  --ds-font-body: 'General Sans', 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
162
164
  --ds-font-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;
163
- --ds-font-size-xs: 0.75rem;
164
- --ds-font-size-sm: 0.875rem;
165
- --ds-font-size-md: 1rem;
166
- --ds-font-size-lg: 1.25rem;
167
- --ds-font-size-xl: 1.5rem;
168
- --ds-font-size-2xl: 1.75rem;
169
- --ds-font-size-3xl: 2rem;
170
- --ds-font-size-4xl: 3rem;
171
- --ds-font-size-5xl: 4rem;
165
+ --ds-font-size-body-sm: 0.75rem;
166
+ --ds-font-size-body-md: 0.875rem;
167
+ --ds-font-size-body-lg: 1rem;
168
+ --ds-font-size-heading-xs: 1.125rem;
169
+ --ds-font-size-heading-sm: 1.25rem;
170
+ --ds-font-size-heading-md: 1.5rem;
171
+ --ds-font-size-heading-lg: 1.75rem;
172
+ --ds-font-size-heading-xl: 2rem;
173
+ --ds-font-size-heading-2xl: 3rem;
174
+ --ds-font-size-heading-3xl: 4rem;
172
175
  --ds-font-weight-regular: 400;
173
176
  --ds-font-weight-medium: 500;
174
177
  --ds-font-weight-semibold: 600;
@@ -194,7 +197,8 @@
194
197
  --ds-shadow-sm: 0 1px 2px rgba(11, 11, 12, 0.06);
195
198
  --ds-shadow-md: 0 4px 12px rgba(11, 11, 12, 0.08), 0 1px 2px rgba(11, 11, 12, 0.04);
196
199
  --ds-shadow-lg: 0 12px 32px rgba(11, 11, 12, 0.10), 0 4px 8px rgba(11, 11, 12, 0.06);
197
- --ds-shadow-focus: 0 0 0 3px rgba(74, 114, 204, 0.35);
200
+ --ds-shadow-focus: 0 0 0 3px rgba(106, 149, 232, 0.45);
201
+ --ds-shadow-focus-danger: 0 0 0 3px rgba(178, 26, 10, 0.3);
198
202
  --ds-duration-instant: 80ms;
199
203
  --ds-duration-fast: 120ms;
200
204
  --ds-duration-normal: 180ms;
package/dist/theme-default-light.css CHANGED
@@ -50,15 +50,16 @@
50
50
  --ds-font-display: 'Source Serif 4', Georgia, 'Times New Roman', serif;
51
51
  --ds-font-body: 'General Sans', 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
52
52
  --ds-font-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;
53
- --ds-font-size-xs: 0.75rem;
54
- --ds-font-size-sm: 0.875rem;
55
- --ds-font-size-md: 1rem;
56
- --ds-font-size-lg: 1.25rem;
57
- --ds-font-size-xl: 1.5rem;
58
- --ds-font-size-2xl: 1.75rem;
59
- --ds-font-size-3xl: 2rem;
60
- --ds-font-size-4xl: 3rem;
61
- --ds-font-size-5xl: 4rem;
53
+ --ds-font-size-body-sm: 0.75rem;
54
+ --ds-font-size-body-md: 0.875rem;
55
+ --ds-font-size-body-lg: 1rem;
56
+ --ds-font-size-heading-xs: 1.125rem;
57
+ --ds-font-size-heading-sm: 1.25rem;
58
+ --ds-font-size-heading-md: 1.5rem;
59
+ --ds-font-size-heading-lg: 1.75rem;
60
+ --ds-font-size-heading-xl: 2rem;
61
+ --ds-font-size-heading-2xl: 3rem;
62
+ --ds-font-size-heading-3xl: 4rem;
62
63
  --ds-font-weight-regular: 400;
63
64
  --ds-font-weight-medium: 500;
64
65
  --ds-font-weight-semibold: 600;
@@ -85,6 +86,7 @@
85
86
  --ds-shadow-md: 0 4px 12px rgba(11, 11, 12, 0.08), 0 1px 2px rgba(11, 11, 12, 0.04);
86
87
  --ds-shadow-lg: 0 12px 32px rgba(11, 11, 12, 0.10), 0 4px 8px rgba(11, 11, 12, 0.06);
87
88
  --ds-shadow-focus: 0 0 0 3px rgba(74, 114, 204, 0.35);
89
+ --ds-shadow-focus-danger: 0 0 0 3px rgba(178, 26, 10, 0.3);
88
90
  --ds-duration-instant: 80ms;
89
91
  --ds-duration-fast: 120ms;
90
92
  --ds-duration-normal: 180ms;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jsekulowicz/ds-tokens",
3
- "version": "0.32.0",
3
+ "version": "0.46.0",
4
4
  "description": "Design tokens (primitive, semantic, component) for the Design System Library.",
5
5
  "license": "UNLICENSED",
6
6
  "repository": {