@zenkigen-inc/component-theme 1.9.10 → 1.10.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 +16 -14
  2. package/dist/index.esm.js.map +1 -1
  3. package/dist/index.js +16 -14
  4. package/dist/index.js.map +1 -1
  5. package/dist/typography.d.ts +16 -14
  6. package/package.json +2 -2
package/dist/index.esm.js CHANGED
@@ -91,22 +91,24 @@ var typography = {
91
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 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'
94
+ body16bold: 'font-bold leading-5 text-4 tracking-normal no-underline',
95
+ body16regular: 'font-normal leading-5 text-4 tracking-normal no-underline',
96
+ body14bold: 'font-bold leading-4 text-3 tracking-normal no-underline',
97
+ body14regular: 'font-normal leading-4 text-3 tracking-normal no-underline',
98
+ body13bold: 'font-bold leading-5 text-2 tracking-normal no-underline',
99
+ body13regular: 'font-normal leading-5 text-2 tracking-normal no-underline',
100
+ body12bold: 'font-bold leading-1 text-1 tracking-normal no-underline',
101
+ body12regular: 'font-normal leading-1 text-1 tracking-normal no-underline'
100
102
  },
101
103
  label: {
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'
104
+ label16bold: 'font-bold leading-6 text-4 tracking-normal no-underline',
105
+ label16regular: 'font-normal leading-6 text-4 tracking-normal no-underline',
106
+ label14bold: 'font-bold leading-6 text-3 tracking-normal no-underline',
107
+ label14regular: 'font-normal leading-6 text-3 tracking-normal no-underline',
108
+ label12bold: 'font-bold leading-6 text-1 tracking-normal no-underline',
109
+ label12regular: 'font-normal leading-6 text-1 tracking-normal no-underline',
110
+ label11bold: 'font-bold leading-6 text-0 tracking-normal no-underline',
111
+ label11regular: 'font-normal leading-6 text-0 tracking-normal no-underline'
110
112
  }
111
113
  };
