ksk-design-system 2.2.0 → 2.4.0

package/dist/native.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, r, t as i } from "./native-DlR32_Lk.js";
+import { a as e, i as t, n, r, t as i } from "./native-BsJ3ntN3.js";
 export { i as getTheme, r as primitives, t as scales, n as themeNames, e as themes };

package/dist/types/tokens/native/primitives.d.ts

@@ -1,14 +1,14 @@
 export declare const primitives: {
-    readonly "Gray-50": "#F9FAFB";
-    readonly "Gray-100": "#F3F4F6";
-    readonly "Gray-200": "#E5E7EB";
-    readonly "Gray-300": "#D1D5DB";
-    readonly "Gray-400": "#9CA3AF";
-    readonly "Gray-500": "#6B7280";
-    readonly "Gray-600": "#4B5563";
-    readonly "Gray-700": "#374151";
-    readonly "Gray-800": "#1F2937";
-    readonly "Gray-900": "#111827";
+    readonly "Gray-50": "#FAFAFA";
+    readonly "Gray-100": "#F4F4F5";
+    readonly "Gray-200": "#E4E4E7";
+    readonly "Gray-300": "#D4D4D8";
+    readonly "Gray-400": "#A1A1AA";
+    readonly "Gray-500": "#71717A";
+    readonly "Gray-600": "#52525B";
+    readonly "Gray-700": "#3F3F46";
+    readonly "Gray-800": "#27272A";
+    readonly "Gray-900": "#18181B";
     readonly "Red-50": "#FEF2F2";
     readonly "Red-100": "#FEE2E2";
     readonly "Red-200": "#FECACA";
@@ -89,17 +89,17 @@ export declare const primitives: {
     readonly "Pink-700": "#BE185D";
     readonly "Pink-800": "#9D174D";
     readonly "Pink-900": "#831843";
-    readonly "Gray-Alpha-50": "rgba(17, 24, 39, 0.02)";
-    readonly "Gray-Alpha-100": "rgba(17, 24, 39, 0.04)";
-    readonly "Gray-Alpha-200": "rgba(17, 24, 39, 0.08)";
-    readonly "Gray-Alpha-300": "rgba(17, 24, 39, 0.12)";
-    readonly "Gray-Alpha-400": "rgba(17, 24, 39, 0.16)";
-    readonly "Gray-Alpha-500": "rgba(17, 24, 39, 0.24)";
-    readonly "Gray-Alpha-600": "rgba(17, 24, 39, 0.36)";
-    readonly "Gray-Alpha-700": "rgba(17, 24, 39, 0.48)";
-    readonly "Gray-Alpha-800": "rgba(17, 24, 39, 0.64)";
-    readonly "Gray-Alpha-900": "rgba(17, 24, 39, 0.80)";
-    readonly "Gray-Alpha-1000": "rgba(17, 24, 39, 0.92)";
+    readonly "Gray-Alpha-50": "rgba(24, 24, 27, 0.02)";
+    readonly "Gray-Alpha-100": "rgba(24, 24, 27, 0.04)";
+    readonly "Gray-Alpha-200": "rgba(24, 24, 27, 0.08)";
+    readonly "Gray-Alpha-300": "rgba(24, 24, 27, 0.12)";
+    readonly "Gray-Alpha-400": "rgba(24, 24, 27, 0.16)";
+    readonly "Gray-Alpha-500": "rgba(24, 24, 27, 0.24)";
+    readonly "Gray-Alpha-600": "rgba(24, 24, 27, 0.36)";
+    readonly "Gray-Alpha-700": "rgba(24, 24, 27, 0.48)";
+    readonly "Gray-Alpha-800": "rgba(24, 24, 27, 0.64)";
+    readonly "Gray-Alpha-900": "rgba(24, 24, 27, 0.80)";
+    readonly "Gray-Alpha-1000": "rgba(24, 24, 27, 0.92)";
     readonly "White-Alpha-50": "rgba(255, 255, 255, 0.02)";
     readonly "White-Alpha-100": "rgba(255, 255, 255, 0.04)";
     readonly "White-Alpha-200": "rgba(255, 255, 255, 0.08)";

package/dist/types/tokens/native/scales.d.ts

@@ -78,11 +78,11 @@ export declare const scales: {
     };
     readonly borderRadius: {
         readonly none: 0;
-        readonly sm: 4;
-        readonly md: 6;
-        readonly lg: 8;
-        readonly xl: 12;
-        readonly "2xl": 16;
+        readonly sm: 6;
+        readonly md: 10;
+        readonly lg: 14;
+        readonly xl: 18;
+        readonly "2xl": 22;
         readonly full: 9999;
     };
     readonly typography: {
@@ -126,24 +126,24 @@ export declare const scales: {
         };
         readonly body: {
             readonly lg: {
-                readonly fontSize: 16;
+                readonly fontSize: 18;
                 readonly fontWeight: "400";
-                readonly lineHeight: 28;
+                readonly lineHeight: 32;
             };
             readonly md: {
-                readonly fontSize: 14;
+                readonly fontSize: 16;
                 readonly fontWeight: "400";
-                readonly lineHeight: 25;
+                readonly lineHeight: 28;
             };
             readonly sm: {
-                readonly fontSize: 12;
+                readonly fontSize: 14;
                 readonly fontWeight: "400";
-                readonly lineHeight: 18;
+                readonly lineHeight: 21;
             };
             readonly xs: {
-                readonly fontSize: 10;
+                readonly fontSize: 12;
                 readonly fontWeight: "400";
-                readonly lineHeight: 15;
+                readonly lineHeight: 18;
             };
         };
         readonly label: {
@@ -210,15 +210,15 @@ export declare const scales: {
             readonly elevation: 3;
         };
         readonly lg: {
-            readonly boxShadow: "0px 12px 32px -4px rgba(17, 24, 39, 0.12), 0px 8px 16px -6px rgba(17, 24, 39, 0.12)";
+            readonly boxShadow: "0px 12px 32px -4px rgba(24, 24, 27, 0.12), 0px 8px 16px -6px rgba(24, 24, 27, 0.12)";
             readonly elevation: 8;
         };
         readonly dialog: {
-            readonly boxShadow: "0px 12px 32px -4px rgba(17, 24, 39, 0.12), 0px 8px 16px -6px rgba(17, 24, 39, 0.12), 0px 1px 4px 1px rgba(0, 0, 0, 0.2)";
+            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)";
             readonly elevation: 12;
         };
         readonly tooltip: {
-            readonly boxShadow: "0px 8px 8px -4px rgba(17, 24, 39, 0.08), 0px 4px 6px -4px rgba(17, 24, 39, 0.12)";
+            readonly boxShadow: "0px 8px 8px -4px rgba(24, 24, 27, 0.08), 0px 4px 6px -4px rgba(24, 24, 27, 0.12)";
             readonly elevation: 6;
         };
         readonly "sticky-inline-start": {