@zenkigen-inc/component-theme 1.0.0

package/README.md

@@ -0,0 +1,5 @@
+# @zenkigen-inc/theme
+
+## ライセンス
+
+@zenkigen-inc/theme は MIT ライセンスに基づいています。

package/dist/colors.d.ts

@@ -0,0 +1,76 @@
+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: {
+    readonly fill: {
+        readonly base: "border border-interactive-interactive01 bg-interactive-interactive01 text-text-textOnColor fill-text-textOnColor";
+        readonly hover: "hover:bg-hover-hover01 hover:border-hover-hover01";
+        readonly active: "active:bg-active-active01 active:border-active-active01";
+        readonly disabled: "disabled:bg-disabled-disabled01 disabled:border-disabled-disabled01";
+        readonly selected: "border border-transparent bg-selected-selectedUi text-interactive-interactive01 fill-interactive-interactive01";
+    };
+    readonly fillDanger: {
+        readonly base: "border border-support-supportDanger bg-support-supportDanger text-text-textOnColor fill-text-textOnColor";
+        readonly hover: "hover:bg-hover-hoverDanger hover:border-hover-hoverDanger";
+        readonly active: "active:bg-active-activeDanger active:border-active-activeDanger";
+        readonly disabled: "disabled:bg-disabled-disabled01 disabled:border-disabled-disabled01";
+        readonly selected: "border border-transparent bg-support-supportDangerLight text-support-supportDanger fill-support-supportDanger";
+    };
+    readonly outline: {
+        readonly base: "border border-border-uiBorder02 text-interactive-interactive02 fill-interactive-interactive02";
+        readonly hover: "hover:bg-hover-hover02";
+        readonly active: "active:bg-active-active02";
+        readonly disabled: "disabled:border-border-uiBorder01 disabled:text-disabled-disabled01 disabled:fill-disabled-disabled01";
+        readonly selected: "border border-interactive-interactive01 bg-selected-selectedUi text-interactive-interactive01 fill-interactive-interactive01";
+    };
+    readonly text: {
+        readonly base: "border border-transparent text-interactive-interactive02 fill-interactive-interactive02";
+        readonly hover: "hover:bg-hover-hover02 hover:border-hover-hover02";
+        readonly active: "active:bg-active-active02 active:border-active-active02";
+        readonly disabled: "disabled:text-disabled-disabled01 disabled:fill-disabled-disabled01";
+        readonly selected: "border border-transparent bg-selected-selectedUi text-interactive-interactive01 fill-interactive-interactive01";
+    };
+};
+export declare const iconColors: {
+    readonly icon01: "fill-icon-icon01";
+    readonly icon01Dark: "fill-icon-icon01Dark";
+    readonly icon02: "fill-icon-icon02";
+    readonly icon02Dark: "fill-icon-icon02Dark";
+    readonly icon03: "fill-icon-icon03";
+    readonly icon03Dark: "fill-icon-icon03Dark";
+    readonly iconOnColor: "fill-icon-iconOnColor";
+};
+export declare const tagColors: {
+    readonly supportError: "text-text-textOnColor bg-support-supportError";
+    readonly supportSuccess: "text-text-textOnColor bg-support-supportSuccess";
+    readonly supportWarning: "text-text-textOnColor bg-support-supportWarning";
+    readonly supportDanger: "text-text-textOnColor bg-support-supportDanger";
+    readonly userRed: "text-text-textOnColor bg-user-red";
+    readonly userPink: "text-text-textOnColor bg-user-pink";
+    readonly userPurple: "text-text-textOnColor bg-user-purple";
+    readonly userTurquoise: "text-text-textOnColor bg-user-turquoise";
+    readonly userRoyalBlue: "text-text-textOnColor bg-user-royalBlue";
+    readonly userBlue: "text-text-textOnColor bg-user-blue";
+    readonly userAquamarine: "text-text-textOnColor bg-user-aquamarine";
+    readonly userYellowGreen: "text-text-textOnColor bg-user-yellowGreen";
+    readonly userYellow: "text-text-textOnColor bg-user-yellow";
+    readonly userOrange: "text-text-textOnColor bg-user-orange";
+    readonly default: "text-text-textOnColor bg-support-supportInfo";
+    readonly gray: "text-text-text02 bg-gray-gray10";
+};
+export declare const tagLightColors: {
+    readonly supportError: "text-text-text01 bg-support-supportErrorLight";
+    readonly supportSuccess: "text-text-text01 bg-support-supportSuccessLight";
+    readonly supportWarning: "text-text-text01 bg-support-supportWarningLight";
+    readonly supportDanger: "text-text-text01 bg-support-supportDangerLight";
+    readonly userRed: "text-text-text01 bg-user-redLight";
+    readonly userPink: "text-text-text01 bg-user-pinkLight";
+    readonly userPurple: "text-text-text01 bg-user-purpleLight";
+    readonly userTurquoise: "text-text-text01 bg-user-turquoiseLight";
+    readonly userRoyalBlue: "text-text-text01 bg-user-royalBlueLight";
+    readonly userBlue: "text-text-text01 bg-user-blueLight";
+    readonly userAquamarine: "text-text-text01 bg-user-aquamarineLight";
+    readonly userYellowGreen: "text-text-text01 bg-user-yellowGreenLight";
+    readonly userYellow: "text-text-text01 bg-user-yellowLight";
+    readonly userOrange: "text-text-text01 bg-user-orangeLight";
+    readonly default: "text-text-text01 bg-support-supportInfoLight";
+    readonly gray: "text-text-text01 bg-gray-gray10";
+};

