@jsekulowicz/ds-tokens 0.14.0 → 0.37.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/base.css +5 -7
- package/dist/primitive/color.d.ts +1 -0
- package/dist/primitive/color.d.ts.map +1 -1
- package/dist/primitive/color.js +1 -0
- package/dist/primitive/color.js.map +1 -1
- package/dist/primitive/shape.d.ts +0 -1
- package/dist/primitive/shape.d.ts.map +1 -1
- package/dist/primitive/shape.js +0 -1
- package/dist/primitive/shape.js.map +1 -1
- package/dist/primitive/typography.d.ts +4 -6
- package/dist/primitive/typography.d.ts.map +1 -1
- package/dist/primitive/typography.js +4 -6
- package/dist/primitive/typography.js.map +1 -1
- package/dist/semantic/dark.d.ts +12 -13
- package/dist/semantic/dark.d.ts.map +1 -1
- package/dist/semantic/dark.js +6 -1
- package/dist/semantic/dark.js.map +1 -1
- package/dist/semantic/light.d.ts +6 -7
- package/dist/semantic/light.d.ts.map +1 -1
- package/dist/semantic/light.js +5 -1
- package/dist/semantic/light.js.map +1 -1
- package/dist/theme-default-dark.css +12 -14
- package/dist/theme-default-light.css +5 -6
- 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,13 @@
|
|
|
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-
|
|
66
|
-
--ds-font-size-2xs: 0.75rem;
|
|
67
|
-
--ds-font-size-xs: 0.8125rem;
|
|
66
|
+
--ds-font-size-xs: 0.75rem;
|
|
68
67
|
--ds-font-size-sm: 0.875rem;
|
|
69
68
|
--ds-font-size-md: 1rem;
|
|
70
|
-
--ds-font-size-lg: 1.
|
|
71
|
-
--ds-font-size-xl: 1.
|
|
69
|
+
--ds-font-size-lg: 1.25rem;
|
|
70
|
+
--ds-font-size-xl: 1.5rem;
|
|
72
71
|
--ds-font-size-2xl: 1.75rem;
|
|
73
|
-
--ds-font-size-3xl:
|
|
72
|
+
--ds-font-size-3xl: 2rem;
|
|
74
73
|
--ds-font-size-4xl: 3rem;
|
|
75
74
|
--ds-font-size-5xl: 4rem;
|
|
76
75
|
--ds-font-weight-regular: 400;
|
|
@@ -95,7 +94,6 @@
|
|
|
95
94
|
--ds-shadow-sm: 0 1px 2px rgba(11, 11, 12, 0.06);
|
|
96
95
|
--ds-shadow-md: 0 4px 12px rgba(11, 11, 12, 0.08), 0 1px 2px rgba(11, 11, 12, 0.04);
|
|
97
96
|
--ds-shadow-lg: 0 12px 32px rgba(11, 11, 12, 0.10), 0 4px 8px rgba(11, 11, 12, 0.06);
|
|
98
|
-
--ds-shadow-focus: 0 0 0 3px rgba(74, 114, 204, 0.35);
|
|
99
97
|
--ds-size-xs: 1.75rem;
|
|
100
98
|
--ds-size-sm: 2rem;
|
|
101
99
|
--ds-size-md: 2.5rem;
|
|
@@ -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;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../src/primitive/color.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK
|
|
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
|
@@ -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;
|
|
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"}
|
|
@@ -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;
|
|
@@ -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
|
|
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
|
|
@@ -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;
|
|
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"}
|
|
@@ -4,15 +4,13 @@ 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
|
|
8
|
-
readonly '2xs': "0.75rem";
|
|
9
|
-
readonly xs: "0.8125rem";
|
|
7
|
+
readonly xs: "0.75rem";
|
|
10
8
|
readonly sm: "0.875rem";
|
|
11
9
|
readonly md: "1rem";
|
|
12
|
-
readonly lg: "1.
|
|
13
|
-
readonly xl: "1.
|
|
10
|
+
readonly lg: "1.25rem";
|
|
11
|
+
readonly xl: "1.5rem";
|
|
14
12
|
readonly '2xl': "1.75rem";
|
|
15
|
-
readonly '3xl': "
|
|
13
|
+
readonly '3xl': "2rem";
|
|
16
14
|
readonly '4xl': "3rem";
|
|
17
15
|
readonly '5xl': "4rem";
|
|
18
16
|
};
|
|
@@ -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
|
|
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"}
|
|
@@ -4,15 +4,13 @@ export const fontFamily = {
|
|
|
4
4
|
mono: "'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace",
|
|
5
5
|
};
|
|
6
6
|
export const fontSize = {
|
|
7
|
-
|
|
8
|
-
'2xs': '0.75rem',
|
|
9
|
-
xs: '0.8125rem',
|
|
7
|
+
xs: '0.75rem',
|
|
10
8
|
sm: '0.875rem',
|
|
11
9
|
md: '1rem',
|
|
12
|
-
lg: '1.
|
|
13
|
-
xl: '1.
|
|
10
|
+
lg: '1.25rem',
|
|
11
|
+
xl: '1.5rem',
|
|
14
12
|
'2xl': '1.75rem',
|
|
15
|
-
'3xl': '
|
|
13
|
+
'3xl': '2rem',
|
|
16
14
|
'4xl': '3rem',
|
|
17
15
|
'5xl': '4rem',
|
|
18
16
|
};
|
|
@@ -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,
|
|
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"}
|
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,13 @@ 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
|
|
56
|
-
readonly '2xs': "0.75rem";
|
|
57
|
-
readonly xs: "0.8125rem";
|
|
63
|
+
readonly xs: "0.75rem";
|
|
58
64
|
readonly sm: "0.875rem";
|
|
59
65
|
readonly md: "1rem";
|
|
60
|
-
readonly lg: "1.
|
|
61
|
-
readonly xl: "1.
|
|
66
|
+
readonly lg: "1.25rem";
|
|
67
|
+
readonly xl: "1.5rem";
|
|
62
68
|
readonly '2xl': "1.75rem";
|
|
63
|
-
readonly '3xl': "
|
|
69
|
+
readonly '3xl': "2rem";
|
|
64
70
|
readonly '4xl': "3rem";
|
|
65
71
|
readonly '5xl': "4rem";
|
|
66
72
|
};
|
|
@@ -95,13 +101,6 @@ export declare const semanticDark: {
|
|
|
95
101
|
readonly regular: "1.5px";
|
|
96
102
|
readonly heavy: "2px";
|
|
97
103
|
};
|
|
98
|
-
readonly shadow: {
|
|
99
|
-
readonly none: "none";
|
|
100
|
-
readonly sm: "0 1px 2px rgba(11, 11, 12, 0.06)";
|
|
101
|
-
readonly md: "0 4px 12px rgba(11, 11, 12, 0.08), 0 1px 2px rgba(11, 11, 12, 0.04)";
|
|
102
|
-
readonly lg: "0 12px 32px rgba(11, 11, 12, 0.10), 0 4px 8px rgba(11, 11, 12, 0.06)";
|
|
103
|
-
readonly focus: "0 0 0 3px rgba(74, 114, 204, 0.35)";
|
|
104
|
-
};
|
|
105
104
|
readonly duration: {
|
|
106
105
|
readonly instant: "80ms";
|
|
107
106
|
readonly fast: "120ms";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dark.d.ts","sourceRoot":"","sources":["../../src/semantic/dark.ts"],"names":[],"mappings":"
|
|
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:
|
|
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)',
|
|
@@ -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,
|
|
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,13 @@ 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
|
|
56
|
-
readonly '2xs': "0.75rem";
|
|
57
|
-
readonly xs: "0.8125rem";
|
|
55
|
+
readonly xs: "0.75rem";
|
|
58
56
|
readonly sm: "0.875rem";
|
|
59
57
|
readonly md: "1rem";
|
|
60
|
-
readonly lg: "1.
|
|
61
|
-
readonly xl: "1.
|
|
58
|
+
readonly lg: "1.25rem";
|
|
59
|
+
readonly xl: "1.5rem";
|
|
62
60
|
readonly '2xl': "1.75rem";
|
|
63
|
-
readonly '3xl': "
|
|
61
|
+
readonly '3xl': "2rem";
|
|
64
62
|
readonly '4xl': "3rem";
|
|
65
63
|
readonly '5xl': "4rem";
|
|
66
64
|
};
|
|
@@ -96,11 +94,12 @@ export declare const semanticLight: {
|
|
|
96
94
|
readonly heavy: "2px";
|
|
97
95
|
};
|
|
98
96
|
readonly shadow: {
|
|
97
|
+
readonly focus: "0 0 0 3px rgba(74, 114, 204, 0.35)";
|
|
98
|
+
readonly 'focus-danger': "0 0 0 3px rgba(178, 26, 10, 0.3)";
|
|
99
99
|
readonly none: "none";
|
|
100
100
|
readonly sm: "0 1px 2px rgba(11, 11, 12, 0.06)";
|
|
101
101
|
readonly md: "0 4px 12px rgba(11, 11, 12, 0.08), 0 1px 2px rgba(11, 11, 12, 0.04)";
|
|
102
102
|
readonly lg: "0 12px 32px rgba(11, 11, 12, 0.10), 0 4px 8px rgba(11, 11, 12, 0.06)";
|
|
103
|
-
readonly focus: "0 0 0 3px rgba(74, 114, 204, 0.35)";
|
|
104
103
|
};
|
|
105
104
|
readonly duration: {
|
|
106
105
|
readonly instant: "80ms";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"light.d.ts","sourceRoot":"","sources":["../../src/semantic/light.ts"],"names":[],"mappings":"AAiBA,eAAO,MAAM,aAAa
|
|
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,
|
|
@@ -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;
|
|
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"}
|
|
@@ -50,15 +50,13 @@
|
|
|
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-
|
|
54
|
-
--ds-font-size-2xs: 0.75rem;
|
|
55
|
-
--ds-font-size-xs: 0.8125rem;
|
|
53
|
+
--ds-font-size-xs: 0.75rem;
|
|
56
54
|
--ds-font-size-sm: 0.875rem;
|
|
57
55
|
--ds-font-size-md: 1rem;
|
|
58
|
-
--ds-font-size-lg: 1.
|
|
59
|
-
--ds-font-size-xl: 1.
|
|
56
|
+
--ds-font-size-lg: 1.25rem;
|
|
57
|
+
--ds-font-size-xl: 1.5rem;
|
|
60
58
|
--ds-font-size-2xl: 1.75rem;
|
|
61
|
-
--ds-font-size-3xl:
|
|
59
|
+
--ds-font-size-3xl: 2rem;
|
|
62
60
|
--ds-font-size-4xl: 3rem;
|
|
63
61
|
--ds-font-size-5xl: 4rem;
|
|
64
62
|
--ds-font-weight-regular: 400;
|
|
@@ -86,7 +84,8 @@
|
|
|
86
84
|
--ds-shadow-sm: 0 1px 2px rgba(11, 11, 12, 0.06);
|
|
87
85
|
--ds-shadow-md: 0 4px 12px rgba(11, 11, 12, 0.08), 0 1px 2px rgba(11, 11, 12, 0.04);
|
|
88
86
|
--ds-shadow-lg: 0 12px 32px rgba(11, 11, 12, 0.10), 0 4px 8px rgba(11, 11, 12, 0.06);
|
|
89
|
-
--ds-shadow-focus: 0 0 0 3px rgba(
|
|
87
|
+
--ds-shadow-focus: 0 0 0 3px rgba(106, 149, 232, 0.45);
|
|
88
|
+
--ds-shadow-focus-danger: 0 0 0 3px rgba(178, 26, 10, 0.3);
|
|
90
89
|
--ds-duration-instant: 80ms;
|
|
91
90
|
--ds-duration-fast: 120ms;
|
|
92
91
|
--ds-duration-normal: 180ms;
|
|
@@ -162,15 +161,13 @@
|
|
|
162
161
|
--ds-font-display: 'Source Serif 4', Georgia, 'Times New Roman', serif;
|
|
163
162
|
--ds-font-body: 'General Sans', 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
|
|
164
163
|
--ds-font-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;
|
|
165
|
-
--ds-font-size-
|
|
166
|
-
--ds-font-size-2xs: 0.75rem;
|
|
167
|
-
--ds-font-size-xs: 0.8125rem;
|
|
164
|
+
--ds-font-size-xs: 0.75rem;
|
|
168
165
|
--ds-font-size-sm: 0.875rem;
|
|
169
166
|
--ds-font-size-md: 1rem;
|
|
170
|
-
--ds-font-size-lg: 1.
|
|
171
|
-
--ds-font-size-xl: 1.
|
|
167
|
+
--ds-font-size-lg: 1.25rem;
|
|
168
|
+
--ds-font-size-xl: 1.5rem;
|
|
172
169
|
--ds-font-size-2xl: 1.75rem;
|
|
173
|
-
--ds-font-size-3xl:
|
|
170
|
+
--ds-font-size-3xl: 2rem;
|
|
174
171
|
--ds-font-size-4xl: 3rem;
|
|
175
172
|
--ds-font-size-5xl: 4rem;
|
|
176
173
|
--ds-font-weight-regular: 400;
|
|
@@ -198,7 +195,8 @@
|
|
|
198
195
|
--ds-shadow-sm: 0 1px 2px rgba(11, 11, 12, 0.06);
|
|
199
196
|
--ds-shadow-md: 0 4px 12px rgba(11, 11, 12, 0.08), 0 1px 2px rgba(11, 11, 12, 0.04);
|
|
200
197
|
--ds-shadow-lg: 0 12px 32px rgba(11, 11, 12, 0.10), 0 4px 8px rgba(11, 11, 12, 0.06);
|
|
201
|
-
--ds-shadow-focus: 0 0 0 3px rgba(
|
|
198
|
+
--ds-shadow-focus: 0 0 0 3px rgba(106, 149, 232, 0.45);
|
|
199
|
+
--ds-shadow-focus-danger: 0 0 0 3px rgba(178, 26, 10, 0.3);
|
|
202
200
|
--ds-duration-instant: 80ms;
|
|
203
201
|
--ds-duration-fast: 120ms;
|
|
204
202
|
--ds-duration-normal: 180ms;
|
|
@@ -50,15 +50,13 @@
|
|
|
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-
|
|
54
|
-
--ds-font-size-2xs: 0.75rem;
|
|
55
|
-
--ds-font-size-xs: 0.8125rem;
|
|
53
|
+
--ds-font-size-xs: 0.75rem;
|
|
56
54
|
--ds-font-size-sm: 0.875rem;
|
|
57
55
|
--ds-font-size-md: 1rem;
|
|
58
|
-
--ds-font-size-lg: 1.
|
|
59
|
-
--ds-font-size-xl: 1.
|
|
56
|
+
--ds-font-size-lg: 1.25rem;
|
|
57
|
+
--ds-font-size-xl: 1.5rem;
|
|
60
58
|
--ds-font-size-2xl: 1.75rem;
|
|
61
|
-
--ds-font-size-3xl:
|
|
59
|
+
--ds-font-size-3xl: 2rem;
|
|
62
60
|
--ds-font-size-4xl: 3rem;
|
|
63
61
|
--ds-font-size-5xl: 4rem;
|
|
64
62
|
--ds-font-weight-regular: 400;
|
|
@@ -87,6 +85,7 @@
|
|
|
87
85
|
--ds-shadow-md: 0 4px 12px rgba(11, 11, 12, 0.08), 0 1px 2px rgba(11, 11, 12, 0.04);
|
|
88
86
|
--ds-shadow-lg: 0 12px 32px rgba(11, 11, 12, 0.10), 0 4px 8px rgba(11, 11, 12, 0.06);
|
|
89
87
|
--ds-shadow-focus: 0 0 0 3px rgba(74, 114, 204, 0.35);
|
|
88
|
+
--ds-shadow-focus-danger: 0 0 0 3px rgba(178, 26, 10, 0.3);
|
|
90
89
|
--ds-duration-instant: 80ms;
|
|
91
90
|
--ds-duration-fast: 120ms;
|
|
92
91
|
--ds-duration-normal: 180ms;
|