@upstart.gg/style-system 0.0.35 → 0.0.36
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/CHANGELOG.md +6 -0
- package/dist/metafile-esm.json +1 -1
- package/dist/twind-config.js +1 -1
- package/dist/twind.js +1 -1
- package/package.json +1 -1
- package/src/default-theme.css +0 -104
- package/src/editor.css +7 -0
- package/src/radix.css +1 -0
- package/src/twind-config.ts +27 -13
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# @upstart.gg/style-system
|
|
2
2
|
|
|
3
|
+
## 0.0.36
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#278](https://github.com/upstart-gg/upstart/pull/278) [`86dec08`](https://github.com/upstart-gg/upstart/commit/86dec08eb97bb7ba61b6cfa77f8748c4489fc038) Thanks [@mattallty](https://github.com/mattallty)! - Various improvements
|
|
8
|
+
|
|
3
9
|
## 0.0.35
|
|
4
10
|
|
|
5
11
|
### Patch Changes
|
package/dist/metafile-esm.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/colors.ts":{"bytes":6399,"imports":[],"format":"esm"},"src/system.ts":{"bytes":249,"imports":[{"path":"@radix-ui/themes","kind":"import-statement","external":true},{"path":"@formkit/auto-animate/react","kind":"import-statement","external":true},{"path":"@radix-ui/react-toggle-group","kind":"import-statement","external":true},{"path":"@floating-ui/react","kind":"import-statement","external":true},{"path":"react-hot-toast","kind":"import-statement","external":true}],"format":"esm"},"src/twind-config.ts":{"bytes":
|
|
1
|
+
{"inputs":{"src/colors.ts":{"bytes":6399,"imports":[],"format":"esm"},"src/system.ts":{"bytes":249,"imports":[{"path":"@radix-ui/themes","kind":"import-statement","external":true},{"path":"@formkit/auto-animate/react","kind":"import-statement","external":true},{"path":"@radix-ui/react-toggle-group","kind":"import-statement","external":true},{"path":"@floating-ui/react","kind":"import-statement","external":true},{"path":"react-hot-toast","kind":"import-statement","external":true}],"format":"esm"},"src/twind-config.ts":{"bytes":18295,"imports":[{"path":"@twind/core","kind":"import-statement","external":true},{"path":"@twind/preset-autoprefix","kind":"import-statement","external":true},{"path":"@twind/preset-tailwind","kind":"import-statement","external":true},{"path":"@twind/preset-ext","kind":"import-statement","external":true},{"path":"@twind/preset-line-clamp","kind":"import-statement","external":true},{"path":"@twind/preset-tailwind-forms","kind":"import-statement","external":true},{"path":"@twind/preset-typography","kind":"import-statement","external":true},{"path":"@twind/preset-container-queries","kind":"import-statement","external":true}],"format":"esm"},"src/twind-node.ts":{"bytes":75,"imports":[{"path":"@twind/with-react/pipeableStream","kind":"import-statement","external":true}],"format":"esm"},"src/twind-ssr.ts":{"bytes":75,"imports":[{"path":"@twind/with-react/readableStream","kind":"import-statement","external":true}],"format":"esm"},"src/twind.ts":{"bytes":1913,"imports":[{"path":"@twind/with-react","kind":"import-statement","external":true},{"path":"@twind/core","kind":"import-statement","external":true},{"path":"src/twind-config.ts","kind":"import-statement","original":"./twind-config.js"},{"path":"@twind/core","kind":"import-statement","external":true},{"path":"@twind/with-react/inline","kind":"import-statement","external":true}],"format":"esm"}},"outputs":{"dist/colors.js":{"imports":[],"exports":["colors"],"entryPoint":"src/colors.ts","inputs":{"src/colors.ts":{"bytesInOutput":5392}},"bytes":5413},"dist/system.js":{"imports":[{"path":"@radix-ui/themes","kind":"import-statement","external":true},{"path":"@formkit/auto-animate/react","kind":"import-statement","external":true},{"path":"@radix-ui/react-toggle-group","kind":"import-statement","external":true},{"path":"@floating-ui/react","kind":"import-statement","external":true},{"path":"react-hot-toast","kind":"import-statement","external":true}],"exports":["ToggleGroup","useAutoAnimate"],"entryPoint":"src/system.ts","inputs":{"src/system.ts":{"bytesInOutput":199}},"bytes":245},"dist/twind-config.js":{"imports":[{"path":"@twind/core","kind":"import-statement","external":true},{"path":"@twind/preset-autoprefix","kind":"import-statement","external":true},{"path":"@twind/preset-tailwind","kind":"import-statement","external":true},{"path":"@twind/preset-ext","kind":"import-statement","external":true},{"path":"@twind/preset-line-clamp","kind":"import-statement","external":true},{"path":"@twind/preset-tailwind-forms","kind":"import-statement","external":true},{"path":"@twind/preset-typography","kind":"import-statement","external":true},{"path":"@twind/preset-container-queries","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"src/twind-config.ts","inputs":{"src/twind-config.ts":{"bytesInOutput":13074}},"bytes":13096},"dist/twind-node.js":{"imports":[{"path":"@twind/with-react/pipeableStream","kind":"import-statement","external":true}],"exports":["TwindStream"],"entryPoint":"src/twind-node.ts","inputs":{"src/twind-node.ts":{"bytesInOutput":59}},"bytes":85},"dist/twind-ssr.js":{"imports":[{"path":"@twind/with-react/readableStream","kind":"import-statement","external":true}],"exports":["TwindStream"],"entryPoint":"src/twind-ssr.ts","inputs":{"src/twind-ssr.ts":{"bytesInOutput":59}},"bytes":85},"dist/twind.js":{"imports":[{"path":"@twind/with-react","kind":"import-statement","external":true},{"path":"@twind/core","kind":"import-statement","external":true},{"path":"@twind/core","kind":"import-statement","external":true},{"path":"@twind/preset-autoprefix","kind":"import-statement","external":true},{"path":"@twind/preset-tailwind","kind":"import-statement","external":true},{"path":"@twind/preset-ext","kind":"import-statement","external":true},{"path":"@twind/preset-line-clamp","kind":"import-statement","external":true},{"path":"@twind/preset-tailwind-forms","kind":"import-statement","external":true},{"path":"@twind/preset-typography","kind":"import-statement","external":true},{"path":"@twind/preset-container-queries","kind":"import-statement","external":true},{"path":"@twind/core","kind":"import-statement","external":true},{"path":"@twind/with-react/inline","kind":"import-statement","external":true}],"exports":["apply","colors","css","getSheet","injectGlobal","inline","keyframes","observe","parse","parseValue","setupTwindReact","sheet","style","tw","tx"],"entryPoint":"src/twind.ts","inputs":{"src/twind.ts":{"bytesInOutput":798},"src/twind-config.ts":{"bytesInOutput":13074}},"bytes":14071}}}
|
package/dist/twind-config.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{defineConfig as o}from"@twind/core";import a from"@twind/preset-autoprefix";import e from"@twind/preset-tailwind";import c from"@twind/preset-ext";import l from"@twind/preset-line-clamp";import t from"@twind/preset-tailwind-forms";import n from"@twind/preset-typography";import d from"@twind/preset-container-queries";var y=o({darkMode:"media",hash:!1,presets:[a(),e({disablePreflight:!1}),d(),c(),l(),t(),n()],variants:[["hasChildMenudHover","&:has(.container-menu-wrapper:hover)"]],rules:[["brick-container",{display:"grid",gridTemplateColumns:"subgrid",gridTemplateRows:"subgrid",gridColumn:"1 / span 12"}],["brick",{borderRadius:"inherit"}],["h-dvh",{height:"100dvh"}],["w-dvw",{width:"100dvw"}],[/^bg-color-\[([\S]+)\]$/,({1:r})=>({"--up-bg-color":`${r}`,backgroundColor:"var(--up-bg-color)"})],["bg-neutral-",({$$:r})=>({backgroundColor:"var(--up-bg-color)","--up-bg-color":`var(--color-neutral-${r})`,"--up-color-auto":"color-contrast(var(--up-bg-color) vs white, black)"})],["bg-accent-",({$$:r})=>({backgroundColor:"var(--up-bg-color)","--up-bg-color":`var(--color-accent-${r})`,"--up-color-auto":"color-contrast(var(--up-bg-color) vs white, black)"})],["bg-primary-",({$$:r})=>({backgroundColor:"var(--up-bg-color)","--up-bg-color":`var(--color-primary-${r})`,"--up-color-auto":"color-contrast(var(--up-bg-color) vs white, black)"})],["bg-secondary-",({$$:r})=>({backgroundColor:"var(--up-bg-color)","--up-bg-color":`var(--color-secondary-${r})`,"--up-color-auto":"color-contrast(var(--up-bg-color) vs white, black)"})],["border-neutral-",({$$:r})=>({borderColor:`var(--color-neutral-${r})`})],["border-accent-",({$$:r})=>({borderColor:`var(--color-accent-${r})`})],["border-primary-",({$$:r})=>({borderColor:`var(--color-primary-${r})`})],["border-secondary-",({$$:r})=>({borderColor:`var(--color-secondary-${r})`})],["text-neutral-",({$$:r})=>({color:`var(--color-neutral-${r})`})],["text-accent-",({$$:r})=>({color:`var(--color-accent-${r})`})],["text-primary-",({$$:r})=>({color:`var(--color-primary-${r})`})],["text-secondary-",({$$:r})=>({color:`var(--color-secondary-${r})`})],["outline-primary-",({$$:r})=>({outlineColor:`var(--color-primary-${r})`})],["outline-secondary-",({$$:r})=>({outlineColor:`var(--color-secondary-${r})`})],["outline-accent-",({$$:r})=>({outlineColor:`var(--color-accent-${r})`})],["outline-neutral-",({$$:r})=>({outlineColor:`var(--color-neutral-${r})`})],["preset-bg-solid-primary-1",{"--up-bg-color":"var(--color-primary-100)",backgroundImage:"none",backgroundColor:"var(--color-primary-100)"}],["preset-bg-solid-primary-2",{"--up-bg-color":"var(--color-primary-200)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-primary-3",{"--up-bg-color":"var(--color-primary-400)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-primary-4",{"--up-bg-color":"var(--color-primary-600)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-secondary-1",{"--up-bg-color":"var(--color-secondary-100)",backgroundImage:"none",backgroundColor:"var(--color-secondary-100)"}],["preset-bg-solid-secondary-2",{"--up-bg-color":"var(--color-secondary-200)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-secondary-3",{"--up-bg-color":"var(--color-secondary-400)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-secondary-4",{"--up-bg-color":"var(--color-secondary-600)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-accent-1",{"--up-bg-color":"var(--color-accent-100)",backgroundImage:"none",backgroundColor:"var(--color-accent-100)"}],["preset-bg-solid-accent-2",{"--up-bg-color":"var(--color-accent-200)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-accent-3",{"--up-bg-color":"var(--color-accent-400)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-accent-4",{"--up-bg-color":"var(--color-accent-600)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-neutral-1",{"--up-bg-color":"var(--color-neutral-100)",backgroundImage:"none",backgroundColor:"var(--color-neutral-100)"}],["preset-bg-solid-neutral-2",{"--up-bg-color":"var(--color-neutral-200)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-neutral-3",{"--up-bg-color":"var(--color-neutral-400)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-neutral-4",{"--up-bg-color":"var(--color-neutral-600)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-gradient-primary-1",{"--up-bg-color":"var(--color-primary-200)",backgroundImage:"linear-gradient(to top, var(--color-primary-200), var(--color-primary-100))"}],["preset-bg-gradient-primary-2",{"--up-bg-color":"var(--color-primary-400)",backgroundImage:"linear-gradient(to top, var(--color-primary-400), var(--color-primary-300))"}],["preset-bg-gradient-primary-3",{"--up-bg-color":"var(--color-primary-600)",backgroundImage:"linear-gradient(to top, var(--color-primary-600), var(--color-primary-500))"}],["preset-bg-gradient-primary-4",{"--up-bg-color":"var(--color-primary-800)",backgroundImage:"linear-gradient(to top, var(--color-primary-800), var(--color-primary-700))"}],["preset-bg-gradient-secondary-1",{"--up-bg-color":"var(--color-secondary-200)",backgroundImage:"linear-gradient(to top, var(--color-secondary-200), var(--color-secondary-100))"}],["preset-bg-gradient-secondary-2",{"--up-bg-color":"var(--color-secondary-400)",backgroundImage:"linear-gradient(to top, var(--color-secondary-400), var(--color-secondary-300))"}],["preset-bg-gradient-secondary-3",{"--up-bg-color":"var(--color-secondary-600)",backgroundImage:"linear-gradient(to top, var(--color-secondary-600), var(--color-secondary-500))"}],["preset-bg-gradient-secondary-4",{"--up-bg-color":"var(--color-secondary-800)",backgroundImage:"linear-gradient(to top, var(--color-secondary-800), var(--color-secondary-700))"}],["preset-bg-gradient-accent-1",{"--up-bg-color":"var(--color-accent-200)",backgroundImage:"linear-gradient(to top, var(--color-accent-200), var(--color-accent-100))"}],["preset-bg-gradient-accent-2",{"--up-bg-color":"var(--color-accent-400)",backgroundImage:"linear-gradient(to top, var(--color-accent-400), var(--color-accent-300))"}],["preset-bg-gradient-accent-3",{"--up-bg-color":"var(--color-accent-600)",backgroundImage:"linear-gradient(to top, var(--color-accent-600), var(--color-accent-500))"}],["preset-bg-gradient-accent-4",{"--up-bg-color":"var(--color-accent-800)",backgroundImage:"linear-gradient(to top, var(--color-accent-800), var(--color-accent-700))"}],["preset-bg-gradient-neutral-1",{"--up-bg-color":"var(--color-neutral-200)",backgroundImage:"linear-gradient(to top, var(--color-neutral-200), var(--color-neutral-100))"}],["preset-bg-gradient-neutral-2",{"--up-bg-color":"var(--color-neutral-400)",backgroundImage:"linear-gradient(to top, var(--color-neutral-400), var(--color-neutral-300))"}],["preset-bg-gradient-neutral-3",{"--up-bg-color":"var(--color-neutral-600)",backgroundImage:"linear-gradient(to top, var(--color-neutral-600), var(--color-neutral-500))"}],["preset-bg-gradient-neutral-4",{"--up-bg-color":"var(--color-neutral-800)",backgroundImage:"linear-gradient(to top, var(--color-neutral-800), var(--color-neutral-700))"}],["preset-border-color-auto",{borderColor:"hsl(from var(--up-bg-color) h s calc(l - 10))"}],["preset-border-primary-1",{borderColor:"var(--color-primary-100)"}],["preset-border-primary-2",{borderColor:"var(--color-primary-300)"}],["preset-border-primary-3",{borderColor:"var(--color-primary-500)"}],["preset-border-primary-4",{borderColor:"var(--color-primary-700)"}],["preset-border-secondary-1",{borderColor:"var(--color-secondary-100)"}],["preset-border-secondary-2",{borderColor:"var(--color-secondary-300)"}],["preset-border-secondary-3",{borderColor:"var(--color-secondary-500)"}],["preset-border-secondary-4",{borderColor:"var(--color-secondary-700)"}],["preset-border-accent-1",{borderColor:"var(--color-accent-100)"}],["preset-border-accent-2",{borderColor:"var(--color-accent-300)"}],["preset-border-accent-3",{borderColor:"var(--color-accent-500)"}],["preset-border-accent-4",{borderColor:"var(--color-accent-700)"}],["preset-border-neutral-1",{borderColor:"var(--color-neutral-100)"}],["preset-border-neutral-2",{borderColor:"var(--color-neutral-300)"}],["preset-border-neutral-3",{borderColor:"var(--color-neutral-500)"}],["preset-border-neutral-4",{borderColor:"var(--color-neutral-700)"}],["neutral-",({$$:r})=>({backgroundColor:`var(--color-neutral-${r})`,color:`var(--text-neutral-${r})`})],["accent-",({$$:r})=>({backgroundColor:`var(--color-accent-${r})`,color:`var(--text-accent-${r})`})],["primary-",({$$:r})=>({backgroundColor:`var(--color-primary-${r})`,color:`var(--text-primary-${r})`})],["secondary-",({$$:r})=>({backgroundColor:`var(--color-secondary-${r})`,color:`var(--text-secondary-${r})`})],["w-fill",{width:["fill-available","-webkit-fill-available","-moz-available"]}],["h-fill",{height:["fill-available","-webkit-fill-available","-moz-available"]}],["color-auto",{color:"var(--up-color-auto)"}],["hero-size-md",{fontSize:"clamp(3rem, 2.5vw + 2.5rem, 4.75rem)",lineHeight:"1.1"}],["hero-size-lg",{fontSize:"clamp(3.75rem, 3vw + 3rem, 5.75rem)",lineHeight:"1.1"}],["hero-size-xl",{fontSize:"clamp(4.5rem, 3.5vw + 3.5rem, 6.75rem)",lineHeight:"1.1"}],["hero-size-2xl",{fontSize:"clamp(5.25rem, 4vw + 4rem, 7.75rem)",lineHeight:"1.1"}],["hero-size-3xl",{fontSize:"clamp(6rem, 4.5vw + 4.5rem, 8.75rem)",lineHeight:"1.1"}],["text-shadow-none",{textShadow:"none"}],["text-shadow-sm",{textShadow:"0 1px 2px rgba(0, 0, 0, 0.15)"}],["text-shadow-md",{textShadow:"0 2px 4px rgba(0, 0, 0, 0.2)"}],["text-shadow-lg",{textShadow:"0 4px 8px rgba(0, 0, 0, 0.25)"}],["text-shadow-xl",{textShadow:"0 6px 12px rgba(0, 0, 0, 0.3)"}],["text-pretty",{textWrap:"pretty"}],["text-balance",{textWrap:"balance"}],["scrollbar-thin",{scrollbarWidth:"thin"}],["scrollbar-color-",({$$:r})=>({scrollbarColor:`var(--${r}-6) var(--${r}-surface)`})],["button",{color:"var(--color-button-text)",backgroundColor:"var(--color-button-bg)",padding:"0.5rem 1rem",borderRadius:"0.25rem",fontSize:"1rem",cursor:"pointer"}],["button-sm",{padding:"0.25rem 0.5rem",fontSize:"0.875rem"}],["button-lg",{padding:"0.75rem 1.5rem",fontSize:"1.25rem"}],["button-xl",{padding:"1rem 2rem",fontSize:"1.5rem"}]],theme:{extend:{colors:{upstart:{50:"#f2f4fb",100:"#e7ecf8",200:"#d3daf2",300:"#b8c2e9",400:"#9ba3de",500:"#8186d3",600:"#7270c6",700:"#5b57ab",800:"#4b498a",900:"#40406f",950:"#262541"},dark:{50:"#f6f6f6",100:"#e7e7e7",200:"#d1d1d1",300:"#b0b0b0",400:"#888888",500:"#6d6d6d",600:"#5d5d5d",700:"#4f4f4f",800:"#454545",900:"#333333",950:"#262626"},primary:{50:"var(--color-primary-50)",100:"var(--color-primary-100)",200:"var(--color-primary-200)",300:"var(--color-primary-300)",400:"var(--color-primary-400)",500:"var(--color-primary-500)",600:"var(--color-primary-600)",700:"var(--color-primary-700)",800:"var(--color-primary-800)",900:"var(--color-primary-900)"},secondary:{50:"var(--color-secondary-50)",100:"var(--color-secondary-100)",200:"var(--color-secondary-200)",300:"var(--color-secondary-300)",400:"var(--color-secondary-400)",500:"var(--color-secondary-500)",600:"var(--color-secondary-600)",700:"var(--color-secondary-700)",800:"var(--color-secondary-800)",900:"var(--color-secondary-900)"},accent:{50:"var(--color-accent-50)",100:"var(--color-accent-100)",200:"var(--color-accent-200)",300:"var(--color-accent-300)",400:"var(--color-accent-400)",500:"var(--color-accent-500)",600:"var(--color-accent-600)",700:"var(--color-accent-700)",800:"var(--color-accent-800)",900:"var(--color-accent-900)"},neutral:{50:"var(--color-neutral-50)",100:"var(--color-neutral-100)",200:"var(--color-neutral-200)",300:"var(--color-neutral-300)",400:"var(--color-neutral-400)",500:"var(--color-neutral-500)",600:"var(--color-neutral-600)",700:"var(--color-neutral-700)",800:"var(--color-neutral-800)",900:"var(--color-neutral-900)"}},containers:{mobile:"1px",desktop:"1024px"},animation:{"fade-in":"fade-in 0.5s","elastic-pop":"elastic-pop 1s cubic-bezier(0.22, 1, 0.36, 1) forwards","slide-in":"slide-in 0.15s ease-out","slide-back":"slide-back 0.15s ease-out"},keyframes:{"elastic-pop":{"0%":{transform:"scale(0)",opacity:"0"},"50%":{transform:"scale(1.1)",opacity:"0.8"},"70%":{transform:"scale(0.98)",opacity:"1"},"100%":{transform:"scale(1)",opacity:"1"}},"fade-in":{from:{opacity:"0"},to:{opacity:"1"}},"slide-in":{from:{transform:"translateX(100%)"},to:{transform:"translateX(0)"}},"slide-back":{from:{transform:"translateX(-100%)"},to:{transform:"translateX(0)"}}}}}});export{y as default};
|
|
1
|
+
import{defineConfig as o}from"@twind/core";import a from"@twind/preset-autoprefix";import e from"@twind/preset-tailwind";import c from"@twind/preset-ext";import l from"@twind/preset-line-clamp";import t from"@twind/preset-tailwind-forms";import n from"@twind/preset-typography";import d from"@twind/preset-container-queries";var y=o({darkMode:"media",presets:[a(),e({disablePreflight:!1}),d(),c(),l(),t(),n()],variants:[["hasChildMenudHover","&:has(.container-menu-wrapper:hover)"],["empty","&:not(:has(*))"]],rules:[["brick-container",{display:"grid",gridTemplateColumns:"subgrid",gridTemplateRows:"subgrid",gridColumn:"1 / span 12"}],["brick",{borderRadius:"inherit"}],["rounded-auto",{borderRadius:"inherit","&:first-child":{borderTopRightRadius:"0px",borderBottomRightRadius:"0px"},"&:last-child":{borderTopLeftRadius:"0px",borderBottomLeftRadius:"0px"},"&:not(:first-child):not(:last-child)":{borderRadius:"0px"}}],["h-dvh",{height:"100dvh"}],["w-dvw",{width:"100dvw"}],[/^bg-color-\[([\S]+)\]$/,({1:r})=>({"--up-bg-color":`${r}`,backgroundColor:"var(--up-bg-color)"})],["bg-neutral-",({$$:r})=>({backgroundColor:"var(--up-bg-color)","--up-bg-color":`var(--color-neutral-${r})`,"--up-color-auto":"color-contrast(var(--up-bg-color) vs white, black)"})],["bg-accent-",({$$:r})=>({backgroundColor:"var(--up-bg-color)","--up-bg-color":`var(--color-accent-${r})`,"--up-color-auto":"color-contrast(var(--up-bg-color) vs white, black)"})],["bg-primary-",({$$:r})=>({backgroundColor:"var(--up-bg-color)","--up-bg-color":`var(--color-primary-${r})`,"--up-color-auto":"color-contrast(var(--up-bg-color) vs white, black)"})],["bg-secondary-",({$$:r})=>({backgroundColor:"var(--up-bg-color)","--up-bg-color":`var(--color-secondary-${r})`,"--up-color-auto":"color-contrast(var(--up-bg-color) vs white, black)"})],["border-neutral-",({$$:r})=>({borderColor:`var(--color-neutral-${r})`})],["border-accent-",({$$:r})=>({borderColor:`var(--color-accent-${r})`})],["border-primary-",({$$:r})=>({borderColor:`var(--color-primary-${r})`})],["border-secondary-",({$$:r})=>({borderColor:`var(--color-secondary-${r})`})],["text-neutral-",({$$:r})=>({color:`var(--color-neutral-${r})`})],["text-accent-",({$$:r})=>({color:`var(--color-accent-${r})`})],["text-primary-",({$$:r})=>({color:`var(--color-primary-${r})`})],["text-secondary-",({$$:r})=>({color:`var(--color-secondary-${r})`})],["outline-primary-",({$$:r})=>({outlineColor:`var(--color-primary-${r})`})],["outline-secondary-",({$$:r})=>({outlineColor:`var(--color-secondary-${r})`})],["outline-accent-",({$$:r})=>({outlineColor:`var(--color-accent-${r})`})],["outline-neutral-",({$$:r})=>({outlineColor:`var(--color-neutral-${r})`})],["preset-bg-solid-primary-1",{"--up-bg-color":"var(--color-primary-100)",backgroundImage:"none",backgroundColor:"var(--color-primary-100)"}],["preset-bg-solid-primary-2",{"--up-bg-color":"var(--color-primary-200)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-primary-3",{"--up-bg-color":"var(--color-primary-400)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-primary-4",{"--up-bg-color":"var(--color-primary-600)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-secondary-1",{"--up-bg-color":"var(--color-secondary-100)",backgroundImage:"none",backgroundColor:"var(--color-secondary-100)"}],["preset-bg-solid-secondary-2",{"--up-bg-color":"var(--color-secondary-200)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-secondary-3",{"--up-bg-color":"var(--color-secondary-400)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-secondary-4",{"--up-bg-color":"var(--color-secondary-600)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-accent-1",{"--up-bg-color":"var(--color-accent-100)",backgroundImage:"none",backgroundColor:"var(--color-accent-100)"}],["preset-bg-solid-accent-2",{"--up-bg-color":"var(--color-accent-200)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-accent-3",{"--up-bg-color":"var(--color-accent-400)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-accent-4",{"--up-bg-color":"var(--color-accent-600)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-neutral-1",{"--up-bg-color":"var(--color-neutral-100)",backgroundImage:"none",backgroundColor:"var(--color-neutral-100)"}],["preset-bg-solid-neutral-2",{"--up-bg-color":"var(--color-neutral-200)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-neutral-3",{"--up-bg-color":"var(--color-neutral-400)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-neutral-4",{"--up-bg-color":"var(--color-neutral-600)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-gradient-primary-1",{"--up-bg-color":"var(--color-primary-200)",backgroundImage:"linear-gradient(to top, var(--color-primary-200), var(--color-primary-100))"}],["preset-bg-gradient-primary-2",{"--up-bg-color":"var(--color-primary-400)",backgroundImage:"linear-gradient(to top, var(--color-primary-400), var(--color-primary-300))"}],["preset-bg-gradient-primary-3",{"--up-bg-color":"var(--color-primary-600)",backgroundImage:"linear-gradient(to top, var(--color-primary-600), var(--color-primary-500))"}],["preset-bg-gradient-primary-4",{"--up-bg-color":"var(--color-primary-800)",backgroundImage:"linear-gradient(to top, var(--color-primary-800), var(--color-primary-700))"}],["preset-bg-gradient-secondary-1",{"--up-bg-color":"var(--color-secondary-200)",backgroundImage:"linear-gradient(to top, var(--color-secondary-200), var(--color-secondary-100))"}],["preset-bg-gradient-secondary-2",{"--up-bg-color":"var(--color-secondary-400)",backgroundImage:"linear-gradient(to top, var(--color-secondary-400), var(--color-secondary-300))"}],["preset-bg-gradient-secondary-3",{"--up-bg-color":"var(--color-secondary-600)",backgroundImage:"linear-gradient(to top, var(--color-secondary-600), var(--color-secondary-500))"}],["preset-bg-gradient-secondary-4",{"--up-bg-color":"var(--color-secondary-800)",backgroundImage:"linear-gradient(to top, var(--color-secondary-800), var(--color-secondary-700))"}],["preset-bg-gradient-accent-1",{"--up-bg-color":"var(--color-accent-200)",backgroundImage:"linear-gradient(to top, var(--color-accent-200), var(--color-accent-100))"}],["preset-bg-gradient-accent-2",{"--up-bg-color":"var(--color-accent-400)",backgroundImage:"linear-gradient(to top, var(--color-accent-400), var(--color-accent-300))"}],["preset-bg-gradient-accent-3",{"--up-bg-color":"var(--color-accent-600)",backgroundImage:"linear-gradient(to top, var(--color-accent-600), var(--color-accent-500))"}],["preset-bg-gradient-accent-4",{"--up-bg-color":"var(--color-accent-800)",backgroundImage:"linear-gradient(to top, var(--color-accent-800), var(--color-accent-700))"}],["preset-bg-gradient-neutral-1",{"--up-bg-color":"var(--color-neutral-200)",backgroundImage:"linear-gradient(to top, var(--color-neutral-200), var(--color-neutral-100))"}],["preset-bg-gradient-neutral-2",{"--up-bg-color":"var(--color-neutral-400)",backgroundImage:"linear-gradient(to top, var(--color-neutral-400), var(--color-neutral-300))"}],["preset-bg-gradient-neutral-3",{"--up-bg-color":"var(--color-neutral-600)",backgroundImage:"linear-gradient(to top, var(--color-neutral-600), var(--color-neutral-500))"}],["preset-bg-gradient-neutral-4",{"--up-bg-color":"var(--color-neutral-800)",backgroundImage:"linear-gradient(to top, var(--color-neutral-800), var(--color-neutral-700))"}],["preset-border-color-auto",{borderColor:"hsl(from var(--up-bg-color) h s calc(l - 10))"}],["preset-border-primary-1",{borderColor:"var(--color-primary-100)"}],["preset-border-primary-2",{borderColor:"var(--color-primary-300)"}],["preset-border-primary-3",{borderColor:"var(--color-primary-500)"}],["preset-border-primary-4",{borderColor:"var(--color-primary-700)"}],["preset-border-secondary-1",{borderColor:"var(--color-secondary-100)"}],["preset-border-secondary-2",{borderColor:"var(--color-secondary-300)"}],["preset-border-secondary-3",{borderColor:"var(--color-secondary-500)"}],["preset-border-secondary-4",{borderColor:"var(--color-secondary-700)"}],["preset-border-accent-1",{borderColor:"var(--color-accent-100)"}],["preset-border-accent-2",{borderColor:"var(--color-accent-300)"}],["preset-border-accent-3",{borderColor:"var(--color-accent-500)"}],["preset-border-accent-4",{borderColor:"var(--color-accent-700)"}],["preset-border-neutral-1",{borderColor:"var(--color-neutral-100)"}],["preset-border-neutral-2",{borderColor:"var(--color-neutral-300)"}],["preset-border-neutral-3",{borderColor:"var(--color-neutral-500)"}],["preset-border-neutral-4",{borderColor:"var(--color-neutral-700)"}],["neutral-",({$$:r})=>({backgroundColor:`var(--color-neutral-${r})`,color:`var(--text-neutral-${r})`})],["accent-",({$$:r})=>({backgroundColor:`var(--color-accent-${r})`,color:`var(--text-accent-${r})`})],["primary-",({$$:r})=>({backgroundColor:`var(--color-primary-${r})`,color:`var(--text-primary-${r})`})],["secondary-",({$$:r})=>({backgroundColor:`var(--color-secondary-${r})`,color:`var(--text-secondary-${r})`})],["w-fill",{width:["fill-available","-webkit-fill-available","-moz-available"]}],["h-fill",{height:["fill-available","-webkit-fill-available","-moz-available"]}],["color-auto",{color:"var(--up-color-auto)"}],["hero",{"&::first-line":{lineHeight:"1",margin:"0"}}],["hero-size-1",{fontSize:"clamp(2.25rem, 1.467rem + 3.913vw, 4.5rem)",lineHeight:"1.1"}],["hero-size-2",{fontSize:"clamp(3.5rem, 2.717rem + 3.913vw, 5.75rem)",lineHeight:"1.1"}],["hero-size-3",{fontSize:"clamp(4.75rem, 3.967rem + 3.913vw, 7rem)",lineHeight:"1.1"}],["hero-size-4",{fontSize:"clamp(6rem, 5.217rem + 3.913vw, 8.25rem)",lineHeight:"1.1"}],["hero-size-5",{fontSize:"clamp(7.25rem, 6.467rem + 3.913vw, 9.5rem)",lineHeight:"1.1"}],["text-shadow-none",{textShadow:"none"}],["text-shadow-sm",{textShadow:"0 1px 2px rgba(0, 0, 0, 0.15)"}],["text-shadow-md",{textShadow:"0 2px 4px rgba(0, 0, 0, 0.2)"}],["text-shadow-lg",{textShadow:"0 4px 8px rgba(0, 0, 0, 0.25)"}],["text-shadow-xl",{textShadow:"0 6px 12px rgba(0, 0, 0, 0.3)"}],["text-pretty",{textWrap:"pretty"}],["text-balance",{textWrap:"balance"}],["scrollbar-thin",{scrollbarWidth:"thin"}],["scrollbar-color-",({$$:r})=>({scrollbarColor:`var(--${r}-6) var(--${r}-surface)`})],["button",{color:"var(--color-button-text)",backgroundColor:"var(--color-button-bg)",padding:"0.5rem 1rem",borderRadius:"0.25rem",fontSize:"1rem",cursor:"pointer"}],["button-sm",{padding:"0.25rem 0.5rem",fontSize:"0.875rem"}],["button-lg",{padding:"0.75rem 1.5rem",fontSize:"1.25rem"}],["button-xl",{padding:"1rem 2rem",fontSize:"1.5rem"}]],theme:{extend:{colors:{upstart:{50:"#f2f4fb",100:"#e7ecf8",200:"#d3daf2",300:"#b8c2e9",400:"#9ba3de",500:"#8186d3",600:"#7270c6",700:"#5b57ab",800:"#4b498a",900:"#40406f",950:"#262541"},dark:{50:"#f6f6f6",100:"#e7e7e7",200:"#d1d1d1",300:"#b0b0b0",400:"#888888",500:"#6d6d6d",600:"#5d5d5d",700:"#4f4f4f",800:"#454545",900:"#333333",950:"#262626"},primary:{50:"var(--color-primary-50)",100:"var(--color-primary-100)",200:"var(--color-primary-200)",300:"var(--color-primary-300)",400:"var(--color-primary-400)",500:"var(--color-primary-500)",600:"var(--color-primary-600)",700:"var(--color-primary-700)",800:"var(--color-primary-800)",900:"var(--color-primary-900)"},secondary:{50:"var(--color-secondary-50)",100:"var(--color-secondary-100)",200:"var(--color-secondary-200)",300:"var(--color-secondary-300)",400:"var(--color-secondary-400)",500:"var(--color-secondary-500)",600:"var(--color-secondary-600)",700:"var(--color-secondary-700)",800:"var(--color-secondary-800)",900:"var(--color-secondary-900)"},accent:{50:"var(--color-accent-50)",100:"var(--color-accent-100)",200:"var(--color-accent-200)",300:"var(--color-accent-300)",400:"var(--color-accent-400)",500:"var(--color-accent-500)",600:"var(--color-accent-600)",700:"var(--color-accent-700)",800:"var(--color-accent-800)",900:"var(--color-accent-900)"},neutral:{50:"var(--color-neutral-50)",100:"var(--color-neutral-100)",200:"var(--color-neutral-200)",300:"var(--color-neutral-300)",400:"var(--color-neutral-400)",500:"var(--color-neutral-500)",600:"var(--color-neutral-600)",700:"var(--color-neutral-700)",800:"var(--color-neutral-800)",900:"var(--color-neutral-900)"}},containers:{mobile:"1px",desktop:"1024px"},animation:{"fade-in":"fade-in 0.5s","elastic-pop":"elastic-pop 1s cubic-bezier(0.22, 1, 0.36, 1) forwards","slide-in":"slide-in 0.15s ease-out","slide-back":"slide-back 0.15s ease-out"},keyframes:{"elastic-pop":{"0%":{transform:"scale(0)",opacity:"0"},"50%":{transform:"scale(1.1)",opacity:"0.8"},"70%":{transform:"scale(0.98)",opacity:"1"},"100%":{transform:"scale(1)",opacity:"1"}},"fade-in":{from:{opacity:"0"},to:{opacity:"1"}},"slide-in":{from:{transform:"translateX(100%)"},to:{transform:"translateX(0)"}},"slide-back":{from:{transform:"translateX(-100%)"},to:{transform:"translateX(0)"}}}}}});export{y as default};
|
package/dist/twind.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import b from"@twind/with-react";import{twind as g,virtual as u,cssom as v,tx as m,css as y,style as f,apply as k,injectGlobal as C,keyframes as x,observe as h}from"@twind/core";import{defineConfig as c}from"@twind/core";import l from"@twind/preset-autoprefix";import t from"@twind/preset-tailwind";import n from"@twind/preset-ext";import d from"@twind/preset-line-clamp";import i from"@twind/preset-tailwind-forms";import p from"@twind/preset-typography";import s from"@twind/preset-container-queries";var a=c({darkMode:"media",hash:!1,presets:[l(),t({disablePreflight:!1}),s(),n(),d(),i(),p()],variants:[["hasChildMenudHover","&:has(.container-menu-wrapper:hover)"]],rules:[["brick-container",{display:"grid",gridTemplateColumns:"subgrid",gridTemplateRows:"subgrid",gridColumn:"1 / span 12"}],["brick",{borderRadius:"inherit"}],["h-dvh",{height:"100dvh"}],["w-dvw",{width:"100dvw"}],[/^bg-color-\[([\S]+)\]$/,({1:r})=>({"--up-bg-color":`${r}`,backgroundColor:"var(--up-bg-color)"})],["bg-neutral-",({$$:r})=>({backgroundColor:"var(--up-bg-color)","--up-bg-color":`var(--color-neutral-${r})`,"--up-color-auto":"color-contrast(var(--up-bg-color) vs white, black)"})],["bg-accent-",({$$:r})=>({backgroundColor:"var(--up-bg-color)","--up-bg-color":`var(--color-accent-${r})`,"--up-color-auto":"color-contrast(var(--up-bg-color) vs white, black)"})],["bg-primary-",({$$:r})=>({backgroundColor:"var(--up-bg-color)","--up-bg-color":`var(--color-primary-${r})`,"--up-color-auto":"color-contrast(var(--up-bg-color) vs white, black)"})],["bg-secondary-",({$$:r})=>({backgroundColor:"var(--up-bg-color)","--up-bg-color":`var(--color-secondary-${r})`,"--up-color-auto":"color-contrast(var(--up-bg-color) vs white, black)"})],["border-neutral-",({$$:r})=>({borderColor:`var(--color-neutral-${r})`})],["border-accent-",({$$:r})=>({borderColor:`var(--color-accent-${r})`})],["border-primary-",({$$:r})=>({borderColor:`var(--color-primary-${r})`})],["border-secondary-",({$$:r})=>({borderColor:`var(--color-secondary-${r})`})],["text-neutral-",({$$:r})=>({color:`var(--color-neutral-${r})`})],["text-accent-",({$$:r})=>({color:`var(--color-accent-${r})`})],["text-primary-",({$$:r})=>({color:`var(--color-primary-${r})`})],["text-secondary-",({$$:r})=>({color:`var(--color-secondary-${r})`})],["outline-primary-",({$$:r})=>({outlineColor:`var(--color-primary-${r})`})],["outline-secondary-",({$$:r})=>({outlineColor:`var(--color-secondary-${r})`})],["outline-accent-",({$$:r})=>({outlineColor:`var(--color-accent-${r})`})],["outline-neutral-",({$$:r})=>({outlineColor:`var(--color-neutral-${r})`})],["preset-bg-solid-primary-1",{"--up-bg-color":"var(--color-primary-100)",backgroundImage:"none",backgroundColor:"var(--color-primary-100)"}],["preset-bg-solid-primary-2",{"--up-bg-color":"var(--color-primary-200)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-primary-3",{"--up-bg-color":"var(--color-primary-400)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-primary-4",{"--up-bg-color":"var(--color-primary-600)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-secondary-1",{"--up-bg-color":"var(--color-secondary-100)",backgroundImage:"none",backgroundColor:"var(--color-secondary-100)"}],["preset-bg-solid-secondary-2",{"--up-bg-color":"var(--color-secondary-200)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-secondary-3",{"--up-bg-color":"var(--color-secondary-400)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-secondary-4",{"--up-bg-color":"var(--color-secondary-600)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-accent-1",{"--up-bg-color":"var(--color-accent-100)",backgroundImage:"none",backgroundColor:"var(--color-accent-100)"}],["preset-bg-solid-accent-2",{"--up-bg-color":"var(--color-accent-200)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-accent-3",{"--up-bg-color":"var(--color-accent-400)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-accent-4",{"--up-bg-color":"var(--color-accent-600)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-neutral-1",{"--up-bg-color":"var(--color-neutral-100)",backgroundImage:"none",backgroundColor:"var(--color-neutral-100)"}],["preset-bg-solid-neutral-2",{"--up-bg-color":"var(--color-neutral-200)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-neutral-3",{"--up-bg-color":"var(--color-neutral-400)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-neutral-4",{"--up-bg-color":"var(--color-neutral-600)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-gradient-primary-1",{"--up-bg-color":"var(--color-primary-200)",backgroundImage:"linear-gradient(to top, var(--color-primary-200), var(--color-primary-100))"}],["preset-bg-gradient-primary-2",{"--up-bg-color":"var(--color-primary-400)",backgroundImage:"linear-gradient(to top, var(--color-primary-400), var(--color-primary-300))"}],["preset-bg-gradient-primary-3",{"--up-bg-color":"var(--color-primary-600)",backgroundImage:"linear-gradient(to top, var(--color-primary-600), var(--color-primary-500))"}],["preset-bg-gradient-primary-4",{"--up-bg-color":"var(--color-primary-800)",backgroundImage:"linear-gradient(to top, var(--color-primary-800), var(--color-primary-700))"}],["preset-bg-gradient-secondary-1",{"--up-bg-color":"var(--color-secondary-200)",backgroundImage:"linear-gradient(to top, var(--color-secondary-200), var(--color-secondary-100))"}],["preset-bg-gradient-secondary-2",{"--up-bg-color":"var(--color-secondary-400)",backgroundImage:"linear-gradient(to top, var(--color-secondary-400), var(--color-secondary-300))"}],["preset-bg-gradient-secondary-3",{"--up-bg-color":"var(--color-secondary-600)",backgroundImage:"linear-gradient(to top, var(--color-secondary-600), var(--color-secondary-500))"}],["preset-bg-gradient-secondary-4",{"--up-bg-color":"var(--color-secondary-800)",backgroundImage:"linear-gradient(to top, var(--color-secondary-800), var(--color-secondary-700))"}],["preset-bg-gradient-accent-1",{"--up-bg-color":"var(--color-accent-200)",backgroundImage:"linear-gradient(to top, var(--color-accent-200), var(--color-accent-100))"}],["preset-bg-gradient-accent-2",{"--up-bg-color":"var(--color-accent-400)",backgroundImage:"linear-gradient(to top, var(--color-accent-400), var(--color-accent-300))"}],["preset-bg-gradient-accent-3",{"--up-bg-color":"var(--color-accent-600)",backgroundImage:"linear-gradient(to top, var(--color-accent-600), var(--color-accent-500))"}],["preset-bg-gradient-accent-4",{"--up-bg-color":"var(--color-accent-800)",backgroundImage:"linear-gradient(to top, var(--color-accent-800), var(--color-accent-700))"}],["preset-bg-gradient-neutral-1",{"--up-bg-color":"var(--color-neutral-200)",backgroundImage:"linear-gradient(to top, var(--color-neutral-200), var(--color-neutral-100))"}],["preset-bg-gradient-neutral-2",{"--up-bg-color":"var(--color-neutral-400)",backgroundImage:"linear-gradient(to top, var(--color-neutral-400), var(--color-neutral-300))"}],["preset-bg-gradient-neutral-3",{"--up-bg-color":"var(--color-neutral-600)",backgroundImage:"linear-gradient(to top, var(--color-neutral-600), var(--color-neutral-500))"}],["preset-bg-gradient-neutral-4",{"--up-bg-color":"var(--color-neutral-800)",backgroundImage:"linear-gradient(to top, var(--color-neutral-800), var(--color-neutral-700))"}],["preset-border-color-auto",{borderColor:"hsl(from var(--up-bg-color) h s calc(l - 10))"}],["preset-border-primary-1",{borderColor:"var(--color-primary-100)"}],["preset-border-primary-2",{borderColor:"var(--color-primary-300)"}],["preset-border-primary-3",{borderColor:"var(--color-primary-500)"}],["preset-border-primary-4",{borderColor:"var(--color-primary-700)"}],["preset-border-secondary-1",{borderColor:"var(--color-secondary-100)"}],["preset-border-secondary-2",{borderColor:"var(--color-secondary-300)"}],["preset-border-secondary-3",{borderColor:"var(--color-secondary-500)"}],["preset-border-secondary-4",{borderColor:"var(--color-secondary-700)"}],["preset-border-accent-1",{borderColor:"var(--color-accent-100)"}],["preset-border-accent-2",{borderColor:"var(--color-accent-300)"}],["preset-border-accent-3",{borderColor:"var(--color-accent-500)"}],["preset-border-accent-4",{borderColor:"var(--color-accent-700)"}],["preset-border-neutral-1",{borderColor:"var(--color-neutral-100)"}],["preset-border-neutral-2",{borderColor:"var(--color-neutral-300)"}],["preset-border-neutral-3",{borderColor:"var(--color-neutral-500)"}],["preset-border-neutral-4",{borderColor:"var(--color-neutral-700)"}],["neutral-",({$$:r})=>({backgroundColor:`var(--color-neutral-${r})`,color:`var(--text-neutral-${r})`})],["accent-",({$$:r})=>({backgroundColor:`var(--color-accent-${r})`,color:`var(--text-accent-${r})`})],["primary-",({$$:r})=>({backgroundColor:`var(--color-primary-${r})`,color:`var(--text-primary-${r})`})],["secondary-",({$$:r})=>({backgroundColor:`var(--color-secondary-${r})`,color:`var(--text-secondary-${r})`})],["w-fill",{width:["fill-available","-webkit-fill-available","-moz-available"]}],["h-fill",{height:["fill-available","-webkit-fill-available","-moz-available"]}],["color-auto",{color:"var(--up-color-auto)"}],["hero-size-md",{fontSize:"clamp(3rem, 2.5vw + 2.5rem, 4.75rem)",lineHeight:"1.1"}],["hero-size-lg",{fontSize:"clamp(3.75rem, 3vw + 3rem, 5.75rem)",lineHeight:"1.1"}],["hero-size-xl",{fontSize:"clamp(4.5rem, 3.5vw + 3.5rem, 6.75rem)",lineHeight:"1.1"}],["hero-size-2xl",{fontSize:"clamp(5.25rem, 4vw + 4rem, 7.75rem)",lineHeight:"1.1"}],["hero-size-3xl",{fontSize:"clamp(6rem, 4.5vw + 4.5rem, 8.75rem)",lineHeight:"1.1"}],["text-shadow-none",{textShadow:"none"}],["text-shadow-sm",{textShadow:"0 1px 2px rgba(0, 0, 0, 0.15)"}],["text-shadow-md",{textShadow:"0 2px 4px rgba(0, 0, 0, 0.2)"}],["text-shadow-lg",{textShadow:"0 4px 8px rgba(0, 0, 0, 0.25)"}],["text-shadow-xl",{textShadow:"0 6px 12px rgba(0, 0, 0, 0.3)"}],["text-pretty",{textWrap:"pretty"}],["text-balance",{textWrap:"balance"}],["scrollbar-thin",{scrollbarWidth:"thin"}],["scrollbar-color-",({$$:r})=>({scrollbarColor:`var(--${r}-6) var(--${r}-surface)`})],["button",{color:"var(--color-button-text)",backgroundColor:"var(--color-button-bg)",padding:"0.5rem 1rem",borderRadius:"0.25rem",fontSize:"1rem",cursor:"pointer"}],["button-sm",{padding:"0.25rem 0.5rem",fontSize:"0.875rem"}],["button-lg",{padding:"0.75rem 1.5rem",fontSize:"1.25rem"}],["button-xl",{padding:"1rem 2rem",fontSize:"1.5rem"}]],theme:{extend:{colors:{upstart:{50:"#f2f4fb",100:"#e7ecf8",200:"#d3daf2",300:"#b8c2e9",400:"#9ba3de",500:"#8186d3",600:"#7270c6",700:"#5b57ab",800:"#4b498a",900:"#40406f",950:"#262541"},dark:{50:"#f6f6f6",100:"#e7e7e7",200:"#d1d1d1",300:"#b0b0b0",400:"#888888",500:"#6d6d6d",600:"#5d5d5d",700:"#4f4f4f",800:"#454545",900:"#333333",950:"#262626"},primary:{50:"var(--color-primary-50)",100:"var(--color-primary-100)",200:"var(--color-primary-200)",300:"var(--color-primary-300)",400:"var(--color-primary-400)",500:"var(--color-primary-500)",600:"var(--color-primary-600)",700:"var(--color-primary-700)",800:"var(--color-primary-800)",900:"var(--color-primary-900)"},secondary:{50:"var(--color-secondary-50)",100:"var(--color-secondary-100)",200:"var(--color-secondary-200)",300:"var(--color-secondary-300)",400:"var(--color-secondary-400)",500:"var(--color-secondary-500)",600:"var(--color-secondary-600)",700:"var(--color-secondary-700)",800:"var(--color-secondary-800)",900:"var(--color-secondary-900)"},accent:{50:"var(--color-accent-50)",100:"var(--color-accent-100)",200:"var(--color-accent-200)",300:"var(--color-accent-300)",400:"var(--color-accent-400)",500:"var(--color-accent-500)",600:"var(--color-accent-600)",700:"var(--color-accent-700)",800:"var(--color-accent-800)",900:"var(--color-accent-900)"},neutral:{50:"var(--color-neutral-50)",100:"var(--color-neutral-100)",200:"var(--color-neutral-200)",300:"var(--color-neutral-300)",400:"var(--color-neutral-400)",500:"var(--color-neutral-500)",600:"var(--color-neutral-600)",700:"var(--color-neutral-700)",800:"var(--color-neutral-800)",900:"var(--color-neutral-900)"}},containers:{mobile:"1px",desktop:"1024px"},animation:{"fade-in":"fade-in 0.5s","elastic-pop":"elastic-pop 1s cubic-bezier(0.22, 1, 0.36, 1) forwards","slide-in":"slide-in 0.15s ease-out","slide-back":"slide-back 0.15s ease-out"},keyframes:{"elastic-pop":{"0%":{transform:"scale(0)",opacity:"0"},"50%":{transform:"scale(1.1)",opacity:"0.8"},"70%":{transform:"scale(0.98)",opacity:"1"},"100%":{transform:"scale(1)",opacity:"1"}},"fade-in":{from:{opacity:"0"},to:{opacity:"1"}},"slide-in":{from:{transform:"translateX(100%)"},to:{transform:"translateX(0)"}},"slide-back":{from:{transform:"translateX(-100%)"},to:{transform:"translateX(0)"}}}}}});import{getSheet as J,parse as K,parseValue as U}from"@twind/core";import{default as Z}from"@twind/with-react/inline";var A=a.theme.colors;function w(){return typeof import.meta.env<"u"?import.meta.env.PROD??!1:typeof process<"u"&&typeof process.env<"u"?process.env.NODE_ENV==="production":!1}var I=typeof document>"u"?u():v("style[data-library]"),o=g(a,I);function G(r=w()){b(a,r),typeof globalThis.addEventListener=="function"&&globalThis.addEventListener("warning",e=>{e.detail?.code==="TWIND_INVALID_CLASS"&&e.preventDefault()})}var P=m.bind(o),V=y.bind(o),_=f.bind(o),M=k.bind(o),O=h.bind(o),F=C.bind(o),Q=x.bind(o);export{M as apply,A as colors,V as css,J as getSheet,F as injectGlobal,Z as inline,Q as keyframes,O as observe,K as parse,U as parseValue,G as setupTwindReact,I as sheet,_ as style,o as tw,P as tx};
|
|
1
|
+
import b from"@twind/with-react";import{twind as g,virtual as u,cssom as v,tx as m,css as y,style as f,apply as k,injectGlobal as h,keyframes as x,observe as C}from"@twind/core";import{defineConfig as c}from"@twind/core";import l from"@twind/preset-autoprefix";import t from"@twind/preset-tailwind";import n from"@twind/preset-ext";import d from"@twind/preset-line-clamp";import i from"@twind/preset-tailwind-forms";import p from"@twind/preset-typography";import s from"@twind/preset-container-queries";var a=c({darkMode:"media",presets:[l(),t({disablePreflight:!1}),s(),n(),d(),i(),p()],variants:[["hasChildMenudHover","&:has(.container-menu-wrapper:hover)"],["empty","&:not(:has(*))"]],rules:[["brick-container",{display:"grid",gridTemplateColumns:"subgrid",gridTemplateRows:"subgrid",gridColumn:"1 / span 12"}],["brick",{borderRadius:"inherit"}],["rounded-auto",{borderRadius:"inherit","&:first-child":{borderTopRightRadius:"0px",borderBottomRightRadius:"0px"},"&:last-child":{borderTopLeftRadius:"0px",borderBottomLeftRadius:"0px"},"&:not(:first-child):not(:last-child)":{borderRadius:"0px"}}],["h-dvh",{height:"100dvh"}],["w-dvw",{width:"100dvw"}],[/^bg-color-\[([\S]+)\]$/,({1:r})=>({"--up-bg-color":`${r}`,backgroundColor:"var(--up-bg-color)"})],["bg-neutral-",({$$:r})=>({backgroundColor:"var(--up-bg-color)","--up-bg-color":`var(--color-neutral-${r})`,"--up-color-auto":"color-contrast(var(--up-bg-color) vs white, black)"})],["bg-accent-",({$$:r})=>({backgroundColor:"var(--up-bg-color)","--up-bg-color":`var(--color-accent-${r})`,"--up-color-auto":"color-contrast(var(--up-bg-color) vs white, black)"})],["bg-primary-",({$$:r})=>({backgroundColor:"var(--up-bg-color)","--up-bg-color":`var(--color-primary-${r})`,"--up-color-auto":"color-contrast(var(--up-bg-color) vs white, black)"})],["bg-secondary-",({$$:r})=>({backgroundColor:"var(--up-bg-color)","--up-bg-color":`var(--color-secondary-${r})`,"--up-color-auto":"color-contrast(var(--up-bg-color) vs white, black)"})],["border-neutral-",({$$:r})=>({borderColor:`var(--color-neutral-${r})`})],["border-accent-",({$$:r})=>({borderColor:`var(--color-accent-${r})`})],["border-primary-",({$$:r})=>({borderColor:`var(--color-primary-${r})`})],["border-secondary-",({$$:r})=>({borderColor:`var(--color-secondary-${r})`})],["text-neutral-",({$$:r})=>({color:`var(--color-neutral-${r})`})],["text-accent-",({$$:r})=>({color:`var(--color-accent-${r})`})],["text-primary-",({$$:r})=>({color:`var(--color-primary-${r})`})],["text-secondary-",({$$:r})=>({color:`var(--color-secondary-${r})`})],["outline-primary-",({$$:r})=>({outlineColor:`var(--color-primary-${r})`})],["outline-secondary-",({$$:r})=>({outlineColor:`var(--color-secondary-${r})`})],["outline-accent-",({$$:r})=>({outlineColor:`var(--color-accent-${r})`})],["outline-neutral-",({$$:r})=>({outlineColor:`var(--color-neutral-${r})`})],["preset-bg-solid-primary-1",{"--up-bg-color":"var(--color-primary-100)",backgroundImage:"none",backgroundColor:"var(--color-primary-100)"}],["preset-bg-solid-primary-2",{"--up-bg-color":"var(--color-primary-200)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-primary-3",{"--up-bg-color":"var(--color-primary-400)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-primary-4",{"--up-bg-color":"var(--color-primary-600)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-secondary-1",{"--up-bg-color":"var(--color-secondary-100)",backgroundImage:"none",backgroundColor:"var(--color-secondary-100)"}],["preset-bg-solid-secondary-2",{"--up-bg-color":"var(--color-secondary-200)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-secondary-3",{"--up-bg-color":"var(--color-secondary-400)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-secondary-4",{"--up-bg-color":"var(--color-secondary-600)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-accent-1",{"--up-bg-color":"var(--color-accent-100)",backgroundImage:"none",backgroundColor:"var(--color-accent-100)"}],["preset-bg-solid-accent-2",{"--up-bg-color":"var(--color-accent-200)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-accent-3",{"--up-bg-color":"var(--color-accent-400)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-accent-4",{"--up-bg-color":"var(--color-accent-600)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-neutral-1",{"--up-bg-color":"var(--color-neutral-100)",backgroundImage:"none",backgroundColor:"var(--color-neutral-100)"}],["preset-bg-solid-neutral-2",{"--up-bg-color":"var(--color-neutral-200)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-neutral-3",{"--up-bg-color":"var(--color-neutral-400)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-solid-neutral-4",{"--up-bg-color":"var(--color-neutral-600)",backgroundImage:"none",backgroundColor:"var(--up-bg-color)"}],["preset-bg-gradient-primary-1",{"--up-bg-color":"var(--color-primary-200)",backgroundImage:"linear-gradient(to top, var(--color-primary-200), var(--color-primary-100))"}],["preset-bg-gradient-primary-2",{"--up-bg-color":"var(--color-primary-400)",backgroundImage:"linear-gradient(to top, var(--color-primary-400), var(--color-primary-300))"}],["preset-bg-gradient-primary-3",{"--up-bg-color":"var(--color-primary-600)",backgroundImage:"linear-gradient(to top, var(--color-primary-600), var(--color-primary-500))"}],["preset-bg-gradient-primary-4",{"--up-bg-color":"var(--color-primary-800)",backgroundImage:"linear-gradient(to top, var(--color-primary-800), var(--color-primary-700))"}],["preset-bg-gradient-secondary-1",{"--up-bg-color":"var(--color-secondary-200)",backgroundImage:"linear-gradient(to top, var(--color-secondary-200), var(--color-secondary-100))"}],["preset-bg-gradient-secondary-2",{"--up-bg-color":"var(--color-secondary-400)",backgroundImage:"linear-gradient(to top, var(--color-secondary-400), var(--color-secondary-300))"}],["preset-bg-gradient-secondary-3",{"--up-bg-color":"var(--color-secondary-600)",backgroundImage:"linear-gradient(to top, var(--color-secondary-600), var(--color-secondary-500))"}],["preset-bg-gradient-secondary-4",{"--up-bg-color":"var(--color-secondary-800)",backgroundImage:"linear-gradient(to top, var(--color-secondary-800), var(--color-secondary-700))"}],["preset-bg-gradient-accent-1",{"--up-bg-color":"var(--color-accent-200)",backgroundImage:"linear-gradient(to top, var(--color-accent-200), var(--color-accent-100))"}],["preset-bg-gradient-accent-2",{"--up-bg-color":"var(--color-accent-400)",backgroundImage:"linear-gradient(to top, var(--color-accent-400), var(--color-accent-300))"}],["preset-bg-gradient-accent-3",{"--up-bg-color":"var(--color-accent-600)",backgroundImage:"linear-gradient(to top, var(--color-accent-600), var(--color-accent-500))"}],["preset-bg-gradient-accent-4",{"--up-bg-color":"var(--color-accent-800)",backgroundImage:"linear-gradient(to top, var(--color-accent-800), var(--color-accent-700))"}],["preset-bg-gradient-neutral-1",{"--up-bg-color":"var(--color-neutral-200)",backgroundImage:"linear-gradient(to top, var(--color-neutral-200), var(--color-neutral-100))"}],["preset-bg-gradient-neutral-2",{"--up-bg-color":"var(--color-neutral-400)",backgroundImage:"linear-gradient(to top, var(--color-neutral-400), var(--color-neutral-300))"}],["preset-bg-gradient-neutral-3",{"--up-bg-color":"var(--color-neutral-600)",backgroundImage:"linear-gradient(to top, var(--color-neutral-600), var(--color-neutral-500))"}],["preset-bg-gradient-neutral-4",{"--up-bg-color":"var(--color-neutral-800)",backgroundImage:"linear-gradient(to top, var(--color-neutral-800), var(--color-neutral-700))"}],["preset-border-color-auto",{borderColor:"hsl(from var(--up-bg-color) h s calc(l - 10))"}],["preset-border-primary-1",{borderColor:"var(--color-primary-100)"}],["preset-border-primary-2",{borderColor:"var(--color-primary-300)"}],["preset-border-primary-3",{borderColor:"var(--color-primary-500)"}],["preset-border-primary-4",{borderColor:"var(--color-primary-700)"}],["preset-border-secondary-1",{borderColor:"var(--color-secondary-100)"}],["preset-border-secondary-2",{borderColor:"var(--color-secondary-300)"}],["preset-border-secondary-3",{borderColor:"var(--color-secondary-500)"}],["preset-border-secondary-4",{borderColor:"var(--color-secondary-700)"}],["preset-border-accent-1",{borderColor:"var(--color-accent-100)"}],["preset-border-accent-2",{borderColor:"var(--color-accent-300)"}],["preset-border-accent-3",{borderColor:"var(--color-accent-500)"}],["preset-border-accent-4",{borderColor:"var(--color-accent-700)"}],["preset-border-neutral-1",{borderColor:"var(--color-neutral-100)"}],["preset-border-neutral-2",{borderColor:"var(--color-neutral-300)"}],["preset-border-neutral-3",{borderColor:"var(--color-neutral-500)"}],["preset-border-neutral-4",{borderColor:"var(--color-neutral-700)"}],["neutral-",({$$:r})=>({backgroundColor:`var(--color-neutral-${r})`,color:`var(--text-neutral-${r})`})],["accent-",({$$:r})=>({backgroundColor:`var(--color-accent-${r})`,color:`var(--text-accent-${r})`})],["primary-",({$$:r})=>({backgroundColor:`var(--color-primary-${r})`,color:`var(--text-primary-${r})`})],["secondary-",({$$:r})=>({backgroundColor:`var(--color-secondary-${r})`,color:`var(--text-secondary-${r})`})],["w-fill",{width:["fill-available","-webkit-fill-available","-moz-available"]}],["h-fill",{height:["fill-available","-webkit-fill-available","-moz-available"]}],["color-auto",{color:"var(--up-color-auto)"}],["hero",{"&::first-line":{lineHeight:"1",margin:"0"}}],["hero-size-1",{fontSize:"clamp(2.25rem, 1.467rem + 3.913vw, 4.5rem)",lineHeight:"1.1"}],["hero-size-2",{fontSize:"clamp(3.5rem, 2.717rem + 3.913vw, 5.75rem)",lineHeight:"1.1"}],["hero-size-3",{fontSize:"clamp(4.75rem, 3.967rem + 3.913vw, 7rem)",lineHeight:"1.1"}],["hero-size-4",{fontSize:"clamp(6rem, 5.217rem + 3.913vw, 8.25rem)",lineHeight:"1.1"}],["hero-size-5",{fontSize:"clamp(7.25rem, 6.467rem + 3.913vw, 9.5rem)",lineHeight:"1.1"}],["text-shadow-none",{textShadow:"none"}],["text-shadow-sm",{textShadow:"0 1px 2px rgba(0, 0, 0, 0.15)"}],["text-shadow-md",{textShadow:"0 2px 4px rgba(0, 0, 0, 0.2)"}],["text-shadow-lg",{textShadow:"0 4px 8px rgba(0, 0, 0, 0.25)"}],["text-shadow-xl",{textShadow:"0 6px 12px rgba(0, 0, 0, 0.3)"}],["text-pretty",{textWrap:"pretty"}],["text-balance",{textWrap:"balance"}],["scrollbar-thin",{scrollbarWidth:"thin"}],["scrollbar-color-",({$$:r})=>({scrollbarColor:`var(--${r}-6) var(--${r}-surface)`})],["button",{color:"var(--color-button-text)",backgroundColor:"var(--color-button-bg)",padding:"0.5rem 1rem",borderRadius:"0.25rem",fontSize:"1rem",cursor:"pointer"}],["button-sm",{padding:"0.25rem 0.5rem",fontSize:"0.875rem"}],["button-lg",{padding:"0.75rem 1.5rem",fontSize:"1.25rem"}],["button-xl",{padding:"1rem 2rem",fontSize:"1.5rem"}]],theme:{extend:{colors:{upstart:{50:"#f2f4fb",100:"#e7ecf8",200:"#d3daf2",300:"#b8c2e9",400:"#9ba3de",500:"#8186d3",600:"#7270c6",700:"#5b57ab",800:"#4b498a",900:"#40406f",950:"#262541"},dark:{50:"#f6f6f6",100:"#e7e7e7",200:"#d1d1d1",300:"#b0b0b0",400:"#888888",500:"#6d6d6d",600:"#5d5d5d",700:"#4f4f4f",800:"#454545",900:"#333333",950:"#262626"},primary:{50:"var(--color-primary-50)",100:"var(--color-primary-100)",200:"var(--color-primary-200)",300:"var(--color-primary-300)",400:"var(--color-primary-400)",500:"var(--color-primary-500)",600:"var(--color-primary-600)",700:"var(--color-primary-700)",800:"var(--color-primary-800)",900:"var(--color-primary-900)"},secondary:{50:"var(--color-secondary-50)",100:"var(--color-secondary-100)",200:"var(--color-secondary-200)",300:"var(--color-secondary-300)",400:"var(--color-secondary-400)",500:"var(--color-secondary-500)",600:"var(--color-secondary-600)",700:"var(--color-secondary-700)",800:"var(--color-secondary-800)",900:"var(--color-secondary-900)"},accent:{50:"var(--color-accent-50)",100:"var(--color-accent-100)",200:"var(--color-accent-200)",300:"var(--color-accent-300)",400:"var(--color-accent-400)",500:"var(--color-accent-500)",600:"var(--color-accent-600)",700:"var(--color-accent-700)",800:"var(--color-accent-800)",900:"var(--color-accent-900)"},neutral:{50:"var(--color-neutral-50)",100:"var(--color-neutral-100)",200:"var(--color-neutral-200)",300:"var(--color-neutral-300)",400:"var(--color-neutral-400)",500:"var(--color-neutral-500)",600:"var(--color-neutral-600)",700:"var(--color-neutral-700)",800:"var(--color-neutral-800)",900:"var(--color-neutral-900)"}},containers:{mobile:"1px",desktop:"1024px"},animation:{"fade-in":"fade-in 0.5s","elastic-pop":"elastic-pop 1s cubic-bezier(0.22, 1, 0.36, 1) forwards","slide-in":"slide-in 0.15s ease-out","slide-back":"slide-back 0.15s ease-out"},keyframes:{"elastic-pop":{"0%":{transform:"scale(0)",opacity:"0"},"50%":{transform:"scale(1.1)",opacity:"0.8"},"70%":{transform:"scale(0.98)",opacity:"1"},"100%":{transform:"scale(1)",opacity:"1"}},"fade-in":{from:{opacity:"0"},to:{opacity:"1"}},"slide-in":{from:{transform:"translateX(100%)"},to:{transform:"translateX(0)"}},"slide-back":{from:{transform:"translateX(-100%)"},to:{transform:"translateX(0)"}}}}}});import{getSheet as J,parse as K,parseValue as U}from"@twind/core";import{default as Z}from"@twind/with-react/inline";var A=a.theme.colors;function w(){return typeof import.meta.env<"u"?import.meta.env.PROD??!1:typeof process<"u"&&typeof process.env<"u"?process.env.NODE_ENV==="production":!1}var I=typeof document>"u"?u():v("style[data-library]"),o=g(a,I);function G(r=w()){b(a,r),typeof globalThis.addEventListener=="function"&&globalThis.addEventListener("warning",e=>{e.detail?.code==="TWIND_INVALID_CLASS"&&e.preventDefault()})}var P=m.bind(o),V=y.bind(o),_=f.bind(o),B=k.bind(o),M=C.bind(o),O=h.bind(o),F=x.bind(o);export{B as apply,A as colors,V as css,J as getSheet,O as injectGlobal,Z as inline,F as keyframes,M as observe,K as parse,U as parseValue,G as setupTwindReact,I as sheet,_ as style,o as tw,P as tx};
|
package/package.json
CHANGED
package/src/default-theme.css
CHANGED
|
@@ -139,110 +139,6 @@
|
|
|
139
139
|
.font-didone { font-family: var(--font-didone); }
|
|
140
140
|
.font-handwritten { font-family: var(--font-handwritten); }
|
|
141
141
|
|
|
142
|
-
/* Utility Classes */
|
|
143
|
-
|
|
144
|
-
/* Background Color Utilities */
|
|
145
|
-
|
|
146
|
-
/* Interactive Element Color Utilities */
|
|
147
|
-
.interactive-primary-1 { background-color: var(--color-interactive-primary-1); color: var(--text-primary-3); }
|
|
148
|
-
.interactive-primary-2 { background-color: var(--color-interactive-primary-2); color: var(--text-primary-4); }
|
|
149
|
-
.interactive-primary-3 { background-color: var(--color-interactive-primary-3); color: var(--text-primary-5); }
|
|
150
|
-
|
|
151
|
-
.interactive-secondary-1 { background-color: var(--color-interactive-secondary-1); color: var(--text-secondary-3); }
|
|
152
|
-
.interactive-secondary-2 { background-color: var(--color-interactive-secondary-2); color: var(--text-secondary-4); }
|
|
153
|
-
.interactive-secondary-3 { background-color: var(--color-interactive-secondary-3); color: var(--text-secondary-5); }
|
|
154
|
-
|
|
155
|
-
.interactive-tertiary-1 { background-color: var(--color-interactive-tertiary-1); color: var(--text-tertiary-3); }
|
|
156
|
-
.interactive-tertiary-2 { background-color: var(--color-interactive-tertiary-2); color: var(--text-tertiary-4); }
|
|
157
|
-
.interactive-tertiary-3 { background-color: var(--color-interactive-tertiary-3); color: var(--text-tertiary-5); }
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
/* Solid Element Color Utilities */
|
|
161
|
-
.solid-neutral-1 { background-color: var(--color-solid-neutral-1); color: var(--text-neutral-9); }
|
|
162
|
-
.solid-neutral-2 { background-color: var(--color-solid-neutral-2); color: var(--text-neutral-10); }
|
|
163
|
-
|
|
164
|
-
.solid-primary-1 { background-color: var(--color-solid-primary-1); color: var(--text-primary-9); }
|
|
165
|
-
.solid-primary-2 { background-color: var(--color-solid-primary-2); color: var(--text-primary-10); }
|
|
166
|
-
|
|
167
|
-
.solid-secondary-1 { background-color: var(--color-solid-secondary-1); color: var(--text-secondary-9); }
|
|
168
|
-
.solid-secondary-2 { background-color: var(--color-solid-secondary-2); color: var(--text-secondary-10); }
|
|
169
|
-
|
|
170
|
-
.solid-tertiary-1 { background-color: var(--color-solid-tertiary-1); color: var(--text-tertiary-9); }
|
|
171
|
-
.solid-tertiary-2 { background-color: var(--color-solid-tertiary-2); color: var(--text-tertiary-10); }
|
|
172
|
-
|
|
173
|
-
.border-neutral-1 { border-color: var(--color-border-neutral-1); }
|
|
174
|
-
.border-neutral-2 { border-color: var(--color-border-neutral-2); }
|
|
175
|
-
.border-neutral-3 { border-color: var(--color-border-neutral-3); }
|
|
176
|
-
|
|
177
|
-
.border-primary-1 { border-color: var(--color-border-primary-1); }
|
|
178
|
-
.border-primary-2 { border-color: var(--color-border-primary-2); }
|
|
179
|
-
.border-primary-3 { border-color: var(--color-border-primary-3); }
|
|
180
|
-
|
|
181
|
-
.border-secondary-1 { border-color: var(--color-border-secondary-1); }
|
|
182
|
-
.border-secondary-2 { border-color: var(--color-border-secondary-2); }
|
|
183
|
-
.border-secondary-3 { border-color: var(--color-border-secondary-3); }
|
|
184
|
-
|
|
185
|
-
.border-tertiary-1 { border-color: var(--color-border-tertiary-1); }
|
|
186
|
-
.border-tertiary-2 { border-color: var(--color-border-tertiary-2); }
|
|
187
|
-
.border-tertiary-3 { border-color: var(--color-border-tertiary-3); }
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
.btn {
|
|
191
|
-
cursor: pointer;
|
|
192
|
-
transition: background-color 0.2s;
|
|
193
|
-
}
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
.btn.interactive-primary-1 {
|
|
197
|
-
&.solid {
|
|
198
|
-
color: var(--text-primary-3);
|
|
199
|
-
background-color: var(--color-interactive-primary-1);
|
|
200
|
-
}
|
|
201
|
-
&:hover {
|
|
202
|
-
background-color: var(--color-interactive-primary-2);
|
|
203
|
-
color: var(--text-primary-4);
|
|
204
|
-
}
|
|
205
|
-
&:disabled {
|
|
206
|
-
background-color: var(--color-interactive-primary-1);
|
|
207
|
-
color: var(--text-primary-3);
|
|
208
|
-
}
|
|
209
|
-
}
|
|
210
|
-
|
|
211
|
-
.btn.interactive-primary-2 {
|
|
212
|
-
&:hover {
|
|
213
|
-
background-color: var(--color-interactive-primary-3);
|
|
214
|
-
color: var(--text-primary-5);
|
|
215
|
-
}
|
|
216
|
-
&:disabled {
|
|
217
|
-
background-color: var(--color-interactive-primary-2);
|
|
218
|
-
color: var(--text-primary-4);
|
|
219
|
-
}
|
|
220
|
-
}
|
|
221
|
-
|
|
222
|
-
.btn.interactive-secondary-1 {
|
|
223
|
-
&:hover {
|
|
224
|
-
background-color: var(--color-interactive-secondary-2);
|
|
225
|
-
color: var(--text-secondary-4);
|
|
226
|
-
}
|
|
227
|
-
&:disabled {
|
|
228
|
-
background-color: var(--color-interactive-secondary-1);
|
|
229
|
-
color: var(--text-secondary-3);
|
|
230
|
-
}
|
|
231
|
-
}
|
|
232
|
-
|
|
233
|
-
.btn.interactive-secondary-2 {
|
|
234
|
-
&:hover {
|
|
235
|
-
background-color: var(--color-interactive-secondary-3);
|
|
236
|
-
color: var(--text-secondary-5);
|
|
237
|
-
}
|
|
238
|
-
&:disabled {
|
|
239
|
-
background-color: var(--color-interactive-secondary-2);
|
|
240
|
-
color: var(--text-secondary-4);
|
|
241
|
-
}
|
|
242
|
-
}
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
142
|
}
|
|
247
143
|
|
|
248
144
|
|
package/src/editor.css
ADDED
package/src/radix.css
CHANGED
package/src/twind-config.ts
CHANGED
|
@@ -6,11 +6,9 @@ import presetLineClamp from "@twind/preset-line-clamp";
|
|
|
6
6
|
import presetForms from "@twind/preset-tailwind-forms";
|
|
7
7
|
import presetTypo from "@twind/preset-typography";
|
|
8
8
|
import presetContainerQueries from "@twind/preset-container-queries";
|
|
9
|
-
import { borderRadius } from "polished";
|
|
10
9
|
|
|
11
10
|
export default defineConfig({
|
|
12
11
|
darkMode: "media",
|
|
13
|
-
hash: false,
|
|
14
12
|
presets: [
|
|
15
13
|
presetAutoprefix(),
|
|
16
14
|
presetTailwind({ disablePreflight: false }),
|
|
@@ -20,7 +18,10 @@ export default defineConfig({
|
|
|
20
18
|
presetForms(),
|
|
21
19
|
presetTypo(),
|
|
22
20
|
],
|
|
23
|
-
variants: [
|
|
21
|
+
variants: [
|
|
22
|
+
["hasChildMenudHover", "&:has(.container-menu-wrapper:hover)"],
|
|
23
|
+
["empty", "&:not(:has(*))"],
|
|
24
|
+
],
|
|
24
25
|
rules: [
|
|
25
26
|
[
|
|
26
27
|
"brick-container",
|
|
@@ -37,11 +38,23 @@ export default defineConfig({
|
|
|
37
38
|
borderRadius: "inherit",
|
|
38
39
|
},
|
|
39
40
|
],
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
41
|
+
[
|
|
42
|
+
"rounded-auto",
|
|
43
|
+
{
|
|
44
|
+
borderRadius: "inherit",
|
|
45
|
+
"&:first-child": {
|
|
46
|
+
borderTopRightRadius: "0px",
|
|
47
|
+
borderBottomRightRadius: "0px",
|
|
48
|
+
},
|
|
49
|
+
"&:last-child": {
|
|
50
|
+
borderTopLeftRadius: "0px",
|
|
51
|
+
borderBottomLeftRadius: "0px",
|
|
52
|
+
},
|
|
53
|
+
"&:not(:first-child):not(:last-child)": {
|
|
54
|
+
borderRadius: "0px",
|
|
55
|
+
},
|
|
56
|
+
},
|
|
57
|
+
],
|
|
45
58
|
[
|
|
46
59
|
"h-dvh",
|
|
47
60
|
{
|
|
@@ -416,11 +429,12 @@ export default defineConfig({
|
|
|
416
429
|
// ["color-auto", { color: "light-dark(white, black)" }],
|
|
417
430
|
["color-auto", { color: "var(--up-color-auto)" }],
|
|
418
431
|
|
|
419
|
-
["hero
|
|
420
|
-
["hero-size-
|
|
421
|
-
["hero-size-
|
|
422
|
-
["hero-size-
|
|
423
|
-
["hero-size-
|
|
432
|
+
["hero", { "&::first-line": { lineHeight: "1", margin: "0" } }],
|
|
433
|
+
["hero-size-1", { fontSize: "clamp(2.25rem, 1.467rem + 3.913vw, 4.5rem)", lineHeight: "1.1" }],
|
|
434
|
+
["hero-size-2", { fontSize: "clamp(3.5rem, 2.717rem + 3.913vw, 5.75rem)", lineHeight: "1.1" }],
|
|
435
|
+
["hero-size-3", { fontSize: "clamp(4.75rem, 3.967rem + 3.913vw, 7rem)", lineHeight: "1.1" }],
|
|
436
|
+
["hero-size-4", { fontSize: "clamp(6rem, 5.217rem + 3.913vw, 8.25rem)", lineHeight: "1.1" }],
|
|
437
|
+
["hero-size-5", { fontSize: "clamp(7.25rem, 6.467rem + 3.913vw, 9.5rem)", lineHeight: "1.1" }],
|
|
424
438
|
|
|
425
439
|
["text-shadow-none", { textShadow: "none" }],
|
|
426
440
|
["text-shadow-sm", { textShadow: "0 1px 2px rgba(0, 0, 0, 0.15)" }],
|