@upstart.gg/style-system 0.0.30 → 0.0.32
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 +12 -0
- package/dist/metafile-esm.json +1 -1
- package/dist/system.d.ts +1 -0
- package/dist/twind-config.js +1 -1
- package/dist/twind-node.d.ts +1 -0
- package/dist/twind-node.js +1 -0
- package/dist/twind.js +1 -1
- package/package.json +2 -2
- package/src/twind-config.ts +13 -0
- package/src/twind-node.ts +1 -0
- package/src/twind.ts +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# @upstart.gg/style-system
|
|
2
2
|
|
|
3
|
+
## 0.0.32
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#255](https://github.com/enpage/enpage/pull/255) [`f6873d7`](https://github.com/enpage/enpage/commit/f6873d79b4bfdd7e1241a8f54ac332525e4820cd) Thanks [@mattallty](https://github.com/mattallty)! - Update deps
|
|
8
|
+
|
|
9
|
+
## 0.0.31
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [#250](https://github.com/enpage/enpage/pull/250) [`a44cfdc`](https://github.com/enpage/enpage/commit/a44cfdc347f65c6caa12b0b7e4f037a2afef9540) Thanks [@mattallty](https://github.com/mattallty)! - Move things around and specify JSON Schema types
|
|
14
|
+
|
|
3
15
|
## 0.0.30
|
|
4
16
|
|
|
5
17
|
### Patch Changes
|
package/dist/metafile-esm.json
CHANGED
|
@@ -1 +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":
|
|
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}}}
|
package/dist/system.d.ts
CHANGED
|
@@ -4,4 +4,5 @@ import * as reactContextMenu from '@radix-ui/react-context-menu';
|
|
|
4
4
|
export { reactContextMenu as ContextMenu };
|
|
5
5
|
import * as reactToggleGroup from '@radix-ui/react-toggle-group';
|
|
6
6
|
export { reactToggleGroup as ToggleGroup };
|
|
7
|
+
import '@twind/with-react/pipeableStream';
|
|
7
8
|
import '@twind/with-react/readableStream';
|
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 i from"@twind/preset-container-queries";import{modularScale as
|
|
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 i from"@twind/preset-container-queries";import{modularScale as d}from"polished";var h=o({darkMode:"media",hash:!1,presets:[a(),e({disablePreflight:!1}),i(),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-p-",({$$:r})=>({padding:`${r==="1"?"1px":r==="0"?"0":`${d(+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"}}}}}});export{h as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as TwindStream } from '@twind/with-react/pipeableStream';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{default as r}from"@twind/with-react/pipeableStream";export{r as TwindStream};
|
package/dist/twind.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import v from"@twind/with-react";import{twind as u,virtual as
|
|
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};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@upstart.gg/style-system",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.32",
|
|
4
4
|
"description": "Base tailwindcss setup with some extra plugins as well as colors and editor styles",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"exports": {
|
|
@@ -40,6 +40,6 @@
|
|
|
40
40
|
},
|
|
41
41
|
"scripts": {
|
|
42
42
|
"build": "tsup",
|
|
43
|
-
"dev": "tsup
|
|
43
|
+
"dev": "tsup --watch"
|
|
44
44
|
}
|
|
45
45
|
}
|
package/src/twind-config.ts
CHANGED
|
@@ -10,6 +10,7 @@ import { modularScale } from "polished";
|
|
|
10
10
|
|
|
11
11
|
export default defineConfig({
|
|
12
12
|
darkMode: "media",
|
|
13
|
+
hash: false,
|
|
13
14
|
presets: [
|
|
14
15
|
presetAutoprefix(),
|
|
15
16
|
presetTailwind({ disablePreflight: false }),
|
|
@@ -37,6 +38,18 @@ export default defineConfig({
|
|
|
37
38
|
],
|
|
38
39
|
// ["family-", ({ $$ }) => ({ fontFamily: `var(--font-${$$})` })],
|
|
39
40
|
|
|
41
|
+
[
|
|
42
|
+
"h-dvh",
|
|
43
|
+
{
|
|
44
|
+
height: "100dvh",
|
|
45
|
+
},
|
|
46
|
+
],
|
|
47
|
+
[
|
|
48
|
+
"w-dvw",
|
|
49
|
+
{
|
|
50
|
+
width: "100dvw",
|
|
51
|
+
},
|
|
52
|
+
],
|
|
40
53
|
["bg-neutral-", ({ $$ }) => ({ backgroundColor: `var(--color-neutral-${$$})` })],
|
|
41
54
|
["bg-accent-", ({ $$ }) => ({ backgroundColor: `var(--color-accent-${$$})` })],
|
|
42
55
|
["bg-primary-", ({ $$ }) => ({ backgroundColor: `var(--color-primary-${$$})` })],
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as TwindStream } from "@twind/with-react/pipeableStream";
|
package/src/twind.ts
CHANGED