package/dist/form.d.ts

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

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export * from './colors';
+export * from './form';
+export * from './typography';

package/dist/index.esm.js

@@ -0,0 +1,114 @@
+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-interactive-interactive01 bg-interactive-interactive01 text-text-textOnColor fill-text-textOnColor',
+    hover: 'hover:bg-hover-hover01 hover:border-hover-hover01',
+    active: 'active:bg-active-active01 active:border-active-active01',
+    disabled: 'disabled:bg-disabled-disabled01 disabled:border-disabled-disabled01',
+    selected: 'border border-transparent bg-selected-selectedUi text-interactive-interactive01 fill-interactive-interactive01'
+  },
+  fillDanger: {
+    base: 'border border-support-supportDanger bg-support-supportDanger text-text-textOnColor fill-text-textOnColor',
+    hover: 'hover:bg-hover-hoverDanger hover:border-hover-hoverDanger',
+    active: 'active:bg-active-activeDanger active:border-active-activeDanger',
+    disabled: 'disabled:bg-disabled-disabled01 disabled:border-disabled-disabled01',
+    selected: 'border border-transparent bg-support-supportDangerLight text-support-supportDanger fill-support-supportDanger'
+  },
+  outline: {
+    base: 'border border-border-uiBorder02 text-interactive-interactive02 fill-interactive-interactive02',
+    hover: 'hover:bg-hover-hover02',
+    active: 'active:bg-active-active02',
+    disabled: 'disabled:border-border-uiBorder01 disabled:text-disabled-disabled01 disabled:fill-disabled-disabled01',
+    selected: 'border border-interactive-interactive01 bg-selected-selectedUi text-interactive-interactive01 fill-interactive-interactive01'
+  },
+  text: {
+    base: 'border border-transparent text-interactive-interactive02 fill-interactive-interactive02',
+    hover: 'hover:bg-hover-hover02 hover:border-hover-hover02',
+    active: 'active:bg-active-active02 active:border-active-active02',
+    disabled: 'disabled:text-disabled-disabled01 disabled:fill-disabled-disabled01',
+    selected: 'border border-transparent bg-selected-selectedUi text-interactive-interactive01 fill-interactive-interactive01'
+  }
+};
+var iconColors = {
+  icon01: 'fill-icon-icon01',
+  icon01Dark: 'fill-icon-icon01Dark',
+  icon02: 'fill-icon-icon02',
+  icon02Dark: 'fill-icon-icon02Dark',
+  icon03: 'fill-icon-icon03',
+  icon03Dark: 'fill-icon-icon03Dark',
+  iconOnColor: 'fill-icon-iconOnColor'
+};
+var tagColors = {
+  supportError: 'text-text-textOnColor bg-support-supportError',
+  supportSuccess: 'text-text-textOnColor bg-support-supportSuccess',
+  supportWarning: 'text-text-textOnColor bg-support-supportWarning',
+  supportDanger: 'text-text-textOnColor bg-support-supportDanger',
+  userRed: 'text-text-textOnColor bg-user-red',
+  userPink: 'text-text-textOnColor bg-user-pink',
+  userPurple: 'text-text-textOnColor bg-user-purple',
+  userTurquoise: 'text-text-textOnColor bg-user-turquoise',
+  userRoyalBlue: 'text-text-textOnColor bg-user-royalBlue',
+  userBlue: 'text-text-textOnColor bg-user-blue',
+  userAquamarine: 'text-text-textOnColor bg-user-aquamarine',
+  userYellowGreen: 'text-text-textOnColor bg-user-yellowGreen',
+  userYellow: 'text-text-textOnColor bg-user-yellow',
+  userOrange: 'text-text-textOnColor bg-user-orange',
+  "default": 'text-text-textOnColor bg-support-supportInfo',
+  gray: 'text-text-text02 bg-gray-gray10'
+};
+var tagLightColors = {
+  supportError: 'text-text-text01 bg-support-supportErrorLight',
+  supportSuccess: 'text-text-text01 bg-support-supportSuccessLight',
+  supportWarning: 'text-text-text01 bg-support-supportWarningLight',
+  supportDanger: 'text-text-text01 bg-support-supportDangerLight',
+  userRed: 'text-text-text01 bg-user-redLight',
+  userPink: 'text-text-text01 bg-user-pinkLight',
+  userPurple: 'text-text-text01 bg-user-purpleLight',
+  userTurquoise: 'text-text-text01 bg-user-turquoiseLight',
+  userRoyalBlue: 'text-text-text01 bg-user-royalBlueLight',
+  userBlue: 'text-text-text01 bg-user-blueLight',
+  userAquamarine: 'text-text-text01 bg-user-aquamarineLight',
+  userYellowGreen: 'text-text-text01 bg-user-yellowGreenLight',
+  userYellow: 'text-text-text01 bg-user-yellowLight',
+  userOrange: 'text-text-text01 bg-user-orangeLight',
+  "default": 'text-text-text01 bg-support-supportInfoLight',
+  gray: 'text-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 text-decoration-none',
+    h2: 'font-bold leading-1 text-6 tracking-normal text-decoration-none',
+    h3: 'font-bold leading-2 text-5 tracking-normal text-decoration-none',
+    h4: 'font-bold leading-3 text-4 tracking-normal text-decoration-none',
+    h5: 'font-bold leading-4 text-3 tracking-normal text-decoration-none'
+  },
+  body: {
+    body1bold: 'font-bold leading-4 text-3 tracking-normal text-decoration-none',
+    body1regular: 'font-normal leading-4 text-3 tracking-normal text-decoration-none',
+    body2bold: 'font-bold leading-5 text-2 tracking-normal text-decoration-none',
+    body2regular: 'font-normal leading-5 text-2 tracking-normal text-decoration-none',
+    body3bold: 'font-bold leading-1 text-1 tracking-normal text-decoration-none',
+    body3regular: 'font-normal leading-1 text-1 tracking-normal text-decoration-none'
+  },
+  label: {
+    label1bold: 'font-bold leading-6 text-4 tracking-normal text-decoration-none',
+    label1regular: 'font-normal leading-6 text-4 tracking-normal text-decoration-none',
+    label2bold: 'font-bold leading-6 text-3 tracking-normal text-decoration-none',
+    label2regular: 'font-normal leading-6 text-3 tracking-normal text-decoration-none',
+    label3bold: 'font-bold leading-6 text-1 tracking-normal text-decoration-none',
+    label3regular: 'font-normal leading-6 text-1 tracking-normal text-decoration-none',
+    label4bold: 'font-bold leading-6 text-0 tracking-normal text-decoration-none',
+    label4regular: 'font-normal leading-6 text-0 tracking-normal text-decoration-none'
+  }
+};
+
+export { buttonColors, focusVisible, iconColors, tagColors, tagLightColors, typography, userColors };
+//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -0,0 +1 @@
+{"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-interactive-interactive01 bg-interactive-interactive01 text-text-textOnColor fill-text-textOnColor',\n    hover: 'hover:bg-hover-hover01 hover:border-hover-hover01',\n    active: 'active:bg-active-active01 active:border-active-active01',\n    disabled: 'disabled:bg-disabled-disabled01 disabled:border-disabled-disabled01',\n    selected:\n      'border border-transparent bg-selected-selectedUi text-interactive-interactive01 fill-interactive-interactive01',\n  },\n  fillDanger: {\n    base: 'border border-support-supportDanger bg-support-supportDanger text-text-textOnColor fill-text-textOnColor',\n    hover: 'hover:bg-hover-hoverDanger hover:border-hover-hoverDanger',\n    active: 'active:bg-active-activeDanger active:border-active-activeDanger',\n    disabled: 'disabled:bg-disabled-disabled01 disabled:border-disabled-disabled01',\n    selected:\n      'border border-transparent bg-support-supportDangerLight text-support-supportDanger fill-support-supportDanger',\n  },\n  outline: {\n    base: 'border border-border-uiBorder02 text-interactive-interactive02 fill-interactive-interactive02',\n    hover: 'hover:bg-hover-hover02',\n    active: 'active:bg-active-active02',\n    disabled: 'disabled:border-border-uiBorder01 disabled:text-disabled-disabled01 disabled:fill-disabled-disabled01',\n    selected:\n      'border border-interactive-interactive01 bg-selected-selectedUi text-interactive-interactive01 fill-interactive-interactive01',\n  },\n  text: {\n    base: 'border border-transparent text-interactive-interactive02 fill-interactive-interactive02',\n    hover: 'hover:bg-hover-hover02 hover:border-hover-hover02',\n    active: 'active:bg-active-active02 active:border-active-active02',\n    disabled: 'disabled:text-disabled-disabled01 disabled:fill-disabled-disabled01',\n    selected:\n      'border border-transparent bg-selected-selectedUi text-interactive-interactive01 fill-interactive-interactive01',\n  },\n} as const;\n\nexport const iconColors = {\n  icon01: 'fill-icon-icon01',\n  icon01Dark: 'fill-icon-icon01Dark',\n  icon02: 'fill-icon-icon02',\n  icon02Dark: 'fill-icon-icon02Dark',\n  icon03: 'fill-icon-icon03',\n  icon03Dark: 'fill-icon-icon03Dark',\n  iconOnColor: 'fill-icon-iconOnColor',\n} as const;\n\nexport const tagColors = {\n  supportError: 'text-text-textOnColor bg-support-supportError',\n  supportSuccess: 'text-text-textOnColor bg-support-supportSuccess',\n  supportWarning: 'text-text-textOnColor bg-support-supportWarning',\n  supportDanger: 'text-text-textOnColor bg-support-supportDanger',\n  userRed: 'text-text-textOnColor bg-user-red',\n  userPink: 'text-text-textOnColor bg-user-pink',\n  userPurple: 'text-text-textOnColor bg-user-purple',\n  userTurquoise: 'text-text-textOnColor bg-user-turquoise',\n  userRoyalBlue: 'text-text-textOnColor bg-user-royalBlue',\n  userBlue: 'text-text-textOnColor bg-user-blue',\n  userAquamarine: 'text-text-textOnColor bg-user-aquamarine',\n  userYellowGreen: 'text-text-textOnColor bg-user-yellowGreen',\n  userYellow: 'text-text-textOnColor bg-user-yellow',\n  userOrange: 'text-text-textOnColor bg-user-orange',\n  default: 'text-text-textOnColor bg-support-supportInfo',\n  gray: 'text-text-text02 bg-gray-gray10',\n} as const;\n\nexport const tagLightColors = {\n  supportError: 'text-text-text01 bg-support-supportErrorLight',\n  supportSuccess: 'text-text-text01 bg-support-supportSuccessLight',\n  supportWarning: 'text-text-text01 bg-support-supportWarningLight',\n  supportDanger: 'text-text-text01 bg-support-supportDangerLight',\n  userRed: 'text-text-text01 bg-user-redLight',\n  userPink: 'text-text-text01 bg-user-pinkLight',\n  userPurple: 'text-text-text01 bg-user-purpleLight',\n  userTurquoise: 'text-text-text01 bg-user-turquoiseLight',\n  userRoyalBlue: 'text-text-text01 bg-user-royalBlueLight',\n  userBlue: 'text-text-text01 bg-user-blueLight',\n  userAquamarine: 'text-text-text01 bg-user-aquamarineLight',\n  userYellowGreen: 'text-text-text01 bg-user-yellowGreenLight',\n  userYellow: 'text-text-text01 bg-user-yellowLight',\n  userOrange: 'text-text-text01 bg-user-orangeLight',\n  default: 'text-text-text01 bg-support-supportInfoLight',\n  gray: 'text-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 text-decoration-none',\n    h2: 'font-bold leading-1 text-6 tracking-normal text-decoration-none',\n    h3: 'font-bold leading-2 text-5 tracking-normal text-decoration-none',\n    h4: 'font-bold leading-3 text-4 tracking-normal text-decoration-none',\n    h5: 'font-bold leading-4 text-3 tracking-normal text-decoration-none',\n  },\n  body: {\n    body1bold: 'font-bold leading-4 text-3 tracking-normal text-decoration-none',\n    body1regular: 'font-normal leading-4 text-3 tracking-normal text-decoration-none',\n    body2bold: 'font-bold leading-5 text-2 tracking-normal text-decoration-none',\n    body2regular: 'font-normal leading-5 text-2 tracking-normal text-decoration-none',\n    body3bold: 'font-bold leading-1 text-1 tracking-normal text-decoration-none',\n    body3regular: 'font-normal leading-1 text-1 tracking-normal text-decoration-none',\n  },\n  label: {\n    label1bold: 'font-bold leading-6 text-4 tracking-normal text-decoration-none',\n    label1regular: 'font-normal leading-6 text-4 tracking-normal text-decoration-none',\n    label2bold: 'font-bold leading-6 text-3 tracking-normal text-decoration-none',\n    label2regular: 'font-normal leading-6 text-3 tracking-normal text-decoration-none',\n    label3bold: 'font-bold leading-6 text-1 tracking-normal text-decoration-none',\n    label3regular: 'font-normal leading-6 text-1 tracking-normal text-decoration-none',\n    label4bold: 'font-bold leading-6 text-0 tracking-normal text-decoration-none',\n    label4regular: 'font-normal leading-6 text-0 tracking-normal text-decoration-none',\n  },\n} as const;\n"],"names":["userColors","buttonColors","fill","base","hover","active","disabled","selected","fillDanger","outline","text","iconColors","icon01","icon01Dark","icon02","icon02Dark","icon03","icon03Dark","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","body1bold","body1regular","body2bold","body2regular","body3bold","body3regular","label","label1bold","label1regular","label2bold","label2regular","label3bold","label3regular","label4bold","label4regular"],"mappings":"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"}

