ksk-design-system 2.2.0 → 2.3.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/DESIGN.md +16 -16
- package/README.md +20 -3
- package/contracts/components.json +1 -1
- package/contracts/token-hex-cache.json +28 -28
- package/dist/native/ui.js +1 -1
- package/dist/{native-DlR32_Lk.js → native-E7YOVABy.js} +227 -227
- package/dist/native.js +1 -1
- package/dist/types/tokens/native/primitives.d.ts +21 -21
- package/dist/types/tokens/native/scales.d.ts +8 -8
- package/dist/types/tokens/native/themes.d.ts +198 -198
- package/package.json +1 -1
- package/src/components/COMPONENT_LOOKUP.md +1 -1
- package/src/preset.css +1 -1
- package/src/styles/primitive.css +21 -21
- package/tokens.json +34 -24
package/dist/native.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { a as e, i as t, n, r, t as i } from "./native-
|
|
1
|
+
import { a as e, i as t, n, r, t as i } from "./native-E7YOVABy.js";
|
|
2
2
|
export { i as getTheme, r as primitives, t as scales, n as themeNames, e as themes };
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
export declare const primitives: {
|
|
2
|
-
readonly "Gray-50": "#
|
|
3
|
-
readonly "Gray-100": "#
|
|
4
|
-
readonly "Gray-200": "#
|
|
5
|
-
readonly "Gray-300": "#
|
|
6
|
-
readonly "Gray-400": "#
|
|
7
|
-
readonly "Gray-500": "#
|
|
8
|
-
readonly "Gray-600": "#
|
|
9
|
-
readonly "Gray-700": "#
|
|
10
|
-
readonly "Gray-800": "#
|
|
11
|
-
readonly "Gray-900": "#
|
|
2
|
+
readonly "Gray-50": "#FAFAFA";
|
|
3
|
+
readonly "Gray-100": "#F4F4F5";
|
|
4
|
+
readonly "Gray-200": "#E4E4E7";
|
|
5
|
+
readonly "Gray-300": "#D4D4D8";
|
|
6
|
+
readonly "Gray-400": "#A1A1AA";
|
|
7
|
+
readonly "Gray-500": "#71717A";
|
|
8
|
+
readonly "Gray-600": "#52525B";
|
|
9
|
+
readonly "Gray-700": "#3F3F46";
|
|
10
|
+
readonly "Gray-800": "#27272A";
|
|
11
|
+
readonly "Gray-900": "#18181B";
|
|
12
12
|
readonly "Red-50": "#FEF2F2";
|
|
13
13
|
readonly "Red-100": "#FEE2E2";
|
|
14
14
|
readonly "Red-200": "#FECACA";
|
|
@@ -89,17 +89,17 @@ export declare const primitives: {
|
|
|
89
89
|
readonly "Pink-700": "#BE185D";
|
|
90
90
|
readonly "Pink-800": "#9D174D";
|
|
91
91
|
readonly "Pink-900": "#831843";
|
|
92
|
-
readonly "Gray-Alpha-50": "rgba(
|
|
93
|
-
readonly "Gray-Alpha-100": "rgba(
|
|
94
|
-
readonly "Gray-Alpha-200": "rgba(
|
|
95
|
-
readonly "Gray-Alpha-300": "rgba(
|
|
96
|
-
readonly "Gray-Alpha-400": "rgba(
|
|
97
|
-
readonly "Gray-Alpha-500": "rgba(
|
|
98
|
-
readonly "Gray-Alpha-600": "rgba(
|
|
99
|
-
readonly "Gray-Alpha-700": "rgba(
|
|
100
|
-
readonly "Gray-Alpha-800": "rgba(
|
|
101
|
-
readonly "Gray-Alpha-900": "rgba(
|
|
102
|
-
readonly "Gray-Alpha-1000": "rgba(
|
|
92
|
+
readonly "Gray-Alpha-50": "rgba(24, 24, 27, 0.02)";
|
|
93
|
+
readonly "Gray-Alpha-100": "rgba(24, 24, 27, 0.04)";
|
|
94
|
+
readonly "Gray-Alpha-200": "rgba(24, 24, 27, 0.08)";
|
|
95
|
+
readonly "Gray-Alpha-300": "rgba(24, 24, 27, 0.12)";
|
|
96
|
+
readonly "Gray-Alpha-400": "rgba(24, 24, 27, 0.16)";
|
|
97
|
+
readonly "Gray-Alpha-500": "rgba(24, 24, 27, 0.24)";
|
|
98
|
+
readonly "Gray-Alpha-600": "rgba(24, 24, 27, 0.36)";
|
|
99
|
+
readonly "Gray-Alpha-700": "rgba(24, 24, 27, 0.48)";
|
|
100
|
+
readonly "Gray-Alpha-800": "rgba(24, 24, 27, 0.64)";
|
|
101
|
+
readonly "Gray-Alpha-900": "rgba(24, 24, 27, 0.80)";
|
|
102
|
+
readonly "Gray-Alpha-1000": "rgba(24, 24, 27, 0.92)";
|
|
103
103
|
readonly "White-Alpha-50": "rgba(255, 255, 255, 0.02)";
|
|
104
104
|
readonly "White-Alpha-100": "rgba(255, 255, 255, 0.04)";
|
|
105
105
|
readonly "White-Alpha-200": "rgba(255, 255, 255, 0.08)";
|
|
@@ -78,11 +78,11 @@ export declare const scales: {
|
|
|
78
78
|
};
|
|
79
79
|
readonly borderRadius: {
|
|
80
80
|
readonly none: 0;
|
|
81
|
-
readonly sm:
|
|
82
|
-
readonly md:
|
|
83
|
-
readonly lg:
|
|
84
|
-
readonly xl:
|
|
85
|
-
readonly "2xl":
|
|
81
|
+
readonly sm: 6;
|
|
82
|
+
readonly md: 10;
|
|
83
|
+
readonly lg: 14;
|
|
84
|
+
readonly xl: 18;
|
|
85
|
+
readonly "2xl": 22;
|
|
86
86
|
readonly full: 9999;
|
|
87
87
|
};
|
|
88
88
|
readonly typography: {
|
|
@@ -210,15 +210,15 @@ export declare const scales: {
|
|
|
210
210
|
readonly elevation: 3;
|
|
211
211
|
};
|
|
212
212
|
readonly lg: {
|
|
213
|
-
readonly boxShadow: "0px 12px 32px -4px rgba(
|
|
213
|
+
readonly boxShadow: "0px 12px 32px -4px rgba(24, 24, 27, 0.12), 0px 8px 16px -6px rgba(24, 24, 27, 0.12)";
|
|
214
214
|
readonly elevation: 8;
|
|
215
215
|
};
|
|
216
216
|
readonly dialog: {
|
|
217
|
-
readonly boxShadow: "0px 12px 32px -4px rgba(
|
|
217
|
+
readonly boxShadow: "0px 12px 32px -4px rgba(24, 24, 27, 0.12), 0px 8px 16px -6px rgba(24, 24, 27, 0.12), 0px 1px 4px 1px rgba(0, 0, 0, 0.2)";
|
|
218
218
|
readonly elevation: 12;
|
|
219
219
|
};
|
|
220
220
|
readonly tooltip: {
|
|
221
|
-
readonly boxShadow: "0px 8px 8px -4px rgba(
|
|
221
|
+
readonly boxShadow: "0px 8px 8px -4px rgba(24, 24, 27, 0.08), 0px 4px 6px -4px rgba(24, 24, 27, 0.12)";
|
|
222
222
|
readonly elevation: 6;
|
|
223
223
|
};
|
|
224
224
|
readonly "sticky-inline-start": {
|