@magiclabs/ui-components 2.1.0 → 2.2.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.
- package/dist/cjs/styles/keyframes.js +1 -1
- package/dist/cjs/styles/keyframes.js.map +1 -1
- package/dist/cjs/tailwind-preset.js +2 -0
- package/dist/cjs/tailwind-preset.js.map +1 -0
- package/dist/es/styles/keyframes.js +1 -1
- package/dist/es/styles/keyframes.js.map +1 -1
- package/dist/es/tailwind-preset.js +2 -0
- package/dist/es/tailwind-preset.js.map +1 -0
- package/dist/types/styles/keyframes.d.ts +4 -4
- package/dist/types/tailwind-preset.d.ts +4 -0
- package/dist/types/tailwind-preset.d.ts.map +1 -0
- package/package.json +6 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const a={fadeIn:{"0%":{opacity:"0"}},fadeOut:{"100%":{opacity:"0"}},scaleIn:{"0%":{opacity:"0"},"100%":{opacity:"1",scale:"1"}},scaleOut:{"0%":{opacity:"1",scale:"1"},"100%":{opacity:"0",scale:"0.9"}},slideIn:{"0%":{opacity:"0",transform:"translateY(1.25rem)"},"100%":{opacity:"1",transform:"translateY(0)"}},slideOut:{"0%":{opacity:"1",transform:"translateY(0)"},"100%":{opacity:"0",transform:"translateY(1.25rem)"}},slideRight:{"0% ":{left:"-150%"},"100%":{left:"175%"}},moveRight:{"0%":{transform:"translateX(0rem)"},"80%":{transform:"translateX(1.25rem)"},"100%":{transform:"translateX(1.2rem)"}},moveLeft:{"0%":{transform:"translateX(0rem)"},"80%":{transform:"translateX(-1.25rem)"},"100%":{transform:"translateX(-1.2rem)"}},animateSpinnerSmall:{"0%":{strokeDasharray:"0.4, 60",strokeDashoffset:"0"},"50%":{strokeDasharray:"36, 60",strokeDashoffset:"-14"},"100%":{strokeDasharray:"36, 60",strokeDashoffset:"-52"}},animateSpinnerLarge:{"0%":{strokeDasharray:"0.875, 175",strokeDashoffset:"0"},"50%":{strokeDasharray:"78.75, 131.25",strokeDashoffset:"-31"},"100%":{strokeDasharray:"0.875, 175",strokeDashoffset:"-158"}},popIn:{"0%":{scale:0},"100%":{scale:1}},popOut:{"0%":{scale:1},"100%":{scale:0}}};exports.keyframes=a;
|
|
1
|
+
"use strict";const a={fadeIn:{"0%":{opacity:"0"}},fadeOut:{"100%":{opacity:"0"}},scaleIn:{"0%":{opacity:"0"},"100%":{opacity:"1",scale:"1"}},scaleOut:{"0%":{opacity:"1",scale:"1"},"100%":{opacity:"0",scale:"0.9"}},slideIn:{"0%":{opacity:"0",transform:"translateY(1.25rem)"},"100%":{opacity:"1",transform:"translateY(0)"}},slideOut:{"0%":{opacity:"1",transform:"translateY(0)"},"100%":{opacity:"0",transform:"translateY(1.25rem)"}},slideRight:{"0% ":{left:"-150%"},"100%":{left:"175%"}},moveRight:{"0%":{transform:"translateX(0rem)"},"80%":{transform:"translateX(1.25rem)"},"100%":{transform:"translateX(1.2rem)"}},moveLeft:{"0%":{transform:"translateX(0rem)"},"80%":{transform:"translateX(-1.25rem)"},"100%":{transform:"translateX(-1.2rem)"}},animateSpinnerSmall:{"0%":{strokeDasharray:"0.4, 60",strokeDashoffset:"0"},"50%":{strokeDasharray:"36, 60",strokeDashoffset:"-14"},"100%":{strokeDasharray:"36, 60",strokeDashoffset:"-52"}},animateSpinnerLarge:{"0%":{strokeDasharray:"0.875, 175",strokeDashoffset:"0"},"50%":{strokeDasharray:"78.75, 131.25",strokeDashoffset:"-31"},"100%":{strokeDasharray:"0.875, 175",strokeDashoffset:"-158"}},popIn:{"0%":{scale:"0"},"100%":{scale:"1"}},popOut:{"0%":{scale:"1"},"100%":{scale:"0"}}};exports.keyframes=a;
|
|
2
2
|
//# sourceMappingURL=keyframes.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"keyframes.js","sources":["../../../src/styles/keyframes.ts"],"sourcesContent":["export const keyframes = {\n fadeIn: {\n '0%': { opacity: '0' },\n },\n fadeOut: {\n '100%': { opacity: '0' },\n },\n scaleIn: {\n '0%': { opacity: '0' },\n '100%': { opacity: '1', scale: '1' },\n },\n scaleOut: {\n '0%': { opacity: '1', scale: '1' },\n '100%': { opacity: '0', scale: '0.9' },\n },\n slideIn: {\n '0%': {\n opacity: '0',\n transform: 'translateY(1.25rem)',\n },\n '100%': {\n opacity: '1',\n transform: 'translateY(0)',\n },\n },\n slideOut: {\n '0%': {\n opacity: '1',\n transform: 'translateY(0)',\n },\n '100%': {\n opacity: '0',\n transform: 'translateY(1.25rem)',\n },\n },\n slideRight: {\n '0% ': {\n left: '-150%',\n },\n '100%': {\n left: '175%',\n },\n },\n moveRight: {\n '0%': { transform: 'translateX(0rem)' },\n '80%': { transform: 'translateX(1.25rem)' },\n '100%': { transform: 'translateX(1.2rem)' },\n },\n moveLeft: {\n '0%': { transform: 'translateX(0rem)' },\n '80%': { transform: 'translateX(-1.25rem)' },\n '100%': { transform: 'translateX(-1.2rem)' },\n },\n animateSpinnerSmall: {\n '0%': {\n strokeDasharray: '0.4, 60',\n strokeDashoffset: '0',\n },\n '50%': {\n strokeDasharray: '36, 60',\n strokeDashoffset: '-14',\n },\n '100%': {\n strokeDasharray: '36, 60',\n strokeDashoffset: '-52',\n },\n },\n animateSpinnerLarge: {\n '0%': {\n strokeDasharray: '0.875, 175',\n strokeDashoffset: '0',\n },\n '50%': {\n strokeDasharray: '78.75, 131.25',\n strokeDashoffset: '-31',\n },\n '100%': {\n strokeDasharray: '0.875, 175',\n strokeDashoffset: '-158',\n },\n },\n popIn: {\n '0%': {\n scale: 0,\n },\n '100%': {\n scale: 1,\n },\n },\n popOut: {\n '0%': {\n scale: 1,\n },\n '100%': {\n scale: 0,\n },\n },\n} as const;\n"],"names":["keyframes"],"mappings":"aAAa,MAAAA,EAAY,CACvB,OAAQ,CACN,KAAM,CAAE,QAAS,GAAK,CACvB,EACD,QAAS,CACP,OAAQ,CAAE,QAAS,GAAK,CACzB,EACD,QAAS,CACP,KAAM,CAAE,QAAS,GAAK,EACtB,OAAQ,CAAE,QAAS,IAAK,MAAO,GAAK,CACrC,EACD,SAAU,CACR,KAAM,CAAE,QAAS,IAAK,MAAO,GAAK,EAClC,OAAQ,CAAE,QAAS,IAAK,MAAO,KAAO,CACvC,EACD,QAAS,CACP,KAAM,CACJ,QAAS,IACT,UAAW,qBACZ,EACD,OAAQ,CACN,QAAS,IACT,UAAW,eACZ,CACF,EACD,SAAU,CACR,KAAM,CACJ,QAAS,IACT,UAAW,eACZ,EACD,OAAQ,CACN,QAAS,IACT,UAAW,qBACZ,CACF,EACD,WAAY,CACV,MAAO,CACL,KAAM,OACP,EACD,OAAQ,CACN,KAAM,MACP,CACF,EACD,UAAW,CACT,KAAM,CAAE,UAAW,kBAAoB,EACvC,MAAO,CAAE,UAAW,qBAAuB,EAC3C,OAAQ,CAAE,UAAW,oBAAsB,CAC5C,EACD,SAAU,CACR,KAAM,CAAE,UAAW,kBAAoB,EACvC,MAAO,CAAE,UAAW,sBAAwB,EAC5C,OAAQ,CAAE,UAAW,qBAAuB,CAC7C,EACD,oBAAqB,CACnB,KAAM,CACJ,gBAAiB,UACjB,iBAAkB,GACnB,EACD,MAAO,CACL,gBAAiB,SACjB,iBAAkB,KACnB,EACD,OAAQ,CACN,gBAAiB,SACjB,iBAAkB,KACnB,CACF,EACD,oBAAqB,CACnB,KAAM,CACJ,gBAAiB,aACjB,iBAAkB,GACnB,EACD,MAAO,CACL,gBAAiB,gBACjB,iBAAkB,KACnB,EACD,OAAQ,CACN,gBAAiB,aACjB,iBAAkB,MACnB,CACF,EACD,MAAO,CACL,KAAM,CACJ,MAAO,
|
|
1
|
+
{"version":3,"file":"keyframes.js","sources":["../../../src/styles/keyframes.ts"],"sourcesContent":["export const keyframes = {\n fadeIn: {\n '0%': { opacity: '0' },\n },\n fadeOut: {\n '100%': { opacity: '0' },\n },\n scaleIn: {\n '0%': { opacity: '0' },\n '100%': { opacity: '1', scale: '1' },\n },\n scaleOut: {\n '0%': { opacity: '1', scale: '1' },\n '100%': { opacity: '0', scale: '0.9' },\n },\n slideIn: {\n '0%': {\n opacity: '0',\n transform: 'translateY(1.25rem)',\n },\n '100%': {\n opacity: '1',\n transform: 'translateY(0)',\n },\n },\n slideOut: {\n '0%': {\n opacity: '1',\n transform: 'translateY(0)',\n },\n '100%': {\n opacity: '0',\n transform: 'translateY(1.25rem)',\n },\n },\n slideRight: {\n '0% ': {\n left: '-150%',\n },\n '100%': {\n left: '175%',\n },\n },\n moveRight: {\n '0%': { transform: 'translateX(0rem)' },\n '80%': { transform: 'translateX(1.25rem)' },\n '100%': { transform: 'translateX(1.2rem)' },\n },\n moveLeft: {\n '0%': { transform: 'translateX(0rem)' },\n '80%': { transform: 'translateX(-1.25rem)' },\n '100%': { transform: 'translateX(-1.2rem)' },\n },\n animateSpinnerSmall: {\n '0%': {\n strokeDasharray: '0.4, 60',\n strokeDashoffset: '0',\n },\n '50%': {\n strokeDasharray: '36, 60',\n strokeDashoffset: '-14',\n },\n '100%': {\n strokeDasharray: '36, 60',\n strokeDashoffset: '-52',\n },\n },\n animateSpinnerLarge: {\n '0%': {\n strokeDasharray: '0.875, 175',\n strokeDashoffset: '0',\n },\n '50%': {\n strokeDasharray: '78.75, 131.25',\n strokeDashoffset: '-31',\n },\n '100%': {\n strokeDasharray: '0.875, 175',\n strokeDashoffset: '-158',\n },\n },\n popIn: {\n '0%': {\n scale: '0',\n },\n '100%': {\n scale: '1',\n },\n },\n popOut: {\n '0%': {\n scale: '1',\n },\n '100%': {\n scale: '0',\n },\n },\n} as const;\n"],"names":["keyframes"],"mappings":"aAAa,MAAAA,EAAY,CACvB,OAAQ,CACN,KAAM,CAAE,QAAS,GAAK,CACvB,EACD,QAAS,CACP,OAAQ,CAAE,QAAS,GAAK,CACzB,EACD,QAAS,CACP,KAAM,CAAE,QAAS,GAAK,EACtB,OAAQ,CAAE,QAAS,IAAK,MAAO,GAAK,CACrC,EACD,SAAU,CACR,KAAM,CAAE,QAAS,IAAK,MAAO,GAAK,EAClC,OAAQ,CAAE,QAAS,IAAK,MAAO,KAAO,CACvC,EACD,QAAS,CACP,KAAM,CACJ,QAAS,IACT,UAAW,qBACZ,EACD,OAAQ,CACN,QAAS,IACT,UAAW,eACZ,CACF,EACD,SAAU,CACR,KAAM,CACJ,QAAS,IACT,UAAW,eACZ,EACD,OAAQ,CACN,QAAS,IACT,UAAW,qBACZ,CACF,EACD,WAAY,CACV,MAAO,CACL,KAAM,OACP,EACD,OAAQ,CACN,KAAM,MACP,CACF,EACD,UAAW,CACT,KAAM,CAAE,UAAW,kBAAoB,EACvC,MAAO,CAAE,UAAW,qBAAuB,EAC3C,OAAQ,CAAE,UAAW,oBAAsB,CAC5C,EACD,SAAU,CACR,KAAM,CAAE,UAAW,kBAAoB,EACvC,MAAO,CAAE,UAAW,sBAAwB,EAC5C,OAAQ,CAAE,UAAW,qBAAuB,CAC7C,EACD,oBAAqB,CACnB,KAAM,CACJ,gBAAiB,UACjB,iBAAkB,GACnB,EACD,MAAO,CACL,gBAAiB,SACjB,iBAAkB,KACnB,EACD,OAAQ,CACN,gBAAiB,SACjB,iBAAkB,KACnB,CACF,EACD,oBAAqB,CACnB,KAAM,CACJ,gBAAiB,aACjB,iBAAkB,GACnB,EACD,MAAO,CACL,gBAAiB,gBACjB,iBAAkB,KACnB,EACD,OAAQ,CACN,gBAAiB,aACjB,iBAAkB,MACnB,CACF,EACD,MAAO,CACL,KAAM,CACJ,MAAO,GACR,EACD,OAAQ,CACN,MAAO,GACR,CACF,EACD,OAAQ,CACN,KAAM,CACJ,MAAO,GACR,EACD,OAAQ,CACN,MAAO,GACR,CACF"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("./styles/keyframes.js"),e=require("./styles/tokens.js");const a={content:[],darkMode:["selector","[data-color-mode=dark]"],theme:{extend:{colors:{...e.colorTokens,surface:{primary:"var(--color-surface-primary)",secondary:"var(--color-surface-secondary)",tertiary:"var(--color-surface-tertiary)",quaternary:"var(--color-surface-quaternary)"},text:{primary:"var(--color-text-primary)",secondary:"var(--color-text-secondary)",tertiary:"var(--color-text-tertiary)",quaternary:"var(--color-text-quaternary)"},neutral:{primary:"var(--color-neutral-primary)",secondary:"var(--color-neutral-secondary)",tertiary:"var(--color-neutral-tertiary)",quaternary:"var(--color-neutral-quaternary)"},brand:{lightest:"var(--color-brand-lightest)",lighter:"var(--color-brand-lighter)",base:"var(--color-brand-base)",darker:"var(--color-brand-darker)",darkest:"var(--color-brand-darkest)"},positive:{lightest:"var(--color-positive-lightest)",lighter:"var(--color-positive-lighter)",base:"var(--color-positive-base)",darker:"var(--color-positive-darker)",darkest:"var(--color-positive-darkest)"},negative:{lightest:"var(--color-negative-lightest)",lighter:"var(--color-negative-lighter)",base:"var(--color-negative-base)",darker:"var(--color-negative-darker)",darkest:"var(--color-negative-darkest)"},warning:{lightest:"var(--color-warning-lightest)",lighter:"var(--color-warning-lighter)",base:"var(--color-warning-base)",darker:"var(--color-warning-darker)",darkest:"var(--color-warning-darkest)"},dedicated:{lightest:"var(--color-dedicated-lightest)",lighter:"var(--color-dedicated-lighter)",base:"var(--color-dedicated-base)",darker:"var(--color-dedicated-darker)",darkest:"var(--color-dedicated-darkest)"}},borderWidth:e.borderWidthTokens,borderRadius:e.radiiTokens,spacing:e.sizeTokens,zIndex:e.zIndexTokens,outlineWidth:{thick:"0.125rem"},keyframes:r.keyframes,animation:{fadeIn:"fadeIn 0.2s ease",fadeOut:"fadeOut 0.2s ease",scaleIn:"scaleIn 0.2s ease",scaleOut:"scaleOut 0.2s ease",slideIn:"slideIn 0.3s ease",slideOut:"slideOut 0.3s ease",slideRight:"slideRight 1.5s ease infinite",moveRight:"moveRight 0.3s ease forwards",moveLeft:"moveLeft 0.3s ease forwards","spinner-small":"animateSpinnerSmall 1.5s ease infinite, spin 2s linear infinite","spinner-large":"animateSpinnerLarge 1.5s ease infinite, spin 2s linear infinite",popIn:"popIn 0.2s ease",popOut:"popOut 0.2s ease"},fontFamily:{sans:["var(--brand-font, 'Inter')","-apple-system","BlinkMacSystemFont","'Segoe UI'","Roboto","Helvetica","Arial","sans-serif"]}}},plugins:[]};exports.default=a;
|
|
2
|
+
//# sourceMappingURL=tailwind-preset.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tailwind-preset.js","sources":["../../src/tailwind-preset.ts"],"sourcesContent":["import type { Config } from 'tailwindcss';\nimport { keyframes } from './styles/keyframes';\nimport { colorTokens, borderWidthTokens, radiiTokens, sizeTokens, zIndexTokens } from './styles/tokens';\n\nconst preset: Config = {\n content: [],\n darkMode: ['selector', '[data-color-mode=dark]'],\n theme: {\n extend: {\n colors: {\n ...colorTokens,\n surface: {\n primary: 'var(--color-surface-primary)',\n secondary: 'var(--color-surface-secondary)',\n tertiary: 'var(--color-surface-tertiary)',\n quaternary: 'var(--color-surface-quaternary)',\n },\n text: {\n primary: 'var(--color-text-primary)',\n secondary: 'var(--color-text-secondary)',\n tertiary: 'var(--color-text-tertiary)',\n quaternary: 'var(--color-text-quaternary)',\n },\n neutral: {\n primary: 'var(--color-neutral-primary)',\n secondary: 'var(--color-neutral-secondary)',\n tertiary: 'var(--color-neutral-tertiary)',\n quaternary: 'var(--color-neutral-quaternary)',\n },\n brand: {\n lightest: 'var(--color-brand-lightest)',\n lighter: 'var(--color-brand-lighter)',\n base: 'var(--color-brand-base)',\n darker: 'var(--color-brand-darker)',\n darkest: 'var(--color-brand-darkest)',\n },\n positive: {\n lightest: 'var(--color-positive-lightest)',\n lighter: 'var(--color-positive-lighter)',\n base: 'var(--color-positive-base)',\n darker: 'var(--color-positive-darker)',\n darkest: 'var(--color-positive-darkest)',\n },\n negative: {\n lightest: 'var(--color-negative-lightest)',\n lighter: 'var(--color-negative-lighter)',\n base: 'var(--color-negative-base)',\n darker: 'var(--color-negative-darker)',\n darkest: 'var(--color-negative-darkest)',\n },\n warning: {\n lightest: 'var(--color-warning-lightest)',\n lighter: 'var(--color-warning-lighter)',\n base: 'var(--color-warning-base)',\n darker: 'var(--color-warning-darker)',\n darkest: 'var(--color-warning-darkest)',\n },\n dedicated: {\n lightest: 'var(--color-dedicated-lightest)',\n lighter: 'var(--color-dedicated-lighter)',\n base: 'var(--color-dedicated-base)',\n darker: 'var(--color-dedicated-darker)',\n darkest: 'var(--color-dedicated-darkest)',\n },\n },\n borderWidth: borderWidthTokens,\n borderRadius: radiiTokens,\n spacing: sizeTokens,\n zIndex: zIndexTokens,\n outlineWidth: {\n thick: '0.125rem',\n },\n keyframes,\n animation: {\n fadeIn: 'fadeIn 0.2s ease',\n fadeOut: 'fadeOut 0.2s ease',\n scaleIn: 'scaleIn 0.2s ease',\n scaleOut: 'scaleOut 0.2s ease',\n slideIn: 'slideIn 0.3s ease',\n slideOut: 'slideOut 0.3s ease',\n slideRight: 'slideRight 1.5s ease infinite',\n moveRight: 'moveRight 0.3s ease forwards',\n moveLeft: 'moveLeft 0.3s ease forwards',\n 'spinner-small': 'animateSpinnerSmall 1.5s ease infinite, spin 2s linear infinite',\n 'spinner-large': 'animateSpinnerLarge 1.5s ease infinite, spin 2s linear infinite',\n popIn: 'popIn 0.2s ease',\n popOut: 'popOut 0.2s ease',\n },\n fontFamily: {\n sans: [\n \"var(--brand-font, 'Inter')\",\n '-apple-system',\n 'BlinkMacSystemFont',\n \"'Segoe UI'\",\n 'Roboto',\n 'Helvetica',\n 'Arial',\n 'sans-serif',\n ],\n },\n },\n },\n plugins: [],\n};\n\nexport default preset;\n"],"names":["preset","colorTokens","borderWidthTokens","radiiTokens","sizeTokens","zIndexTokens","keyframes"],"mappings":"2IAIA,MAAMA,EAAiB,CACrB,QAAS,GACT,SAAU,CAAC,WAAY,wBAAwB,EAC/C,MAAO,CACL,OAAQ,CACN,OAAQ,CACN,GAAGC,cACH,QAAS,CACP,QAAS,+BACT,UAAW,iCACX,SAAU,gCACV,WAAY,iCACb,EACD,KAAM,CACJ,QAAS,4BACT,UAAW,8BACX,SAAU,6BACV,WAAY,8BACb,EACD,QAAS,CACP,QAAS,+BACT,UAAW,iCACX,SAAU,gCACV,WAAY,iCACb,EACD,MAAO,CACL,SAAU,8BACV,QAAS,6BACT,KAAM,0BACN,OAAQ,4BACR,QAAS,4BACV,EACD,SAAU,CACR,SAAU,iCACV,QAAS,gCACT,KAAM,6BACN,OAAQ,+BACR,QAAS,+BACV,EACD,SAAU,CACR,SAAU,iCACV,QAAS,gCACT,KAAM,6BACN,OAAQ,+BACR,QAAS,+BACV,EACD,QAAS,CACP,SAAU,gCACV,QAAS,+BACT,KAAM,4BACN,OAAQ,8BACR,QAAS,8BACV,EACD,UAAW,CACT,SAAU,kCACV,QAAS,iCACT,KAAM,8BACN,OAAQ,gCACR,QAAS,gCACV,CACF,EACD,YAAaC,EAAAA,kBACb,aAAcC,EAAAA,YACd,QAASC,aACT,OAAQC,eACR,aAAc,CACZ,MAAO,UACR,EACD,UAAAC,EAAAA,UACA,UAAW,CACT,OAAQ,mBACR,QAAS,oBACT,QAAS,oBACT,SAAU,qBACV,QAAS,oBACT,SAAU,qBACV,WAAY,gCACZ,UAAW,+BACX,SAAU,8BACV,gBAAiB,kEACjB,gBAAiB,kEACjB,MAAO,kBACP,OAAQ,kBACT,EACD,WAAY,CACV,KAAM,CACJ,6BACA,gBACA,qBACA,aACA,SACA,YACA,QACA,YACD,CACF,CACF,CACF,EACD,QAAS"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const a={fadeIn:{"0%":{opacity:"0"}},fadeOut:{"100%":{opacity:"0"}},scaleIn:{"0%":{opacity:"0"},"100%":{opacity:"1",scale:"1"}},scaleOut:{"0%":{opacity:"1",scale:"1"},"100%":{opacity:"0",scale:"0.9"}},slideIn:{"0%":{opacity:"0",transform:"translateY(1.25rem)"},"100%":{opacity:"1",transform:"translateY(0)"}},slideOut:{"0%":{opacity:"1",transform:"translateY(0)"},"100%":{opacity:"0",transform:"translateY(1.25rem)"}},slideRight:{"0% ":{left:"-150%"},"100%":{left:"175%"}},moveRight:{"0%":{transform:"translateX(0rem)"},"80%":{transform:"translateX(1.25rem)"},"100%":{transform:"translateX(1.2rem)"}},moveLeft:{"0%":{transform:"translateX(0rem)"},"80%":{transform:"translateX(-1.25rem)"},"100%":{transform:"translateX(-1.2rem)"}},animateSpinnerSmall:{"0%":{strokeDasharray:"0.4, 60",strokeDashoffset:"0"},"50%":{strokeDasharray:"36, 60",strokeDashoffset:"-14"},"100%":{strokeDasharray:"36, 60",strokeDashoffset:"-52"}},animateSpinnerLarge:{"0%":{strokeDasharray:"0.875, 175",strokeDashoffset:"0"},"50%":{strokeDasharray:"78.75, 131.25",strokeDashoffset:"-31"},"100%":{strokeDasharray:"0.875, 175",strokeDashoffset:"-158"}},popIn:{"0%":{scale:0},"100%":{scale:1}},popOut:{"0%":{scale:1},"100%":{scale:0}}};export{a as keyframes};
|
|
1
|
+
const a={fadeIn:{"0%":{opacity:"0"}},fadeOut:{"100%":{opacity:"0"}},scaleIn:{"0%":{opacity:"0"},"100%":{opacity:"1",scale:"1"}},scaleOut:{"0%":{opacity:"1",scale:"1"},"100%":{opacity:"0",scale:"0.9"}},slideIn:{"0%":{opacity:"0",transform:"translateY(1.25rem)"},"100%":{opacity:"1",transform:"translateY(0)"}},slideOut:{"0%":{opacity:"1",transform:"translateY(0)"},"100%":{opacity:"0",transform:"translateY(1.25rem)"}},slideRight:{"0% ":{left:"-150%"},"100%":{left:"175%"}},moveRight:{"0%":{transform:"translateX(0rem)"},"80%":{transform:"translateX(1.25rem)"},"100%":{transform:"translateX(1.2rem)"}},moveLeft:{"0%":{transform:"translateX(0rem)"},"80%":{transform:"translateX(-1.25rem)"},"100%":{transform:"translateX(-1.2rem)"}},animateSpinnerSmall:{"0%":{strokeDasharray:"0.4, 60",strokeDashoffset:"0"},"50%":{strokeDasharray:"36, 60",strokeDashoffset:"-14"},"100%":{strokeDasharray:"36, 60",strokeDashoffset:"-52"}},animateSpinnerLarge:{"0%":{strokeDasharray:"0.875, 175",strokeDashoffset:"0"},"50%":{strokeDasharray:"78.75, 131.25",strokeDashoffset:"-31"},"100%":{strokeDasharray:"0.875, 175",strokeDashoffset:"-158"}},popIn:{"0%":{scale:"0"},"100%":{scale:"1"}},popOut:{"0%":{scale:"1"},"100%":{scale:"0"}}};export{a as keyframes};
|
|
2
2
|
//# sourceMappingURL=keyframes.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"keyframes.js","sources":["../../../src/styles/keyframes.ts"],"sourcesContent":["export const keyframes = {\n fadeIn: {\n '0%': { opacity: '0' },\n },\n fadeOut: {\n '100%': { opacity: '0' },\n },\n scaleIn: {\n '0%': { opacity: '0' },\n '100%': { opacity: '1', scale: '1' },\n },\n scaleOut: {\n '0%': { opacity: '1', scale: '1' },\n '100%': { opacity: '0', scale: '0.9' },\n },\n slideIn: {\n '0%': {\n opacity: '0',\n transform: 'translateY(1.25rem)',\n },\n '100%': {\n opacity: '1',\n transform: 'translateY(0)',\n },\n },\n slideOut: {\n '0%': {\n opacity: '1',\n transform: 'translateY(0)',\n },\n '100%': {\n opacity: '0',\n transform: 'translateY(1.25rem)',\n },\n },\n slideRight: {\n '0% ': {\n left: '-150%',\n },\n '100%': {\n left: '175%',\n },\n },\n moveRight: {\n '0%': { transform: 'translateX(0rem)' },\n '80%': { transform: 'translateX(1.25rem)' },\n '100%': { transform: 'translateX(1.2rem)' },\n },\n moveLeft: {\n '0%': { transform: 'translateX(0rem)' },\n '80%': { transform: 'translateX(-1.25rem)' },\n '100%': { transform: 'translateX(-1.2rem)' },\n },\n animateSpinnerSmall: {\n '0%': {\n strokeDasharray: '0.4, 60',\n strokeDashoffset: '0',\n },\n '50%': {\n strokeDasharray: '36, 60',\n strokeDashoffset: '-14',\n },\n '100%': {\n strokeDasharray: '36, 60',\n strokeDashoffset: '-52',\n },\n },\n animateSpinnerLarge: {\n '0%': {\n strokeDasharray: '0.875, 175',\n strokeDashoffset: '0',\n },\n '50%': {\n strokeDasharray: '78.75, 131.25',\n strokeDashoffset: '-31',\n },\n '100%': {\n strokeDasharray: '0.875, 175',\n strokeDashoffset: '-158',\n },\n },\n popIn: {\n '0%': {\n scale: 0,\n },\n '100%': {\n scale: 1,\n },\n },\n popOut: {\n '0%': {\n scale: 1,\n },\n '100%': {\n scale: 0,\n },\n },\n} as const;\n"],"names":["keyframes"],"mappings":"AAAa,MAAAA,EAAY,CACvB,OAAQ,CACN,KAAM,CAAE,QAAS,GAAK,CACvB,EACD,QAAS,CACP,OAAQ,CAAE,QAAS,GAAK,CACzB,EACD,QAAS,CACP,KAAM,CAAE,QAAS,GAAK,EACtB,OAAQ,CAAE,QAAS,IAAK,MAAO,GAAK,CACrC,EACD,SAAU,CACR,KAAM,CAAE,QAAS,IAAK,MAAO,GAAK,EAClC,OAAQ,CAAE,QAAS,IAAK,MAAO,KAAO,CACvC,EACD,QAAS,CACP,KAAM,CACJ,QAAS,IACT,UAAW,qBACZ,EACD,OAAQ,CACN,QAAS,IACT,UAAW,eACZ,CACF,EACD,SAAU,CACR,KAAM,CACJ,QAAS,IACT,UAAW,eACZ,EACD,OAAQ,CACN,QAAS,IACT,UAAW,qBACZ,CACF,EACD,WAAY,CACV,MAAO,CACL,KAAM,OACP,EACD,OAAQ,CACN,KAAM,MACP,CACF,EACD,UAAW,CACT,KAAM,CAAE,UAAW,kBAAoB,EACvC,MAAO,CAAE,UAAW,qBAAuB,EAC3C,OAAQ,CAAE,UAAW,oBAAsB,CAC5C,EACD,SAAU,CACR,KAAM,CAAE,UAAW,kBAAoB,EACvC,MAAO,CAAE,UAAW,sBAAwB,EAC5C,OAAQ,CAAE,UAAW,qBAAuB,CAC7C,EACD,oBAAqB,CACnB,KAAM,CACJ,gBAAiB,UACjB,iBAAkB,GACnB,EACD,MAAO,CACL,gBAAiB,SACjB,iBAAkB,KACnB,EACD,OAAQ,CACN,gBAAiB,SACjB,iBAAkB,KACnB,CACF,EACD,oBAAqB,CACnB,KAAM,CACJ,gBAAiB,aACjB,iBAAkB,GACnB,EACD,MAAO,CACL,gBAAiB,gBACjB,iBAAkB,KACnB,EACD,OAAQ,CACN,gBAAiB,aACjB,iBAAkB,MACnB,CACF,EACD,MAAO,CACL,KAAM,CACJ,MAAO,
|
|
1
|
+
{"version":3,"file":"keyframes.js","sources":["../../../src/styles/keyframes.ts"],"sourcesContent":["export const keyframes = {\n fadeIn: {\n '0%': { opacity: '0' },\n },\n fadeOut: {\n '100%': { opacity: '0' },\n },\n scaleIn: {\n '0%': { opacity: '0' },\n '100%': { opacity: '1', scale: '1' },\n },\n scaleOut: {\n '0%': { opacity: '1', scale: '1' },\n '100%': { opacity: '0', scale: '0.9' },\n },\n slideIn: {\n '0%': {\n opacity: '0',\n transform: 'translateY(1.25rem)',\n },\n '100%': {\n opacity: '1',\n transform: 'translateY(0)',\n },\n },\n slideOut: {\n '0%': {\n opacity: '1',\n transform: 'translateY(0)',\n },\n '100%': {\n opacity: '0',\n transform: 'translateY(1.25rem)',\n },\n },\n slideRight: {\n '0% ': {\n left: '-150%',\n },\n '100%': {\n left: '175%',\n },\n },\n moveRight: {\n '0%': { transform: 'translateX(0rem)' },\n '80%': { transform: 'translateX(1.25rem)' },\n '100%': { transform: 'translateX(1.2rem)' },\n },\n moveLeft: {\n '0%': { transform: 'translateX(0rem)' },\n '80%': { transform: 'translateX(-1.25rem)' },\n '100%': { transform: 'translateX(-1.2rem)' },\n },\n animateSpinnerSmall: {\n '0%': {\n strokeDasharray: '0.4, 60',\n strokeDashoffset: '0',\n },\n '50%': {\n strokeDasharray: '36, 60',\n strokeDashoffset: '-14',\n },\n '100%': {\n strokeDasharray: '36, 60',\n strokeDashoffset: '-52',\n },\n },\n animateSpinnerLarge: {\n '0%': {\n strokeDasharray: '0.875, 175',\n strokeDashoffset: '0',\n },\n '50%': {\n strokeDasharray: '78.75, 131.25',\n strokeDashoffset: '-31',\n },\n '100%': {\n strokeDasharray: '0.875, 175',\n strokeDashoffset: '-158',\n },\n },\n popIn: {\n '0%': {\n scale: '0',\n },\n '100%': {\n scale: '1',\n },\n },\n popOut: {\n '0%': {\n scale: '1',\n },\n '100%': {\n scale: '0',\n },\n },\n} as const;\n"],"names":["keyframes"],"mappings":"AAAa,MAAAA,EAAY,CACvB,OAAQ,CACN,KAAM,CAAE,QAAS,GAAK,CACvB,EACD,QAAS,CACP,OAAQ,CAAE,QAAS,GAAK,CACzB,EACD,QAAS,CACP,KAAM,CAAE,QAAS,GAAK,EACtB,OAAQ,CAAE,QAAS,IAAK,MAAO,GAAK,CACrC,EACD,SAAU,CACR,KAAM,CAAE,QAAS,IAAK,MAAO,GAAK,EAClC,OAAQ,CAAE,QAAS,IAAK,MAAO,KAAO,CACvC,EACD,QAAS,CACP,KAAM,CACJ,QAAS,IACT,UAAW,qBACZ,EACD,OAAQ,CACN,QAAS,IACT,UAAW,eACZ,CACF,EACD,SAAU,CACR,KAAM,CACJ,QAAS,IACT,UAAW,eACZ,EACD,OAAQ,CACN,QAAS,IACT,UAAW,qBACZ,CACF,EACD,WAAY,CACV,MAAO,CACL,KAAM,OACP,EACD,OAAQ,CACN,KAAM,MACP,CACF,EACD,UAAW,CACT,KAAM,CAAE,UAAW,kBAAoB,EACvC,MAAO,CAAE,UAAW,qBAAuB,EAC3C,OAAQ,CAAE,UAAW,oBAAsB,CAC5C,EACD,SAAU,CACR,KAAM,CAAE,UAAW,kBAAoB,EACvC,MAAO,CAAE,UAAW,sBAAwB,EAC5C,OAAQ,CAAE,UAAW,qBAAuB,CAC7C,EACD,oBAAqB,CACnB,KAAM,CACJ,gBAAiB,UACjB,iBAAkB,GACnB,EACD,MAAO,CACL,gBAAiB,SACjB,iBAAkB,KACnB,EACD,OAAQ,CACN,gBAAiB,SACjB,iBAAkB,KACnB,CACF,EACD,oBAAqB,CACnB,KAAM,CACJ,gBAAiB,aACjB,iBAAkB,GACnB,EACD,MAAO,CACL,gBAAiB,gBACjB,iBAAkB,KACnB,EACD,OAAQ,CACN,gBAAiB,aACjB,iBAAkB,MACnB,CACF,EACD,MAAO,CACL,KAAM,CACJ,MAAO,GACR,EACD,OAAQ,CACN,MAAO,GACR,CACF,EACD,OAAQ,CACN,KAAM,CACJ,MAAO,GACR,EACD,OAAQ,CACN,MAAO,GACR,CACF"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{keyframes as r}from"./styles/keyframes.js";import{colorTokens as e,borderWidthTokens as a,radiiTokens as t,sizeTokens as o,zIndexTokens as i}from"./styles/tokens.js";const s={content:[],darkMode:["selector","[data-color-mode=dark]"],theme:{extend:{colors:{...e,surface:{primary:"var(--color-surface-primary)",secondary:"var(--color-surface-secondary)",tertiary:"var(--color-surface-tertiary)",quaternary:"var(--color-surface-quaternary)"},text:{primary:"var(--color-text-primary)",secondary:"var(--color-text-secondary)",tertiary:"var(--color-text-tertiary)",quaternary:"var(--color-text-quaternary)"},neutral:{primary:"var(--color-neutral-primary)",secondary:"var(--color-neutral-secondary)",tertiary:"var(--color-neutral-tertiary)",quaternary:"var(--color-neutral-quaternary)"},brand:{lightest:"var(--color-brand-lightest)",lighter:"var(--color-brand-lighter)",base:"var(--color-brand-base)",darker:"var(--color-brand-darker)",darkest:"var(--color-brand-darkest)"},positive:{lightest:"var(--color-positive-lightest)",lighter:"var(--color-positive-lighter)",base:"var(--color-positive-base)",darker:"var(--color-positive-darker)",darkest:"var(--color-positive-darkest)"},negative:{lightest:"var(--color-negative-lightest)",lighter:"var(--color-negative-lighter)",base:"var(--color-negative-base)",darker:"var(--color-negative-darker)",darkest:"var(--color-negative-darkest)"},warning:{lightest:"var(--color-warning-lightest)",lighter:"var(--color-warning-lighter)",base:"var(--color-warning-base)",darker:"var(--color-warning-darker)",darkest:"var(--color-warning-darkest)"},dedicated:{lightest:"var(--color-dedicated-lightest)",lighter:"var(--color-dedicated-lighter)",base:"var(--color-dedicated-base)",darker:"var(--color-dedicated-darker)",darkest:"var(--color-dedicated-darkest)"}},borderWidth:a,borderRadius:t,spacing:o,zIndex:i,outlineWidth:{thick:"0.125rem"},keyframes:r,animation:{fadeIn:"fadeIn 0.2s ease",fadeOut:"fadeOut 0.2s ease",scaleIn:"scaleIn 0.2s ease",scaleOut:"scaleOut 0.2s ease",slideIn:"slideIn 0.3s ease",slideOut:"slideOut 0.3s ease",slideRight:"slideRight 1.5s ease infinite",moveRight:"moveRight 0.3s ease forwards",moveLeft:"moveLeft 0.3s ease forwards","spinner-small":"animateSpinnerSmall 1.5s ease infinite, spin 2s linear infinite","spinner-large":"animateSpinnerLarge 1.5s ease infinite, spin 2s linear infinite",popIn:"popIn 0.2s ease",popOut:"popOut 0.2s ease"},fontFamily:{sans:["var(--brand-font, 'Inter')","-apple-system","BlinkMacSystemFont","'Segoe UI'","Roboto","Helvetica","Arial","sans-serif"]}}},plugins:[]};export{s as default};
|
|
2
|
+
//# sourceMappingURL=tailwind-preset.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tailwind-preset.js","sources":["../../src/tailwind-preset.ts"],"sourcesContent":["import type { Config } from 'tailwindcss';\nimport { keyframes } from './styles/keyframes';\nimport { colorTokens, borderWidthTokens, radiiTokens, sizeTokens, zIndexTokens } from './styles/tokens';\n\nconst preset: Config = {\n content: [],\n darkMode: ['selector', '[data-color-mode=dark]'],\n theme: {\n extend: {\n colors: {\n ...colorTokens,\n surface: {\n primary: 'var(--color-surface-primary)',\n secondary: 'var(--color-surface-secondary)',\n tertiary: 'var(--color-surface-tertiary)',\n quaternary: 'var(--color-surface-quaternary)',\n },\n text: {\n primary: 'var(--color-text-primary)',\n secondary: 'var(--color-text-secondary)',\n tertiary: 'var(--color-text-tertiary)',\n quaternary: 'var(--color-text-quaternary)',\n },\n neutral: {\n primary: 'var(--color-neutral-primary)',\n secondary: 'var(--color-neutral-secondary)',\n tertiary: 'var(--color-neutral-tertiary)',\n quaternary: 'var(--color-neutral-quaternary)',\n },\n brand: {\n lightest: 'var(--color-brand-lightest)',\n lighter: 'var(--color-brand-lighter)',\n base: 'var(--color-brand-base)',\n darker: 'var(--color-brand-darker)',\n darkest: 'var(--color-brand-darkest)',\n },\n positive: {\n lightest: 'var(--color-positive-lightest)',\n lighter: 'var(--color-positive-lighter)',\n base: 'var(--color-positive-base)',\n darker: 'var(--color-positive-darker)',\n darkest: 'var(--color-positive-darkest)',\n },\n negative: {\n lightest: 'var(--color-negative-lightest)',\n lighter: 'var(--color-negative-lighter)',\n base: 'var(--color-negative-base)',\n darker: 'var(--color-negative-darker)',\n darkest: 'var(--color-negative-darkest)',\n },\n warning: {\n lightest: 'var(--color-warning-lightest)',\n lighter: 'var(--color-warning-lighter)',\n base: 'var(--color-warning-base)',\n darker: 'var(--color-warning-darker)',\n darkest: 'var(--color-warning-darkest)',\n },\n dedicated: {\n lightest: 'var(--color-dedicated-lightest)',\n lighter: 'var(--color-dedicated-lighter)',\n base: 'var(--color-dedicated-base)',\n darker: 'var(--color-dedicated-darker)',\n darkest: 'var(--color-dedicated-darkest)',\n },\n },\n borderWidth: borderWidthTokens,\n borderRadius: radiiTokens,\n spacing: sizeTokens,\n zIndex: zIndexTokens,\n outlineWidth: {\n thick: '0.125rem',\n },\n keyframes,\n animation: {\n fadeIn: 'fadeIn 0.2s ease',\n fadeOut: 'fadeOut 0.2s ease',\n scaleIn: 'scaleIn 0.2s ease',\n scaleOut: 'scaleOut 0.2s ease',\n slideIn: 'slideIn 0.3s ease',\n slideOut: 'slideOut 0.3s ease',\n slideRight: 'slideRight 1.5s ease infinite',\n moveRight: 'moveRight 0.3s ease forwards',\n moveLeft: 'moveLeft 0.3s ease forwards',\n 'spinner-small': 'animateSpinnerSmall 1.5s ease infinite, spin 2s linear infinite',\n 'spinner-large': 'animateSpinnerLarge 1.5s ease infinite, spin 2s linear infinite',\n popIn: 'popIn 0.2s ease',\n popOut: 'popOut 0.2s ease',\n },\n fontFamily: {\n sans: [\n \"var(--brand-font, 'Inter')\",\n '-apple-system',\n 'BlinkMacSystemFont',\n \"'Segoe UI'\",\n 'Roboto',\n 'Helvetica',\n 'Arial',\n 'sans-serif',\n ],\n },\n },\n },\n plugins: [],\n};\n\nexport default preset;\n"],"names":["preset","colorTokens","borderWidthTokens","radiiTokens","sizeTokens","zIndexTokens","keyframes"],"mappings":"6KAIA,MAAMA,EAAiB,CACrB,QAAS,GACT,SAAU,CAAC,WAAY,wBAAwB,EAC/C,MAAO,CACL,OAAQ,CACN,OAAQ,CACN,GAAGC,EACH,QAAS,CACP,QAAS,+BACT,UAAW,iCACX,SAAU,gCACV,WAAY,iCACb,EACD,KAAM,CACJ,QAAS,4BACT,UAAW,8BACX,SAAU,6BACV,WAAY,8BACb,EACD,QAAS,CACP,QAAS,+BACT,UAAW,iCACX,SAAU,gCACV,WAAY,iCACb,EACD,MAAO,CACL,SAAU,8BACV,QAAS,6BACT,KAAM,0BACN,OAAQ,4BACR,QAAS,4BACV,EACD,SAAU,CACR,SAAU,iCACV,QAAS,gCACT,KAAM,6BACN,OAAQ,+BACR,QAAS,+BACV,EACD,SAAU,CACR,SAAU,iCACV,QAAS,gCACT,KAAM,6BACN,OAAQ,+BACR,QAAS,+BACV,EACD,QAAS,CACP,SAAU,gCACV,QAAS,+BACT,KAAM,4BACN,OAAQ,8BACR,QAAS,8BACV,EACD,UAAW,CACT,SAAU,kCACV,QAAS,iCACT,KAAM,8BACN,OAAQ,gCACR,QAAS,gCACV,CACF,EACD,YAAaC,EACb,aAAcC,EACd,QAASC,EACT,OAAQC,EACR,aAAc,CACZ,MAAO,UACR,EACD,UAAAC,EACA,UAAW,CACT,OAAQ,mBACR,QAAS,oBACT,QAAS,oBACT,SAAU,qBACV,QAAS,oBACT,SAAU,qBACV,WAAY,gCACZ,UAAW,+BACX,SAAU,8BACV,gBAAiB,kEACjB,gBAAiB,kEACjB,MAAO,kBACP,OAAQ,kBACT,EACD,WAAY,CACV,KAAM,CACJ,6BACA,gBACA,qBACA,aACA,SACA,YACA,QACA,YACD,CACF,CACF,CACF,EACD,QAAS"}
|
|
@@ -108,18 +108,18 @@ export declare const keyframes: {
|
|
|
108
108
|
};
|
|
109
109
|
readonly popIn: {
|
|
110
110
|
readonly '0%': {
|
|
111
|
-
readonly scale: 0;
|
|
111
|
+
readonly scale: "0";
|
|
112
112
|
};
|
|
113
113
|
readonly '100%': {
|
|
114
|
-
readonly scale: 1;
|
|
114
|
+
readonly scale: "1";
|
|
115
115
|
};
|
|
116
116
|
};
|
|
117
117
|
readonly popOut: {
|
|
118
118
|
readonly '0%': {
|
|
119
|
-
readonly scale: 1;
|
|
119
|
+
readonly scale: "1";
|
|
120
120
|
};
|
|
121
121
|
readonly '100%': {
|
|
122
|
-
readonly scale: 0;
|
|
122
|
+
readonly scale: "0";
|
|
123
123
|
};
|
|
124
124
|
};
|
|
125
125
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tailwind-preset.d.ts","sourceRoot":"","sources":["../../src/tailwind-preset.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAI1C,QAAA,MAAM,MAAM,EAAE,MAmGb,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@magiclabs/ui-components",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.2.0",
|
|
4
4
|
"packageManager": "pnpm@9.15.4+sha512.b2dc20e2fc72b3e18848459b37359a32064663e5627a51e4c74b2c29dd8e8e0491483c3abb40789cfd578bf362fb6ba8261b05f0387d76792ed6e23ea3b1b6a0",
|
|
5
5
|
"description": "💅 A theme-able library of reusable UI components",
|
|
6
6
|
"author": "Magic Labs <open-source@magic.link>",
|
|
@@ -20,6 +20,11 @@
|
|
|
20
20
|
"import": "./dist/es/presets.js",
|
|
21
21
|
"require": "./dist/cjs/presets.js"
|
|
22
22
|
},
|
|
23
|
+
"./tailwind-preset": {
|
|
24
|
+
"types": "./dist/types/tailwind-preset.d.ts",
|
|
25
|
+
"import": "./dist/es/tailwind-preset.js",
|
|
26
|
+
"require": "./dist/cjs/tailwind-preset.js"
|
|
27
|
+
},
|
|
23
28
|
"./styles.css": "./dist/styles.css"
|
|
24
29
|
},
|
|
25
30
|
"files": [
|