112
114
 
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-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 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 icon01Dark: 'fill-icon01Dark',\n icon02: 'fill-icon02',\n icon02Dark: 'fill-icon02Dark',\n icon03: 'fill-icon03',\n icon03Dark: 'fill-icon03Dark',\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 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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"}
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-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 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 icon01Dark: 'fill-icon01Dark',\n icon02: 'fill-icon02',\n icon02Dark: 'fill-icon02Dark',\n icon03: 'fill-icon03',\n icon03Dark: 'fill-icon03Dark',\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","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","body16bold","body16regular","body14bold","body14regular","body13bold","body13regular","body12bold","body12regular","label","label16bold","label16regular","label14bold","label14regular","label12bold","label12regular","label11bold","label11regular"],"mappings":"AAAO,IAAMA,UAAU,GAAG,CACxB,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,mBAAmB,EACnB,mBAAmB,EACnB,cAAc,EACd,oBAAoB,EACpB,qBAAqB,EACrB,gBAAgB,EAChB,gBAAgB,EACR;AAEH,IAAMC,YAAY,GAAG;AAC1BC,EAAAA,IAAI,EAAE;AACJC,IAAAA,IAAI,EAAE,gFAAgF;AACtFC,IAAAA,KAAK,EAAE,uCAAuC;AAC9CC,IAAAA,MAAM,EAAE,2CAA2C;AACnDC,IAAAA,QAAQ,EAAE,mDAAmD;AAC7DC,IAAAA,QAAQ,EAAE,+EAAA;GACX;AACDC,EAAAA,UAAU,EAAE;AACVL,IAAAA,IAAI,EAAE,gFAAgF;AACtFC,IAAAA,KAAK,EAAE,+CAA+C;AACtDC,IAAAA,MAAM,EAAE,mDAAmD;AAC3DC,IAAAA,QAAQ,EAAE,mDAAmD;AAC7DC,IAAAA,QAAQ,EAAE,uFAAA;GACX;AACDE,EAAAA,OAAO,EAAE;AACPN,IAAAA,IAAI,EAAE,gEAAgE;AACtEC,IAAAA,KAAK,EAAE,kBAAkB;AACzBC,IAAAA,MAAM,EAAE,oBAAoB;AAC5BC,IAAAA,QAAQ,EAAE,8EAA8E;AACxFC,IAAAA,QAAQ,EAAE,iFAAA;GACX;AACDG,EAAAA,IAAI,EAAE;AACJP,IAAAA,IAAI,EAAE,iEAAiE;AACvEC,IAAAA,KAAK,EAAE,uCAAuC;AAC9CC,IAAAA,MAAM,EAAE,2CAA2C;AACnDC,IAAAA,QAAQ,EAAE,mDAAmD;AAC7DC,IAAAA,QAAQ,EAAE,+EAAA;AACX,GAAA;EACO;AAEH,IAAMI,UAAU,GAAG;AACxBC,EAAAA,MAAM,EAAE,aAAa;AACrBC,EAAAA,UAAU,EAAE,iBAAiB;AAC7BC,EAAAA,MAAM,EAAE,aAAa;AACrBC,EAAAA,UAAU,EAAE,iBAAiB;AAC7BC,EAAAA,MAAM,EAAE,aAAa;AACrBC,EAAAA,UAAU,EAAE,iBAAiB;AAC7BC,EAAAA,WAAW,EAAE,kBAAA;EACL;AAEH,IAAMC,SAAS,GAAG;AACvBC,EAAAA,YAAY,EAAE,kCAAkC;AAChDC,EAAAA,cAAc,EAAE,oCAAoC;AACpDC,EAAAA,cAAc,EAAE,oCAAoC;AACpDC,EAAAA,aAAa,EAAE,mCAAmC;AAClDC,EAAAA,OAAO,EAAE,8BAA8B;AACvCC,EAAAA,QAAQ,EAAE,+BAA+B;AACzCC,EAAAA,UAAU,EAAE,iCAAiC;AAC7CC,EAAAA,aAAa,EAAE,oCAAoC;AACnDC,EAAAA,aAAa,EAAE,oCAAoC;AACnDC,EAAAA,QAAQ,EAAE,+BAA+B;AACzCC,EAAAA,cAAc,EAAE,qCAAqC;AACrDC,EAAAA,eAAe,EAAE,sCAAsC;AACvDC,EAAAA,UAAU,EAAE,iCAAiC;AAC7CC,EAAAA,UAAU,EAAE,iCAAiC;AAC7C,EAAA,SAAA,EAAS,iCAAiC;AAC1CC,EAAAA,IAAI,EAAE,4BAAA;EACE;AAEH,IAAMC,cAAc,GAAG;AAC5Bf,EAAAA,YAAY,EAAE,kCAAkC;AAChDC,EAAAA,cAAc,EAAE,oCAAoC;AACpDC,EAAAA,cAAc,EAAE,oCAAoC;AACpDC,EAAAA,aAAa,EAAE,mCAAmC;AAClDC,EAAAA,OAAO,EAAE,8BAA8B;AACvCC,EAAAA,QAAQ,EAAE,+BAA+B;AACzCC,EAAAA,UAAU,EAAE,iCAAiC;AAC7CC,EAAAA,aAAa,EAAE,oCAAoC;AACnDC,EAAAA,aAAa,EAAE,oCAAoC;AACnDC,EAAAA,QAAQ,EAAE,+BAA+B;AACzCC,EAAAA,cAAc,EAAE,qCAAqC;AACrDC,EAAAA,eAAe,EAAE,sCAAsC;AACvDC,EAAAA,UAAU,EAAE,iCAAiC;AAC7CC,EAAAA,UAAU,EAAE,iCAAiC;AAC7C,EAAA,SAAA,EAAS,iCAAiC;AAC1CC,EAAAA,IAAI,EAAE,4BAAA;;;ACzFD,IAAME,YAAY,GAAG;AAC1BC,EAAAA,MAAM,EACJ,gHAAgH;AAClHC,EAAAA,KAAK,EACH,qHAAqH;AACvHC,EAAAA,UAAU,EACR,oIAAoI;AACtIC,EAAAA,SAAS,EACP,yIAAA;;;ACRG,IAAMC,UAAU,GAAG;AACxBC,EAAAA,OAAO,EAAE;AACPC,IAAAA,EAAE,EAAE,yDAAyD;AAC7DC,IAAAA,EAAE,EAAE,yDAAyD;AAC7DC,IAAAA,EAAE,EAAE,yDAAyD;AAC7DC,IAAAA,EAAE,EAAE,yDAAyD;AAC7DC,IAAAA,EAAE,EAAE,yDAAA;GACL;AACDC,EAAAA,IAAI,EAAE;AACJC,IAAAA,UAAU,EAAE,yDAAyD;AACrEC,IAAAA,aAAa,EAAE,2DAA2D;AAC1EC,IAAAA,UAAU,EAAE,yDAAyD;AACrEC,IAAAA,aAAa,EAAE,2DAA2D;AAC1EC,IAAAA,UAAU,EAAE,yDAAyD;AACrEC,IAAAA,aAAa,EAAE,2DAA2D;AAC1EC,IAAAA,UAAU,EAAE,yDAAyD;AACrEC,IAAAA,aAAa,EAAE,2DAAA;GAChB;AACDC,EAAAA,KAAK,EAAE;AACLC,IAAAA,WAAW,EAAE,yDAAyD;AACtEC,IAAAA,cAAc,EAAE,2DAA2D;AAC3EC,IAAAA,WAAW,EAAE,yDAAyD;AACtEC,IAAAA,cAAc,EAAE,2DAA2D;AAC3EC,IAAAA,WAAW,EAAE,yDAAyD;AACtEC,IAAAA,cAAc,EAAE,2DAA2D;AAC3EC,IAAAA,WAAW,EAAE,yDAAyD;AACtEC,IAAAA,cAAc,EAAE,2DAAA;AACjB,GAAA;;;;;"}
package/dist/index.js CHANGED
@@ -91,22 +91,24 @@ const typography = {
91
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 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'
94
+ body16bold: 'font-bold leading-5 text-4 tracking-normal no-underline',
95
+ body16regular: 'font-normal leading-5 text-4 tracking-normal no-underline',
96
+ body14bold: 'font-bold leading-4 text-3 tracking-normal no-underline',
97
+ body14regular: 'font-normal leading-4 text-3 tracking-normal no-underline',
98
+ body13bold: 'font-bold leading-5 text-2 tracking-normal no-underline',
99
+ body13regular: 'font-normal leading-5 text-2 tracking-normal no-underline',
100
+ body12bold: 'font-bold leading-1 text-1 tracking-normal no-underline',
101
+ body12regular: 'font-normal leading-1 text-1 tracking-normal no-underline'
100
102
  },