package/dist/index.js

@@ -0,0 +1,114 @@
+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 = {
+  fill: {
+    base: 'border border-interactive-interactive01 bg-interactive-interactive01 text-text-textOnColor fill-text-textOnColor',
+    hover: 'hover:bg-hover-hover01 hover:border-hover-hover01',
+    active: 'active:bg-active-active01 active:border-active-active01',
+    disabled: 'disabled:bg-disabled-disabled01 disabled:border-disabled-disabled01',
+    selected: 'border border-transparent bg-selected-selectedUi text-interactive-interactive01 fill-interactive-interactive01'
+  },
+  fillDanger: {
+    base: 'border border-support-supportDanger bg-support-supportDanger text-text-textOnColor fill-text-textOnColor',
+    hover: 'hover:bg-hover-hoverDanger hover:border-hover-hoverDanger',
+    active: 'active:bg-active-activeDanger active:border-active-activeDanger',
+    disabled: 'disabled:bg-disabled-disabled01 disabled:border-disabled-disabled01',
+    selected: 'border border-transparent bg-support-supportDangerLight text-support-supportDanger fill-support-supportDanger'
+  },
+  outline: {
+    base: 'border border-border-uiBorder02 text-interactive-interactive02 fill-interactive-interactive02',
+    hover: 'hover:bg-hover-hover02',
+    active: 'active:bg-active-active02',
+    disabled: 'disabled:border-border-uiBorder01 disabled:text-disabled-disabled01 disabled:fill-disabled-disabled01',
+    selected: 'border border-interactive-interactive01 bg-selected-selectedUi text-interactive-interactive01 fill-interactive-interactive01'
+  },
+  text: {
+    base: 'border border-transparent text-interactive-interactive02 fill-interactive-interactive02',
+    hover: 'hover:bg-hover-hover02 hover:border-hover-hover02',
+    active: 'active:bg-active-active02 active:border-active-active02',
+    disabled: 'disabled:text-disabled-disabled01 disabled:fill-disabled-disabled01',
+    selected: 'border border-transparent bg-selected-selectedUi text-interactive-interactive01 fill-interactive-interactive01'
+  }
+};
+const iconColors = {
+  icon01: 'fill-icon-icon01',
+  icon01Dark: 'fill-icon-icon01Dark',
+  icon02: 'fill-icon-icon02',
+  icon02Dark: 'fill-icon-icon02Dark',
+  icon03: 'fill-icon-icon03',
+  icon03Dark: 'fill-icon-icon03Dark',
+  iconOnColor: 'fill-icon-iconOnColor'
+};
+const tagColors = {
+  supportError: 'text-text-textOnColor bg-support-supportError',
+  supportSuccess: 'text-text-textOnColor bg-support-supportSuccess',
+  supportWarning: 'text-text-textOnColor bg-support-supportWarning',
+  supportDanger: 'text-text-textOnColor bg-support-supportDanger',
+  userRed: 'text-text-textOnColor bg-user-red',
+  userPink: 'text-text-textOnColor bg-user-pink',
+  userPurple: 'text-text-textOnColor bg-user-purple',
+  userTurquoise: 'text-text-textOnColor bg-user-turquoise',
+  userRoyalBlue: 'text-text-textOnColor bg-user-royalBlue',
+  userBlue: 'text-text-textOnColor bg-user-blue',
+  userAquamarine: 'text-text-textOnColor bg-user-aquamarine',
+  userYellowGreen: 'text-text-textOnColor bg-user-yellowGreen',
+  userYellow: 'text-text-textOnColor bg-user-yellow',
+  userOrange: 'text-text-textOnColor bg-user-orange',
+  default: 'text-text-textOnColor bg-support-supportInfo',
+  gray: 'text-text-text02 bg-gray-gray10'
+};
+const tagLightColors = {
+  supportError: 'text-text-text01 bg-support-supportErrorLight',
+  supportSuccess: 'text-text-text01 bg-support-supportSuccessLight',
+  supportWarning: 'text-text-text01 bg-support-supportWarningLight',
+  supportDanger: 'text-text-text01 bg-support-supportDangerLight',
+  userRed: 'text-text-text01 bg-user-redLight',
+  userPink: 'text-text-text01 bg-user-pinkLight',
+  userPurple: 'text-text-text01 bg-user-purpleLight',
+  userTurquoise: 'text-text-text01 bg-user-turquoiseLight',
+  userRoyalBlue: 'text-text-text01 bg-user-royalBlueLight',
+  userBlue: 'text-text-text01 bg-user-blueLight',
+  userAquamarine: 'text-text-text01 bg-user-aquamarineLight',
+  userYellowGreen: 'text-text-text01 bg-user-yellowGreenLight',
+  userYellow: 'text-text-text01 bg-user-yellowLight',
+  userOrange: 'text-text-text01 bg-user-orangeLight',
+  default: 'text-text-text01 bg-support-supportInfoLight',
+  gray: 'text-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'
+};
+
+const typography = {
+  heading: {
+    h1: 'font-bold leading-0 text-7 tracking-normal text-decoration-none',
+    h2: 'font-bold leading-1 text-6 tracking-normal text-decoration-none',
+    h3: 'font-bold leading-2 text-5 tracking-normal text-decoration-none',
+    h4: 'font-bold leading-3 text-4 tracking-normal text-decoration-none',
+    h5: 'font-bold leading-4 text-3 tracking-normal text-decoration-none'
+  },
+  body: {
+    body1bold: 'font-bold leading-4 text-3 tracking-normal text-decoration-none',
+    body1regular: 'font-normal leading-4 text-3 tracking-normal text-decoration-none',
+    body2bold: 'font-bold leading-5 text-2 tracking-normal text-decoration-none',
+    body2regular: 'font-normal leading-5 text-2 tracking-normal text-decoration-none',
+    body3bold: 'font-bold leading-1 text-1 tracking-normal text-decoration-none',
+    body3regular: 'font-normal leading-1 text-1 tracking-normal text-decoration-none'
+  },
+  label: {
+    label1bold: 'font-bold leading-6 text-4 tracking-normal text-decoration-none',
+    label1regular: 'font-normal leading-6 text-4 tracking-normal text-decoration-none',
+    label2bold: 'font-bold leading-6 text-3 tracking-normal text-decoration-none',
+    label2regular: 'font-normal leading-6 text-3 tracking-normal text-decoration-none',
+    label3bold: 'font-bold leading-6 text-1 tracking-normal text-decoration-none',
+    label3regular: 'font-normal leading-6 text-1 tracking-normal text-decoration-none',
+    label4bold: 'font-bold leading-6 text-0 tracking-normal text-decoration-none',
+    label4regular: 'font-normal leading-6 text-0 tracking-normal text-decoration-none'
+  }
+};
+
+export { buttonColors, focusVisible, iconColors, tagColors, tagLightColors, typography, userColors };
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"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-interactive-interactive01 bg-interactive-interactive01 text-text-textOnColor fill-text-textOnColor',\n    hover: 'hover:bg-hover-hover01 hover:border-hover-hover01',\n    active: 'active:bg-active-active01 active:border-active-active01',\n    disabled: 'disabled:bg-disabled-disabled01 disabled:border-disabled-disabled01',\n    selected:\n      'border border-transparent bg-selected-selectedUi text-interactive-interactive01 fill-interactive-interactive01',\n  },\n  fillDanger: {\n    base: 'border border-support-supportDanger bg-support-supportDanger text-text-textOnColor fill-text-textOnColor',\n    hover: 'hover:bg-hover-hoverDanger hover:border-hover-hoverDanger',\n    active: 'active:bg-active-activeDanger active:border-active-activeDanger',\n    disabled: 'disabled:bg-disabled-disabled01 disabled:border-disabled-disabled01',\n    selected:\n      'border border-transparent bg-support-supportDangerLight text-support-supportDanger fill-support-supportDanger',\n  },\n  outline: {\n    base: 'border border-border-uiBorder02 text-interactive-interactive02 fill-interactive-interactive02',\n    hover: 'hover:bg-hover-hover02',\n    active: 'active:bg-active-active02',\n    disabled: 'disabled:border-border-uiBorder01 disabled:text-disabled-disabled01 disabled:fill-disabled-disabled01',\n    selected:\n      'border border-interactive-interactive01 bg-selected-selectedUi text-interactive-interactive01 fill-interactive-interactive01',\n  },\n  text: {\n    base: 'border border-transparent text-interactive-interactive02 fill-interactive-interactive02',\n    hover: 'hover:bg-hover-hover02 hover:border-hover-hover02',\n    active: 'active:bg-active-active02 active:border-active-active02',\n    disabled: 'disabled:text-disabled-disabled01 disabled:fill-disabled-disabled01',\n    selected:\n      'border border-transparent bg-selected-selectedUi text-interactive-interactive01 fill-interactive-interactive01',\n  },\n} as const;\n\nexport const iconColors = {\n  icon01: 'fill-icon-icon01',\n  icon01Dark: 'fill-icon-icon01Dark',\n  icon02: 'fill-icon-icon02',\n  icon02Dark: 'fill-icon-icon02Dark',\n  icon03: 'fill-icon-icon03',\n  icon03Dark: 'fill-icon-icon03Dark',\n  iconOnColor: 'fill-icon-iconOnColor',\n} as const;\n\nexport const tagColors = {\n  supportError: 'text-text-textOnColor bg-support-supportError',\n  supportSuccess: 'text-text-textOnColor bg-support-supportSuccess',\n  supportWarning: 'text-text-textOnColor bg-support-supportWarning',\n  supportDanger: 'text-text-textOnColor bg-support-supportDanger',\n  userRed: 'text-text-textOnColor bg-user-red',\n  userPink: 'text-text-textOnColor bg-user-pink',\n  userPurple: 'text-text-textOnColor bg-user-purple',\n  userTurquoise: 'text-text-textOnColor bg-user-turquoise',\n  userRoyalBlue: 'text-text-textOnColor bg-user-royalBlue',\n  userBlue: 'text-text-textOnColor bg-user-blue',\n  userAquamarine: 'text-text-textOnColor bg-user-aquamarine',\n  userYellowGreen: 'text-text-textOnColor bg-user-yellowGreen',\n  userYellow: 'text-text-textOnColor bg-user-yellow',\n  userOrange: 'text-text-textOnColor bg-user-orange',\n  default: 'text-text-textOnColor bg-support-supportInfo',\n  gray: 'text-text-text02 bg-gray-gray10',\n} as const;\n\nexport const tagLightColors = {\n  supportError: 'text-text-text01 bg-support-supportErrorLight',\n  supportSuccess: 'text-text-text01 bg-support-supportSuccessLight',\n  supportWarning: 'text-text-text01 bg-support-supportWarningLight',\n  supportDanger: 'text-text-text01 bg-support-supportDangerLight',\n  userRed: 'text-text-text01 bg-user-redLight',\n  userPink: 'text-text-text01 bg-user-pinkLight',\n  userPurple: 'text-text-text01 bg-user-purpleLight',\n  userTurquoise: 'text-text-text01 bg-user-turquoiseLight',\n  userRoyalBlue: 'text-text-text01 bg-user-royalBlueLight',\n  userBlue: 'text-text-text01 bg-user-blueLight',\n  userAquamarine: 'text-text-text01 bg-user-aquamarineLight',\n  userYellowGreen: 'text-text-text01 bg-user-yellowGreenLight',\n  userYellow: 'text-text-text01 bg-user-yellowLight',\n  userOrange: 'text-text-text01 bg-user-orangeLight',\n  default: 'text-text-text01 bg-support-supportInfoLight',\n  gray: 'text-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 text-decoration-none',\n    h2: 'font-bold leading-1 text-6 tracking-normal text-decoration-none',\n    h3: 'font-bold leading-2 text-5 tracking-normal text-decoration-none',\n    h4: 'font-bold leading-3 text-4 tracking-normal text-decoration-none',\n    h5: 'font-bold leading-4 text-3 tracking-normal text-decoration-none',\n  },\n  body: {\n    body1bold: 'font-bold leading-4 text-3 tracking-normal text-decoration-none',\n    body1regular: 'font-normal leading-4 text-3 tracking-normal text-decoration-none',\n    body2bold: 'font-bold leading-5 text-2 tracking-normal text-decoration-none',\n    body2regular: 'font-normal leading-5 text-2 tracking-normal text-decoration-none',\n    body3bold: 'font-bold leading-1 text-1 tracking-normal text-decoration-none',\n    body3regular: 'font-normal leading-1 text-1 tracking-normal text-decoration-none',\n  },\n  label: {\n    label1bold: 'font-bold leading-6 text-4 tracking-normal text-decoration-none',\n    label1regular: 'font-normal leading-6 text-4 tracking-normal text-decoration-none',\n    label2bold: 'font-bold leading-6 text-3 tracking-normal text-decoration-none',\n    label2regular: 'font-normal leading-6 text-3 tracking-normal text-decoration-none',\n    label3bold: 'font-bold leading-6 text-1 tracking-normal text-decoration-none',\n    label3regular: 'font-normal leading-6 text-1 tracking-normal text-decoration-none',\n    label4bold: 'font-bold leading-6 text-0 tracking-normal text-decoration-none',\n    label4regular: 'font-normal leading-6 text-0 tracking-normal text-decoration-none',\n  },\n} as const;\n"],"names":["userColors","buttonColors","fill","base","hover","active","disabled","selected","fillDanger","outline","text","iconColors","icon01","icon01Dark","icon02","icon02Dark","icon03","icon03Dark","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","body1bold","body1regular","body2bold","body2regular","body3bold","body3regular","label","label1bold","label1regular","label2bold","label2regular","label3bold","label3regular","label4bold","label4regular"],"mappings":"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"}

