@zenkigen-inc/component-theme 1.3.1 → 1.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/index.esm.js +19 -19
  2. package/dist/index.esm.js.map +1 -1
  3. package/dist/index.js +19 -19
  4. package/dist/index.js.map +1 -1
  5. package/dist/typography.d.ts +19 -19
  6. package/package.json +1 -1
package/dist/index.esm.js CHANGED
@@ -84,29 +84,29 @@ var focusVisible = {
84
84
 
85
85
  var typography = {
86
86
  heading: {
87
- h1: 'font-bold leading-0 text-7 tracking-normal text-decoration-none',
88
- h2: 'font-bold leading-1 text-6 tracking-normal text-decoration-none',
89
- h3: 'font-bold leading-2 text-5 tracking-normal text-decoration-none',
90
- h4: 'font-bold leading-3 text-4 tracking-normal text-decoration-none',
91
- h5: 'font-bold leading-4 text-3 tracking-normal text-decoration-none'
87
+ h1: 'font-bold leading-0 text-7 tracking-normal no-underline',
88
+ h2: 'font-bold leading-1 text-6 tracking-normal no-underline',
89
+ h3: 'font-bold leading-2 text-5 tracking-normal no-underline',
90
+ h4: 'font-bold leading-3 text-4 tracking-normal no-underline',
91
+ h5: 'font-bold leading-4 text-3 tracking-normal no-underline'
92
92
  },
93
93
  body: {
94
- body1bold: 'font-bold leading-4 text-3 tracking-normal text-decoration-none',
95
- body1regular: 'font-normal leading-4 text-3 tracking-normal text-decoration-none',
96
- body2bold: 'font-bold leading-5 text-2 tracking-normal text-decoration-none',
97
- body2regular: 'font-normal leading-5 text-2 tracking-normal text-decoration-none',
98
- body3bold: 'font-bold leading-1 text-1 tracking-normal text-decoration-none',
99
- body3regular: 'font-normal leading-1 text-1 tracking-normal text-decoration-none'
94
+ body1bold: 'font-bold leading-4 text-3 tracking-normal no-underline',
95
+ body1regular: 'font-normal leading-4 text-3 tracking-normal no-underline',
96
+ body2bold: 'font-bold leading-5 text-2 tracking-normal no-underline',
97
+ body2regular: 'font-normal leading-5 text-2 tracking-normal no-underline',
98
+ body3bold: 'font-bold leading-1 text-1 tracking-normal no-underline',
99
+ body3regular: 'font-normal leading-1 text-1 tracking-normal no-underline'
100
100
  },
101
101
  label: {
102
- label1bold: 'font-bold leading-6 text-4 tracking-normal text-decoration-none',
103
- label1regular: 'font-normal leading-6 text-4 tracking-normal text-decoration-none',
104
- label2bold: 'font-bold leading-6 text-3 tracking-normal text-decoration-none',
105
- label2regular: 'font-normal leading-6 text-3 tracking-normal text-decoration-none',
106
- label3bold: 'font-bold leading-6 text-1 tracking-normal text-decoration-none',
107
- label3regular: 'font-normal leading-6 text-1 tracking-normal text-decoration-none',
108
- label4bold: 'font-bold leading-6 text-0 tracking-normal text-decoration-none',
109
- label4regular: 'font-normal leading-6 text-0 tracking-normal text-decoration-none'
102
+ label1bold: 'font-bold leading-6 text-4 tracking-normal no-underline',
103
+ label1regular: 'font-normal leading-6 text-4 tracking-normal no-underline',
104
+ label2bold: 'font-bold leading-6 text-3 tracking-normal no-underline',
105
+ label2regular: 'font-normal leading-6 text-3 tracking-normal no-underline',
106
+ label3bold: 'font-bold leading-6 text-1 tracking-normal no-underline',
107
+ label3regular: 'font-normal leading-6 text-1 tracking-normal no-underline',
108
+ label4bold: 'font-bold leading-6 text-0 tracking-normal no-underline',
109
+ label4regular: 'font-normal leading-6 text-0 tracking-normal no-underline'
110
110
  }
111
111
  };
112
112
 
package/dist/index.esm.js.map CHANGED
@@ -1 +1 @@
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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"}
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 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 body1bold: 'font-bold leading-4 text-3 tracking-normal no-underline',\n body1regular: 'font-normal leading-4 text-3 tracking-normal no-underline',\n body2bold: 'font-bold leading-5 text-2 tracking-normal no-underline',\n body2regular: 'font-normal leading-5 text-2 tracking-normal no-underline',\n body3bold: 'font-bold leading-1 text-1 tracking-normal no-underline',\n body3regular: 'font-normal leading-1 text-1 tracking-normal no-underline',\n },\n label: {\n label1bold: 'font-bold leading-6 text-4 tracking-normal no-underline',\n label1regular: 'font-normal leading-6 text-4 tracking-normal no-underline',\n label2bold: 'font-bold leading-6 text-3 tracking-normal no-underline',\n label2regular: 'font-normal leading-6 text-3 tracking-normal no-underline',\n label3bold: 'font-bold leading-6 text-1 tracking-normal no-underline',\n label3regular: 'font-normal leading-6 text-1 tracking-normal no-underline',\n label4bold: 'font-bold leading-6 text-0 tracking-normal no-underline',\n label4regular: '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","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 CHANGED
@@ -84,29 +84,29 @@ const focusVisible = {
84
84
 
85
85
  const typography = {
86
86
  heading: {
87
- h1: 'font-bold leading-0 text-7 tracking-normal text-decoration-none',
88
- h2: 'font-bold leading-1 text-6 tracking-normal text-decoration-none',
89
- h3: 'font-bold leading-2 text-5 tracking-normal text-decoration-none',
90
- h4: 'font-bold leading-3 text-4 tracking-normal text-decoration-none',
91
- h5: 'font-bold leading-4 text-3 tracking-normal text-decoration-none'
87
+ h1: 'font-bold leading-0 text-7 tracking-normal no-underline',
88
+ h2: 'font-bold leading-1 text-6 tracking-normal no-underline',
89
+ h3: 'font-bold leading-2 text-5 tracking-normal no-underline',
90
+ h4: 'font-bold leading-3 text-4 tracking-normal no-underline',
91
+ h5: 'font-bold leading-4 text-3 tracking-normal no-underline'
92
92
  },
93
93
  body: {
94
- body1bold: 'font-bold leading-4 text-3 tracking-normal text-decoration-none',
95
- body1regular: 'font-normal leading-4 text-3 tracking-normal text-decoration-none',
96
- body2bold: 'font-bold leading-5 text-2 tracking-normal text-decoration-none',
97
- body2regular: 'font-normal leading-5 text-2 tracking-normal text-decoration-none',
98
- body3bold: 'font-bold leading-1 text-1 tracking-normal text-decoration-none',
99
- body3regular: 'font-normal leading-1 text-1 tracking-normal text-decoration-none'
94
+ body1bold: 'font-bold leading-4 text-3 tracking-normal no-underline',
95
+ body1regular: 'font-normal leading-4 text-3 tracking-normal no-underline',
96
+ body2bold: 'font-bold leading-5 text-2 tracking-normal no-underline',
97
+ body2regular: 'font-normal leading-5 text-2 tracking-normal no-underline',
98
+ body3bold: 'font-bold leading-1 text-1 tracking-normal no-underline',
99
+ body3regular: 'font-normal leading-1 text-1 tracking-normal no-underline'
100
100
  },
101
101
  label: {
102
- label1bold: 'font-bold leading-6 text-4 tracking-normal text-decoration-none',
103
- label1regular: 'font-normal leading-6 text-4 tracking-normal text-decoration-none',
104
- label2bold: 'font-bold leading-6 text-3 tracking-normal text-decoration-none',
105
- label2regular: 'font-normal leading-6 text-3 tracking-normal text-decoration-none',
106
- label3bold: 'font-bold leading-6 text-1 tracking-normal text-decoration-none',
107
- label3regular: 'font-normal leading-6 text-1 tracking-normal text-decoration-none',
108
- label4bold: 'font-bold leading-6 text-0 tracking-normal text-decoration-none',
109
- label4regular: 'font-normal leading-6 text-0 tracking-normal text-decoration-none'
102
+ label1bold: 'font-bold leading-6 text-4 tracking-normal no-underline',
103
+ label1regular: 'font-normal leading-6 text-4 tracking-normal no-underline',
104
+ label2bold: 'font-bold leading-6 text-3 tracking-normal no-underline',
105
+ label2regular: 'font-normal leading-6 text-3 tracking-normal no-underline',
106
+ label3bold: 'font-bold leading-6 text-1 tracking-normal no-underline',
107
+ label3regular: 'font-normal leading-6 text-1 tracking-normal no-underline',
108
+ label4bold: 'font-bold leading-6 text-0 tracking-normal no-underline',
109
+ label4regular: 'font-normal leading-6 text-0 tracking-normal no-underline'
110
110
  }
111
111
  };
112
112
 
package/dist/index.js.map CHANGED
@@ -1 +1 @@
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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"}
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 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 body1bold: 'font-bold leading-4 text-3 tracking-normal no-underline',\n body1regular: 'font-normal leading-4 text-3 tracking-normal no-underline',\n body2bold: 'font-bold leading-5 text-2 tracking-normal no-underline',\n body2regular: 'font-normal leading-5 text-2 tracking-normal no-underline',\n body3bold: 'font-bold leading-1 text-1 tracking-normal no-underline',\n body3regular: 'font-normal leading-1 text-1 tracking-normal no-underline',\n },\n label: {\n label1bold: 'font-bold leading-6 text-4 tracking-normal no-underline',\n label1regular: 'font-normal leading-6 text-4 tracking-normal no-underline',\n label2bold: 'font-bold leading-6 text-3 tracking-normal no-underline',\n label2regular: 'font-normal leading-6 text-3 tracking-normal no-underline',\n label3bold: 'font-bold leading-6 text-1 tracking-normal no-underline',\n label3regular: 'font-normal leading-6 text-1 tracking-normal no-underline',\n label4bold: 'font-bold leading-6 text-0 tracking-normal no-underline',\n label4regular: '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","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 CHANGED
@@ -1,27 +1,27 @@
1
1
  export declare const typography: {
2
2
  readonly heading: {
3
- readonly h1: "font-bold leading-0 text-7 tracking-normal text-decoration-none";
4
- readonly h2: "font-bold leading-1 text-6 tracking-normal text-decoration-none";
5
- readonly h3: "font-bold leading-2 text-5 tracking-normal text-decoration-none";
6
- readonly h4: "font-bold leading-3 text-4 tracking-normal text-decoration-none";
7
- readonly h5: "font-bold leading-4 text-3 tracking-normal text-decoration-none";
3
+ readonly h1: "font-bold leading-0 text-7 tracking-normal no-underline";
4
+ readonly h2: "font-bold leading-1 text-6 tracking-normal no-underline";
5
+ readonly h3: "font-bold leading-2 text-5 tracking-normal no-underline";
6
+ readonly h4: "font-bold leading-3 text-4 tracking-normal no-underline";
7
+ readonly h5: "font-bold leading-4 text-3 tracking-normal no-underline";
8
8
  };
9
9
  readonly body: {
10
- readonly body1bold: "font-bold leading-4 text-3 tracking-normal text-decoration-none";
11
- readonly body1regular: "font-normal leading-4 text-3 tracking-normal text-decoration-none";
12
- readonly body2bold: "font-bold leading-5 text-2 tracking-normal text-decoration-none";
13
- readonly body2regular: "font-normal leading-5 text-2 tracking-normal text-decoration-none";
14
- readonly body3bold: "font-bold leading-1 text-1 tracking-normal text-decoration-none";
15
- readonly body3regular: "font-normal leading-1 text-1 tracking-normal text-decoration-none";
10
+ readonly body1bold: "font-bold leading-4 text-3 tracking-normal no-underline";
11
+ readonly body1regular: "font-normal leading-4 text-3 tracking-normal no-underline";
12
+ readonly body2bold: "font-bold leading-5 text-2 tracking-normal no-underline";
13
+ readonly body2regular: "font-normal leading-5 text-2 tracking-normal no-underline";
14
+ readonly body3bold: "font-bold leading-1 text-1 tracking-normal no-underline";
15
+ readonly body3regular: "font-normal leading-1 text-1 tracking-normal no-underline";
16
16
  };
17
17
  readonly label: {
18
- readonly label1bold: "font-bold leading-6 text-4 tracking-normal text-decoration-none";
19
- readonly label1regular: "font-normal leading-6 text-4 tracking-normal text-decoration-none";
20
- readonly label2bold: "font-bold leading-6 text-3 tracking-normal text-decoration-none";
21
- readonly label2regular: "font-normal leading-6 text-3 tracking-normal text-decoration-none";
22
- readonly label3bold: "font-bold leading-6 text-1 tracking-normal text-decoration-none";
23
- readonly label3regular: "font-normal leading-6 text-1 tracking-normal text-decoration-none";
24
- readonly label4bold: "font-bold leading-6 text-0 tracking-normal text-decoration-none";
25
- readonly label4regular: "font-normal leading-6 text-0 tracking-normal text-decoration-none";
18
+ readonly label1bold: "font-bold leading-6 text-4 tracking-normal no-underline";
19
+ readonly label1regular: "font-normal leading-6 text-4 tracking-normal no-underline";
20
+ readonly label2bold: "font-bold leading-6 text-3 tracking-normal no-underline";
21
+ readonly label2regular: "font-normal leading-6 text-3 tracking-normal no-underline";
22
+ readonly label3bold: "font-bold leading-6 text-1 tracking-normal no-underline";
23
+ readonly label3regular: "font-normal leading-6 text-1 tracking-normal no-underline";
24
+ readonly label4bold: "font-bold leading-6 text-0 tracking-normal no-underline";
25
+ readonly label4regular: "font-normal leading-6 text-0 tracking-normal no-underline";
26
26
  };
27
27
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zenkigen-inc/component-theme",
3
- "version": "1.3.1",
3
+ "version": "1.5.0",
4
4
  "repository": "https://github.com/zenkigen/zenkigen-component",
5
5
  "license": "MIT",
6
6
  "publishConfig": {