@upstart.gg/style-system 0.0.33 → 0.0.35
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 +32 -12
- package/dist/metafile-esm.json +1 -1
- package/dist/system.d.ts +2 -2
- package/dist/system.js +1 -1
- package/dist/twind-config.js +1 -1
- package/dist/twind.js +1 -1
- package/package.json +4 -2
- package/src/default-theme.css +3 -0
- package/src/radix.css +17 -0
- package/src/system.ts +3 -1
- package/src/twind-config.ts +369 -22
package/CHANGELOG.md
CHANGED
|
@@ -1,58 +1,78 @@
|
|
|
1
1
|
# @upstart.gg/style-system
|
|
2
2
|
|
|
3
|
+
## 0.0.35
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#276](https://github.com/upstart-gg/upstart/pull/276) [`df4d16c`](https://github.com/upstart-gg/upstart/commit/df4d16c6677ba578d3f9bb8eae1e4401b5d5130a) Thanks [@mattallty](https://github.com/mattallty)! - Various improvements
|
|
8
|
+
|
|
9
|
+
## 0.0.34
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [#274](https://github.com/upstart-gg/upstart/pull/274) [`5874303`](https://github.com/upstart-gg/upstart/commit/58743034311b75118dbfcd649bfa4cdd68afde00) Thanks [@mattallty](https://github.com/mattallty)! - ## New features
|
|
14
|
+
|
|
15
|
+
- Panel position switching
|
|
16
|
+
- Tours
|
|
17
|
+
- Basic datarecords (Airtable, Google sheets)
|
|
18
|
+
|
|
19
|
+
## Fixes
|
|
20
|
+
|
|
21
|
+
- Various fiex and improvements
|
|
22
|
+
|
|
3
23
|
## 0.0.33
|
|
4
24
|
|
|
5
25
|
### Patch Changes
|
|
6
26
|
|
|
7
|
-
- [#271](https://github.com/
|
|
27
|
+
- [#271](https://github.com/upstart-gg/upstart/pull/271) [`0151491`](https://github.com/upstart-gg/upstart/commit/01514915f2fb8af3cf4179acdf74474e83fed8e3) Thanks [@mattallty](https://github.com/mattallty)! - Various improvements on the editor
|
|
8
28
|
|
|
9
29
|
## 0.0.32
|
|
10
30
|
|
|
11
31
|
### Patch Changes
|
|
12
32
|
|
|
13
|
-
- [#255](https://github.com/
|
|
33
|
+
- [#255](https://github.com/upstart-gg/upstart/pull/255) [`f6873d7`](https://github.com/upstart-gg/upstart/commit/f6873d79b4bfdd7e1241a8f54ac332525e4820cd) Thanks [@mattallty](https://github.com/mattallty)! - Update deps
|
|
14
34
|
|
|
15
35
|
## 0.0.31
|
|
16
36
|
|
|
17
37
|
### Patch Changes
|
|
18
38
|
|
|
19
|
-
- [#250](https://github.com/
|
|
39
|
+
- [#250](https://github.com/upstart-gg/upstart/pull/250) [`a44cfdc`](https://github.com/upstart-gg/upstart/commit/a44cfdc347f65c6caa12b0b7e4f037a2afef9540) Thanks [@mattallty](https://github.com/mattallty)! - Move things around and specify JSON Schema types
|
|
20
40
|
|
|
21
41
|
## 0.0.30
|
|
22
42
|
|
|
23
43
|
### Patch Changes
|
|
24
44
|
|
|
25
|
-
- [#247](https://github.com/
|
|
45
|
+
- [#247](https://github.com/upstart-gg/upstart/pull/247) [`b7eb556`](https://github.com/upstart-gg/upstart/commit/b7eb556abb58cfc4a57ec3e9041c1c2e6ce925a0) Thanks [@mattallty](https://github.com/mattallty)! - Various improvements
|
|
26
46
|
|
|
27
47
|
## 0.0.29
|
|
28
48
|
|
|
29
49
|
### Patch Changes
|
|
30
50
|
|
|
31
|
-
- [#239](https://github.com/
|
|
51
|
+
- [#239](https://github.com/upstart-gg/upstart/pull/239) [`2170dc8`](https://github.com/upstart-gg/upstart/commit/2170dc80db3704ad48f92e0ddfe185cf6766855c) Thanks [@mattallty](https://github.com/mattallty)! - Tweek tsup config for style system
|
|
32
52
|
|
|
33
53
|
## 0.0.28
|
|
34
54
|
|
|
35
55
|
### Patch Changes
|
|
36
56
|
|
|
37
|
-
- [#237](https://github.com/
|
|
57
|
+
- [#237](https://github.com/upstart-gg/upstart/pull/237) [`09322ce`](https://github.com/upstart-gg/upstart/commit/09322ce2f697f05584cc333ad0c2d1bc2af35440) Thanks [@mattallty](https://github.com/mattallty)! - Fix style system
|
|
38
58
|
|
|
39
59
|
## 0.0.28
|
|
40
60
|
|
|
41
61
|
### Patch Changes
|
|
42
62
|
|
|
43
|
-
- [`7e505d1`](https://github.com/
|
|
63
|
+
- [`7e505d1`](https://github.com/upstart-gg/upstart/commit/7e505d1c9ac7cb57be895feafb5b5e47015ae0a2) Thanks [@mattallty](https://github.com/mattallty)! - twind.config -> twind-config
|
|
44
64
|
|
|
45
65
|
## 0.0.27
|
|
46
66
|
|
|
47
67
|
### Patch Changes
|
|
48
68
|
|
|
49
|
-
- [#234](https://github.com/
|
|
69
|
+
- [#234](https://github.com/upstart-gg/upstart/pull/234) [`80bfe1f`](https://github.com/upstart-gg/upstart/commit/80bfe1f4f628ac4baca17bac5f9fd94387d656dc) Thanks [@mattallty](https://github.com/mattallty)! - Rework style system
|
|
50
70
|
|
|
51
71
|
## 0.0.26
|
|
52
72
|
|
|
53
73
|
### Patch Changes
|
|
54
74
|
|
|
55
|
-
- [#225](https://github.com/
|
|
75
|
+
- [#225](https://github.com/upstart-gg/upstart/pull/225) [`3eabb54`](https://github.com/upstart-gg/upstart/commit/3eabb545a876dc3a8b3ef927a6f5b9cee70424c4) Thanks [@mattallty](https://github.com/mattallty)! - - Improve bricks lazy loading
|
|
56
76
|
- First analytics functions
|
|
57
77
|
- First draft of datarecords types
|
|
58
78
|
- Fix twind ssr to work on CF workers
|
|
@@ -61,16 +81,16 @@
|
|
|
61
81
|
|
|
62
82
|
### Patch Changes
|
|
63
83
|
|
|
64
|
-
- [`794cee0`](https://github.com/
|
|
84
|
+
- [`794cee0`](https://github.com/upstart-gg/upstart/commit/794cee00c0f29dceb9bdd47e7eac2581625b1cd2) Thanks [@mattallty](https://github.com/mattallty)! - New GenericPageContext
|
|
65
85
|
|
|
66
86
|
## 0.0.24
|
|
67
87
|
|
|
68
88
|
### Patch Changes
|
|
69
89
|
|
|
70
|
-
- [`b5e6b16`](https://github.com/
|
|
90
|
+
- [`b5e6b16`](https://github.com/upstart-gg/upstart/commit/b5e6b169145ad8cb67cdb7c54bb00c1354159016) Thanks [@mattallty](https://github.com/mattallty)! - Fix test-config export
|
|
71
91
|
|
|
72
92
|
## 0.0.23
|
|
73
93
|
|
|
74
94
|
### Patch Changes
|
|
75
95
|
|
|
76
|
-
- [`a3e1952`](https://github.com/
|
|
96
|
+
- [`a3e1952`](https://github.com/upstart-gg/upstart/commit/a3e1952033a46ba3894ae99a99221108f1ca49da) Thanks [@mattallty](https://github.com/mattallty)! - Rename packages
|
package/dist/metafile-esm.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/colors.ts":{"bytes":6399,"imports":[],"format":"esm"},"src/system.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":18033,"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-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":12732}},"bytes":12754},"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":12732}},"bytes":13729}}}
|
package/dist/system.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
export * from '@radix-ui/themes';
|
|
2
2
|
export { useAutoAnimate } from '@formkit/auto-animate/react';
|
|
3
|
-
import * as reactContextMenu from '@radix-ui/react-context-menu';
|
|
4
|
-
export { reactContextMenu as ContextMenu };
|
|
5
3
|
import * as reactToggleGroup from '@radix-ui/react-toggle-group';
|
|
6
4
|
export { reactToggleGroup as ToggleGroup };
|
|
5
|
+
export * from '@floating-ui/react';
|
|
6
|
+
export * from 'react-hot-toast';
|
|
7
7
|
import '@twind/with-react/pipeableStream';
|
|
8
8
|
import '@twind/with-react/readableStream';
|
package/dist/system.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export*from"@radix-ui/themes";import{useAutoAnimate as t}from"@formkit/auto-animate/react";import*as m from"@radix-ui/react-
|
|
1
|
+
export*from"@radix-ui/themes";import{useAutoAnimate as t}from"@formkit/auto-animate/react";import*as m from"@radix-ui/react-toggle-group";export*from"@floating-ui/react";export*from"react-hot-toast";export{m as ToggleGroup,t as useAutoAnimate};
|
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 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};
|
|
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};
|
package/dist/twind.js
CHANGED
|
@@ -1 +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,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};
|
|
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};
|
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.35",
|
|
4
4
|
"description": "Base tailwindcss setup with some extra plugins as well as colors and editor styles",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"exports": {
|
|
@@ -16,6 +16,7 @@
|
|
|
16
16
|
"author": "Matthias Etienne",
|
|
17
17
|
"license": "AGPL-3.0-only",
|
|
18
18
|
"dependencies": {
|
|
19
|
+
"@floating-ui/react": "0.27.5",
|
|
19
20
|
"@formkit/auto-animate": "0.8.2",
|
|
20
21
|
"@radix-ui/react-context-menu": "2.2.2",
|
|
21
22
|
"@radix-ui/react-toggle-group": "1.1.0",
|
|
@@ -30,7 +31,8 @@
|
|
|
30
31
|
"@twind/preset-typography": "1.0.7",
|
|
31
32
|
"@twind/with-react": "1.1.3",
|
|
32
33
|
"animate.css": "^4.1.1",
|
|
33
|
-
"polished": "4.3.1"
|
|
34
|
+
"polished": "4.3.1",
|
|
35
|
+
"react-hot-toast": "2.5.2"
|
|
34
36
|
},
|
|
35
37
|
"devDependencies": {
|
|
36
38
|
"tsup": "8.2.4"
|
package/src/default-theme.css
CHANGED
package/src/radix.css
CHANGED
|
@@ -309,3 +309,20 @@
|
|
|
309
309
|
background-color: var(--violet-a3) !important;
|
|
310
310
|
border-color: var(--violet-8) !important;
|
|
311
311
|
}
|
|
312
|
+
|
|
313
|
+
|
|
314
|
+
*::selection {
|
|
315
|
+
color: white;
|
|
316
|
+
background: #5b57ab;
|
|
317
|
+
}
|
|
318
|
+
|
|
319
|
+
|
|
320
|
+
*::-moz-selection { /* Code for Firefox */
|
|
321
|
+
color: white;
|
|
322
|
+
background: #5b57ab;
|
|
323
|
+
}
|
|
324
|
+
|
|
325
|
+
*::-webkit-selection {
|
|
326
|
+
color: white;
|
|
327
|
+
background: #5b57ab;
|
|
328
|
+
}
|
package/src/system.ts
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
export * from "@radix-ui/themes";
|
|
2
2
|
export { useAutoAnimate } from "@formkit/auto-animate/react";
|
|
3
|
-
|
|
3
|
+
// with portal support
|
|
4
4
|
export * as ToggleGroup from "@radix-ui/react-toggle-group";
|
|
5
|
+
export * from "@floating-ui/react";
|
|
6
|
+
export * from "react-hot-toast";
|
package/src/twind-config.ts
CHANGED
|
@@ -6,7 +6,7 @@ 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 {
|
|
9
|
+
import { borderRadius } from "polished";
|
|
10
10
|
|
|
11
11
|
export default defineConfig({
|
|
12
12
|
darkMode: "media",
|
|
@@ -32,12 +32,16 @@ export default defineConfig({
|
|
|
32
32
|
},
|
|
33
33
|
],
|
|
34
34
|
[
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
35
|
+
"brick",
|
|
36
|
+
{
|
|
37
|
+
borderRadius: "inherit",
|
|
38
|
+
},
|
|
38
39
|
],
|
|
40
|
+
// [
|
|
41
|
+
// "brick-p-",
|
|
42
|
+
// ({ $$ }) => ({ padding: `${$$ === "1" ? "1px" : $$ === "0" ? "0" : `${modularScale(+$$, "1rem")}`}` }),
|
|
43
|
+
// ],
|
|
39
44
|
// ["family-", ({ $$ }) => ({ fontFamily: `var(--font-${$$})` })],
|
|
40
|
-
|
|
41
45
|
[
|
|
42
46
|
"h-dvh",
|
|
43
47
|
{
|
|
@@ -50,10 +54,44 @@ export default defineConfig({
|
|
|
50
54
|
width: "100dvw",
|
|
51
55
|
},
|
|
52
56
|
],
|
|
53
|
-
|
|
54
|
-
[
|
|
55
|
-
|
|
56
|
-
|
|
57
|
+
|
|
58
|
+
[
|
|
59
|
+
/^bg-color-\[([\S]+)\]$/,
|
|
60
|
+
({ 1: $1 }) => ({ "--up-bg-color": `${$1}`, backgroundColor: "var(--up-bg-color)" }),
|
|
61
|
+
],
|
|
62
|
+
|
|
63
|
+
[
|
|
64
|
+
"bg-neutral-",
|
|
65
|
+
({ $$ }) => ({
|
|
66
|
+
backgroundColor: `var(--up-bg-color)`,
|
|
67
|
+
"--up-bg-color": `var(--color-neutral-${$$})`,
|
|
68
|
+
"--up-color-auto": `color-contrast(var(--up-bg-color) vs white, black)`,
|
|
69
|
+
}),
|
|
70
|
+
],
|
|
71
|
+
[
|
|
72
|
+
"bg-accent-",
|
|
73
|
+
({ $$ }) => ({
|
|
74
|
+
backgroundColor: `var(--up-bg-color)`,
|
|
75
|
+
"--up-bg-color": `var(--color-accent-${$$})`,
|
|
76
|
+
"--up-color-auto": `color-contrast(var(--up-bg-color) vs white, black)`,
|
|
77
|
+
}),
|
|
78
|
+
],
|
|
79
|
+
[
|
|
80
|
+
"bg-primary-",
|
|
81
|
+
({ $$ }) => ({
|
|
82
|
+
backgroundColor: `var(--up-bg-color)`,
|
|
83
|
+
"--up-bg-color": `var(--color-primary-${$$})`,
|
|
84
|
+
"--up-color-auto": `color-contrast(var(--up-bg-color) vs white, black)`,
|
|
85
|
+
}),
|
|
86
|
+
],
|
|
87
|
+
[
|
|
88
|
+
"bg-secondary-",
|
|
89
|
+
({ $$ }) => ({
|
|
90
|
+
backgroundColor: `var(--up-bg-color)`,
|
|
91
|
+
"--up-bg-color": `var(--color-secondary-${$$})`,
|
|
92
|
+
"--up-color-auto": `color-contrast(var(--up-bg-color) vs white, black)`,
|
|
93
|
+
}),
|
|
94
|
+
],
|
|
57
95
|
|
|
58
96
|
["border-neutral-", ({ $$ }) => ({ borderColor: `var(--color-neutral-${$$})` })],
|
|
59
97
|
["border-accent-", ({ $$ }) => ({ borderColor: `var(--color-accent-${$$})` })],
|
|
@@ -63,17 +101,298 @@ export default defineConfig({
|
|
|
63
101
|
/**
|
|
64
102
|
* Can be used with text-neutral-500, but also text-neutral-500-subtle, text-neutral-500-tonal-subtle, text-neutral-500-strong, etc.
|
|
65
103
|
*/
|
|
66
|
-
["text-neutral-", ({ $$ }) => ({ color: `var(--
|
|
67
|
-
["text-accent-", ({ $$ }) => ({ color: `var(--
|
|
68
|
-
["text-primary-", ({ $$ }) => ({ color: `var(--
|
|
69
|
-
["text-secondary-", ({ $$ }) => ({ color: `var(--
|
|
104
|
+
["text-neutral-", ({ $$ }) => ({ color: `var(--color-neutral-${$$})` })],
|
|
105
|
+
["text-accent-", ({ $$ }) => ({ color: `var(--color-accent-${$$})` })],
|
|
106
|
+
["text-primary-", ({ $$ }) => ({ color: `var(--color-primary-${$$})` })],
|
|
107
|
+
["text-secondary-", ({ $$ }) => ({ color: `var(--color-secondary-${$$})` })],
|
|
70
108
|
|
|
71
109
|
["outline-primary-", ({ $$ }) => ({ outlineColor: `var(--color-primary-${$$})` })],
|
|
72
110
|
["outline-secondary-", ({ $$ }) => ({ outlineColor: `var(--color-secondary-${$$})` })],
|
|
73
111
|
["outline-accent-", ({ $$ }) => ({ outlineColor: `var(--color-accent-${$$})` })],
|
|
74
112
|
["outline-neutral-", ({ $$ }) => ({ outlineColor: `var(--color-neutral-${$$})` })],
|
|
75
113
|
|
|
76
|
-
[
|
|
114
|
+
[
|
|
115
|
+
"preset-bg-solid-primary-1",
|
|
116
|
+
{
|
|
117
|
+
"--up-bg-color": "var(--color-primary-100)",
|
|
118
|
+
backgroundImage: "none",
|
|
119
|
+
backgroundColor: "var(--color-primary-100)",
|
|
120
|
+
},
|
|
121
|
+
],
|
|
122
|
+
[
|
|
123
|
+
"preset-bg-solid-primary-2",
|
|
124
|
+
{
|
|
125
|
+
"--up-bg-color": "var(--color-primary-200)",
|
|
126
|
+
backgroundImage: "none",
|
|
127
|
+
backgroundColor: "var(--up-bg-color)",
|
|
128
|
+
},
|
|
129
|
+
],
|
|
130
|
+
[
|
|
131
|
+
"preset-bg-solid-primary-3",
|
|
132
|
+
{
|
|
133
|
+
"--up-bg-color": "var(--color-primary-400)",
|
|
134
|
+
backgroundImage: "none",
|
|
135
|
+
backgroundColor: "var(--up-bg-color)",
|
|
136
|
+
},
|
|
137
|
+
],
|
|
138
|
+
[
|
|
139
|
+
"preset-bg-solid-primary-4",
|
|
140
|
+
{
|
|
141
|
+
"--up-bg-color": "var(--color-primary-600)",
|
|
142
|
+
backgroundImage: "none",
|
|
143
|
+
backgroundColor: "var(--up-bg-color)",
|
|
144
|
+
},
|
|
145
|
+
],
|
|
146
|
+
|
|
147
|
+
[
|
|
148
|
+
"preset-bg-solid-secondary-1",
|
|
149
|
+
{
|
|
150
|
+
"--up-bg-color": "var(--color-secondary-100)",
|
|
151
|
+
backgroundImage: "none",
|
|
152
|
+
backgroundColor: "var(--color-secondary-100)",
|
|
153
|
+
},
|
|
154
|
+
],
|
|
155
|
+
[
|
|
156
|
+
"preset-bg-solid-secondary-2",
|
|
157
|
+
{
|
|
158
|
+
"--up-bg-color": "var(--color-secondary-200)",
|
|
159
|
+
backgroundImage: "none",
|
|
160
|
+
backgroundColor: "var(--up-bg-color)",
|
|
161
|
+
},
|
|
162
|
+
],
|
|
163
|
+
[
|
|
164
|
+
"preset-bg-solid-secondary-3",
|
|
165
|
+
{
|
|
166
|
+
"--up-bg-color": "var(--color-secondary-400)",
|
|
167
|
+
backgroundImage: "none",
|
|
168
|
+
backgroundColor: "var(--up-bg-color)",
|
|
169
|
+
},
|
|
170
|
+
],
|
|
171
|
+
[
|
|
172
|
+
"preset-bg-solid-secondary-4",
|
|
173
|
+
{
|
|
174
|
+
"--up-bg-color": "var(--color-secondary-600)",
|
|
175
|
+
backgroundImage: "none",
|
|
176
|
+
backgroundColor: "var(--up-bg-color)",
|
|
177
|
+
},
|
|
178
|
+
],
|
|
179
|
+
[
|
|
180
|
+
"preset-bg-solid-accent-1",
|
|
181
|
+
{
|
|
182
|
+
"--up-bg-color": "var(--color-accent-100)",
|
|
183
|
+
backgroundImage: "none",
|
|
184
|
+
backgroundColor: "var(--color-accent-100)",
|
|
185
|
+
},
|
|
186
|
+
],
|
|
187
|
+
[
|
|
188
|
+
"preset-bg-solid-accent-2",
|
|
189
|
+
{
|
|
190
|
+
"--up-bg-color": "var(--color-accent-200)",
|
|
191
|
+
backgroundImage: "none",
|
|
192
|
+
backgroundColor: "var(--up-bg-color)",
|
|
193
|
+
},
|
|
194
|
+
],
|
|
195
|
+
[
|
|
196
|
+
"preset-bg-solid-accent-3",
|
|
197
|
+
{
|
|
198
|
+
"--up-bg-color": "var(--color-accent-400)",
|
|
199
|
+
backgroundImage: "none",
|
|
200
|
+
backgroundColor: "var(--up-bg-color)",
|
|
201
|
+
},
|
|
202
|
+
],
|
|
203
|
+
[
|
|
204
|
+
"preset-bg-solid-accent-4",
|
|
205
|
+
{
|
|
206
|
+
"--up-bg-color": "var(--color-accent-600)",
|
|
207
|
+
backgroundImage: "none",
|
|
208
|
+
backgroundColor: "var(--up-bg-color)",
|
|
209
|
+
},
|
|
210
|
+
],
|
|
211
|
+
|
|
212
|
+
[
|
|
213
|
+
"preset-bg-solid-neutral-1",
|
|
214
|
+
{
|
|
215
|
+
"--up-bg-color": "var(--color-neutral-100)",
|
|
216
|
+
backgroundImage: "none",
|
|
217
|
+
backgroundColor: "var(--color-neutral-100)",
|
|
218
|
+
},
|
|
219
|
+
],
|
|
220
|
+
[
|
|
221
|
+
"preset-bg-solid-neutral-2",
|
|
222
|
+
{
|
|
223
|
+
"--up-bg-color": "var(--color-neutral-200)",
|
|
224
|
+
backgroundImage: "none",
|
|
225
|
+
backgroundColor: "var(--up-bg-color)",
|
|
226
|
+
},
|
|
227
|
+
],
|
|
228
|
+
[
|
|
229
|
+
"preset-bg-solid-neutral-3",
|
|
230
|
+
{
|
|
231
|
+
"--up-bg-color": "var(--color-neutral-400)",
|
|
232
|
+
backgroundImage: "none",
|
|
233
|
+
backgroundColor: "var(--up-bg-color)",
|
|
234
|
+
},
|
|
235
|
+
],
|
|
236
|
+
[
|
|
237
|
+
"preset-bg-solid-neutral-4",
|
|
238
|
+
{
|
|
239
|
+
"--up-bg-color": "var(--color-neutral-600)",
|
|
240
|
+
backgroundImage: "none",
|
|
241
|
+
backgroundColor: "var(--up-bg-color)",
|
|
242
|
+
},
|
|
243
|
+
],
|
|
244
|
+
|
|
245
|
+
[
|
|
246
|
+
"preset-bg-gradient-primary-1",
|
|
247
|
+
{
|
|
248
|
+
"--up-bg-color": "var(--color-primary-200)",
|
|
249
|
+
backgroundImage: "linear-gradient(to top, var(--color-primary-200), var(--color-primary-100))",
|
|
250
|
+
},
|
|
251
|
+
],
|
|
252
|
+
[
|
|
253
|
+
"preset-bg-gradient-primary-2",
|
|
254
|
+
{
|
|
255
|
+
"--up-bg-color": "var(--color-primary-400)",
|
|
256
|
+
backgroundImage: "linear-gradient(to top, var(--color-primary-400), var(--color-primary-300))",
|
|
257
|
+
},
|
|
258
|
+
],
|
|
259
|
+
[
|
|
260
|
+
"preset-bg-gradient-primary-3",
|
|
261
|
+
{
|
|
262
|
+
"--up-bg-color": "var(--color-primary-600)",
|
|
263
|
+
backgroundImage: "linear-gradient(to top, var(--color-primary-600), var(--color-primary-500))",
|
|
264
|
+
},
|
|
265
|
+
],
|
|
266
|
+
[
|
|
267
|
+
"preset-bg-gradient-primary-4",
|
|
268
|
+
{
|
|
269
|
+
"--up-bg-color": "var(--color-primary-800)",
|
|
270
|
+
backgroundImage: "linear-gradient(to top, var(--color-primary-800), var(--color-primary-700))",
|
|
271
|
+
},
|
|
272
|
+
],
|
|
273
|
+
|
|
274
|
+
[
|
|
275
|
+
"preset-bg-gradient-secondary-1",
|
|
276
|
+
{
|
|
277
|
+
"--up-bg-color": "var(--color-secondary-200)",
|
|
278
|
+
backgroundImage: "linear-gradient(to top, var(--color-secondary-200), var(--color-secondary-100))",
|
|
279
|
+
},
|
|
280
|
+
],
|
|
281
|
+
|
|
282
|
+
[
|
|
283
|
+
"preset-bg-gradient-secondary-2",
|
|
284
|
+
{
|
|
285
|
+
"--up-bg-color": "var(--color-secondary-400)",
|
|
286
|
+
backgroundImage: "linear-gradient(to top, var(--color-secondary-400), var(--color-secondary-300))",
|
|
287
|
+
},
|
|
288
|
+
],
|
|
289
|
+
|
|
290
|
+
[
|
|
291
|
+
"preset-bg-gradient-secondary-3",
|
|
292
|
+
{
|
|
293
|
+
"--up-bg-color": "var(--color-secondary-600)",
|
|
294
|
+
backgroundImage: "linear-gradient(to top, var(--color-secondary-600), var(--color-secondary-500))",
|
|
295
|
+
},
|
|
296
|
+
],
|
|
297
|
+
|
|
298
|
+
[
|
|
299
|
+
"preset-bg-gradient-secondary-4",
|
|
300
|
+
{
|
|
301
|
+
"--up-bg-color": "var(--color-secondary-800)",
|
|
302
|
+
backgroundImage: "linear-gradient(to top, var(--color-secondary-800), var(--color-secondary-700))",
|
|
303
|
+
},
|
|
304
|
+
],
|
|
305
|
+
[
|
|
306
|
+
"preset-bg-gradient-accent-1",
|
|
307
|
+
{
|
|
308
|
+
"--up-bg-color": "var(--color-accent-200)",
|
|
309
|
+
backgroundImage: "linear-gradient(to top, var(--color-accent-200), var(--color-accent-100))",
|
|
310
|
+
},
|
|
311
|
+
],
|
|
312
|
+
|
|
313
|
+
[
|
|
314
|
+
"preset-bg-gradient-accent-2",
|
|
315
|
+
{
|
|
316
|
+
"--up-bg-color": "var(--color-accent-400)",
|
|
317
|
+
backgroundImage: "linear-gradient(to top, var(--color-accent-400), var(--color-accent-300))",
|
|
318
|
+
},
|
|
319
|
+
],
|
|
320
|
+
|
|
321
|
+
[
|
|
322
|
+
"preset-bg-gradient-accent-3",
|
|
323
|
+
{
|
|
324
|
+
"--up-bg-color": "var(--color-accent-600)",
|
|
325
|
+
backgroundImage: "linear-gradient(to top, var(--color-accent-600), var(--color-accent-500))",
|
|
326
|
+
},
|
|
327
|
+
],
|
|
328
|
+
|
|
329
|
+
[
|
|
330
|
+
"preset-bg-gradient-accent-4",
|
|
331
|
+
{
|
|
332
|
+
"--up-bg-color": "var(--color-accent-800)",
|
|
333
|
+
backgroundImage: "linear-gradient(to top, var(--color-accent-800), var(--color-accent-700))",
|
|
334
|
+
},
|
|
335
|
+
],
|
|
336
|
+
|
|
337
|
+
[
|
|
338
|
+
"preset-bg-gradient-neutral-1",
|
|
339
|
+
{
|
|
340
|
+
"--up-bg-color": "var(--color-neutral-200)",
|
|
341
|
+
backgroundImage: "linear-gradient(to top, var(--color-neutral-200), var(--color-neutral-100))",
|
|
342
|
+
},
|
|
343
|
+
],
|
|
344
|
+
|
|
345
|
+
[
|
|
346
|
+
"preset-bg-gradient-neutral-2",
|
|
347
|
+
{
|
|
348
|
+
"--up-bg-color": "var(--color-neutral-400)",
|
|
349
|
+
backgroundImage: "linear-gradient(to top, var(--color-neutral-400), var(--color-neutral-300))",
|
|
350
|
+
},
|
|
351
|
+
],
|
|
352
|
+
|
|
353
|
+
[
|
|
354
|
+
"preset-bg-gradient-neutral-3",
|
|
355
|
+
{
|
|
356
|
+
"--up-bg-color": "var(--color-neutral-600)",
|
|
357
|
+
backgroundImage: "linear-gradient(to top, var(--color-neutral-600), var(--color-neutral-500))",
|
|
358
|
+
},
|
|
359
|
+
],
|
|
360
|
+
|
|
361
|
+
[
|
|
362
|
+
"preset-bg-gradient-neutral-4",
|
|
363
|
+
{
|
|
364
|
+
"--up-bg-color": "var(--color-neutral-800)",
|
|
365
|
+
backgroundImage: "linear-gradient(to top, var(--color-neutral-800), var(--color-neutral-700))",
|
|
366
|
+
},
|
|
367
|
+
],
|
|
368
|
+
|
|
369
|
+
[
|
|
370
|
+
"preset-border-color-auto",
|
|
371
|
+
{
|
|
372
|
+
borderColor: "hsl(from var(--up-bg-color) h s calc(l - 10))",
|
|
373
|
+
},
|
|
374
|
+
],
|
|
375
|
+
|
|
376
|
+
["preset-border-primary-1", { borderColor: `var(--color-primary-100)` }],
|
|
377
|
+
["preset-border-primary-2", { borderColor: `var(--color-primary-300)` }],
|
|
378
|
+
["preset-border-primary-3", { borderColor: `var(--color-primary-500)` }],
|
|
379
|
+
["preset-border-primary-4", { borderColor: `var(--color-primary-700)` }],
|
|
380
|
+
|
|
381
|
+
["preset-border-secondary-1", { borderColor: `var(--color-secondary-100)` }],
|
|
382
|
+
["preset-border-secondary-2", { borderColor: `var(--color-secondary-300)` }],
|
|
383
|
+
["preset-border-secondary-3", { borderColor: `var(--color-secondary-500)` }],
|
|
384
|
+
["preset-border-secondary-4", { borderColor: `var(--color-secondary-700)` }],
|
|
385
|
+
|
|
386
|
+
["preset-border-accent-1", { borderColor: `var(--color-accent-100)` }],
|
|
387
|
+
["preset-border-accent-2", { borderColor: `var(--color-accent-300)` }],
|
|
388
|
+
["preset-border-accent-3", { borderColor: `var(--color-accent-500)` }],
|
|
389
|
+
["preset-border-accent-4", { borderColor: `var(--color-accent-700)` }],
|
|
390
|
+
|
|
391
|
+
["preset-border-neutral-1", { borderColor: `var(--color-neutral-100)` }],
|
|
392
|
+
["preset-border-neutral-2", { borderColor: `var(--color-neutral-300)` }],
|
|
393
|
+
["preset-border-neutral-3", { borderColor: `var(--color-neutral-500)` }],
|
|
394
|
+
["preset-border-neutral-4", { borderColor: `var(--color-neutral-700)` }],
|
|
395
|
+
|
|
77
396
|
[
|
|
78
397
|
"neutral-",
|
|
79
398
|
({ $$ }) => ({ backgroundColor: `var(--color-neutral-${$$})`, color: `var(--text-neutral-${$$})` }),
|
|
@@ -92,15 +411,26 @@ export default defineConfig({
|
|
|
92
411
|
({ $$ }) => ({ backgroundColor: `var(--color-secondary-${$$})`, color: `var(--text-secondary-${$$})` }),
|
|
93
412
|
],
|
|
94
413
|
|
|
95
|
-
["
|
|
96
|
-
["
|
|
97
|
-
["
|
|
414
|
+
["w-fill", { width: ["fill-available", "-webkit-fill-available", "-moz-available"] }],
|
|
415
|
+
["h-fill", { height: ["fill-available", "-webkit-fill-available", "-moz-available"] }],
|
|
416
|
+
// ["color-auto", { color: "light-dark(white, black)" }],
|
|
417
|
+
["color-auto", { color: "var(--up-color-auto)" }],
|
|
418
|
+
|
|
419
|
+
["hero-size-md", { fontSize: "clamp(3rem, 2.5vw + 2.5rem, 4.75rem)", lineHeight: "1.1" }],
|
|
420
|
+
["hero-size-lg", { fontSize: "clamp(3.75rem, 3vw + 3rem, 5.75rem)", lineHeight: "1.1" }],
|
|
421
|
+
["hero-size-xl", { fontSize: "clamp(4.5rem, 3.5vw + 3.5rem, 6.75rem)", lineHeight: "1.1" }],
|
|
422
|
+
["hero-size-2xl", { fontSize: "clamp(5.25rem, 4vw + 4rem, 7.75rem)", lineHeight: "1.1" }],
|
|
423
|
+
["hero-size-3xl", { fontSize: "clamp(6rem, 4.5vw + 4.5rem, 8.75rem)", lineHeight: "1.1" }],
|
|
424
|
+
|
|
425
|
+
["text-shadow-none", { textShadow: "none" }],
|
|
426
|
+
["text-shadow-sm", { textShadow: "0 1px 2px rgba(0, 0, 0, 0.15)" }],
|
|
427
|
+
["text-shadow-md", { textShadow: "0 2px 4px rgba(0, 0, 0, 0.2)" }],
|
|
428
|
+
["text-shadow-lg", { textShadow: "0 4px 8px rgba(0, 0, 0, 0.25)" }],
|
|
429
|
+
["text-shadow-xl", { textShadow: "0 6px 12px rgba(0, 0, 0, 0.3)" }],
|
|
430
|
+
|
|
431
|
+
["text-pretty", { textWrap: "pretty" }],
|
|
432
|
+
["text-balance", { textWrap: "balance" }],
|
|
98
433
|
|
|
99
|
-
["hero-1", { fontSize: "clamp(1.75rem, 1.5vw + 1.25rem, 2.5rem)", lineHeight: "1.25" }],
|
|
100
|
-
["hero-2", { fontSize: "clamp(2rem, 1.75vw + 1.375rem, 2.875rem)", lineHeight: "1.25" }],
|
|
101
|
-
["hero-3", { fontSize: "clamp(2.25rem, 2vw + 1.5rem, 3.25rem)", lineHeight: "1.25" }],
|
|
102
|
-
["hero-4", { fontSize: "clamp(2.5rem, 2.25vw + 1.625rem, 3.625rem)", lineHeight: "1.25" }],
|
|
103
|
-
["hero-5", { fontSize: "clamp(2.75rem, 2.5vw + 1.75rem, 4rem)", lineHeight: "1.25" }],
|
|
104
434
|
["scrollbar-thin", { scrollbarWidth: "thin" }],
|
|
105
435
|
["scrollbar-color-", ({ $$ }) => ({ scrollbarColor: `var(--${$$}-6) var(--${$$}-surface)` })],
|
|
106
436
|
[
|
|
@@ -222,12 +552,29 @@ export default defineConfig({
|
|
|
222
552
|
|
|
223
553
|
animation: {
|
|
224
554
|
"fade-in": "fade-in 0.5s",
|
|
555
|
+
"elastic-pop": "elastic-pop 1s cubic-bezier(0.22, 1, 0.36, 1) forwards",
|
|
556
|
+
"slide-in": "slide-in 0.15s ease-out",
|
|
557
|
+
"slide-back": "slide-back 0.15s ease-out",
|
|
225
558
|
},
|
|
226
559
|
keyframes: {
|
|
560
|
+
"elastic-pop": {
|
|
561
|
+
"0%": { transform: "scale(0)", opacity: "0" },
|
|
562
|
+
"50%": { transform: "scale(1.1)", opacity: "0.8" },
|
|
563
|
+
"70%": { transform: "scale(0.98)", opacity: "1" },
|
|
564
|
+
"100%": { transform: "scale(1)", opacity: "1" },
|
|
565
|
+
},
|
|
227
566
|
"fade-in": {
|
|
228
567
|
from: { opacity: "0" },
|
|
229
568
|
to: { opacity: "1" },
|
|
230
569
|
},
|
|
570
|
+
"slide-in": {
|
|
571
|
+
from: { transform: "translateX(100%)" },
|
|
572
|
+
to: { transform: "translateX(0)" },
|
|
573
|
+
},
|
|
574
|
+
"slide-back": {
|
|
575
|
+
from: { transform: "translateX(-100%)" },
|
|
576
|
+
to: { transform: "translateX(0)" },
|
|
577
|
+
},
|
|
231
578
|
},
|
|
232
579
|
},
|
|
233
580
|
},
|