package/dist/typography.d.ts

@@ -0,0 +1,27 @@
+export declare const typography: {
+    readonly heading: {
+        readonly h1: "font-bold leading-0 text-7 tracking-normal text-decoration-none";
+        readonly h2: "font-bold leading-1 text-6 tracking-normal text-decoration-none";
+        readonly h3: "font-bold leading-2 text-5 tracking-normal text-decoration-none";
+        readonly h4: "font-bold leading-3 text-4 tracking-normal text-decoration-none";
+        readonly h5: "font-bold leading-4 text-3 tracking-normal text-decoration-none";
+    };
+    readonly body: {
+        readonly body1bold: "font-bold leading-4 text-3 tracking-normal text-decoration-none";
+        readonly body1regular: "font-normal leading-4 text-3 tracking-normal text-decoration-none";
+        readonly body2bold: "font-bold leading-5 text-2 tracking-normal text-decoration-none";
+        readonly body2regular: "font-normal leading-5 text-2 tracking-normal text-decoration-none";
+        readonly body3bold: "font-bold leading-1 text-1 tracking-normal text-decoration-none";
+        readonly body3regular: "font-normal leading-1 text-1 tracking-normal text-decoration-none";
+    };
+    readonly label: {
+        readonly label1bold: "font-bold leading-6 text-4 tracking-normal text-decoration-none";
+        readonly label1regular: "font-normal leading-6 text-4 tracking-normal text-decoration-none";
+        readonly label2bold: "font-bold leading-6 text-3 tracking-normal text-decoration-none";
+        readonly label2regular: "font-normal leading-6 text-3 tracking-normal text-decoration-none";
+        readonly label3bold: "font-bold leading-6 text-1 tracking-normal text-decoration-none";
+        readonly label3regular: "font-normal leading-6 text-1 tracking-normal text-decoration-none";
+        readonly label4bold: "font-bold leading-6 text-0 tracking-normal text-decoration-none";
+        readonly label4regular: "font-normal leading-6 text-0 tracking-normal text-decoration-none";
+    };
+};

package/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "@zenkigen-inc/component-theme",
+  "version": "1.0.0",
+  "repository": "https://github.com/zenkigen/zenkigen-component",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "source": "./src/index.ts",
+  "main": "./dist/index.js",
+  "module": "./dist/index.esm.js",
+  "types": "./dist/index.d.ts",
+  "exports": "./dist/index.js",
+  "scripts": {
+    "type-check": "tsc --noEmit",
+    "build": "rimraf dist && microbundle --no-compress -f modern,esm,cjs"
+  },
+  "devDependencies": {
+    "microbundle": "0.15.1",
+    "tailwindcss": "3.3.3",
+    "typescript": "5.1.6"
+  }
+}