@upstart.gg/style-system 0.0.32 → 0.0.33

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @upstart.gg/style-system
 
+## 0.0.33
+
+### Patch Changes
+
+- [#271](https://github.com/enpage/enpage/pull/271) [`0151491`](https://github.com/enpage/enpage/commit/01514915f2fb8af3cf4179acdf74474e83fed8e3) Thanks [@mattallty](https://github.com/mattallty)! - Various improvements on the editor
+
 ## 0.0.32
 
 ### Patch Changes

package/dist/metafile-esm.json

@@ -1 +1 @@
-{"inputs":{"src/colors.ts":{"bytes":6399,"imports":[],"format":"esm"},"src/system.ts":{"bytes":218,"imports":[{"path":"@radix-ui/themes","kind":"import-statement","external":true},{"path":"@formkit/auto-animate/react","kind":"import-statement","external":true},{"path":"@radix-ui/react-context-menu","kind":"import-statement","external":true},{"path":"@radix-ui/react-toggle-group","kind":"import-statement","external":true}],"format":"esm"},"src/twind-config.ts":{"bytes":7763,"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},{"path":"polished","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":1894,"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-context-menu","kind":"import-statement","external":true},{"path":"@radix-ui/react-toggle-group","kind":"import-statement","external":true}],"exports":["ContextMenu","ToggleGroup","useAutoAnimate"],"entryPoint":"src/system.ts","inputs":{"src/system.ts":{"bytesInOutput":185}},"bytes":248},"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},{"path":"polished","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"src/twind-config.ts","inputs":{"src/twind-config.ts":{"bytesInOutput":5248}},"bytes":5270},"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":"polished","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","setupTwindReact","sheet","style","tw","tx"],"entryPoint":"src/twind.ts","inputs":{"src/twind.ts":{"bytesInOutput":771},"src/twind-config.ts":{"bytesInOutput":5248}},"bytes":6191}}}
+{"inputs":{"src/colors.ts":{"bytes":6399,"imports":[],"format":"esm"},"src/system.ts":{"bytes":218,"imports":[{"path":"@radix-ui/themes","kind":"import-statement","external":true},{"path":"@formkit/auto-animate/react","kind":"import-statement","external":true},{"path":"@radix-ui/react-context-menu","kind":"import-statement","external":true},{"path":"@radix-ui/react-toggle-group","kind":"import-statement","external":true}],"format":"esm"},"src/twind-config.ts":{"bytes":7763,"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},{"path":"polished","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-context-menu","kind":"import-statement","external":true},{"path":"@radix-ui/react-toggle-group","kind":"import-statement","external":true}],"exports":["ContextMenu","ToggleGroup","useAutoAnimate"],"entryPoint":"src/system.ts","inputs":{"src/system.ts":{"bytesInOutput":185}},"bytes":248},"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},{"path":"polished","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"src/twind-config.ts","inputs":{"src/twind-config.ts":{"bytesInOutput":5248}},"bytes":5270},"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":"polished","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":799},"src/twind-config.ts":{"bytesInOutput":5248}},"bytes":6247}}}

package/dist/twind.d.ts

@@ -4,7 +4,7 @@ import * as _twind_preset_container_queries from '@twind/preset-container-querie
 import * as _twind_preset_tailwind from '@twind/preset-tailwind';
 import * as _twind_core from '@twind/core';
 import { css as css$1, observe as observe$1 } from '@twind/core';
-export { getSheet } from '@twind/core';
+export { getSheet, parse, parseValue } from '@twind/core';
 export { default as inline } from '@twind/with-react/inline';
 
 declare const colors: Record<string, Record<50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900, string>>;

package/dist/twind.js

@@ -1 +1 @@
-import v from"@twind/with-react";import{twind as u,virtual as f,cssom as b,tx as y,css as g,style as x,apply as h,injectGlobal as C,keyframes as k,observe as $}from"@twind/core";import{defineConfig as t}from"@twind/core";import c from"@twind/preset-autoprefix";import n from"@twind/preset-tailwind";import l from"@twind/preset-ext";import i from"@twind/preset-line-clamp";import d from"@twind/preset-tailwind-forms";import s from"@twind/preset-typography";import m from"@twind/preset-container-queries";import{modularScale as p}from"polished";var e=t({darkMode:"media",hash:!1,presets:[c(),n({disablePreflight:!1}),m(),l(),i(),d(),s()],variants:[["hasChildMenudHover","&:has(.container-menu-wrapper:hover)"]],rules:[["brick-container",{display:"grid",gridTemplateColumns:"subgrid",gridTemplateRows:"subgrid",gridColumn:"1 / span 12"}],["brick-p-",({$$:r})=>({padding:`${r==="1"?"1px":r==="0"?"0":`${p(+r,"1rem")}`}`})],["h-dvh",{height:"100dvh"}],["w-dvw",{width:"100dvw"}],["bg-neutral-",({$$:r})=>({backgroundColor:`var(--color-neutral-${r})`})],["bg-accent-",({$$:r})=>({backgroundColor:`var(--color-accent-${r})`})],["bg-primary-",({$$:r})=>({backgroundColor:`var(--color-primary-${r})`})],["bg-secondary-",({$$:r})=>({backgroundColor:`var(--color-secondary-${r})`})],["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(--text-neutral-${r})`})],["text-accent-",({$$:r})=>({color:`var(--text-accent-${r})`})],["text-primary-",({$$:r})=>({color:`var(--text-primary-${r})`})],["text-secondary-",({$$:r})=>({color:`var(--text-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})`})],["color-",({$$:r})=>({color:`var(--color-${r})`})],["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})`})],["brick-light-",({$$:r})=>`bg-${r}-300 text-${r}-50`],["brick-normal-",({$$:r})=>`bg-${r}-500 text-${r}-100`],["brick-dark-",({$$:r})=>`bg-${r}-800 text-${r}-200`],["hero-1",{fontSize:"clamp(1.75rem, 1.5vw + 1.25rem, 2.5rem)",lineHeight:"1.25"}],["hero-2",{fontSize:"clamp(2rem, 1.75vw + 1.375rem, 2.875rem)",lineHeight:"1.25"}],["hero-3",{fontSize:"clamp(2.25rem, 2vw + 1.5rem, 3.25rem)",lineHeight:"1.25"}],["hero-4",{fontSize:"clamp(2.5rem, 2.25vw + 1.625rem, 3.625rem)",lineHeight:"1.25"}],["hero-5",{fontSize:"clamp(2.75rem, 2.5vw + 1.75rem, 4rem)",lineHeight:"1.25"}],["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"},keyframes:{"fade-in":{from:{opacity:"0"},to:{opacity:"1"}}}}}});import{getSheet as X}from"@twind/core";import{default as Z}from"@twind/with-react/inline";var M=e.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 S=typeof document>"u"?f():b("style[data-library]"),o=u(e,S);function O(r=w()){v(e,r),typeof globalThis.addEventListener=="function"&&globalThis.addEventListener("warning",a=>{a.detail?.code==="TWIND_INVALID_CLASS"&&a.preventDefault()})}var V=y.bind(o),W=g.bind(o),F=x.bind(o),Q=h.bind(o),q=$.bind(o),B=C.bind(o),J=k.bind(o);export{Q as apply,M as colors,W as css,X as getSheet,B as injectGlobal,Z as inline,J as keyframes,q as observe,O as setupTwindReact,S as sheet,F as style,o as tw,V as tx};
+import v from"@twind/with-react";import{twind as u,virtual as f,cssom as b,tx as y,css as g,style as x,apply as h,injectGlobal as C,keyframes as k,observe as $}from"@twind/core";import{defineConfig as t}from"@twind/core";import c from"@twind/preset-autoprefix";import n from"@twind/preset-tailwind";import l from"@twind/preset-ext";import i from"@twind/preset-line-clamp";import d from"@twind/preset-tailwind-forms";import s from"@twind/preset-typography";import m from"@twind/preset-container-queries";import{modularScale as p}from"polished";var e=t({darkMode:"media",hash:!1,presets:[c(),n({disablePreflight:!1}),m(),l(),i(),d(),s()],variants:[["hasChildMenudHover","&:has(.container-menu-wrapper:hover)"]],rules:[["brick-container",{display:"grid",gridTemplateColumns:"subgrid",gridTemplateRows:"subgrid",gridColumn:"1 / span 12"}],["brick-p-",({$$:r})=>({padding:`${r==="1"?"1px":r==="0"?"0":`${p(+r,"1rem")}`}`})],["h-dvh",{height:"100dvh"}],["w-dvw",{width:"100dvw"}],["bg-neutral-",({$$:r})=>({backgroundColor:`var(--color-neutral-${r})`})],["bg-accent-",({$$:r})=>({backgroundColor:`var(--color-accent-${r})`})],["bg-primary-",({$$:r})=>({backgroundColor:`var(--color-primary-${r})`})],["bg-secondary-",({$$:r})=>({backgroundColor:`var(--color-secondary-${r})`})],["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(--text-neutral-${r})`})],["text-accent-",({$$:r})=>({color:`var(--text-accent-${r})`})],["text-primary-",({$$:r})=>({color:`var(--text-primary-${r})`})],["text-secondary-",({$$:r})=>({color:`var(--text-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})`})],["color-",({$$:r})=>({color:`var(--color-${r})`})],["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})`})],["brick-light-",({$$:r})=>`bg-${r}-300 text-${r}-50`],["brick-normal-",({$$:r})=>`bg-${r}-500 text-${r}-100`],["brick-dark-",({$$:r})=>`bg-${r}-800 text-${r}-200`],["hero-1",{fontSize:"clamp(1.75rem, 1.5vw + 1.25rem, 2.5rem)",lineHeight:"1.25"}],["hero-2",{fontSize:"clamp(2rem, 1.75vw + 1.375rem, 2.875rem)",lineHeight:"1.25"}],["hero-3",{fontSize:"clamp(2.25rem, 2vw + 1.5rem, 3.25rem)",lineHeight:"1.25"}],["hero-4",{fontSize:"clamp(2.5rem, 2.25vw + 1.625rem, 3.625rem)",lineHeight:"1.25"}],["hero-5",{fontSize:"clamp(2.75rem, 2.5vw + 1.75rem, 4rem)",lineHeight:"1.25"}],["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"},keyframes:{"fade-in":{from:{opacity:"0"},to:{opacity:"1"}}}}}});import{getSheet as X,parse as Y,parseValue as Z}from"@twind/core";import{default as or}from"@twind/with-react/inline";var _=e.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 S=typeof document>"u"?f():b("style[data-library]"),o=u(e,S);function M(r=w()){v(e,r),typeof globalThis.addEventListener=="function"&&globalThis.addEventListener("warning",a=>{a.detail?.code==="TWIND_INVALID_CLASS"&&a.preventDefault()})}var O=y.bind(o),W=g.bind(o),F=x.bind(o),Q=h.bind(o),q=$.bind(o),B=C.bind(o),J=k.bind(o);export{Q as apply,_ as colors,W as css,X as getSheet,B as injectGlobal,or as inline,J as keyframes,q as observe,Y as parse,Z as parseValue,M as setupTwindReact,S as sheet,F as style,o as tw,O as tx};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@upstart.gg/style-system",
-  "version": "0.0.32",
+  "version": "0.0.33",
   "description": "Base tailwindcss setup with some extra plugins as well as colors and editor styles",
   "type": "module",
   "exports": {

package/src/twind.ts

@@ -13,7 +13,7 @@ import {
 } from "@twind/core";
 import config from "./twind-config.js";
 
-export { getSheet } from "@twind/core";
+export { getSheet, parse, parseValue } from "@twind/core";
 export { default as inline } from "@twind/with-react/inline";
 
 export const colors = config.theme.colors as Record<