sud-ui 0.1.14 → 0.1.16

package/dist/index.js

@@ -794,15 +794,15 @@ const e1 = {
   },
   components: {
     button: {
-      default: { bg: "neutral-8", txt: "neutral-1", border: "neutral-7" },
+      default: { bg: "neutral-9", txt: "neutral-2", border: "neutral-8" },
       sub: { bg: "neutral-7", txt: "neutral-1", border: "neutral-8" },
       disabled: { bg: "neutral-9", txt: "neutral-7", border: "neutral-8" },
-      primary: { bg: "blue-7", txt: "white-10", border: "blue-8" },
-      secondary: { bg: "neutral-7", txt: "white-10", border: "neutral-8" },
-      success: { bg: "forest-7", txt: "white-10", border: "forest-8" },
-      warning: { bg: "amber-7", txt: "neutral-1", border: "amber-8" },
-      danger: { bg: "red-7", txt: "white-10", border: "red-8" },
-      info: { bg: "sky-7", txt: "white-10", border: "sky-8" },
+      primary: { bg: "blue-5", txt: "white-10", border: "blue-6" },
+      secondary: { bg: "neutral-5", txt: "white-10", border: "neutral-6" },
+      success: { bg: "forest-5", txt: "white-10", border: "forest-6" },
+      warning: { bg: "amber-5", txt: "neutral-1", border: "amber-6" },
+      danger: { bg: "red-5", txt: "white-10", border: "red-6" },
+      info: { bg: "sky-5", txt: "white-10", border: "sky-6" },
       ghost: { bg: "transparent-1", txt: "neutral-3", border: "neutral-7" },
       text: { bg: "transparent-1", txt: "neutral-3", border: "transparent-1" }
     },
@@ -827,56 +827,56 @@ const e1 = {
     },
     badge: {
       default: { bg: "neutral-7", txt: "neutral-3" },
-      primary: { bg: "blue-9", txt: "blue-3", border: "blue-10" },
-      success: { bg: "forest-9", txt: "forest-3", border: "forest-10" },
-      warning: { bg: "amber-9", txt: "amber-3", border: "amber-10" },
-      danger: { bg: "red-9", txt: "red-3", border: "red-10" },
-      info: { bg: "sky-9", txt: "sky-3", border: "sky-10" }
+      primary: { bg: "blue-5", txt: "blue-3", border: "blue-6" },
+      success: { bg: "forest-5", txt: "forest-3", border: "forest-6" },
+      warning: { bg: "amber-5", txt: "amber-3", border: "amber-6" },
+      danger: { bg: "red-5", txt: "red-3", border: "red-6" },
+      info: { bg: "sky-5", txt: "sky-3", border: "sky-6" }
     },
     alert: {
       default: { bg: "neutral-8", txt: "neutral-2", border: "neutral-7" },
-      primary: { bg: "blue-9", txt: "blue-2", border: "blue-7" },
-      success: { bg: "forest-9", txt: "forest-2", border: "forest-7" },
-      warning: { bg: "amber-9", txt: "amber-2", border: "amber-7" },
-      danger: { bg: "red-9", txt: "red-2", border: "red-7" },
-      info: { bg: "sky-9", txt: "sky-2", border: "sky-7" }
+      primary: { bg: "blue-5", txt: "blue-2", border: "blue-6" },
+      success: { bg: "forest-5", txt: "forest-2", border: "forest-6" },
+      warning: { bg: "amber-5", txt: "amber-2", border: "amber-6" },
+      danger: { bg: "red-5", txt: "red-2", border: "red-6" },
+      info: { bg: "sky-5", txt: "sky-2", border: "sky-6" }
     },
     tag: {
       default: { bg: "neutral-7", txt: "neutral-2", border: "neutral-8" },
-      red: { bg: "red-9", txt: "red-2", border: "red-10" },
-      rose: { bg: "rose-9", txt: "rose-2", border: "rose-10" },
-      coral: { bg: "coral-9", txt: "coral-2", border: "coral-10" },
-      orange: { bg: "orange-9", txt: "orange-2", border: "orange-10" },
-      volcano: { bg: "volcano-9", txt: "volcano-2", border: "volcano-10" },
-      apricot: { bg: "apricot-9", txt: "apricot-2", border: "apricot-10" },
-      yellow: { bg: "yellow-9", txt: "yellow-2", border: "yellow-10" },
-      gold: { bg: "gold-9", txt: "gold-2", border: "gold-10" },
-      amber: { bg: "amber-9", txt: "amber-2", border: "amber-10" },
-      green: { bg: "forest-9", txt: "forest-2", border: "forest-10" },
-      lime: { bg: "lime-9", txt: "lime-2", border: "lime-10" },
-      mint: { bg: "mint-9", txt: "mint-2", border: "mint-10" },
-      blue: { bg: "blue-9", txt: "blue-2", border: "blue-10" },
-      sky: { bg: "sky-9", txt: "sky-2", border: "sky-10" },
-      cerulean: { bg: "cerulean-9", txt: "cerulean-2", border: "cerulean-10" },
-      indigo: { bg: "indigo-9", txt: "indigo-2", border: "indigo-10" },
-      cobalt: { bg: "cobalt-9", txt: "cobalt-2", border: "cobalt-10" },
-      navy: { bg: "navy-9", txt: "navy-2", border: "navy-10" },
-      purple: { bg: "purple-9", txt: "purple-2", border: "purple-10" },
-      plum: { bg: "plum-9", txt: "plum-2", border: "plum-10" },
-      orchid: { bg: "orchid-9", txt: "orchid-2", border: "orchid-10" },
-      forest: { bg: "forest-9", txt: "forest-2", border: "forest-10" },
-      sage: { bg: "sage-9", txt: "sage-2", border: "sage-10" },
+      red: { bg: "red-5", txt: "red-2", border: "red-6" },
+      rose: { bg: "rose-5", txt: "rose-2", border: "rose-6" },
+      coral: { bg: "coral-5", txt: "coral-2", border: "coral-6" },
+      orange: { bg: "orange-5", txt: "orange-2", border: "orange-6" },
+      volcano: { bg: "volcano-5", txt: "volcano-2", border: "volcano-6" },
+      apricot: { bg: "apricot-5", txt: "apricot-2", border: "apricot-6" },
+      yellow: { bg: "yellow-5", txt: "yellow-2", border: "yellow-6" },
+      gold: { bg: "gold-5", txt: "gold-2", border: "gold-6" },
+      amber: { bg: "amber-5", txt: "amber-2", border: "amber-6" },
+      green: { bg: "forest-5", txt: "forest-2", border: "forest-6" },
+      lime: { bg: "lime-5", txt: "lime-2", border: "lime-6" },
+      mint: { bg: "mint-5", txt: "mint-2", border: "mint-6" },
+      blue: { bg: "blue-5", txt: "blue-2", border: "blue-6" },
+      sky: { bg: "sky-5", txt: "sky-2", border: "sky-6" },
+      cerulean: { bg: "cerulean-5", txt: "cerulean-2", border: "cerulean-6" },
+      indigo: { bg: "indigo-5", txt: "indigo-2", border: "indigo-6" },
+      cobalt: { bg: "cobalt-5", txt: "cobalt-2", border: "cobalt-6" },
+      navy: { bg: "navy-5", txt: "navy-2", border: "navy-6" },
+      purple: { bg: "purple-5", txt: "purple-2", border: "purple-6" },
+      plum: { bg: "plum-5", txt: "plum-2", border: "plum-6" },
+      orchid: { bg: "orchid-5", txt: "orchid-2", border: "orchid-6" },
+      forest: { bg: "forest-5", txt: "forest-2", border: "forest-6" },
+      sage: { bg: "sage-5", txt: "sage-2", border: "sage-6" },
       "warm-gray": {
-        bg: "warm-gray-9",
+        bg: "warm-gray-5",
         txt: "warm-gray-2",
-        border: "warm-gray-10"
+        border: "warm-gray-6"
       },
       "cool-gray": {
-        bg: "cool-gray-9",
+        bg: "cool-gray-5",
         txt: "cool-gray-2",
-        border: "cool-gray-10"
+        border: "cool-gray-6"
       },
-      neutral: { bg: "neutral-9", txt: "neutral-2", border: "neutral-10" }
+      neutral: { bg: "neutral-5", txt: "neutral-2", border: "neutral-6" }
     }
   }
 }, f2 = k2(e1), h0 = () => {
@@ -6222,6 +6222,7 @@ const Z1 = ({
         border: i ? `${C}px ${x} ${h}` : "none",
         ...R,
         padding: 3,
+        width: "100%",
         boxShadow: H,
         ...M
       },
@@ -6245,7 +6246,7 @@ const Z1 = ({
             shape: F,
             disabled: v,
             style: {
-              flex: a ? 1 : void 0,
+              flex: 1,
               transition: "background 0.3s ease, color 0.3s ease, box-shadow 0.3s ease"
             },
             children: V