@antify/ui 1.2.0 → 2.0.0

package/dist/components/tabs/__stories/AntTabs.stories.mjs

@@ -69,6 +69,69 @@ export const FixedHeight = {
   }),
   args: Docs.args
 };
+export const HorizontalScrolling = {
+  render: (args) => ({
+    components: { AntTabs, AntFormGroupLabel, AntFormGroup },
+    setup() {
+      return { args };
+    },
+    template: `
+      <AntFormGroup>
+
+        <AntFormGroupLabel>Default Small</AntFormGroupLabel>
+        <AntFormGroup class="dashed max-w-[320px] overflow-hidden">
+          <AntTabs v-bind="args" v-model="args.modelValue" />
+        </AntFormGroup>
+
+        <AntFormGroupLabel>Expanded Small</AntFormGroupLabel>
+        <AntFormGroup class="dashed max-w-[320px] overflow-hidden">
+          <AntTabs v-bind="args" v-model="args.modelValue" expanded />
+        </AntFormGroup>
+
+        <AntFormGroupLabel>Default Large</AntFormGroupLabel>
+        <AntFormGroup class="dashed">
+          <AntTabs v-bind="args" v-model="args.modelValue" />
+        </AntFormGroup>
+
+        <AntFormGroupLabel>Expanded Large</AntFormGroupLabel>
+        <AntFormGroup class="dashed">
+          <AntTabs v-bind="args" v-model="args.modelValue" expanded />
+        </AntFormGroup>
+
+      </AntFormGroup>
+    `
+  }),
+  args: {
+    tabItems: [
+      {
+        id: "1",
+        label: "First tab"
+      },
+      {
+        id: "2",
+        label: "Second tab"
+      },
+      {
+        id: "3",
+        label: "Third tab",
+        state: TabItemState.warning
+      },
+      {
+        id: "4",
+        label: "Fourth tab",
+        state: TabItemState.danger
+      },
+      {
+        id: "5",
+        label: "Fifth tab"
+      },
+      {
+        id: "6",
+        label: "Sixth tab"
+      }
+    ]
+  }
+};
 export const DifferentStates = {
   render: Docs.render,
   args: {
@@ -90,6 +153,11 @@ export const DifferentStates = {
         id: "4",
         label: "Fourth tab",
         state: TabItemState.danger
+      },
+      {
+        id: "5",
+        label: "Fifth tab",
+        state: TabItemState.info
       }
     ]
   }
@@ -101,6 +169,7 @@ export const Summary = {
       const value_1 = ref();
       const value_2 = ref();
       const value_3 = ref("2");
+      const value_4 = ref();
       const tabItems_1 = [
         {
           id: "1",
@@ -142,14 +211,45 @@ export const Summary = {
           to: "/#"
         }
       ];
+      const tabItems_4 = [
+        {
+          id: "1",
+          label: "First tab"
+        },
+        {
+          id: "2",
+          label: "Second tab"
+        },
+        {
+          id: "3",
+          label: "Third tab",
+          state: TabItemState.warning
+        },
+        {
+          id: "4",
+          label: "Fourth tab",
+          state: TabItemState.danger
+        },
+        {
+          id: "5",
+          label: "Fifth tab",
+          state: TabItemState.info
+        },
+        {
+          id: "6",
+          label: "Sixth tab"
+        }
+      ];
       return {
         args,
         value_1,
         value_2,
         value_3,
+        value_4,
         tabItems_1,
         tabItems_2,
-        tabItems_3
+        tabItems_3,
+        tabItems_4
       };
     },
     template: `
@@ -163,15 +263,30 @@ export const Summary = {
 
         <AntFormGroupLabel>Expanded</AntFormGroupLabel>
         <AntFormGroup>
-          <div class="dashed"><AntTabs v-model="value_1" :tab-items="tabItems_1" expanded separators/></div>
-          <div class="dashed"><AntTabs v-model="value_2" :tab-items="tabItems_2" expanded separators/></div>
-          <div class="dashed"><AntTabs v-model="value_3" :tab-items="tabItems_3" expanded separators/></div>
+          <div class="dashed"><AntTabs v-model="value_1" :tab-items="tabItems_1" expanded/></div>
+          <div class="dashed"><AntTabs v-model="value_2" :tab-items="tabItems_2" expanded/></div>
+          <div class="dashed"><AntTabs v-model="value_3" :tab-items="tabItems_3" expanded/></div>
         </AntFormGroup>
 
         <AntFormGroupLabel>Larger container</AntFormGroupLabel>
         <div class="h-16 dashed">
-          <AntTabs v-model="value_3" :tab-items="tabItems_3" expanded separators/>
+          <AntTabs v-model="value_3" :tab-items="tabItems_3" expanded/>
+        </div>
+
+        <AntFormGroupLabel>Different States</AntFormGroupLabel>
+        <div class="dashed">
+          <AntTabs v-model="value_4" :tab-items="tabItems_4" />
         </div>
+
+        <AntFormGroupLabel>Default Small Parent Container</AntFormGroupLabel>
+        <AntFormGroup class="dashed max-w-[320px] overflow-hidden">
+          <AntTabs v-model="value_4" :tab-items="tabItems_4" />
+        </AntFormGroup>
+
+        <AntFormGroupLabel>Expanded Small Parent Container</AntFormGroupLabel>
+        <AntFormGroup class="dashed max-w-[320px] overflow-hidden">
+          <AntTabs v-model="value_4" :tab-items="tabItems_4" expanded />
+        </AntFormGroup>
       </AntFormGroup>
     `
   }),

