@zenkigen-inc/component-theme 1.15.1 → 1.15.2

package/dist/{colors.d.ts → index.d.mts}

@@ -1,5 +1,5 @@
-export declare const userColors: readonly ["bg-user-red", "bg-user-pink", "bg-user-purple", "bg-user-turquoise", "bg-user-royalBlue", "bg-user-blue", "bg-user-aquamarine", "bg-user-yellowGreen", "bg-user-yellow", "bg-user-orange"];
-export declare const buttonColors: {
+declare const userColors: readonly ["bg-user-red", "bg-user-pink", "bg-user-purple", "bg-user-turquoise", "bg-user-royalBlue", "bg-user-blue", "bg-user-aquamarine", "bg-user-yellowGreen", "bg-user-yellow", "bg-user-orange"];
+declare const buttonColors: {
     readonly fill: {
         readonly base: "border border-interactive01 bg-interactive01 text-textOnColor fill-textOnColor";
         readonly hover: "hover:bg-hover01 hover:border-hover01";
@@ -29,13 +29,13 @@ export declare const buttonColors: {
         readonly selected: "border border-transparent bg-selectedUi text-interactive01 fill-interactive01";
     };
 };
-export declare const iconColors: {
+declare const iconColors: {
     readonly icon01: "fill-icon01";
     readonly icon02: "fill-icon02";
     readonly icon03: "fill-icon03";
     readonly iconOnColor: "fill-iconOnColor";
 };
-export declare const tagColors: {
+declare const tagColors: {
     readonly supportError: "text-textOnColor bg-supportError";
     readonly supportSuccess: "text-textOnColor bg-supportSuccess";
     readonly supportWarning: "text-textOnColor bg-supportWarning";
@@ -53,7 +53,7 @@ export declare const tagColors: {
     readonly default: "text-textOnColor bg-supportInfo";
     readonly gray: "text-text02 bg-gray-gray10";
 };
-export declare const tagLightColors: {
+declare const tagLightColors: {
     readonly supportError: "text-text01 bg-supportErrorLight";
     readonly supportSuccess: "text-text01 bg-supportSuccessLight";
     readonly supportWarning: "text-text01 bg-supportWarningLight";
@@ -71,3 +71,42 @@ export declare const tagLightColors: {
     readonly default: "text-text01 bg-supportInfoLight";
     readonly gray: "text-text01 bg-gray-gray10";
 };
+
+declare const focusVisible: {
+    normal: string;
+    inset: string;
+    normalPeer: string;
+    insetPeer: string;
+};
+
+declare const typography: {
+    readonly heading: {
+        readonly h1: "font-bold leading-0 text-7 tracking-normal no-underline";
+        readonly h2: "font-bold leading-1 text-6 tracking-normal no-underline";
+        readonly h3: "font-bold leading-2 text-5 tracking-normal no-underline";
+        readonly h4: "font-bold leading-3 text-4 tracking-normal no-underline";
+        readonly h5: "font-bold leading-4 text-3 tracking-normal no-underline";
+    };
+    readonly body: {
+        readonly body16bold: "font-bold leading-5 text-4 tracking-normal no-underline";
+        readonly body16regular: "font-normal leading-5 text-4 tracking-normal no-underline";
+        readonly body14bold: "font-bold leading-4 text-3 tracking-normal no-underline";
+        readonly body14regular: "font-normal leading-4 text-3 tracking-normal no-underline";
+        readonly body13bold: "font-bold leading-5 text-2 tracking-normal no-underline";
+        readonly body13regular: "font-normal leading-5 text-2 tracking-normal no-underline";
+        readonly body12bold: "font-bold leading-1 text-1 tracking-normal no-underline";
+        readonly body12regular: "font-normal leading-1 text-1 tracking-normal no-underline";
+    };
+    readonly label: {
+        readonly label16bold: "font-bold leading-6 text-4 tracking-normal no-underline";
+        readonly label16regular: "font-normal leading-6 text-4 tracking-normal no-underline";
+        readonly label14bold: "font-bold leading-6 text-3 tracking-normal no-underline";
+        readonly label14regular: "font-normal leading-6 text-3 tracking-normal no-underline";
+        readonly label12bold: "font-bold leading-6 text-1 tracking-normal no-underline";
+        readonly label12regular: "font-normal leading-6 text-1 tracking-normal no-underline";
+        readonly label11bold: "font-bold leading-6 text-0 tracking-normal no-underline";
+        readonly label11regular: "font-normal leading-6 text-0 tracking-normal no-underline";
+    };
+};
+
+export { buttonColors, focusVisible, iconColors, tagColors, tagLightColors, typography, userColors };

package/dist/index.d.ts

@@ -1,3 +1,112 @@
-export * from './colors';
-export * from './form';
-export * from './typography';
+declare const userColors: readonly ["bg-user-red", "bg-user-pink", "bg-user-purple", "bg-user-turquoise", "bg-user-royalBlue", "bg-user-blue", "bg-user-aquamarine", "bg-user-yellowGreen", "bg-user-yellow", "bg-user-orange"];
+declare const buttonColors: {
+    readonly fill: {
+        readonly base: "border border-interactive01 bg-interactive01 text-textOnColor fill-textOnColor";
+        readonly hover: "hover:bg-hover01 hover:border-hover01";
+        readonly active: "active:bg-active01 active:border-active01";
+        readonly disabled: "disabled:bg-disabled01 disabled:border-disabled01";
+        readonly selected: "border border-transparent bg-selectedUi text-interactive01 fill-interactive01";
+    };
+    readonly fillDanger: {
+        readonly base: "border border-supportDanger bg-supportDanger text-textOnColor fill-textOnColor";
+        readonly hover: "hover:bg-hoverDanger hover:border-hoverDanger";
+        readonly active: "active:bg-activeDanger active:border-activeDanger";
+        readonly disabled: "disabled:bg-disabled01 disabled:border-disabled01";
+        readonly selected: "border border-transparent bg-supportDangerLight text-supportDanger fill-supportDanger";
+    };
+    readonly outline: {
+        readonly base: "border border-uiBorder02 bg-uiBackground01 text-interactive02 fill-interactive02";
+        readonly hover: "hover:bg-hover02";
+        readonly active: "active:bg-active02";
+        readonly disabled: "disabled:border-uiBorder01 disabled:text-disabled01 disabled:fill-disabled01";
+        readonly selected: "border border-interactive01 bg-selectedUi text-interactive01 fill-interactive01";
+    };
+    readonly text: {
+        readonly base: "border border-transparent text-interactive02 fill-interactive02";
+        readonly hover: "hover:bg-hover02 hover:border-hover02";
+        readonly active: "active:bg-active02 active:border-active02";
+        readonly disabled: "disabled:text-disabled01 disabled:fill-disabled01";
+        readonly selected: "border border-transparent bg-selectedUi text-interactive01 fill-interactive01";
+    };
+};
+declare const iconColors: {
+    readonly icon01: "fill-icon01";
+    readonly icon02: "fill-icon02";
+    readonly icon03: "fill-icon03";
+    readonly iconOnColor: "fill-iconOnColor";
+};
+declare const tagColors: {
+    readonly supportError: "text-textOnColor bg-supportError";
+    readonly supportSuccess: "text-textOnColor bg-supportSuccess";
+    readonly supportWarning: "text-textOnColor bg-supportWarning";
+    readonly supportDanger: "text-textOnColor bg-supportDanger";
+    readonly userRed: "text-textOnColor bg-user-red";
+    readonly userPink: "text-textOnColor bg-user-pink";
+    readonly userPurple: "text-textOnColor bg-user-purple";
+    readonly userTurquoise: "text-textOnColor bg-user-turquoise";
+    readonly userRoyalBlue: "text-textOnColor bg-user-royalBlue";
+    readonly userBlue: "text-textOnColor bg-user-blue";
+    readonly userAquamarine: "text-textOnColor bg-user-aquamarine";
+    readonly userYellowGreen: "text-textOnColor bg-user-yellowGreen";
+    readonly userYellow: "text-textOnColor bg-user-yellow";
+    readonly userOrange: "text-textOnColor bg-user-orange";
+    readonly default: "text-textOnColor bg-supportInfo";
+    readonly gray: "text-text02 bg-gray-gray10";
+};
+declare const tagLightColors: {
+    readonly supportError: "text-text01 bg-supportErrorLight";
+    readonly supportSuccess: "text-text01 bg-supportSuccessLight";
+    readonly supportWarning: "text-text01 bg-supportWarningLight";
+    readonly supportDanger: "text-text01 bg-supportDangerLight";
+    readonly userRed: "text-text01 bg-user-redLight";
+    readonly userPink: "text-text01 bg-user-pinkLight";
+    readonly userPurple: "text-text01 bg-user-purpleLight";
+    readonly userTurquoise: "text-text01 bg-user-turquoiseLight";
+    readonly userRoyalBlue: "text-text01 bg-user-royalBlueLight";
+    readonly userBlue: "text-text01 bg-user-blueLight";
+    readonly userAquamarine: "text-text01 bg-user-aquamarineLight";
+    readonly userYellowGreen: "text-text01 bg-user-yellowGreenLight";
+    readonly userYellow: "text-text01 bg-user-yellowLight";
+    readonly userOrange: "text-text01 bg-user-orangeLight";
+    readonly default: "text-text01 bg-supportInfoLight";
+    readonly gray: "text-text01 bg-gray-gray10";
+};
+
+declare const focusVisible: {
+    normal: string;
+    inset: string;
+    normalPeer: string;
+    insetPeer: string;
+};
+
+declare const typography: {
+    readonly heading: {
+        readonly h1: "font-bold leading-0 text-7 tracking-normal no-underline";
+        readonly h2: "font-bold leading-1 text-6 tracking-normal no-underline";
+        readonly h3: "font-bold leading-2 text-5 tracking-normal no-underline";
+        readonly h4: "font-bold leading-3 text-4 tracking-normal no-underline";
+        readonly h5: "font-bold leading-4 text-3 tracking-normal no-underline";
+    };
+    readonly body: {
+        readonly body16bold: "font-bold leading-5 text-4 tracking-normal no-underline";
+        readonly body16regular: "font-normal leading-5 text-4 tracking-normal no-underline";
+        readonly body14bold: "font-bold leading-4 text-3 tracking-normal no-underline";
+        readonly body14regular: "font-normal leading-4 text-3 tracking-normal no-underline";
+        readonly body13bold: "font-bold leading-5 text-2 tracking-normal no-underline";
+        readonly body13regular: "font-normal leading-5 text-2 tracking-normal no-underline";
+        readonly body12bold: "font-bold leading-1 text-1 tracking-normal no-underline";
+        readonly body12regular: "font-normal leading-1 text-1 tracking-normal no-underline";
+    };
+    readonly label: {
+        readonly label16bold: "font-bold leading-6 text-4 tracking-normal no-underline";
+        readonly label16regular: "font-normal leading-6 text-4 tracking-normal no-underline";
+        readonly label14bold: "font-bold leading-6 text-3 tracking-normal no-underline";
+        readonly label14regular: "font-normal leading-6 text-3 tracking-normal no-underline";
+        readonly label12bold: "font-bold leading-6 text-1 tracking-normal no-underline";
+        readonly label12regular: "font-normal leading-6 text-1 tracking-normal no-underline";
+        readonly label11bold: "font-bold leading-6 text-0 tracking-normal no-underline";
+        readonly label11regular: "font-normal leading-6 text-0 tracking-normal no-underline";
+    };
+};
+
+export { buttonColors, focusVisible, iconColors, tagColors, tagLightColors, typography, userColors };

package/dist/index.js

@@ -1,113 +1,166 @@
-const userColors = ['bg-user-red', 'bg-user-pink', 'bg-user-purple', 'bg-user-turquoise', 'bg-user-royalBlue', 'bg-user-blue', 'bg-user-aquamarine', 'bg-user-yellowGreen', 'bg-user-yellow', 'bg-user-orange'];
-const buttonColors = {
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  buttonColors: () => buttonColors,
+  focusVisible: () => focusVisible,
+  iconColors: () => iconColors,
+  tagColors: () => tagColors,
+  tagLightColors: () => tagLightColors,
+  typography: () => typography,
+  userColors: () => userColors
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/colors.ts
+var userColors = [
+  "bg-user-red",
+  "bg-user-pink",
+  "bg-user-purple",
+  "bg-user-turquoise",
+  "bg-user-royalBlue",
+  "bg-user-blue",
+  "bg-user-aquamarine",
+  "bg-user-yellowGreen",
+  "bg-user-yellow",
+  "bg-user-orange"
+];
+var buttonColors = {
   fill: {
-    base: 'border border-interactive01 bg-interactive01 text-textOnColor fill-textOnColor',
-    hover: 'hover:bg-hover01 hover:border-hover01',
-    active: 'active:bg-active01 active:border-active01',
-    disabled: 'disabled:bg-disabled01 disabled:border-disabled01',
-    selected: 'border border-transparent bg-selectedUi text-interactive01 fill-interactive01'
+    base: "border border-interactive01 bg-interactive01 text-textOnColor fill-textOnColor",
+    hover: "hover:bg-hover01 hover:border-hover01",
+    active: "active:bg-active01 active:border-active01",
+    disabled: "disabled:bg-disabled01 disabled:border-disabled01",
+    selected: "border border-transparent bg-selectedUi text-interactive01 fill-interactive01"
   },
   fillDanger: {
-    base: 'border border-supportDanger bg-supportDanger text-textOnColor fill-textOnColor',
-    hover: 'hover:bg-hoverDanger hover:border-hoverDanger',
-    active: 'active:bg-activeDanger active:border-activeDanger',
-    disabled: 'disabled:bg-disabled01 disabled:border-disabled01',
-    selected: 'border border-transparent bg-supportDangerLight text-supportDanger fill-supportDanger'
+    base: "border border-supportDanger bg-supportDanger text-textOnColor fill-textOnColor",
+    hover: "hover:bg-hoverDanger hover:border-hoverDanger",
+    active: "active:bg-activeDanger active:border-activeDanger",
+    disabled: "disabled:bg-disabled01 disabled:border-disabled01",
+    selected: "border border-transparent bg-supportDangerLight text-supportDanger fill-supportDanger"
   },
   outline: {
-    base: 'border border-uiBorder02 bg-uiBackground01 text-interactive02 fill-interactive02',
-    hover: 'hover:bg-hover02',
-    active: 'active:bg-active02',
-    disabled: 'disabled:border-uiBorder01 disabled:text-disabled01 disabled:fill-disabled01',
-    selected: 'border border-interactive01 bg-selectedUi text-interactive01 fill-interactive01'
+    base: "border border-uiBorder02 bg-uiBackground01 text-interactive02 fill-interactive02",
+    hover: "hover:bg-hover02",
+    active: "active:bg-active02",
+    disabled: "disabled:border-uiBorder01 disabled:text-disabled01 disabled:fill-disabled01",
+    selected: "border border-interactive01 bg-selectedUi text-interactive01 fill-interactive01"
   },
   text: {
-    base: 'border border-transparent text-interactive02 fill-interactive02',
-    hover: 'hover:bg-hover02 hover:border-hover02',
-    active: 'active:bg-active02 active:border-active02',
-    disabled: 'disabled:text-disabled01 disabled:fill-disabled01',
-    selected: 'border border-transparent bg-selectedUi text-interactive01 fill-interactive01'
+    base: "border border-transparent text-interactive02 fill-interactive02",
+    hover: "hover:bg-hover02 hover:border-hover02",
+    active: "active:bg-active02 active:border-active02",
+    disabled: "disabled:text-disabled01 disabled:fill-disabled01",
+    selected: "border border-transparent bg-selectedUi text-interactive01 fill-interactive01"
   }
 };
-const iconColors = {
-  icon01: 'fill-icon01',
-  icon02: 'fill-icon02',
-  icon03: 'fill-icon03',
-  iconOnColor: 'fill-iconOnColor'
+var iconColors = {
+  icon01: "fill-icon01",
+  icon02: "fill-icon02",
+  icon03: "fill-icon03",
+  iconOnColor: "fill-iconOnColor"
 };
-const tagColors = {
-  supportError: 'text-textOnColor bg-supportError',
-  supportSuccess: 'text-textOnColor bg-supportSuccess',
-  supportWarning: 'text-textOnColor bg-supportWarning',
-  supportDanger: 'text-textOnColor bg-supportDanger',
-  userRed: 'text-textOnColor bg-user-red',
-  userPink: 'text-textOnColor bg-user-pink',
-  userPurple: 'text-textOnColor bg-user-purple',
-  userTurquoise: 'text-textOnColor bg-user-turquoise',
-  userRoyalBlue: 'text-textOnColor bg-user-royalBlue',
-  userBlue: 'text-textOnColor bg-user-blue',
-  userAquamarine: 'text-textOnColor bg-user-aquamarine',
-  userYellowGreen: 'text-textOnColor bg-user-yellowGreen',
-  userYellow: 'text-textOnColor bg-user-yellow',
-  userOrange: 'text-textOnColor bg-user-orange',
-  default: 'text-textOnColor bg-supportInfo',
-  gray: 'text-text02 bg-gray-gray10'
+var tagColors = {
+  supportError: "text-textOnColor bg-supportError",
+  supportSuccess: "text-textOnColor bg-supportSuccess",
+  supportWarning: "text-textOnColor bg-supportWarning",
+  supportDanger: "text-textOnColor bg-supportDanger",
+  userRed: "text-textOnColor bg-user-red",
+  userPink: "text-textOnColor bg-user-pink",
+  userPurple: "text-textOnColor bg-user-purple",
+  userTurquoise: "text-textOnColor bg-user-turquoise",
+  userRoyalBlue: "text-textOnColor bg-user-royalBlue",
+  userBlue: "text-textOnColor bg-user-blue",
+  userAquamarine: "text-textOnColor bg-user-aquamarine",
+  userYellowGreen: "text-textOnColor bg-user-yellowGreen",
+  userYellow: "text-textOnColor bg-user-yellow",
+  userOrange: "text-textOnColor bg-user-orange",
+  default: "text-textOnColor bg-supportInfo",
+  gray: "text-text02 bg-gray-gray10"
 };
-const tagLightColors = {
-  supportError: 'text-text01 bg-supportErrorLight',
-  supportSuccess: 'text-text01 bg-supportSuccessLight',
-  supportWarning: 'text-text01 bg-supportWarningLight',
-  supportDanger: 'text-text01 bg-supportDangerLight',
-  userRed: 'text-text01 bg-user-redLight',
-  userPink: 'text-text01 bg-user-pinkLight',
-  userPurple: 'text-text01 bg-user-purpleLight',
-  userTurquoise: 'text-text01 bg-user-turquoiseLight',
-  userRoyalBlue: 'text-text01 bg-user-royalBlueLight',
-  userBlue: 'text-text01 bg-user-blueLight',
-  userAquamarine: 'text-text01 bg-user-aquamarineLight',
-  userYellowGreen: 'text-text01 bg-user-yellowGreenLight',
-  userYellow: 'text-text01 bg-user-yellowLight',
-  userOrange: 'text-text01 bg-user-orangeLight',
-  default: 'text-text01 bg-supportInfoLight',
-  gray: 'text-text01 bg-gray-gray10'
+var tagLightColors = {
+  supportError: "text-text01 bg-supportErrorLight",
+  supportSuccess: "text-text01 bg-supportSuccessLight",
+  supportWarning: "text-text01 bg-supportWarningLight",
+  supportDanger: "text-text01 bg-supportDangerLight",
+  userRed: "text-text01 bg-user-redLight",
+  userPink: "text-text01 bg-user-pinkLight",
+  userPurple: "text-text01 bg-user-purpleLight",
+  userTurquoise: "text-text01 bg-user-turquoiseLight",
+  userRoyalBlue: "text-text01 bg-user-royalBlueLight",
+  userBlue: "text-text01 bg-user-blueLight",
+  userAquamarine: "text-text01 bg-user-aquamarineLight",
+  userYellowGreen: "text-text01 bg-user-yellowGreenLight",
+  userYellow: "text-text01 bg-user-yellowLight",
+  userOrange: "text-text01 bg-user-orangeLight",
+  default: "text-text01 bg-supportInfoLight",
+  gray: "text-text01 bg-gray-gray10"
 };
 
-const focusVisible = {
-  normal: 'focus-visible:outline focus-visible:outline-2 focus-visible:outline-focus-focus focus-visible:outline-offset-1',
-  inset: 'focus-visible:outline focus-visible:outline-2 focus-visible:outline-focus-focus focus-visible:outline-offset-[-2px]',
-  normalPeer: 'peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 peer-focus-visible:outline-focus-focus',
-  insetPeer: 'peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-[-2px] peer-focus-visible:outline-focus-focus'
+// src/form.ts
+var focusVisible = {
+  normal: "focus-visible:outline focus-visible:outline-2 focus-visible:outline-focus-focus focus-visible:outline-offset-1",
+  inset: "focus-visible:outline focus-visible:outline-2 focus-visible:outline-focus-focus focus-visible:outline-offset-[-2px]",
+  normalPeer: "peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 peer-focus-visible:outline-focus-focus",
+  insetPeer: "peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-[-2px] peer-focus-visible:outline-focus-focus"
 };
 
-const typography = {
+// src/typography.ts
+var typography = {
   heading: {
-    h1: 'font-bold leading-0 text-7 tracking-normal no-underline',
-    h2: 'font-bold leading-1 text-6 tracking-normal no-underline',
-    h3: 'font-bold leading-2 text-5 tracking-normal no-underline',
-    h4: 'font-bold leading-3 text-4 tracking-normal no-underline',
-    h5: 'font-bold leading-4 text-3 tracking-normal no-underline'
+    h1: "font-bold leading-0 text-7 tracking-normal no-underline",
+    h2: "font-bold leading-1 text-6 tracking-normal no-underline",
+    h3: "font-bold leading-2 text-5 tracking-normal no-underline",
+    h4: "font-bold leading-3 text-4 tracking-normal no-underline",
+    h5: "font-bold leading-4 text-3 tracking-normal no-underline"
   },
   body: {
-    body16bold: 'font-bold leading-5 text-4 tracking-normal no-underline',
-    body16regular: 'font-normal leading-5 text-4 tracking-normal no-underline',
-    body14bold: 'font-bold leading-4 text-3 tracking-normal no-underline',
-    body14regular: 'font-normal leading-4 text-3 tracking-normal no-underline',
-    body13bold: 'font-bold leading-5 text-2 tracking-normal no-underline',
-    body13regular: 'font-normal leading-5 text-2 tracking-normal no-underline',
-    body12bold: 'font-bold leading-1 text-1 tracking-normal no-underline',
-    body12regular: 'font-normal leading-1 text-1 tracking-normal no-underline'
+    body16bold: "font-bold leading-5 text-4 tracking-normal no-underline",
+    body16regular: "font-normal leading-5 text-4 tracking-normal no-underline",
+    body14bold: "font-bold leading-4 text-3 tracking-normal no-underline",
+    body14regular: "font-normal leading-4 text-3 tracking-normal no-underline",
+    body13bold: "font-bold leading-5 text-2 tracking-normal no-underline",
+    body13regular: "font-normal leading-5 text-2 tracking-normal no-underline",
+    body12bold: "font-bold leading-1 text-1 tracking-normal no-underline",
+    body12regular: "font-normal leading-1 text-1 tracking-normal no-underline"
   },
   label: {
-    label16bold: 'font-bold leading-6 text-4 tracking-normal no-underline',
-    label16regular: 'font-normal leading-6 text-4 tracking-normal no-underline',
-    label14bold: 'font-bold leading-6 text-3 tracking-normal no-underline',
-    label14regular: 'font-normal leading-6 text-3 tracking-normal no-underline',
-    label12bold: 'font-bold leading-6 text-1 tracking-normal no-underline',
-    label12regular: 'font-normal leading-6 text-1 tracking-normal no-underline',
-    label11bold: 'font-bold leading-6 text-0 tracking-normal no-underline',
-    label11regular: 'font-normal leading-6 text-0 tracking-normal no-underline'
+    label16bold: "font-bold leading-6 text-4 tracking-normal no-underline",
+    label16regular: "font-normal leading-6 text-4 tracking-normal no-underline",
+    label14bold: "font-bold leading-6 text-3 tracking-normal no-underline",
+    label14regular: "font-normal leading-6 text-3 tracking-normal no-underline",
+    label12bold: "font-bold leading-6 text-1 tracking-normal no-underline",
+    label12regular: "font-normal leading-6 text-1 tracking-normal no-underline",
+    label11bold: "font-bold leading-6 text-0 tracking-normal no-underline",
+    label11regular: "font-normal leading-6 text-0 tracking-normal no-underline"
   }
 };
-
-export { buttonColors, focusVisible, iconColors, tagColors, tagLightColors, typography, userColors };
-//# sourceMappingURL=index.js.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  buttonColors,
+  focusVisible,
+  iconColors,
+  tagColors,
+  tagLightColors,
+  typography,
+  userColors
+});

package/dist/index.mjs

@@ -0,0 +1,133 @@
+// src/colors.ts
+var userColors = [
+  "bg-user-red",
+  "bg-user-pink",
+  "bg-user-purple",
+  "bg-user-turquoise",
+  "bg-user-royalBlue",
+  "bg-user-blue",
+  "bg-user-aquamarine",
+  "bg-user-yellowGreen",
+  "bg-user-yellow",
+  "bg-user-orange"
+];
+var buttonColors = {
+  fill: {
+    base: "border border-interactive01 bg-interactive01 text-textOnColor fill-textOnColor",
+    hover: "hover:bg-hover01 hover:border-hover01",
+    active: "active:bg-active01 active:border-active01",
+    disabled: "disabled:bg-disabled01 disabled:border-disabled01",
+    selected: "border border-transparent bg-selectedUi text-interactive01 fill-interactive01"
+  },
+  fillDanger: {
+    base: "border border-supportDanger bg-supportDanger text-textOnColor fill-textOnColor",
+    hover: "hover:bg-hoverDanger hover:border-hoverDanger",
+    active: "active:bg-activeDanger active:border-activeDanger",
+    disabled: "disabled:bg-disabled01 disabled:border-disabled01",
+    selected: "border border-transparent bg-supportDangerLight text-supportDanger fill-supportDanger"
+  },
+  outline: {
+    base: "border border-uiBorder02 bg-uiBackground01 text-interactive02 fill-interactive02",
+    hover: "hover:bg-hover02",
+    active: "active:bg-active02",
+    disabled: "disabled:border-uiBorder01 disabled:text-disabled01 disabled:fill-disabled01",
+    selected: "border border-interactive01 bg-selectedUi text-interactive01 fill-interactive01"
+  },
+  text: {
+    base: "border border-transparent text-interactive02 fill-interactive02",
+    hover: "hover:bg-hover02 hover:border-hover02",
+    active: "active:bg-active02 active:border-active02",
+    disabled: "disabled:text-disabled01 disabled:fill-disabled01",
+    selected: "border border-transparent bg-selectedUi text-interactive01 fill-interactive01"
+  }
+};
+var iconColors = {
+  icon01: "fill-icon01",
+  icon02: "fill-icon02",
+  icon03: "fill-icon03",
+  iconOnColor: "fill-iconOnColor"
+};
+var tagColors = {
+  supportError: "text-textOnColor bg-supportError",
+  supportSuccess: "text-textOnColor bg-supportSuccess",
+  supportWarning: "text-textOnColor bg-supportWarning",
+  supportDanger: "text-textOnColor bg-supportDanger",
+  userRed: "text-textOnColor bg-user-red",
+  userPink: "text-textOnColor bg-user-pink",
+  userPurple: "text-textOnColor bg-user-purple",
+  userTurquoise: "text-textOnColor bg-user-turquoise",
+  userRoyalBlue: "text-textOnColor bg-user-royalBlue",
+  userBlue: "text-textOnColor bg-user-blue",
+  userAquamarine: "text-textOnColor bg-user-aquamarine",
+  userYellowGreen: "text-textOnColor bg-user-yellowGreen",
+  userYellow: "text-textOnColor bg-user-yellow",
+  userOrange: "text-textOnColor bg-user-orange",
+  default: "text-textOnColor bg-supportInfo",
+  gray: "text-text02 bg-gray-gray10"
+};
+var tagLightColors = {
+  supportError: "text-text01 bg-supportErrorLight",
+  supportSuccess: "text-text01 bg-supportSuccessLight",
+  supportWarning: "text-text01 bg-supportWarningLight",
+  supportDanger: "text-text01 bg-supportDangerLight",
+  userRed: "text-text01 bg-user-redLight",
+  userPink: "text-text01 bg-user-pinkLight",
+  userPurple: "text-text01 bg-user-purpleLight",
+  userTurquoise: "text-text01 bg-user-turquoiseLight",
+  userRoyalBlue: "text-text01 bg-user-royalBlueLight",
+  userBlue: "text-text01 bg-user-blueLight",
+  userAquamarine: "text-text01 bg-user-aquamarineLight",
+  userYellowGreen: "text-text01 bg-user-yellowGreenLight",
+  userYellow: "text-text01 bg-user-yellowLight",
+  userOrange: "text-text01 bg-user-orangeLight",
+  default: "text-text01 bg-supportInfoLight",
+  gray: "text-text01 bg-gray-gray10"
+};
+
+// src/form.ts
+var focusVisible = {
+  normal: "focus-visible:outline focus-visible:outline-2 focus-visible:outline-focus-focus focus-visible:outline-offset-1",
+  inset: "focus-visible:outline focus-visible:outline-2 focus-visible:outline-focus-focus focus-visible:outline-offset-[-2px]",
+  normalPeer: "peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 peer-focus-visible:outline-focus-focus",
+  insetPeer: "peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-[-2px] peer-focus-visible:outline-focus-focus"
+};
+
+// src/typography.ts
+var typography = {
+  heading: {
+    h1: "font-bold leading-0 text-7 tracking-normal no-underline",
+    h2: "font-bold leading-1 text-6 tracking-normal no-underline",
+    h3: "font-bold leading-2 text-5 tracking-normal no-underline",
+    h4: "font-bold leading-3 text-4 tracking-normal no-underline",
+    h5: "font-bold leading-4 text-3 tracking-normal no-underline"
+  },
+  body: {
+    body16bold: "font-bold leading-5 text-4 tracking-normal no-underline",
+    body16regular: "font-normal leading-5 text-4 tracking-normal no-underline",
+    body14bold: "font-bold leading-4 text-3 tracking-normal no-underline",
+    body14regular: "font-normal leading-4 text-3 tracking-normal no-underline",
+    body13bold: "font-bold leading-5 text-2 tracking-normal no-underline",
+    body13regular: "font-normal leading-5 text-2 tracking-normal no-underline",
+    body12bold: "font-bold leading-1 text-1 tracking-normal no-underline",
+    body12regular: "font-normal leading-1 text-1 tracking-normal no-underline"
+  },
+  label: {
+    label16bold: "font-bold leading-6 text-4 tracking-normal no-underline",
+    label16regular: "font-normal leading-6 text-4 tracking-normal no-underline",
+    label14bold: "font-bold leading-6 text-3 tracking-normal no-underline",
+    label14regular: "font-normal leading-6 text-3 tracking-normal no-underline",
+    label12bold: "font-bold leading-6 text-1 tracking-normal no-underline",
+    label12regular: "font-normal leading-6 text-1 tracking-normal no-underline",
+    label11bold: "font-bold leading-6 text-0 tracking-normal no-underline",
+    label11regular: "font-normal leading-6 text-0 tracking-normal no-underline"
+  }
+};
+export {
+  buttonColors,
+  focusVisible,
+  iconColors,
+  tagColors,
+  tagLightColors,
+  typography,
+  userColors
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zenkigen-inc/component-theme",
-  "version": "1.15.1",
+  "version": "1.15.2",
   "repository": "https://github.com/zenkigen/zenkigen-component",
   "license": "MIT",
   "publishConfig": {
@@ -8,17 +8,22 @@
   },
   "source": "./src/index.ts",
   "main": "./dist/index.js",
-  "module": "./dist/index.esm.js",
+  "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
-  "exports": "./dist/index.js",
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    }
+  },
   "scripts": {
     "type-check": "tsc --noEmit",
-    "build": "rimraf dist && microbundle --no-compress -f modern,esm,cjs",
-    "build-lib": "rimraf dist && microbundle --no-compress -f modern,esm,cjs"
+    "build": "rimraf dist && tsup src/index.ts --format cjs,esm --dts",
+    "build-lib": "rimraf dist && tsup src/index.ts --format cjs,esm --dts"
   },
   "devDependencies": {
-    "microbundle": "0.15.1",
     "tailwindcss": "3.4.17",
+    "tsup": "8.5.0",
     "typescript": "5.8.3"
   }
 }

package/dist/form.d.ts

@@ -1,6 +0,0 @@
-export declare const focusVisible: {
-    normal: string;
-    inset: string;
-    normalPeer: string;
-    insetPeer: string;
-};

package/dist/index.esm.js

@@ -1,113 +0,0 @@
-var userColors = ['bg-user-red', 'bg-user-pink', 'bg-user-purple', 'bg-user-turquoise', 'bg-user-royalBlue', 'bg-user-blue', 'bg-user-aquamarine', 'bg-user-yellowGreen', 'bg-user-yellow', 'bg-user-orange'];
-var buttonColors = {
-  fill: {
-    base: 'border border-interactive01 bg-interactive01 text-textOnColor fill-textOnColor',
-    hover: 'hover:bg-hover01 hover:border-hover01',
-    active: 'active:bg-active01 active:border-active01',
-    disabled: 'disabled:bg-disabled01 disabled:border-disabled01',
-    selected: 'border border-transparent bg-selectedUi text-interactive01 fill-interactive01'
-  },
-  fillDanger: {
-    base: 'border border-supportDanger bg-supportDanger text-textOnColor fill-textOnColor',
-    hover: 'hover:bg-hoverDanger hover:border-hoverDanger',
-    active: 'active:bg-activeDanger active:border-activeDanger',
-    disabled: 'disabled:bg-disabled01 disabled:border-disabled01',
-    selected: 'border border-transparent bg-supportDangerLight text-supportDanger fill-supportDanger'
-  },
-  outline: {
-    base: 'border border-uiBorder02 bg-uiBackground01 text-interactive02 fill-interactive02',
-    hover: 'hover:bg-hover02',
-    active: 'active:bg-active02',
-    disabled: 'disabled:border-uiBorder01 disabled:text-disabled01 disabled:fill-disabled01',
-    selected: 'border border-interactive01 bg-selectedUi text-interactive01 fill-interactive01'
-  },
-  text: {
-    base: 'border border-transparent text-interactive02 fill-interactive02',
-    hover: 'hover:bg-hover02 hover:border-hover02',
-    active: 'active:bg-active02 active:border-active02',
-    disabled: 'disabled:text-disabled01 disabled:fill-disabled01',
-    selected: 'border border-transparent bg-selectedUi text-interactive01 fill-interactive01'
-  }
-};
-var iconColors = {
-  icon01: 'fill-icon01',
-  icon02: 'fill-icon02',
-  icon03: 'fill-icon03',
-  iconOnColor: 'fill-iconOnColor'
-};
-var tagColors = {
-  supportError: 'text-textOnColor bg-supportError',
-  supportSuccess: 'text-textOnColor bg-supportSuccess',
-  supportWarning: 'text-textOnColor bg-supportWarning',
-  supportDanger: 'text-textOnColor bg-supportDanger',
-  userRed: 'text-textOnColor bg-user-red',
-  userPink: 'text-textOnColor bg-user-pink',
-  userPurple: 'text-textOnColor bg-user-purple',
-  userTurquoise: 'text-textOnColor bg-user-turquoise',
-  userRoyalBlue: 'text-textOnColor bg-user-royalBlue',
-  userBlue: 'text-textOnColor bg-user-blue',
-  userAquamarine: 'text-textOnColor bg-user-aquamarine',
-  userYellowGreen: 'text-textOnColor bg-user-yellowGreen',
-  userYellow: 'text-textOnColor bg-user-yellow',
-  userOrange: 'text-textOnColor bg-user-orange',
-  "default": 'text-textOnColor bg-supportInfo',
-  gray: 'text-text02 bg-gray-gray10'
-};
-var tagLightColors = {
-  supportError: 'text-text01 bg-supportErrorLight',
-  supportSuccess: 'text-text01 bg-supportSuccessLight',
-  supportWarning: 'text-text01 bg-supportWarningLight',
-  supportDanger: 'text-text01 bg-supportDangerLight',
-  userRed: 'text-text01 bg-user-redLight',
-  userPink: 'text-text01 bg-user-pinkLight',
-  userPurple: 'text-text01 bg-user-purpleLight',
-  userTurquoise: 'text-text01 bg-user-turquoiseLight',
-  userRoyalBlue: 'text-text01 bg-user-royalBlueLight',
-  userBlue: 'text-text01 bg-user-blueLight',
-  userAquamarine: 'text-text01 bg-user-aquamarineLight',
-  userYellowGreen: 'text-text01 bg-user-yellowGreenLight',
-  userYellow: 'text-text01 bg-user-yellowLight',
-  userOrange: 'text-text01 bg-user-orangeLight',
-  "default": 'text-text01 bg-supportInfoLight',
-  gray: 'text-text01 bg-gray-gray10'
-};
-
-var focusVisible = {
-  normal: 'focus-visible:outline focus-visible:outline-2 focus-visible:outline-focus-focus focus-visible:outline-offset-1',
-  inset: 'focus-visible:outline focus-visible:outline-2 focus-visible:outline-focus-focus focus-visible:outline-offset-[-2px]',
-  normalPeer: 'peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 peer-focus-visible:outline-focus-focus',
-  insetPeer: 'peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-[-2px] peer-focus-visible:outline-focus-focus'
-};
-
-var typography = {
-  heading: {
-    h1: 'font-bold leading-0 text-7 tracking-normal no-underline',
-    h2: 'font-bold leading-1 text-6 tracking-normal no-underline',
-    h3: 'font-bold leading-2 text-5 tracking-normal no-underline',
-    h4: 'font-bold leading-3 text-4 tracking-normal no-underline',
-    h5: 'font-bold leading-4 text-3 tracking-normal no-underline'
-  },
-  body: {
-    body16bold: 'font-bold leading-5 text-4 tracking-normal no-underline',
-    body16regular: 'font-normal leading-5 text-4 tracking-normal no-underline',
-    body14bold: 'font-bold leading-4 text-3 tracking-normal no-underline',
-    body14regular: 'font-normal leading-4 text-3 tracking-normal no-underline',
-    body13bold: 'font-bold leading-5 text-2 tracking-normal no-underline',
-    body13regular: 'font-normal leading-5 text-2 tracking-normal no-underline',
-    body12bold: 'font-bold leading-1 text-1 tracking-normal no-underline',
-    body12regular: 'font-normal leading-1 text-1 tracking-normal no-underline'
-  },
-  label: {
-    label16bold: 'font-bold leading-6 text-4 tracking-normal no-underline',
-    label16regular: 'font-normal leading-6 text-4 tracking-normal no-underline',
-    label14bold: 'font-bold leading-6 text-3 tracking-normal no-underline',
-    label14regular: 'font-normal leading-6 text-3 tracking-normal no-underline',
-    label12bold: 'font-bold leading-6 text-1 tracking-normal no-underline',
-    label12regular: 'font-normal leading-6 text-1 tracking-normal no-underline',
-    label11bold: 'font-bold leading-6 text-0 tracking-normal no-underline',
-    label11regular: 'font-normal leading-6 text-0 tracking-normal no-underline'
-  }
-};
-
-export { buttonColors, focusVisible, iconColors, tagColors, tagLightColors, typography, userColors };
-//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.esm.js","sources":["../src/colors.ts","../src/form.ts","../src/typography.ts"],"sourcesContent":["export const userColors = [\n  'bg-user-red',\n  'bg-user-pink',\n  'bg-user-purple',\n  'bg-user-turquoise',\n  'bg-user-royalBlue',\n  'bg-user-blue',\n  'bg-user-aquamarine',\n  'bg-user-yellowGreen',\n  'bg-user-yellow',\n  'bg-user-orange',\n] as const;\n\nexport const buttonColors = {\n  fill: {\n    base: 'border border-interactive01 bg-interactive01 text-textOnColor fill-textOnColor',\n    hover: 'hover:bg-hover01 hover:border-hover01',\n    active: 'active:bg-active01 active:border-active01',\n    disabled: 'disabled:bg-disabled01 disabled:border-disabled01',\n    selected: 'border border-transparent bg-selectedUi text-interactive01 fill-interactive01',\n  },\n  fillDanger: {\n    base: 'border border-supportDanger bg-supportDanger text-textOnColor fill-textOnColor',\n    hover: 'hover:bg-hoverDanger hover:border-hoverDanger',\n    active: 'active:bg-activeDanger active:border-activeDanger',\n    disabled: 'disabled:bg-disabled01 disabled:border-disabled01',\n    selected: 'border border-transparent bg-supportDangerLight text-supportDanger fill-supportDanger',\n  },\n  outline: {\n    base: 'border border-uiBorder02 bg-uiBackground01 text-interactive02 fill-interactive02',\n    hover: 'hover:bg-hover02',\n    active: 'active:bg-active02',\n    disabled: 'disabled:border-uiBorder01 disabled:text-disabled01 disabled:fill-disabled01',\n    selected: 'border border-interactive01 bg-selectedUi text-interactive01 fill-interactive01',\n  },\n  text: {\n    base: 'border border-transparent text-interactive02 fill-interactive02',\n    hover: 'hover:bg-hover02 hover:border-hover02',\n    active: 'active:bg-active02 active:border-active02',\n    disabled: 'disabled:text-disabled01 disabled:fill-disabled01',\n    selected: 'border border-transparent bg-selectedUi text-interactive01 fill-interactive01',\n  },\n} as const;\n\nexport const iconColors = {\n  icon01: 'fill-icon01',\n  icon02: 'fill-icon02',\n  icon03: 'fill-icon03',\n  iconOnColor: 'fill-iconOnColor',\n} as const;\n\nexport const tagColors = {\n  supportError: 'text-textOnColor bg-supportError',\n  supportSuccess: 'text-textOnColor bg-supportSuccess',\n  supportWarning: 'text-textOnColor bg-supportWarning',\n  supportDanger: 'text-textOnColor bg-supportDanger',\n  userRed: 'text-textOnColor bg-user-red',\n  userPink: 'text-textOnColor bg-user-pink',\n  userPurple: 'text-textOnColor bg-user-purple',\n  userTurquoise: 'text-textOnColor bg-user-turquoise',\n  userRoyalBlue: 'text-textOnColor bg-user-royalBlue',\n  userBlue: 'text-textOnColor bg-user-blue',\n  userAquamarine: 'text-textOnColor bg-user-aquamarine',\n  userYellowGreen: 'text-textOnColor bg-user-yellowGreen',\n  userYellow: 'text-textOnColor bg-user-yellow',\n  userOrange: 'text-textOnColor bg-user-orange',\n  default: 'text-textOnColor bg-supportInfo',\n  gray: 'text-text02 bg-gray-gray10',\n} as const;\n\nexport const tagLightColors = {\n  supportError: 'text-text01 bg-supportErrorLight',\n  supportSuccess: 'text-text01 bg-supportSuccessLight',\n  supportWarning: 'text-text01 bg-supportWarningLight',\n  supportDanger: 'text-text01 bg-supportDangerLight',\n  userRed: 'text-text01 bg-user-redLight',\n  userPink: 'text-text01 bg-user-pinkLight',\n  userPurple: 'text-text01 bg-user-purpleLight',\n  userTurquoise: 'text-text01 bg-user-turquoiseLight',\n  userRoyalBlue: 'text-text01 bg-user-royalBlueLight',\n  userBlue: 'text-text01 bg-user-blueLight',\n  userAquamarine: 'text-text01 bg-user-aquamarineLight',\n  userYellowGreen: 'text-text01 bg-user-yellowGreenLight',\n  userYellow: 'text-text01 bg-user-yellowLight',\n  userOrange: 'text-text01 bg-user-orangeLight',\n  default: 'text-text01 bg-supportInfoLight',\n  gray: 'text-text01 bg-gray-gray10',\n} as const;\n","export const focusVisible = {\n  normal:\n    'focus-visible:outline focus-visible:outline-2 focus-visible:outline-focus-focus focus-visible:outline-offset-1',\n  inset:\n    'focus-visible:outline focus-visible:outline-2 focus-visible:outline-focus-focus focus-visible:outline-offset-[-2px]',\n  normalPeer:\n    'peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 peer-focus-visible:outline-focus-focus',\n  insetPeer:\n    'peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-[-2px] peer-focus-visible:outline-focus-focus',\n};\n","export const typography = {\n  heading: {\n    h1: 'font-bold leading-0 text-7 tracking-normal no-underline',\n    h2: 'font-bold leading-1 text-6 tracking-normal no-underline',\n    h3: 'font-bold leading-2 text-5 tracking-normal no-underline',\n    h4: 'font-bold leading-3 text-4 tracking-normal no-underline',\n    h5: 'font-bold leading-4 text-3 tracking-normal no-underline',\n  },\n  body: {\n    body16bold: 'font-bold leading-5 text-4 tracking-normal no-underline',\n    body16regular: 'font-normal leading-5 text-4 tracking-normal no-underline',\n    body14bold: 'font-bold leading-4 text-3 tracking-normal no-underline',\n    body14regular: 'font-normal leading-4 text-3 tracking-normal no-underline',\n    body13bold: 'font-bold leading-5 text-2 tracking-normal no-underline',\n    body13regular: 'font-normal leading-5 text-2 tracking-normal no-underline',\n    body12bold: 'font-bold leading-1 text-1 tracking-normal no-underline',\n    body12regular: 'font-normal leading-1 text-1 tracking-normal no-underline',\n  },\n  label: {\n    label16bold: 'font-bold leading-6 text-4 tracking-normal no-underline',\n    label16regular: 'font-normal leading-6 text-4 tracking-normal no-underline',\n    label14bold: 'font-bold leading-6 text-3 tracking-normal no-underline',\n    label14regular: 'font-normal leading-6 text-3 tracking-normal no-underline',\n    label12bold: 'font-bold leading-6 text-1 tracking-normal no-underline',\n    label12regular: 'font-normal leading-6 text-1 tracking-normal no-underline',\n    label11bold: 'font-bold leading-6 text-0 tracking-normal no-underline',\n    label11regular: 'font-normal leading-6 text-0 tracking-normal no-underline',\n  },\n} as const;\n"],"names":["userColors","buttonColors","fill","base","hover","active","disabled","selected","fillDanger","outline","text","iconColors","icon01","icon02","icon03","iconOnColor","tagColors","supportError","supportSuccess","supportWarning","supportDanger","userRed","userPink","userPurple","userTurquoise","userRoyalBlue","userBlue","userAquamarine","userYellowGreen","userYellow","userOrange","gray","tagLightColors","focusVisible","normal","inset","normalPeer","insetPeer","typography","heading","h1","h2","h3","h4","h5","body","body16bold","body16regular","body14bold","body14regular","body13bold","body13regular","body12bold","body12regular","label","label16bold","label16regular","label14bold","label14regular","label12bold","label12regular","label11bold","label11regular"],"mappings":"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"}

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../src/colors.ts","../src/form.ts","../src/typography.ts"],"sourcesContent":["export const userColors = [\n  'bg-user-red',\n  'bg-user-pink',\n  'bg-user-purple',\n  'bg-user-turquoise',\n  'bg-user-royalBlue',\n  'bg-user-blue',\n  'bg-user-aquamarine',\n  'bg-user-yellowGreen',\n  'bg-user-yellow',\n  'bg-user-orange',\n] as const;\n\nexport const buttonColors = {\n  fill: {\n    base: 'border border-interactive01 bg-interactive01 text-textOnColor fill-textOnColor',\n    hover: 'hover:bg-hover01 hover:border-hover01',\n    active: 'active:bg-active01 active:border-active01',\n    disabled: 'disabled:bg-disabled01 disabled:border-disabled01',\n    selected: 'border border-transparent bg-selectedUi text-interactive01 fill-interactive01',\n  },\n  fillDanger: {\n    base: 'border border-supportDanger bg-supportDanger text-textOnColor fill-textOnColor',\n    hover: 'hover:bg-hoverDanger hover:border-hoverDanger',\n    active: 'active:bg-activeDanger active:border-activeDanger',\n    disabled: 'disabled:bg-disabled01 disabled:border-disabled01',\n    selected: 'border border-transparent bg-supportDangerLight text-supportDanger fill-supportDanger',\n  },\n  outline: {\n    base: 'border border-uiBorder02 bg-uiBackground01 text-interactive02 fill-interactive02',\n    hover: 'hover:bg-hover02',\n    active: 'active:bg-active02',\n    disabled: 'disabled:border-uiBorder01 disabled:text-disabled01 disabled:fill-disabled01',\n    selected: 'border border-interactive01 bg-selectedUi text-interactive01 fill-interactive01',\n  },\n  text: {\n    base: 'border border-transparent text-interactive02 fill-interactive02',\n    hover: 'hover:bg-hover02 hover:border-hover02',\n    active: 'active:bg-active02 active:border-active02',\n    disabled: 'disabled:text-disabled01 disabled:fill-disabled01',\n    selected: 'border border-transparent bg-selectedUi text-interactive01 fill-interactive01',\n  },\n} as const;\n\nexport const iconColors = {\n  icon01: 'fill-icon01',\n  icon02: 'fill-icon02',\n  icon03: 'fill-icon03',\n  iconOnColor: 'fill-iconOnColor',\n} as const;\n\nexport const tagColors = {\n  supportError: 'text-textOnColor bg-supportError',\n  supportSuccess: 'text-textOnColor bg-supportSuccess',\n  supportWarning: 'text-textOnColor bg-supportWarning',\n  supportDanger: 'text-textOnColor bg-supportDanger',\n  userRed: 'text-textOnColor bg-user-red',\n  userPink: 'text-textOnColor bg-user-pink',\n  userPurple: 'text-textOnColor bg-user-purple',\n  userTurquoise: 'text-textOnColor bg-user-turquoise',\n  userRoyalBlue: 'text-textOnColor bg-user-royalBlue',\n  userBlue: 'text-textOnColor bg-user-blue',\n  userAquamarine: 'text-textOnColor bg-user-aquamarine',\n  userYellowGreen: 'text-textOnColor bg-user-yellowGreen',\n  userYellow: 'text-textOnColor bg-user-yellow',\n  userOrange: 'text-textOnColor bg-user-orange',\n  default: 'text-textOnColor bg-supportInfo',\n  gray: 'text-text02 bg-gray-gray10',\n} as const;\n\nexport const tagLightColors = {\n  supportError: 'text-text01 bg-supportErrorLight',\n  supportSuccess: 'text-text01 bg-supportSuccessLight',\n  supportWarning: 'text-text01 bg-supportWarningLight',\n  supportDanger: 'text-text01 bg-supportDangerLight',\n  userRed: 'text-text01 bg-user-redLight',\n  userPink: 'text-text01 bg-user-pinkLight',\n  userPurple: 'text-text01 bg-user-purpleLight',\n  userTurquoise: 'text-text01 bg-user-turquoiseLight',\n  userRoyalBlue: 'text-text01 bg-user-royalBlueLight',\n  userBlue: 'text-text01 bg-user-blueLight',\n  userAquamarine: 'text-text01 bg-user-aquamarineLight',\n  userYellowGreen: 'text-text01 bg-user-yellowGreenLight',\n  userYellow: 'text-text01 bg-user-yellowLight',\n  userOrange: 'text-text01 bg-user-orangeLight',\n  default: 'text-text01 bg-supportInfoLight',\n  gray: 'text-text01 bg-gray-gray10',\n} as const;\n","export const focusVisible = {\n  normal:\n    'focus-visible:outline focus-visible:outline-2 focus-visible:outline-focus-focus focus-visible:outline-offset-1',\n  inset:\n    'focus-visible:outline focus-visible:outline-2 focus-visible:outline-focus-focus focus-visible:outline-offset-[-2px]',\n  normalPeer:\n    'peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 peer-focus-visible:outline-focus-focus',\n  insetPeer:\n    'peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-[-2px] peer-focus-visible:outline-focus-focus',\n};\n","export const typography = {\n  heading: {\n    h1: 'font-bold leading-0 text-7 tracking-normal no-underline',\n    h2: 'font-bold leading-1 text-6 tracking-normal no-underline',\n    h3: 'font-bold leading-2 text-5 tracking-normal no-underline',\n    h4: 'font-bold leading-3 text-4 tracking-normal no-underline',\n    h5: 'font-bold leading-4 text-3 tracking-normal no-underline',\n  },\n  body: {\n    body16bold: 'font-bold leading-5 text-4 tracking-normal no-underline',\n    body16regular: 'font-normal leading-5 text-4 tracking-normal no-underline',\n    body14bold: 'font-bold leading-4 text-3 tracking-normal no-underline',\n    body14regular: 'font-normal leading-4 text-3 tracking-normal no-underline',\n    body13bold: 'font-bold leading-5 text-2 tracking-normal no-underline',\n    body13regular: 'font-normal leading-5 text-2 tracking-normal no-underline',\n    body12bold: 'font-bold leading-1 text-1 tracking-normal no-underline',\n    body12regular: 'font-normal leading-1 text-1 tracking-normal no-underline',\n  },\n  label: {\n    label16bold: 'font-bold leading-6 text-4 tracking-normal no-underline',\n    label16regular: 'font-normal leading-6 text-4 tracking-normal no-underline',\n    label14bold: 'font-bold leading-6 text-3 tracking-normal no-underline',\n    label14regular: 'font-normal leading-6 text-3 tracking-normal no-underline',\n    label12bold: 'font-bold leading-6 text-1 tracking-normal no-underline',\n    label12regular: 'font-normal leading-6 text-1 tracking-normal no-underline',\n    label11bold: 'font-bold leading-6 text-0 tracking-normal no-underline',\n    label11regular: 'font-normal leading-6 text-0 tracking-normal no-underline',\n  },\n} as const;\n"],"names":["userColors","buttonColors","fill","base","hover","active","disabled","selected","fillDanger","outline","text","iconColors","icon01","icon02","icon03","iconOnColor","tagColors","supportError","supportSuccess","supportWarning","supportDanger","userRed","userPink","userPurple","userTurquoise","userRoyalBlue","userBlue","userAquamarine","userYellowGreen","userYellow","userOrange","default","gray","tagLightColors","focusVisible","normal","inset","normalPeer","insetPeer","typography","heading","h1","h2","h3","h4","h5","body","body16bold","body16regular","body14bold","body14regular","body13bold","body13regular","body12bold","body12regular","label","label16bold","label16regular","label14bold","label14regular","label12bold","label12regular","label11bold","label11regular"],"mappings":"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"}

package/dist/typography.d.ts

@@ -1,29 +0,0 @@
-export declare const typography: {
-    readonly heading: {
-        readonly h1: "font-bold leading-0 text-7 tracking-normal no-underline";
-        readonly h2: "font-bold leading-1 text-6 tracking-normal no-underline";
-        readonly h3: "font-bold leading-2 text-5 tracking-normal no-underline";
-        readonly h4: "font-bold leading-3 text-4 tracking-normal no-underline";
-        readonly h5: "font-bold leading-4 text-3 tracking-normal no-underline";
-    };
-    readonly body: {
-        readonly body16bold: "font-bold leading-5 text-4 tracking-normal no-underline";
-        readonly body16regular: "font-normal leading-5 text-4 tracking-normal no-underline";
-        readonly body14bold: "font-bold leading-4 text-3 tracking-normal no-underline";
-        readonly body14regular: "font-normal leading-4 text-3 tracking-normal no-underline";
-        readonly body13bold: "font-bold leading-5 text-2 tracking-normal no-underline";
-        readonly body13regular: "font-normal leading-5 text-2 tracking-normal no-underline";
-        readonly body12bold: "font-bold leading-1 text-1 tracking-normal no-underline";
-        readonly body12regular: "font-normal leading-1 text-1 tracking-normal no-underline";
-    };
-    readonly label: {
-        readonly label16bold: "font-bold leading-6 text-4 tracking-normal no-underline";
-        readonly label16regular: "font-normal leading-6 text-4 tracking-normal no-underline";
-        readonly label14bold: "font-bold leading-6 text-3 tracking-normal no-underline";
-        readonly label14regular: "font-normal leading-6 text-3 tracking-normal no-underline";
-        readonly label12bold: "font-bold leading-6 text-1 tracking-normal no-underline";
-        readonly label12regular: "font-normal leading-6 text-1 tracking-normal no-underline";
-        readonly label11bold: "font-bold leading-6 text-0 tracking-normal no-underline";
-        readonly label11regular: "font-normal leading-6 text-0 tracking-normal no-underline";
-    };
-};