@jsekulowicz/ds-tokens 0.32.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 +1 -1
- 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/semantic/dark.d.ts +8 -7
- 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 +2 -1
- 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 +4 -2
- package/dist/theme-default-light.css +1 -0
- 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;
|
|
@@ -93,7 +94,6 @@
|
|
|
93
94
|
--ds-shadow-sm: 0 1px 2px rgba(11, 11, 12, 0.06);
|
|
94
95
|
--ds-shadow-md: 0 4px 12px rgba(11, 11, 12, 0.08), 0 1px 2px rgba(11, 11, 12, 0.04);
|
|
95
96
|
--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
97
|
--ds-size-xs: 1.75rem;
|
|
98
98
|
--ds-size-sm: 2rem;
|
|
99
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"}
|
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";
|
|
@@ -93,13 +101,6 @@ export declare const semanticDark: {
|
|
|
93
101
|
readonly regular: "1.5px";
|
|
94
102
|
readonly heavy: "2px";
|
|
95
103
|
};
|
|
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
104
|
readonly duration: {
|
|
104
105
|
readonly instant: "80ms";
|
|
105
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
|
@@ -94,11 +94,12 @@ export declare const semanticLight: {
|
|
|
94
94
|
readonly heavy: "2px";
|
|
95
95
|
};
|
|
96
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)";
|
|
97
99
|
readonly none: "none";
|
|
98
100
|
readonly sm: "0 1px 2px rgba(11, 11, 12, 0.06)";
|
|
99
101
|
readonly md: "0 4px 12px rgba(11, 11, 12, 0.08), 0 1px 2px rgba(11, 11, 12, 0.04)";
|
|
100
102
|
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
|
};
|
|
103
104
|
readonly duration: {
|
|
104
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"}
|
|
@@ -84,7 +84,8 @@
|
|
|
84
84
|
--ds-shadow-sm: 0 1px 2px rgba(11, 11, 12, 0.06);
|
|
85
85
|
--ds-shadow-md: 0 4px 12px rgba(11, 11, 12, 0.08), 0 1px 2px rgba(11, 11, 12, 0.04);
|
|
86
86
|
--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(
|
|
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);
|
|
88
89
|
--ds-duration-instant: 80ms;
|
|
89
90
|
--ds-duration-fast: 120ms;
|
|
90
91
|
--ds-duration-normal: 180ms;
|
|
@@ -194,7 +195,8 @@
|
|
|
194
195
|
--ds-shadow-sm: 0 1px 2px rgba(11, 11, 12, 0.06);
|
|
195
196
|
--ds-shadow-md: 0 4px 12px rgba(11, 11, 12, 0.08), 0 1px 2px rgba(11, 11, 12, 0.04);
|
|
196
197
|
--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(
|
|
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);
|
|
198
200
|
--ds-duration-instant: 80ms;
|
|
199
201
|
--ds-duration-fast: 120ms;
|
|
200
202
|
--ds-duration-normal: 180ms;
|
|
@@ -85,6 +85,7 @@
|
|
|
85
85
|
--ds-shadow-md: 0 4px 12px rgba(11, 11, 12, 0.08), 0 1px 2px rgba(11, 11, 12, 0.04);
|
|
86
86
|
--ds-shadow-lg: 0 12px 32px rgba(11, 11, 12, 0.10), 0 4px 8px rgba(11, 11, 12, 0.06);
|
|
87
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);
|
|
88
89
|
--ds-duration-instant: 80ms;
|
|
89
90
|
--ds-duration-fast: 120ms;
|
|
90
91
|
--ds-duration-normal: 180ms;
|