package/dist/components/tabs/__types/AntTabItem.types.d.ts

@@ -13,6 +13,7 @@ export type TabItem = {
 };
 export declare enum TabItemState {
     base = "base",
+    info = "info",
     warning = "warning",
     danger = "danger"
 }

package/dist/components/tabs/__types/AntTabItem.types.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.TabItemState = void 0;
 var TabItemState = exports.TabItemState = /* @__PURE__ */(TabItemState2 => {
   TabItemState2["base"] = "base";
+  TabItemState2["info"] = "info";
   TabItemState2["warning"] = "warning";
   TabItemState2["danger"] = "danger";
   return TabItemState2;

package/dist/components/tabs/__types/AntTabItem.types.mjs

@@ -1,5 +1,6 @@
 export var TabItemState = /* @__PURE__ */ ((TabItemState2) => {
   TabItemState2["base"] = "base";
+  TabItemState2["info"] = "info";
   TabItemState2["warning"] = "warning";
   TabItemState2["danger"] = "danger";
   return TabItemState2;

package/dist/tailwind.config.js

@@ -10,17 +10,17 @@ const colors = {
   "transparent": _colors.default.transparent,
   "white": _colors.default.white,
   "black": _colors.default.black,
-  "neutral-50": _colors.default.slate["50"],
-  "neutral-100": _colors.default.slate["100"],
-  "neutral-200": _colors.default.slate["200"],
-  "neutral-300": _colors.default.slate["300"],
-  "neutral-400": _colors.default.slate["400"],
-  "neutral-500": _colors.default.slate["500"],
-  "neutral-600": _colors.default.slate["600"],
-  "neutral-700": _colors.default.slate["700"],
-  "neutral-800": _colors.default.slate["800"],
-  "neutral-900": _colors.default.slate["900"],
-  "neutral-950": _colors.default.slate["950"],
+  "base-50": _colors.default.slate["50"],
+  "base-100": _colors.default.slate["100"],
+  "base-200": _colors.default.slate["200"],
+  "base-300": _colors.default.slate["300"],
+  "base-400": _colors.default.slate["400"],
+  "base-500": _colors.default.slate["500"],
+  "base-600": _colors.default.slate["600"],
+  "base-700": _colors.default.slate["700"],
+  "base-800": _colors.default.slate["800"],
+  "base-900": _colors.default.slate["900"],
+  "base-950": _colors.default.slate["950"],
   "primary-50": _colors.default.sky["50"],
   "primary-100": _colors.default.sky["100"],
   "primary-200": _colors.default.sky["200"],
@@ -89,85 +89,85 @@ const colors = {
   "danger-950": _colors.default.red["950"]
 };
 const fontColors = {
-  "for-white-bg-font": colors["neutral-600"],
-  "for-black-bg-font": colors["neutral-100"],
-  "neutral-50-font": colors["neutral-600"],
-  "neutral-100-font": colors["neutral-600"],
-  "neutral-200-font": colors["neutral-600"],
-  "neutral-300-font": colors["neutral-600"],
-  "neutral-400-font": colors["neutral-600"],
-  "neutral-500-font": colors["neutral-100"],
-  "neutral-600-font": colors["neutral-100"],
-  "neutral-700-font": colors["neutral-100"],
-  "neutral-800-font": colors["neutral-100"],
-  "neutral-900-font": colors["neutral-100"],
-  "neutral-950-font": colors["neutral-100"],
-  "primary-50-font": colors["neutral-600"],
-  "primary-100-font": colors["neutral-600"],
-  "primary-200-font": colors["neutral-600"],
-  "primary-300-font": colors["neutral-600"],
-  "primary-400-font": colors["neutral-600"],
-  "primary-500-font": colors["neutral-100"],
-  "primary-600-font": colors["neutral-100"],
-  "primary-700-font": colors["neutral-100"],
-  "primary-800-font": colors["neutral-100"],
-  "primary-900-font": colors["neutral-100"],
-  "primary-950-font": colors["neutral-100"],
-  "secondary-50-font": colors["neutral-600"],
-  "secondary-100-font": colors["neutral-600"],
-  "secondary-200-font": colors["neutral-600"],
-  "secondary-300-font": colors["neutral-600"],
-  "secondary-400-font": colors["neutral-600"],
-  "secondary-500-font": colors["neutral-100"],
-  "secondary-600-font": colors["neutral-100"],
-  "secondary-700-font": colors["neutral-100"],
-  "secondary-800-font": colors["neutral-100"],
-  "secondary-900-font": colors["neutral-100"],
-  "secondary-950-font": colors["neutral-100"],
-  "success-50-font": colors["neutral-600"],
-  "success-100-font": colors["neutral-600"],
-  "success-200-font": colors["neutral-600"],
-  "success-300-font": colors["neutral-600"],
-  "success-400-font": colors["neutral-600"],
-  "success-500-font": colors["neutral-100"],
-  "success-600-font": colors["neutral-100"],
-  "success-700-font": colors["neutral-100"],
-  "success-800-font": colors["neutral-100"],
-  "success-900-font": colors["neutral-100"],
-  "success-950-font": colors["neutral-100"],
-  "info-50-font": colors["neutral-600"],
-  "info-100-font": colors["neutral-600"],
-  "info-200-font": colors["neutral-600"],
-  "info-300-font": colors["neutral-600"],
-  "info-400-font": colors["neutral-600"],
-  "info-500-font": colors["neutral-100"],
-  "info-600-font": colors["neutral-100"],
-  "info-700-font": colors["neutral-100"],
-  "info-800-font": colors["neutral-100"],
-  "info-900-font": colors["neutral-100"],
-  "info-950-font": colors["neutral-100"],
-  "warning-50-font": colors["neutral-600"],
-  "warning-100-font": colors["neutral-600"],
-  "warning-200-font": colors["neutral-600"],
-  "warning-300-font": colors["neutral-600"],
-  "warning-400-font": colors["neutral-600"],
-  "warning-500-font": colors["neutral-100"],
-  "warning-600-font": colors["neutral-100"],
-  "warning-700-font": colors["neutral-100"],
-  "warning-800-font": colors["neutral-100"],
-  "warning-900-font": colors["neutral-100"],
-  "warning-950-font": colors["neutral-100"],
-  "danger-50-font": colors["neutral-600"],
-  "danger-100-font": colors["neutral-600"],
-  "danger-200-font": colors["neutral-600"],
-  "danger-300-font": colors["neutral-600"],
-  "danger-400-font": colors["neutral-600"],
-  "danger-500-font": colors["neutral-100"],
-  "danger-600-font": colors["neutral-100"],
-  "danger-700-font": colors["neutral-100"],
-  "danger-800-font": colors["neutral-100"],
-  "danger-900-font": colors["neutral-100"],
-  "danger-950-font": colors["neutral-100"]
+  "for-white-bg-font": colors["base-600"],
+  "for-black-bg-font": colors["base-100"],
+  "base-50-font": colors["base-600"],
+  "base-100-font": colors["base-600"],
+  "base-200-font": colors["base-600"],
+  "base-300-font": colors["base-600"],
+  "base-400-font": colors["base-600"],
+  "base-500-font": colors["base-100"],
+  "base-600-font": colors["base-100"],
+  "base-700-font": colors["base-100"],
+  "base-800-font": colors["base-100"],
+  "base-900-font": colors["base-100"],
+  "base-950-font": colors["base-100"],
+  "primary-50-font": colors["base-600"],
+  "primary-100-font": colors["base-600"],
+  "primary-200-font": colors["base-600"],
+  "primary-300-font": colors["base-600"],
+  "primary-400-font": colors["base-600"],
+  "primary-500-font": colors["base-100"],
+  "primary-600-font": colors["base-100"],
+  "primary-700-font": colors["base-100"],
+  "primary-800-font": colors["base-100"],
+  "primary-900-font": colors["base-100"],
+  "primary-950-font": colors["base-100"],
+  "secondary-50-font": colors["base-600"],
+  "secondary-100-font": colors["base-600"],
+  "secondary-200-font": colors["base-600"],
+  "secondary-300-font": colors["base-600"],
+  "secondary-400-font": colors["base-600"],
+  "secondary-500-font": colors["base-100"],
+  "secondary-600-font": colors["base-100"],
+  "secondary-700-font": colors["base-100"],
+  "secondary-800-font": colors["base-100"],
+  "secondary-900-font": colors["base-100"],
+  "secondary-950-font": colors["base-100"],
+  "success-50-font": colors["base-600"],
+  "success-100-font": colors["base-600"],
+  "success-200-font": colors["base-600"],
+  "success-300-font": colors["base-600"],
+  "success-400-font": colors["base-600"],
+  "success-500-font": colors["base-100"],
+  "success-600-font": colors["base-100"],
+  "success-700-font": colors["base-100"],
+  "success-800-font": colors["base-100"],
+  "success-900-font": colors["base-100"],
+  "success-950-font": colors["base-100"],
+  "info-50-font": colors["base-600"],
+  "info-100-font": colors["base-600"],
+  "info-200-font": colors["base-600"],
+  "info-300-font": colors["base-600"],
+  "info-400-font": colors["base-600"],
+  "info-500-font": colors["base-100"],
+  "info-600-font": colors["base-100"],
+  "info-700-font": colors["base-100"],
+  "info-800-font": colors["base-100"],
+  "info-900-font": colors["base-100"],
+  "info-950-font": colors["base-100"],
+  "warning-50-font": colors["base-600"],
+  "warning-100-font": colors["base-600"],
+  "warning-200-font": colors["base-600"],
+  "warning-300-font": colors["base-600"],
+  "warning-400-font": colors["base-600"],
+  "warning-500-font": colors["base-100"],
+  "warning-600-font": colors["base-100"],
+  "warning-700-font": colors["base-100"],
+  "warning-800-font": colors["base-100"],
+  "warning-900-font": colors["base-100"],
+  "warning-950-font": colors["base-100"],
+  "danger-50-font": colors["base-600"],
+  "danger-100-font": colors["base-600"],
+  "danger-200-font": colors["base-600"],
+  "danger-300-font": colors["base-600"],
+  "danger-400-font": colors["base-600"],
+  "danger-500-font": colors["base-100"],
+  "danger-600-font": colors["base-100"],
+  "danger-700-font": colors["base-100"],
+  "danger-800-font": colors["base-100"],
+  "danger-900-font": colors["base-100"],
+  "danger-950-font": colors["base-100"]
 };
 module.exports = {
   content: ["./src/**/*.{vue,js,ts,jsx,tsx}"],
@@ -186,10 +186,10 @@ module.exports = {
       keyframes: {
         "skeleton": {
           "0%, 100%": {
-            "background-color": colors["neutral-300"]
+            "background-color": colors["base-300"]
           },
           "50%": {
-            "background-color": colors["neutral-100"]
+            "background-color": colors["base-100"]
           }
         }
       }

package/dist/tailwind.config.mjs

@@ -3,17 +3,17 @@ const colors = {
   "transparent": defaultColors.transparent,
   "white": defaultColors.white,
   "black": defaultColors.black,
-  "neutral-50": defaultColors.slate["50"],
-  "neutral-100": defaultColors.slate["100"],
-  "neutral-200": defaultColors.slate["200"],
-  "neutral-300": defaultColors.slate["300"],
-  "neutral-400": defaultColors.slate["400"],
-  "neutral-500": defaultColors.slate["500"],
-  "neutral-600": defaultColors.slate["600"],
-  "neutral-700": defaultColors.slate["700"],
-  "neutral-800": defaultColors.slate["800"],
-  "neutral-900": defaultColors.slate["900"],
-  "neutral-950": defaultColors.slate["950"],
+  "base-50": defaultColors.slate["50"],
+  "base-100": defaultColors.slate["100"],
+  "base-200": defaultColors.slate["200"],
+  "base-300": defaultColors.slate["300"],
+  "base-400": defaultColors.slate["400"],
+  "base-500": defaultColors.slate["500"],
+  "base-600": defaultColors.slate["600"],
+  "base-700": defaultColors.slate["700"],
+  "base-800": defaultColors.slate["800"],
+  "base-900": defaultColors.slate["900"],
+  "base-950": defaultColors.slate["950"],
   "primary-50": defaultColors.sky["50"],
   "primary-100": defaultColors.sky["100"],
   "primary-200": defaultColors.sky["200"],
@@ -82,85 +82,85 @@ const colors = {
   "danger-950": defaultColors.red["950"]
 };
 const fontColors = {
-  "for-white-bg-font": colors["neutral-600"],
-  "for-black-bg-font": colors["neutral-100"],
-  "neutral-50-font": colors["neutral-600"],
-  "neutral-100-font": colors["neutral-600"],
-  "neutral-200-font": colors["neutral-600"],
-  "neutral-300-font": colors["neutral-600"],
-  "neutral-400-font": colors["neutral-600"],
-  "neutral-500-font": colors["neutral-100"],
-  "neutral-600-font": colors["neutral-100"],
-  "neutral-700-font": colors["neutral-100"],
-  "neutral-800-font": colors["neutral-100"],
-  "neutral-900-font": colors["neutral-100"],
-  "neutral-950-font": colors["neutral-100"],
-  "primary-50-font": colors["neutral-600"],
-  "primary-100-font": colors["neutral-600"],
-  "primary-200-font": colors["neutral-600"],
-  "primary-300-font": colors["neutral-600"],
-  "primary-400-font": colors["neutral-600"],
-  "primary-500-font": colors["neutral-100"],
-  "primary-600-font": colors["neutral-100"],
-  "primary-700-font": colors["neutral-100"],
-  "primary-800-font": colors["neutral-100"],
-  "primary-900-font": colors["neutral-100"],
-  "primary-950-font": colors["neutral-100"],
-  "secondary-50-font": colors["neutral-600"],
-  "secondary-100-font": colors["neutral-600"],
-  "secondary-200-font": colors["neutral-600"],
-  "secondary-300-font": colors["neutral-600"],
-  "secondary-400-font": colors["neutral-600"],
-  "secondary-500-font": colors["neutral-100"],
-  "secondary-600-font": colors["neutral-100"],
-  "secondary-700-font": colors["neutral-100"],
-  "secondary-800-font": colors["neutral-100"],
-  "secondary-900-font": colors["neutral-100"],
-  "secondary-950-font": colors["neutral-100"],
-  "success-50-font": colors["neutral-600"],
-  "success-100-font": colors["neutral-600"],
-  "success-200-font": colors["neutral-600"],
-  "success-300-font": colors["neutral-600"],
-  "success-400-font": colors["neutral-600"],
-  "success-500-font": colors["neutral-100"],
-  "success-600-font": colors["neutral-100"],
-  "success-700-font": colors["neutral-100"],
-  "success-800-font": colors["neutral-100"],
-  "success-900-font": colors["neutral-100"],
-  "success-950-font": colors["neutral-100"],
-  "info-50-font": colors["neutral-600"],
-  "info-100-font": colors["neutral-600"],
-  "info-200-font": colors["neutral-600"],
-  "info-300-font": colors["neutral-600"],
-  "info-400-font": colors["neutral-600"],
-  "info-500-font": colors["neutral-100"],
-  "info-600-font": colors["neutral-100"],
-  "info-700-font": colors["neutral-100"],
-  "info-800-font": colors["neutral-100"],
-  "info-900-font": colors["neutral-100"],
-  "info-950-font": colors["neutral-100"],
-  "warning-50-font": colors["neutral-600"],
-  "warning-100-font": colors["neutral-600"],
-  "warning-200-font": colors["neutral-600"],
-  "warning-300-font": colors["neutral-600"],
-  "warning-400-font": colors["neutral-600"],
-  "warning-500-font": colors["neutral-100"],
-  "warning-600-font": colors["neutral-100"],
-  "warning-700-font": colors["neutral-100"],
-  "warning-800-font": colors["neutral-100"],
-  "warning-900-font": colors["neutral-100"],
-  "warning-950-font": colors["neutral-100"],
-  "danger-50-font": colors["neutral-600"],
-  "danger-100-font": colors["neutral-600"],
-  "danger-200-font": colors["neutral-600"],
-  "danger-300-font": colors["neutral-600"],
-  "danger-400-font": colors["neutral-600"],
-  "danger-500-font": colors["neutral-100"],
-  "danger-600-font": colors["neutral-100"],
-  "danger-700-font": colors["neutral-100"],
-  "danger-800-font": colors["neutral-100"],
-  "danger-900-font": colors["neutral-100"],
-  "danger-950-font": colors["neutral-100"]
+  "for-white-bg-font": colors["base-600"],
+  "for-black-bg-font": colors["base-100"],
+  "base-50-font": colors["base-600"],
+  "base-100-font": colors["base-600"],
+  "base-200-font": colors["base-600"],
+  "base-300-font": colors["base-600"],
+  "base-400-font": colors["base-600"],
+  "base-500-font": colors["base-100"],
+  "base-600-font": colors["base-100"],
+  "base-700-font": colors["base-100"],
+  "base-800-font": colors["base-100"],
+  "base-900-font": colors["base-100"],
+  "base-950-font": colors["base-100"],
+  "primary-50-font": colors["base-600"],
+  "primary-100-font": colors["base-600"],
+  "primary-200-font": colors["base-600"],
+  "primary-300-font": colors["base-600"],
+  "primary-400-font": colors["base-600"],
+  "primary-500-font": colors["base-100"],
+  "primary-600-font": colors["base-100"],
+  "primary-700-font": colors["base-100"],
+  "primary-800-font": colors["base-100"],
+  "primary-900-font": colors["base-100"],
+  "primary-950-font": colors["base-100"],
+  "secondary-50-font": colors["base-600"],
+  "secondary-100-font": colors["base-600"],
+  "secondary-200-font": colors["base-600"],
+  "secondary-300-font": colors["base-600"],
+  "secondary-400-font": colors["base-600"],
+  "secondary-500-font": colors["base-100"],
+  "secondary-600-font": colors["base-100"],
+  "secondary-700-font": colors["base-100"],
+  "secondary-800-font": colors["base-100"],
+  "secondary-900-font": colors["base-100"],
+  "secondary-950-font": colors["base-100"],
+  "success-50-font": colors["base-600"],
+  "success-100-font": colors["base-600"],
+  "success-200-font": colors["base-600"],
+  "success-300-font": colors["base-600"],
+  "success-400-font": colors["base-600"],
+  "success-500-font": colors["base-100"],
+  "success-600-font": colors["base-100"],
+  "success-700-font": colors["base-100"],
+  "success-800-font": colors["base-100"],
+  "success-900-font": colors["base-100"],
+  "success-950-font": colors["base-100"],
+  "info-50-font": colors["base-600"],
+  "info-100-font": colors["base-600"],
+  "info-200-font": colors["base-600"],
+  "info-300-font": colors["base-600"],
+  "info-400-font": colors["base-600"],
+  "info-500-font": colors["base-100"],
+  "info-600-font": colors["base-100"],
+  "info-700-font": colors["base-100"],
+  "info-800-font": colors["base-100"],
+  "info-900-font": colors["base-100"],
+  "info-950-font": colors["base-100"],
+  "warning-50-font": colors["base-600"],
+  "warning-100-font": colors["base-600"],
+  "warning-200-font": colors["base-600"],
+  "warning-300-font": colors["base-600"],
+  "warning-400-font": colors["base-600"],
+  "warning-500-font": colors["base-100"],
+  "warning-600-font": colors["base-100"],
+  "warning-700-font": colors["base-100"],
+  "warning-800-font": colors["base-100"],
+  "warning-900-font": colors["base-100"],
+  "warning-950-font": colors["base-100"],
+  "danger-50-font": colors["base-600"],
+  "danger-100-font": colors["base-600"],
+  "danger-200-font": colors["base-600"],
+  "danger-300-font": colors["base-600"],
+  "danger-400-font": colors["base-600"],
+  "danger-500-font": colors["base-100"],
+  "danger-600-font": colors["base-100"],
+  "danger-700-font": colors["base-100"],
+  "danger-800-font": colors["base-100"],
+  "danger-900-font": colors["base-100"],
+  "danger-950-font": colors["base-100"]
 };
 export default {
   content: [
@@ -180,8 +180,8 @@ export default {
       },
       keyframes: {
         "skeleton": {
-          "0%, 100%": { "background-color": colors["neutral-300"] },
-          "50%": { "background-color": colors["neutral-100"] }
+          "0%, 100%": { "background-color": colors["base-300"] },
+          "50%": { "background-color": colors["base-100"] }
         }
       }
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antify/ui",
-  "version": "1.2.0",
+  "version": "2.0.0",
   "private": false,
   "type": "module",
   "exports": {