101
103
  label: {
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'
104
+ label16bold: 'font-bold leading-6 text-4 tracking-normal no-underline',
105
+ label16regular: 'font-normal leading-6 text-4 tracking-normal no-underline',
106
+ label14bold: 'font-bold leading-6 text-3 tracking-normal no-underline',
107
+ label14regular: 'font-normal leading-6 text-3 tracking-normal no-underline',
108
+ label12bold: 'font-bold leading-6 text-1 tracking-normal no-underline',
109
+ label12regular: 'font-normal leading-6 text-1 tracking-normal no-underline',
110
+ label11bold: 'font-bold leading-6 text-0 tracking-normal no-underline',
111
+ label11regular: 'font-normal leading-6 text-0 tracking-normal no-underline'
110
112
  }
111
113
  };
112
114
 
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-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 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 icon01Dark: 'fill-icon01Dark',\n icon02: 'fill-icon02',\n icon02Dark: 'fill-icon02Dark',\n icon03: 'fill-icon03',\n icon03Dark: 'fill-icon03Dark',\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 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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"}
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-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 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 icon01Dark: 'fill-icon01Dark',\n icon02: 'fill-icon02',\n icon02Dark: 'fill-icon02Dark',\n icon03: 'fill-icon03',\n icon03Dark: 'fill-icon03Dark',\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","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","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 CHANGED
@@ -7,21 +7,23 @@ export declare const typography: {
7
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 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";
10
+ readonly body16bold: "font-bold leading-5 text-4 tracking-normal no-underline";
11
+ readonly body16regular: "font-normal leading-5 text-4 tracking-normal no-underline";
12
+ readonly body14bold: "font-bold leading-4 text-3 tracking-normal no-underline";
13
+ readonly body14regular: "font-normal leading-4 text-3 tracking-normal no-underline";
14
+ readonly body13bold: "font-bold leading-5 text-2 tracking-normal no-underline";
15
+ readonly body13regular: "font-normal leading-5 text-2 tracking-normal no-underline";
16
+ readonly body12bold: "font-bold leading-1 text-1 tracking-normal no-underline";
17
+ readonly body12regular: "font-normal leading-1 text-1 tracking-normal no-underline";
16
18
  };
17
19
  readonly label: {
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";
20
+ readonly label16bold: "font-bold leading-6 text-4 tracking-normal no-underline";
21
+ readonly label16regular: "font-normal leading-6 text-4 tracking-normal no-underline";
22
+ readonly label14bold: "font-bold leading-6 text-3 tracking-normal no-underline";
23
+ readonly label14regular: "font-normal leading-6 text-3 tracking-normal no-underline";
24
+ readonly label12bold: "font-bold leading-6 text-1 tracking-normal no-underline";
25
+ readonly label12regular: "font-normal leading-6 text-1 tracking-normal no-underline";
26
+ readonly label11bold: "font-bold leading-6 text-0 tracking-normal no-underline";
27
+ readonly label11regular: "font-normal leading-6 text-0 tracking-normal no-underline";
26
28
  };
27
29
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zenkigen-inc/component-theme",
3
- "version": "1.9.10",
3
+ "version": "1.10.0",
4
4
  "repository": "https://github.com/zenkigen/zenkigen-component",
5
5
  "license": "MIT",
6
6
  "publishConfig": {
@@ -17,7 +17,7 @@
17
17
  },
18
18
  "devDependencies": {
19
19
  "microbundle": "0.15.1",
20
- "tailwindcss": "3.4.3",
20
+ "tailwindcss": "3.4.4",
21
21
  "typescript": "5.4.5"
22
22
  }
23
23
  }