@codenhub/styles 0.6.0 → 0.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (151) hide show
  1. package/NOTICE +18 -16
  2. package/README.es.md +62 -0
  3. package/README.md +28 -22
  4. package/README.pt-BR.md +62 -0
  5. package/dist/aesthetics/chunky-tile.css +1 -1
  6. package/dist/aesthetics/cyber.css +1 -1
  7. package/dist/aesthetics/glass.css +1 -1
  8. package/dist/aesthetics/index.css +2 -2
  9. package/dist/aesthetics/neobrutalism.css +1 -1
  10. package/dist/aesthetics/pixel.css +1 -1
  11. package/dist/aesthetics/sketch.css +1 -1
  12. package/dist/cli.js +189 -0
  13. package/dist/components.css +2 -2
  14. package/dist/index.css +2 -2
  15. package/dist/index.d.ts +1 -0
  16. package/dist/native.css +2 -2
  17. package/dist/palette.css +1 -1
  18. package/dist/theme.css +2 -2
  19. package/docs/accessibility.md +108 -60
  20. package/docs/changelog/0.1.1.md +1 -0
  21. package/docs/changelog/0.2.0.md +1 -0
  22. package/docs/changelog/0.3.0.md +1 -0
  23. package/docs/changelog/0.4.0.md +1 -0
  24. package/docs/changelog/0.5.0.md +8 -3
  25. package/docs/changelog/0.6.0.md +2 -1
  26. package/docs/changelog/0.7.0.md +50 -0
  27. package/docs/changelog/0.8.0.md +70 -0
  28. package/docs/changelog/index.md +2 -0
  29. package/docs/concepts.md +188 -46
  30. package/docs/es/accessibility.md +169 -0
  31. package/docs/es/concepts.md +212 -0
  32. package/docs/es/index.md +105 -0
  33. package/docs/es/integrating/astro.md +35 -0
  34. package/docs/es/integrating/index.md +75 -0
  35. package/docs/es/integrating/nextjs.md +67 -0
  36. package/docs/es/integrating/svelte.md +45 -0
  37. package/docs/es/integrating/tailwind.md +148 -0
  38. package/docs/es/integrating/vue.md +31 -0
  39. package/docs/es/integrating/without-a-bundler.md +238 -0
  40. package/docs/es/setup.md +188 -0
  41. package/docs/es/usage/aesthetics.md +282 -0
  42. package/docs/es/usage/buttons.md +135 -0
  43. package/docs/es/usage/composing.md +168 -0
  44. package/docs/es/usage/content-and-layout.md +219 -0
  45. package/docs/es/usage/customizing.md +304 -0
  46. package/docs/es/usage/feedback.md +157 -0
  47. package/docs/es/usage/forms.md +256 -0
  48. package/docs/es/usage/index.md +33 -0
  49. package/docs/es/usage/presets.md +92 -0
  50. package/docs/es/usage/solo.md +86 -0
  51. package/docs/es/usage/theming.md +309 -0
  52. package/docs/es/usage/tooltips.md +127 -0
  53. package/docs/index.md +86 -26
  54. package/docs/integrating/astro.md +3 -4
  55. package/docs/integrating/index.md +46 -13
  56. package/docs/integrating/nextjs.md +3 -4
  57. package/docs/integrating/svelte.md +5 -4
  58. package/docs/integrating/tailwind.md +89 -6
  59. package/docs/integrating/vue.md +3 -4
  60. package/docs/integrating/without-a-bundler.md +237 -0
  61. package/docs/pt-BR/accessibility.md +169 -0
  62. package/docs/pt-BR/concepts.md +212 -0
  63. package/docs/pt-BR/index.md +105 -0
  64. package/docs/pt-BR/integrating/astro.md +35 -0
  65. package/docs/pt-BR/integrating/index.md +75 -0
  66. package/docs/pt-BR/integrating/nextjs.md +67 -0
  67. package/docs/pt-BR/integrating/svelte.md +45 -0
  68. package/docs/pt-BR/integrating/tailwind.md +148 -0
  69. package/docs/pt-BR/integrating/vue.md +31 -0
  70. package/docs/pt-BR/integrating/without-a-bundler.md +238 -0
  71. package/docs/pt-BR/setup.md +188 -0
  72. package/docs/pt-BR/usage/aesthetics.md +282 -0
  73. package/docs/pt-BR/usage/buttons.md +135 -0
  74. package/docs/pt-BR/usage/composing.md +168 -0
  75. package/docs/pt-BR/usage/content-and-layout.md +219 -0
  76. package/docs/pt-BR/usage/customizing.md +304 -0
  77. package/docs/pt-BR/usage/feedback.md +157 -0
  78. package/docs/pt-BR/usage/forms.md +256 -0
  79. package/docs/pt-BR/usage/index.md +33 -0
  80. package/docs/pt-BR/usage/presets.md +92 -0
  81. package/docs/pt-BR/usage/solo.md +86 -0
  82. package/docs/pt-BR/usage/theming.md +309 -0
  83. package/docs/pt-BR/usage/tooltips.md +127 -0
  84. package/docs/setup.md +142 -91
  85. package/docs/usage/aesthetics.md +89 -73
  86. package/docs/usage/buttons.md +112 -40
  87. package/docs/usage/composing.md +109 -92
  88. package/docs/usage/content-and-layout.md +160 -125
  89. package/docs/usage/customizing.md +117 -41
  90. package/docs/usage/feedback.md +138 -71
  91. package/docs/usage/forms.md +201 -107
  92. package/docs/usage/index.md +22 -14
  93. package/docs/usage/presets.md +91 -0
  94. package/docs/usage/solo.md +85 -0
  95. package/docs/usage/theming.md +273 -118
  96. package/docs/usage/tooltips.md +90 -49
  97. package/llms-full.txt +2820 -1298
  98. package/llms.txt +24 -22
  99. package/package.json +134 -91
  100. package/{dist/tw → tw}/aesthetics/chunky-tile.css +107 -29
  101. package/{dist/tw → tw}/aesthetics/cyber.css +88 -40
  102. package/{dist/tw → tw}/aesthetics/glass.css +257 -61
  103. package/{dist/tw → tw}/aesthetics/neobrutalism.css +113 -20
  104. package/{dist/tw → tw}/aesthetics/pixel.css +93 -8
  105. package/tw/aesthetics/sketch.css +417 -0
  106. package/{dist/tw → tw}/box.css +105 -9
  107. package/tw/components/button.css +11 -0
  108. package/tw/components/button.rules.css +187 -0
  109. package/tw/components/feedback.css +11 -0
  110. package/{dist/tw/components/feedback.css → tw/components/feedback.rules.css} +136 -32
  111. package/tw/components/form.css +11 -0
  112. package/{dist/tw/components/form.css → tw/components/form.rules.css} +577 -125
  113. package/tw/components/index.css +16 -0
  114. package/tw/components/rules.css +41 -0
  115. package/tw/components/surface.css +11 -0
  116. package/tw/components/surface.rules.css +222 -0
  117. package/tw/components/tooltip.css +11 -0
  118. package/{dist/tw/components/tooltip.css → tw/components/tooltip.rules.css} +43 -27
  119. package/{dist/tw → tw}/corner.css +18 -12
  120. package/{dist/tw → tw}/elevation.css +23 -17
  121. package/{dist/tw → tw}/index.css +12 -10
  122. package/tw/index.d.ts +1 -0
  123. package/tw/intent.css +312 -0
  124. package/tw/modifiers.css +127 -0
  125. package/tw/native.css +320 -0
  126. package/tw/presentation.css +139 -0
  127. package/tw/reset.css +10 -0
  128. package/{dist/tw/reset.css → tw/reset.rules.css} +21 -22
  129. package/tw/size.css +34 -0
  130. package/tw/surface.css +9 -0
  131. package/tw/surface.rules.css +212 -0
  132. package/{dist/tw → tw}/theme.css +121 -45
  133. package/tw/typography.css +8 -0
  134. package/{dist/tw/typography.css → tw/typography.rules.css} +0 -3
  135. package/{dist/tw → tw}/utilities/content.css +212 -50
  136. package/tw/utilities/index.css +11 -0
  137. package/tw/utilities/layout.css +208 -0
  138. package/tw/utilities/rules.css +8 -0
  139. package/dist/tw/aesthetics/sketch.css +0 -333
  140. package/dist/tw/components/button.css +0 -139
  141. package/dist/tw/components/index.css +0 -36
  142. package/dist/tw/components/loader.css +0 -116
  143. package/dist/tw/components/surface.css +0 -175
  144. package/dist/tw/intent.css +0 -228
  145. package/dist/tw/native.css +0 -203
  146. package/dist/tw/palette.css +0 -460
  147. package/dist/tw/presentation.css +0 -68
  148. package/dist/tw/surface.css +0 -61
  149. package/dist/tw/utilities/index.css +0 -6
  150. package/dist/tw/utilities/layout.css +0 -130
  151. /package/{dist/tw → tw}/aesthetics/index.css +0 -0
@@ -1,460 +0,0 @@
1
- /* Generated by `pnpm generate` from `src/index.css`, through
2
- `scripts/generate-palette.mjs`. Do not hand-edit -- see
3
- `docs/internal/generated-palette.md` for what this is and why it exists.
4
-
5
- Tokens, so they sit in `theme` with the rest, behind the package's layer
6
- order -- see `src/theme.css` and docs/internal/model.md#cascade-layers. */
7
- @layer theme, base, components, utilities;
8
-
9
- @layer theme {
10
- :root,
11
- .light,
12
- .theme-light,
13
- [data-theme="light"] {
14
- --palette-neutral-solid-bg: oklab(0.817 0 0);
15
- --palette-neutral-solid-fg: oklab(0.205 0 0);
16
- --palette-neutral-solid-edge: oklab(0 0 0 / 0);
17
- --palette-neutral-solid-bg-hover: oklab(0.77624 0 0);
18
- --palette-neutral-solid-edge-hover: oklab(0 0 0 / 0);
19
- --palette-neutral-soft-fg: oklab(0.205 0 0);
20
- --palette-neutral-soft-bg: oklab(0.145 0 0 / 0.12);
21
- --palette-neutral-soft-edge: oklab(0.708 0 0 / 0.88);
22
- --palette-neutral-soft-bg-hover: oklab(0.371 0 0 / 0.26);
23
- --palette-neutral-soft-edge-hover: oklab(0.371 0 0 / 0.88);
24
- --palette-neutral-soft-page-bg: oklab(0.8842 0 0);
25
- --palette-neutral-soft-page-edge: oklab(0.708 0 0 / 0.88);
26
- --palette-neutral-soft-page-bg-hover: oklab(0.82536 0 0);
27
- --palette-neutral-soft-page-edge-hover: oklab(0.371 0 0 / 0.88);
28
- --palette-neutral-soft-subtle-bg: oklab(0.82876 0 0);
29
- --palette-neutral-soft-subtle-edge: oklab(0.708 0 0 / 0.88);
30
- --palette-neutral-soft-subtle-bg-hover: oklab(0.77874 0 0);
31
- --palette-neutral-soft-subtle-edge-hover: oklab(0.371 0 0 / 0.88);
32
- --palette-neutral-ghost-fg: oklab(0.205 0 0);
33
- --palette-neutral-ghost-bg: oklab(0 0 0 / 0);
34
- --palette-neutral-ghost-edge: oklab(0.708 0 0);
35
- --palette-neutral-ghost-bg-hover: oklab(0.371 0 0 / 0.14);
36
- --palette-neutral-ghost-edge-hover: oklab(0.371 0 0);
37
- --palette-neutral-ghost-page-bg: oklab(0.985 0 0);
38
- --palette-neutral-ghost-page-edge: oklab(0.708 0 0);
39
- --palette-neutral-ghost-page-bg-hover: oklab(0.89904 0 0);
40
- --palette-neutral-ghost-page-edge-hover: oklab(0.371 0 0);
41
- --palette-neutral-ghost-subtle-bg: oklab(0.922 0 0);
42
- --palette-neutral-ghost-subtle-edge: oklab(0.708 0 0);
43
- --palette-neutral-ghost-subtle-bg-hover: oklab(0.84486 0 0);
44
- --palette-neutral-ghost-subtle-edge-hover: oklab(0.371 0 0);
45
- --palette-primary-solid-bg: oklab(0.145 0 0);
46
- --palette-primary-solid-fg: oklab(0.985 0 0);
47
- --palette-primary-solid-edge: oklab(0 0 0 / 0);
48
- --palette-primary-solid-bg-hover: oklab(0.371 0 0);
49
- --palette-primary-solid-edge-hover: oklab(0 0 0 / 0);
50
- --palette-primary-soft-fg: oklab(0.205 0 0);
51
- --palette-primary-soft-bg: oklab(0.145 0 0 / 0.12);
52
- --palette-primary-soft-edge: oklab(0.145 0 0 / 0.88);
53
- --palette-primary-soft-bg-hover: oklab(0.371 0 0 / 0.26);
54
- --palette-primary-soft-edge-hover: oklab(0.371 0 0 / 0.88);
55
- --palette-primary-soft-page-bg: oklab(0.8842 0 0);
56
- --palette-primary-soft-page-edge: oklab(0.145 0 0 / 0.88);
57
- --palette-primary-soft-page-bg-hover: oklab(0.82536 0 0);
58
- --palette-primary-soft-page-edge-hover: oklab(0.371 0 0 / 0.88);
59
- --palette-primary-soft-subtle-bg: oklab(0.82876 0 0);
60
- --palette-primary-soft-subtle-edge: oklab(0.145 0 0 / 0.88);
61
- --palette-primary-soft-subtle-bg-hover: oklab(0.77874 0 0);
62
- --palette-primary-soft-subtle-edge-hover: oklab(0.371 0 0 / 0.88);
63
- --palette-primary-ghost-fg: oklab(0.205 0 0);
64
- --palette-primary-ghost-bg: oklab(0 0 0 / 0);
65
- --palette-primary-ghost-edge: oklab(0.145 0 0);
66
- --palette-primary-ghost-bg-hover: oklab(0.371 0 0 / 0.14);
67
- --palette-primary-ghost-edge-hover: oklab(0.371 0 0);
68
- --palette-primary-ghost-page-bg: oklab(0.985 0 0);
69
- --palette-primary-ghost-page-edge: oklab(0.145 0 0);
70
- --palette-primary-ghost-page-bg-hover: oklab(0.89904 0 0);
71
- --palette-primary-ghost-page-edge-hover: oklab(0.371 0 0);
72
- --palette-primary-ghost-subtle-bg: oklab(0.922 0 0);
73
- --palette-primary-ghost-subtle-edge: oklab(0.145 0 0);
74
- --palette-primary-ghost-subtle-bg-hover: oklab(0.84486 0 0);
75
- --palette-primary-ghost-subtle-edge-hover: oklab(0.371 0 0);
76
- --palette-secondary-solid-bg: oklab(0.439 0 0);
77
- --palette-secondary-solid-fg: oklab(0.985 0 0);
78
- --palette-secondary-solid-edge: oklab(0 0 0 / 0);
79
- --palette-secondary-solid-bg-hover: oklab(0.371 0 0);
80
- --palette-secondary-solid-edge-hover: oklab(0 0 0 / 0);
81
- --palette-secondary-soft-fg: oklab(0.269 0 0);
82
- --palette-secondary-soft-bg: oklab(0.439 0 0 / 0.12);
83
- --palette-secondary-soft-edge: oklab(0.439 0 0 / 0.88);
84
- --palette-secondary-soft-bg-hover: oklab(0.371 0 0 / 0.26);
85
- --palette-secondary-soft-edge-hover: oklab(0.371 0 0 / 0.88);
86
- --palette-secondary-soft-page-bg: oklab(0.91948 0 0);
87
- --palette-secondary-soft-page-edge: oklab(0.439 0 0 / 0.88);
88
- --palette-secondary-soft-page-bg-hover: oklab(0.82536 0 0);
89
- --palette-secondary-soft-page-edge-hover: oklab(0.371 0 0 / 0.88);
90
- --palette-secondary-soft-subtle-bg: oklab(0.90628 0 0);
91
- --palette-secondary-soft-subtle-edge: oklab(0.439 0 0 / 0.88);
92
- --palette-secondary-soft-subtle-bg-hover: oklab(0.81426 0 0);
93
- --palette-secondary-soft-subtle-edge-hover: oklab(0.371 0 0 / 0.88);
94
- --palette-secondary-ghost-fg: oklab(0.269 0 0);
95
- --palette-secondary-ghost-bg: oklab(0 0 0 / 0);
96
- --palette-secondary-ghost-edge: oklab(0.439 0 0);
97
- --palette-secondary-ghost-bg-hover: oklab(0.371 0 0 / 0.14);
98
- --palette-secondary-ghost-edge-hover: oklab(0.371 0 0);
99
- --palette-secondary-ghost-page-bg: oklab(0.985 0 0);
100
- --palette-secondary-ghost-page-edge: oklab(0.439 0 0);
101
- --palette-secondary-ghost-page-bg-hover: oklab(0.89904 0 0);
102
- --palette-secondary-ghost-page-edge-hover: oklab(0.371 0 0);
103
- --palette-secondary-ghost-subtle-bg: oklab(0.97 0 0);
104
- --palette-secondary-ghost-subtle-edge: oklab(0.439 0 0);
105
- --palette-secondary-ghost-subtle-bg-hover: oklab(0.88614 0 0);
106
- --palette-secondary-ghost-subtle-edge-hover: oklab(0.371 0 0);
107
- --palette-success-solid-bg: oklab(0.508 -0.114299 0.0293215);
108
- --palette-success-solid-fg: oklab(0.985 0 0);
109
- --palette-success-solid-edge: oklab(0 0 0 / 0);
110
- --palette-success-solid-bg-hover: oklab(0.497872 -0.101989 0.029308);
111
- --palette-success-solid-edge-hover: oklab(0 0 0 / 0);
112
- --palette-success-soft-fg: oklab(0.432 -0.0925326 0.0215109);
113
- --palette-success-soft-bg: oklab(0.508 -0.114299 0.0293215 / 0.12);
114
- --palette-success-soft-edge: oklab(0.508 -0.114299 0.0293215 / 0.88);
115
- --palette-success-soft-bg-hover: oklab(0.497872 -0.101989 0.029308 / 0.26);
116
- --palette-success-soft-edge-hover: oklab(0.497872 -0.101989 0.029308 / 0.88);
117
- --palette-success-soft-page-bg: oklab(0.92776 -0.0137159 0.00351857);
118
- --palette-success-soft-page-edge: oklab(0.508 -0.114299 0.0293215 / 0.88);
119
- --palette-success-soft-page-bg-hover: oklab(0.858347 -0.0265171 0.00762008);
120
- --palette-success-soft-page-edge-hover: oklab(0.497872 -0.101989 0.029308 / 0.88);
121
- --palette-success-soft-subtle-bg: oklab(0.89696 -0.0574883 0.0168585);
122
- --palette-success-soft-subtle-edge: oklab(0.508 -0.114299 0.0293215 / 0.88);
123
- --palette-success-soft-subtle-bg-hover: oklab(0.832447 -0.0633257 0.0188378);
124
- --palette-success-soft-subtle-edge-hover: oklab(0.497872 -0.101989 0.029308 / 0.88);
125
- --palette-success-ghost-fg: oklab(0.432 -0.0925326 0.0215109);
126
- --palette-success-ghost-bg: oklab(0 0 0 / 0);
127
- --palette-success-ghost-edge: oklab(0.508 -0.114299 0.0293215);
128
- --palette-success-ghost-bg-hover: oklab(0.497872 -0.101989 0.029308 / 0.14);
129
- --palette-success-ghost-edge-hover: oklab(0.497872 -0.101989 0.029308);
130
- --palette-success-ghost-page-bg: oklab(0.985 0 0);
131
- --palette-success-ghost-page-edge: oklab(0.508 -0.114299 0.0293215);
132
- --palette-success-ghost-page-bg-hover: oklab(0.916802 -0.0142784 0.00410312);
133
- --palette-success-ghost-page-edge-hover: oklab(0.497872 -0.101989 0.029308);
134
- --palette-success-ghost-subtle-bg: oklab(0.95 -0.0497414 0.0151591);
135
- --palette-success-ghost-subtle-edge: oklab(0.508 -0.114299 0.0293215);
136
- --palette-success-ghost-subtle-bg-hover: oklab(0.886702 -0.057056 0.0171399);
137
- --palette-success-ghost-subtle-edge-hover: oklab(0.497872 -0.101989 0.029308);
138
- --palette-warning-solid-bg: oklab(0.666 0.0940116 0.152325);
139
- --palette-warning-solid-fg: oklab(0.145 0 0);
140
- --palette-warning-solid-edge: oklab(0 0 0 / 0);
141
- --palette-warning-solid-bg-hover: oklab(0.633155 0.100794 0.128308);
142
- --palette-warning-solid-edge-hover: oklab(0 0 0 / 0);
143
- --palette-warning-soft-fg: oklab(0.473 0.0948219 0.0988828);
144
- --palette-warning-soft-bg: oklab(0.666 0.0940116 0.152325 / 0.12);
145
- --palette-warning-soft-edge: oklab(0.666 0.0940116 0.152325 / 0.88);
146
- --palette-warning-soft-bg-hover: oklab(0.633155 0.100794 0.128308 / 0.26);
147
- --palette-warning-soft-edge-hover: oklab(0.633155 0.100794 0.128308 / 0.88);
148
- --palette-warning-soft-page-bg: oklab(0.94672 0.0112814 0.018279);
149
- --palette-warning-soft-page-edge: oklab(0.666 0.0940116 0.152325 / 0.88);
150
- --palette-warning-soft-page-bg-hover: oklab(0.89352 0.0262064 0.0333601);
151
- --palette-warning-soft-page-edge-hover: oklab(0.633155 0.100794 0.128308 / 0.88);
152
- --palette-warning-soft-subtle-bg: oklab(0.92648 0.00619956 0.0699497);
153
- --palette-warning-soft-subtle-edge: oklab(0.666 0.0940116 0.152325 / 0.88);
154
- --palette-warning-soft-subtle-bg-hover: oklab(0.8765 0.0219331 0.0768105);
155
- --palette-warning-soft-subtle-edge-hover: oklab(0.633155 0.100794 0.128308 / 0.88);
156
- --palette-warning-ghost-fg: oklab(0.473 0.0948219 0.0988828);
157
- --palette-warning-ghost-bg: oklab(0 0 0 / 0);
158
- --palette-warning-ghost-edge: oklab(0.666 0.0940116 0.152325);
159
- --palette-warning-ghost-bg-hover: oklab(0.633155 0.100794 0.128308 / 0.14);
160
- --palette-warning-ghost-edge-hover: oklab(0.633155 0.100794 0.128308);
161
- --palette-warning-ghost-page-bg: oklab(0.985 0 0);
162
- --palette-warning-ghost-page-edge: oklab(0.666 0.0940116 0.152325);
163
- --palette-warning-ghost-page-bg-hover: oklab(0.935742 0.0141112 0.0179631);
164
- --palette-warning-ghost-page-edge-hover: oklab(0.633155 0.100794 0.128308);
165
- --palette-warning-ghost-subtle-bg: oklab(0.962 -0.0057748 0.0587167);
166
- --palette-warning-ghost-subtle-edge: oklab(0.666 0.0940116 0.152325);
167
- --palette-warning-ghost-subtle-bg-hover: oklab(0.915962 0.00914482 0.0684595);
168
- --palette-warning-ghost-subtle-edge-hover: oklab(0.633155 0.100794 0.128308);
169
- --palette-destructive-solid-bg: oklab(0.514 0.212373 0.0646656);
170
- --palette-destructive-solid-fg: oklab(0.985 0 0);
171
- --palette-destructive-solid-edge: oklab(0 0 0 / 0);
172
- --palette-destructive-solid-bg-hover: oklab(0.51189 0.194868 0.0640785);
173
- --palette-destructive-solid-edge-hover: oklab(0 0 0 / 0);
174
- --palette-destructive-soft-fg: oklab(0.455 0.182654 0.044516);
175
- --palette-destructive-soft-bg: oklab(0.514 0.212373 0.0646656 / 0.12);
176
- --palette-destructive-soft-edge: oklab(0.514 0.212373 0.0646656 / 0.88);
177
- --palette-destructive-soft-bg-hover: oklab(0.51189 0.194868 0.0640785 / 0.26);
178
- --palette-destructive-soft-edge-hover: oklab(0.51189 0.194868 0.0640785 / 0.88);
179
- --palette-destructive-soft-page-bg: oklab(0.92848 0.0254848 0.00775988);
180
- --palette-destructive-soft-page-edge: oklab(0.514 0.212373 0.0646656 / 0.88);
181
- --palette-destructive-soft-page-bg-hover: oklab(0.861991 0.0506656 0.0166604);
182
- --palette-destructive-soft-page-edge-hover: oklab(0.51189 0.194868 0.0640785 / 0.88);
183
- --palette-destructive-soft-subtle-bg: oklab(0.88976 0.051251 0.0135099);
184
- --palette-destructive-soft-subtle-edge: oklab(0.514 0.212373 0.0646656 / 0.88);
185
- --palette-destructive-soft-subtle-bg-hover: oklab(0.829431 0.0723327 0.0214956);
186
- --palette-destructive-soft-subtle-edge-hover: oklab(0.51189 0.194868 0.0640785 / 0.88);
187
- --palette-destructive-ghost-fg: oklab(0.455 0.182654 0.044516);
188
- --palette-destructive-ghost-bg: oklab(0 0 0 / 0);
189
- --palette-destructive-ghost-edge: oklab(0.514 0.212373 0.0646656);
190
- --palette-destructive-ghost-bg-hover: oklab(0.51189 0.194868 0.0640785 / 0.14);
191
- --palette-destructive-ghost-edge-hover: oklab(0.51189 0.194868 0.0640785);
192
- --palette-destructive-ghost-page-bg: oklab(0.985 0 0);
193
- --palette-destructive-ghost-page-edge: oklab(0.514 0.212373 0.0646656);
194
- --palette-destructive-ghost-page-bg-hover: oklab(0.918765 0.0272815 0.00897099);
195
- --palette-destructive-ghost-page-edge-hover: oklab(0.51189 0.194868 0.0640785);
196
- --palette-destructive-ghost-subtle-bg: oklab(0.941 0.0292798 0.00653408);
197
- --palette-destructive-ghost-subtle-edge: oklab(0.514 0.212373 0.0646656);
198
- --palette-destructive-ghost-subtle-bg-hover: oklab(0.880925 0.0524621 0.0145903);
199
- --palette-destructive-ghost-subtle-edge-hover: oklab(0.51189 0.194868 0.0640785);
200
- --palette-info-solid-bg: oklab(0.511 0.0317755 -0.260066);
201
- --palette-info-solid-fg: oklab(0.985 0 0);
202
- --palette-info-solid-edge: oklab(0 0 0 / 0);
203
- --palette-info-solid-bg-hover: oklab(0.490714 0.0309565 -0.24875);
204
- --palette-info-solid-edge-hover: oklab(0 0 0 / 0);
205
- --palette-info-soft-fg: oklab(0.398 0.0250004 -0.193391);
206
- --palette-info-soft-bg: oklab(0.511 0.0317755 -0.260066 / 0.12);
207
- --palette-info-soft-edge: oklab(0.511 0.0317755 -0.260066 / 0.88);
208
- --palette-info-soft-bg-hover: oklab(0.490714 0.0309565 -0.24875 / 0.26);
209
- --palette-info-soft-edge-hover: oklab(0.490714 0.0309565 -0.24875 / 0.88);
210
- --palette-info-soft-page-bg: oklab(0.92812 0.00381305 -0.0312079);
211
- --palette-info-soft-page-edge: oklab(0.511 0.0317755 -0.260066 / 0.88);
212
- --palette-info-soft-page-bg-hover: oklab(0.856486 0.0080487 -0.0646751);
213
- --palette-info-soft-page-edge-hover: oklab(0.490714 0.0309565 -0.24875 / 0.88);
214
- --palette-info-soft-subtle-bg: oklab(0.87972 0.00526838 -0.0610925);
215
- --palette-info-soft-subtle-edge: oklab(0.511 0.0317755 -0.260066 / 0.88);
216
- --palette-info-soft-subtle-bg-hover: oklab(0.815786 0.0092725 -0.0898053);
217
- --palette-info-soft-subtle-edge-hover: oklab(0.490714 0.0309565 -0.24875 / 0.88);
218
- --palette-info-ghost-fg: oklab(0.398 0.0250004 -0.193391);
219
- --palette-info-ghost-bg: oklab(0 0 0 / 0);
220
- --palette-info-ghost-edge: oklab(0.511 0.0317755 -0.260066);
221
- --palette-info-ghost-bg-hover: oklab(0.490714 0.0309565 -0.24875 / 0.14);
222
- --palette-info-ghost-edge-hover: oklab(0.490714 0.0309565 -0.24875);
223
- --palette-info-ghost-page-bg: oklab(0.985 0 0);
224
- --palette-info-ghost-page-edge: oklab(0.511 0.0317755 -0.260066);
225
- --palette-info-ghost-page-bg-hover: oklab(0.9158 0.00433391 -0.034825);
226
- --palette-info-ghost-page-edge-hover: oklab(0.490714 0.0309565 -0.24875);
227
- --palette-info-ghost-subtle-bg: oklab(0.93 0.00165378 -0.0339598);
228
- --palette-info-ghost-subtle-edge: oklab(0.511 0.0317755 -0.260066);
229
- --palette-info-ghost-subtle-bg-hover: oklab(0.8685 0.00575617 -0.0640304);
230
- --palette-info-ghost-subtle-edge-hover: oklab(0.490714 0.0309565 -0.24875);
231
- --palette-border: oklch(0.708 0 0);
232
- --palette-surface: oklch(0.922 0 0);
233
- --palette-text: oklch(0.145 0 0);
234
- }
235
-
236
- .dark,
237
- .theme-dark,
238
- [data-theme="dark"] {
239
- --palette-neutral-solid-bg: oklab(0.313 0 0);
240
- --palette-neutral-solid-fg: oklab(0.97 0 0);
241
- --palette-neutral-solid-edge: oklab(0 0 0 / 0);
242
- --palette-neutral-solid-bg-hover: oklab(0.40918 0 0);
243
- --palette-neutral-solid-edge-hover: oklab(0 0 0 / 0);
244
- --palette-neutral-soft-fg: oklab(0.97 0 0);
245
- --palette-neutral-soft-bg: oklab(0.985 0 0 / 0.12);
246
- --palette-neutral-soft-edge: oklab(0.371 0 0 / 0.88);
247
- --palette-neutral-soft-bg-hover: oklab(0.922 0 0 / 0.26);
248
- --palette-neutral-soft-edge-hover: oklab(0.922 0 0 / 0.88);
249
- --palette-neutral-soft-page-bg: oklab(0.2458 0 0);
250
- --palette-neutral-soft-page-edge: oklab(0.371 0 0 / 0.88);
251
- --palette-neutral-soft-page-bg-hover: oklab(0.34702 0 0);
252
- --palette-neutral-soft-page-edge-hover: oklab(0.922 0 0 / 0.88);
253
- --palette-neutral-soft-subtle-bg: oklab(0.35492 0 0);
254
- --palette-neutral-soft-subtle-edge: oklab(0.371 0 0 / 0.88);
255
- --palette-neutral-soft-subtle-bg-hover: oklab(0.43878 0 0);
256
- --palette-neutral-soft-subtle-edge-hover: oklab(0.922 0 0 / 0.88);
257
- --palette-neutral-ghost-fg: oklab(0.97 0 0);
258
- --palette-neutral-ghost-bg: oklab(0 0 0 / 0);
259
- --palette-neutral-ghost-edge: oklab(0.371 0 0);
260
- --palette-neutral-ghost-bg-hover: oklab(0.922 0 0 / 0.14);
261
- --palette-neutral-ghost-edge-hover: oklab(0.922 0 0);
262
- --palette-neutral-ghost-page-bg: oklab(0.145 0 0);
263
- --palette-neutral-ghost-page-edge: oklab(0.371 0 0);
264
- --palette-neutral-ghost-page-bg-hover: oklab(0.25378 0 0);
265
- --palette-neutral-ghost-page-edge-hover: oklab(0.922 0 0);
266
- --palette-neutral-ghost-subtle-bg: oklab(0.269 0 0);
267
- --palette-neutral-ghost-subtle-edge: oklab(0.371 0 0);
268
- --palette-neutral-ghost-subtle-bg-hover: oklab(0.36042 0 0);
269
- --palette-neutral-ghost-subtle-edge-hover: oklab(0.922 0 0);
270
- --palette-primary-solid-bg: oklab(0.985 0 0);
271
- --palette-primary-solid-fg: oklab(0.145 0 0);
272
- --palette-primary-solid-edge: oklab(0 0 0 / 0);
273
- --palette-primary-solid-bg-hover: oklab(0.922 0 0);
274
- --palette-primary-solid-edge-hover: oklab(0 0 0 / 0);
275
- --palette-primary-soft-fg: oklab(0.97 0 0);
276
- --palette-primary-soft-bg: oklab(0.985 0 0 / 0.12);
277
- --palette-primary-soft-edge: oklab(0.985 0 0 / 0.88);
278
- --palette-primary-soft-bg-hover: oklab(0.922 0 0 / 0.26);
279
- --palette-primary-soft-edge-hover: oklab(0.922 0 0 / 0.88);
280
- --palette-primary-soft-page-bg: oklab(0.2458 0 0);
281
- --palette-primary-soft-page-edge: oklab(0.985 0 0 / 0.88);
282
- --palette-primary-soft-page-bg-hover: oklab(0.34702 0 0);
283
- --palette-primary-soft-page-edge-hover: oklab(0.922 0 0 / 0.88);
284
- --palette-primary-soft-subtle-bg: oklab(0.2986 0 0);
285
- --palette-primary-soft-subtle-edge: oklab(0.985 0 0 / 0.88);
286
- --palette-primary-soft-subtle-bg-hover: oklab(0.39142 0 0);
287
- --palette-primary-soft-subtle-edge-hover: oklab(0.922 0 0 / 0.88);
288
- --palette-primary-ghost-fg: oklab(0.97 0 0);
289
- --palette-primary-ghost-bg: oklab(0 0 0 / 0);
290
- --palette-primary-ghost-edge: oklab(0.985 0 0);
291
- --palette-primary-ghost-bg-hover: oklab(0.922 0 0 / 0.14);
292
- --palette-primary-ghost-edge-hover: oklab(0.922 0 0);
293
- --palette-primary-ghost-page-bg: oklab(0.145 0 0);
294
- --palette-primary-ghost-page-edge: oklab(0.985 0 0);
295
- --palette-primary-ghost-page-bg-hover: oklab(0.25378 0 0);
296
- --palette-primary-ghost-page-edge-hover: oklab(0.922 0 0);
297
- --palette-primary-ghost-subtle-bg: oklab(0.205 0 0);
298
- --palette-primary-ghost-subtle-edge: oklab(0.985 0 0);
299
- --palette-primary-ghost-subtle-bg-hover: oklab(0.30538 0 0);
300
- --palette-primary-ghost-subtle-edge-hover: oklab(0.922 0 0);
301
- --palette-secondary-solid-bg: oklab(0.708 0 0);
302
- --palette-secondary-solid-fg: oklab(0.145 0 0);
303
- --palette-secondary-solid-edge: oklab(0 0 0 / 0);
304
- --palette-secondary-solid-bg-hover: oklab(0.87 0 0);
305
- --palette-secondary-solid-edge-hover: oklab(0 0 0 / 0);
306
- --palette-secondary-soft-fg: oklab(0.922 0 0);
307
- --palette-secondary-soft-bg: oklab(0.708 0 0 / 0.12);
308
- --palette-secondary-soft-edge: oklab(0.708 0 0 / 0.88);
309
- --palette-secondary-soft-bg-hover: oklab(0.87 0 0 / 0.26);
310
- --palette-secondary-soft-edge-hover: oklab(0.87 0 0 / 0.88);
311
- --palette-secondary-soft-page-bg: oklab(0.21256 0 0);
312
- --palette-secondary-soft-page-edge: oklab(0.708 0 0 / 0.88);
313
- --palette-secondary-soft-page-bg-hover: oklab(0.3335 0 0);
314
- --palette-secondary-soft-page-edge-hover: oklab(0.87 0 0 / 0.88);
315
- --palette-secondary-soft-subtle-bg: oklab(0.32168 0 0);
316
- --palette-secondary-soft-subtle-edge: oklab(0.708 0 0 / 0.88);
317
- --palette-secondary-soft-subtle-bg-hover: oklab(0.42526 0 0);
318
- --palette-secondary-soft-subtle-edge-hover: oklab(0.87 0 0 / 0.88);
319
- --palette-secondary-ghost-fg: oklab(0.922 0 0);
320
- --palette-secondary-ghost-bg: oklab(0 0 0 / 0);
321
- --palette-secondary-ghost-edge: oklab(0.708 0 0);
322
- --palette-secondary-ghost-bg-hover: oklab(0.87 0 0 / 0.14);
323
- --palette-secondary-ghost-edge-hover: oklab(0.87 0 0);
324
- --palette-secondary-ghost-page-bg: oklab(0.145 0 0);
325
- --palette-secondary-ghost-page-edge: oklab(0.708 0 0);
326
- --palette-secondary-ghost-page-bg-hover: oklab(0.2465 0 0);
327
- --palette-secondary-ghost-page-edge-hover: oklab(0.87 0 0);
328
- --palette-secondary-ghost-subtle-bg: oklab(0.269 0 0);
329
- --palette-secondary-ghost-subtle-edge: oklab(0.708 0 0);
330
- --palette-secondary-ghost-subtle-bg-hover: oklab(0.35314 0 0);
331
- --palette-secondary-ghost-subtle-edge-hover: oklab(0.87 0 0);
332
- --palette-success-solid-bg: oklab(0.508 -0.114299 0.0293215);
333
- --palette-success-solid-fg: oklab(0.985 0 0);
334
- --palette-success-solid-edge: oklab(0 0 0 / 0);
335
- --palette-success-solid-bg-hover: oklab(0.572945 -0.116429 0.0314383);
336
- --palette-success-solid-edge-hover: oklab(0 0 0 / 0);
337
- --palette-success-soft-fg: oklab(0.845 -0.138113 0.0370641);
338
- --palette-success-soft-bg: oklab(0.508 -0.114299 0.0293215 / 0.12);
339
- --palette-success-soft-edge: oklab(0.508 -0.114299 0.0293215 / 0.88);
340
- --palette-success-soft-bg-hover: oklab(0.572945 -0.116429 0.0314383 / 0.26);
341
- --palette-success-soft-edge-hover: oklab(0.572945 -0.116429 0.0314383 / 0.88);
342
- --palette-success-soft-page-bg: oklab(0.18856 -0.0137159 0.00351857);
343
- --palette-success-soft-page-edge: oklab(0.508 -0.114299 0.0293215 / 0.88);
344
- --palette-success-soft-page-bg-hover: oklab(0.256266 -0.0302715 0.00817395);
345
- --palette-success-soft-page-edge-hover: oklab(0.572945 -0.116429 0.0314383 / 0.88);
346
- --palette-success-soft-subtle-bg: oklab(0.3936 -0.0802174 0.0165174);
347
- --palette-success-soft-subtle-edge: oklab(0.508 -0.114299 0.0293215 / 0.88);
348
- --palette-success-soft-subtle-bg-hover: oklab(0.428686 -0.0861932 0.0191048);
349
- --palette-success-soft-subtle-edge-hover: oklab(0.572945 -0.116429 0.0314383 / 0.88);
350
- --palette-success-ghost-fg: oklab(0.845 -0.138113 0.0370641);
351
- --palette-success-ghost-bg: oklab(0 0 0 / 0);
352
- --palette-success-ghost-edge: oklab(0.508 -0.114299 0.0293215);
353
- --palette-success-ghost-bg-hover: oklab(0.572945 -0.116429 0.0314383 / 0.14);
354
- --palette-success-ghost-edge-hover: oklab(0.572945 -0.116429 0.0314383);
355
- --palette-success-ghost-page-bg: oklab(0.145 0 0);
356
- --palette-success-ghost-page-edge: oklab(0.508 -0.114299 0.0293215);
357
- --palette-success-ghost-page-bg-hover: oklab(0.204912 -0.0163 0.00440136);
358
- --palette-success-ghost-page-edge-hover: oklab(0.572945 -0.116429 0.0314383);
359
- --palette-success-ghost-subtle-bg: oklab(0.378 -0.0755699 0.0147714);
360
- --palette-success-ghost-subtle-edge: oklab(0.508 -0.114299 0.0293215);
361
- --palette-success-ghost-subtle-bg-hover: oklab(0.405292 -0.0812901 0.0171048);
362
- --palette-success-ghost-subtle-edge-hover: oklab(0.572945 -0.116429 0.0314383);
363
- --palette-warning-solid-bg: oklab(0.666 0.0940116 0.152325);
364
- --palette-warning-solid-fg: oklab(0.145 0 0);
365
- --palette-warning-solid-edge: oklab(0 0 0 / 0);
366
- --palette-warning-solid-bg-hover: oklab(0.70431 0.0802 0.143076);
367
- --palette-warning-solid-edge-hover: oklab(0 0 0 / 0);
368
- --palette-warning-soft-fg: oklab(0.879 -0.00473352 0.168934);
369
- --palette-warning-soft-bg: oklab(0.666 0.0940116 0.152325 / 0.12);
370
- --palette-warning-soft-edge: oklab(0.666 0.0940116 0.152325 / 0.88);
371
- --palette-warning-soft-bg-hover: oklab(0.70431 0.0802 0.143076 / 0.26);
372
- --palette-warning-soft-edge-hover: oklab(0.70431 0.0802 0.143076 / 0.88);
373
- --palette-warning-soft-page-bg: oklab(0.20752 0.0112814 0.018279);
374
- --palette-warning-soft-page-edge: oklab(0.666 0.0940116 0.152325 / 0.88);
375
- --palette-warning-soft-page-bg-hover: oklab(0.290421 0.020852 0.0371997);
376
- --palette-warning-soft-page-edge-hover: oklab(0.70431 0.0802 0.143076 / 0.88);
377
- --palette-warning-soft-subtle-bg: oklab(0.44424 0.0798656 0.0890623);
378
- --palette-warning-soft-subtle-edge: oklab(0.666 0.0940116 0.152325 / 0.88);
379
- --palette-warning-soft-subtle-bg-hover: oklab(0.489481 0.0785251 0.0967221);
380
- --palette-warning-soft-subtle-edge-hover: oklab(0.70431 0.0802 0.143076 / 0.88);
381
- --palette-warning-ghost-fg: oklab(0.879 -0.00473352 0.168934);
382
- --palette-warning-ghost-bg: oklab(0 0 0 / 0);
383
- --palette-warning-ghost-edge: oklab(0.666 0.0940116 0.152325);
384
- --palette-warning-ghost-bg-hover: oklab(0.70431 0.0802 0.143076 / 0.14);
385
- --palette-warning-ghost-edge-hover: oklab(0.70431 0.0802 0.143076);
386
- --palette-warning-ghost-page-bg: oklab(0.145 0 0);
387
- --palette-warning-ghost-page-edge: oklab(0.666 0.0940116 0.152325);
388
- --palette-warning-ghost-page-bg-hover: oklab(0.223303 0.011228 0.0200306);
389
- --palette-warning-ghost-page-edge-hover: oklab(0.70431 0.0802 0.143076);
390
- --palette-warning-ghost-subtle-bg: oklab(0.414 0.0779366 0.0804356);
391
- --palette-warning-ghost-subtle-edge: oklab(0.666 0.0940116 0.152325);
392
- --palette-warning-ghost-subtle-bg-hover: oklab(0.454643 0.0782535 0.0892052);
393
- --palette-warning-ghost-subtle-edge-hover: oklab(0.70431 0.0802 0.143076);
394
- --palette-destructive-solid-bg: oklab(0.514 0.212373 0.0646656);
395
- --palette-destructive-solid-fg: oklab(0.985 0 0);
396
- --palette-destructive-solid-edge: oklab(0 0 0 / 0);
397
- --palette-destructive-solid-bg-hover: oklab(0.549356 0.21195 0.0500346);
398
- --palette-destructive-solid-edge-hover: oklab(0 0 0 / 0);
399
- --palette-destructive-soft-fg: oklab(0.81 0.114595 0.0236021);
400
- --palette-destructive-soft-bg: oklab(0.514 0.212373 0.0646656 / 0.12);
401
- --palette-destructive-soft-edge: oklab(0.514 0.212373 0.0646656 / 0.88);
402
- --palette-destructive-soft-bg-hover: oklab(0.549356 0.21195 0.0500346 / 0.26);
403
- --palette-destructive-soft-edge-hover: oklab(0.549356 0.21195 0.0500346 / 0.88);
404
- --palette-destructive-soft-page-bg: oklab(0.18928 0.0254848 0.00775988);
405
- --palette-destructive-soft-page-edge: oklab(0.514 0.212373 0.0646656 / 0.88);
406
- --palette-destructive-soft-page-bg-hover: oklab(0.250132 0.0551069 0.013009);
407
- --palette-destructive-soft-page-edge-hover: oklab(0.549356 0.21195 0.0500346 / 0.88);
408
- --palette-destructive-soft-subtle-bg: oklab(0.42248 0.163162 0.0327106);
409
- --palette-destructive-soft-subtle-edge: oklab(0.514 0.212373 0.0646656 / 0.88);
410
- --palette-destructive-soft-subtle-bg-hover: oklab(0.446232 0.170881 0.0339903);
411
- --palette-destructive-soft-subtle-edge-hover: oklab(0.549356 0.21195 0.0500346 / 0.88);
412
- --palette-destructive-ghost-fg: oklab(0.81 0.114595 0.0236021);
413
- --palette-destructive-ghost-bg: oklab(0 0 0 / 0);
414
- --palette-destructive-ghost-edge: oklab(0.514 0.212373 0.0646656);
415
- --palette-destructive-ghost-bg-hover: oklab(0.549356 0.21195 0.0500346 / 0.14);
416
- --palette-destructive-ghost-edge-hover: oklab(0.549356 0.21195 0.0500346);
417
- --palette-destructive-ghost-page-bg: oklab(0.145 0 0);
418
- --palette-destructive-ghost-page-edge: oklab(0.514 0.212373 0.0646656);
419
- --palette-destructive-ghost-page-bg-hover: oklab(0.20161 0.0296729 0.00700485);
420
- --palette-destructive-ghost-page-edge-hover: oklab(0.549356 0.21195 0.0500346);
421
- --palette-destructive-ghost-subtle-bg: oklab(0.41 0.156452 0.0283531);
422
- --palette-destructive-ghost-subtle-edge: oklab(0.514 0.212373 0.0646656);
423
- --palette-destructive-ghost-subtle-bg-hover: oklab(0.42951 0.164221 0.0313885);
424
- --palette-destructive-ghost-subtle-edge-hover: oklab(0.549356 0.21195 0.0500346);
425
- --palette-info-solid-bg: oklab(0.511 0.0317755 -0.260066);
426
- --palette-info-solid-fg: oklab(0.985 0 0);
427
- --palette-info-solid-edge: oklab(0 0 0 / 0);
428
- --palette-info-solid-bg-hover: oklab(0.551929 0.0373722 -0.238521);
429
- --palette-info-solid-edge-hover: oklab(0 0 0 / 0);
430
- --palette-info-soft-fg: oklab(0.785 0.00944898 -0.114611);
431
- --palette-info-soft-bg: oklab(0.511 0.0317755 -0.260066 / 0.12);
432
- --palette-info-soft-edge: oklab(0.511 0.0317755 -0.260066 / 0.88);
433
- --palette-info-soft-bg-hover: oklab(0.551929 0.0373722 -0.238521 / 0.26);
434
- --palette-info-soft-edge-hover: oklab(0.551929 0.0373722 -0.238521 / 0.88);
435
- --palette-info-soft-page-bg: oklab(0.18892 0.00381305 -0.0312079);
436
- --palette-info-soft-page-edge: oklab(0.511 0.0317755 -0.260066 / 0.88);
437
- --palette-info-soft-page-bg-hover: oklab(0.250801 0.00971677 -0.0620155);
438
- --palette-info-soft-page-edge-hover: oklab(0.551929 0.0373722 -0.238521 / 0.88);
439
- --palette-info-soft-subtle-bg: oklab(0.37724 0.0229742 -0.156471);
440
- --palette-info-soft-subtle-edge: oklab(0.511 0.0317755 -0.260066 / 0.88);
441
- --palette-info-soft-subtle-bg-hover: oklab(0.409161 0.0258296 -0.16735);
442
- --palette-info-soft-subtle-edge-hover: oklab(0.551929 0.0373722 -0.238521 / 0.88);
443
- --palette-info-ghost-fg: oklab(0.785 0.00944898 -0.114611);
444
- --palette-info-ghost-bg: oklab(0 0 0 / 0);
445
- --palette-info-ghost-edge: oklab(0.511 0.0317755 -0.260066);
446
- --palette-info-ghost-bg-hover: oklab(0.551929 0.0373722 -0.238521 / 0.14);
447
- --palette-info-ghost-edge-hover: oklab(0.551929 0.0373722 -0.238521);
448
- --palette-info-ghost-page-bg: oklab(0.145 0 0);
449
- --palette-info-ghost-page-edge: oklab(0.511 0.0317755 -0.260066);
450
- --palette-info-ghost-page-bg-hover: oklab(0.20197 0.00523211 -0.033393);
451
- --palette-info-ghost-page-edge-hover: oklab(0.551929 0.0373722 -0.238521);
452
- --palette-info-ghost-subtle-bg: oklab(0.359 0.0217741 -0.142344);
453
- --palette-info-ghost-subtle-edge: oklab(0.511 0.0317755 -0.260066);
454
- --palette-info-ghost-subtle-bg-hover: oklab(0.38601 0.0239578 -0.155809);
455
- --palette-info-ghost-subtle-edge-hover: oklab(0.551929 0.0373722 -0.238521);
456
- --palette-border: oklch(0.371 0 0);
457
- --palette-surface: oklch(0.269 0 0);
458
- --palette-text: oklch(0.985 0 0);
459
- }
460
- }
@@ -1,68 +0,0 @@
1
- /* Imported into the `components` layer by `theme.css`, below every utility, so
2
- a consumer's own utility or unlayered CSS beats these classes. See
3
- docs/internal/model.md#cascade-layers. */
4
-
5
- /* Presentation answers two independent questions, and each is its own closed
6
- set: how much of the intent color fills the box, and whether the box draws a
7
- line at its boundary. Exactly one value from each set applies, so the six
8
- combinations are the whole vocabulary.
9
-
10
- A fill class never decides an edge and an edge class never decides a fill, so
11
- each half means only what it says. The line fades toward `transparent` as the
12
- fill fills in (`box.css`; docs/internal/model.md#presentation), so
13
- `.solid.edged` and `.solid.edgeless` render one box without either class
14
- deciding the other's question.
15
-
16
- Presentation declares only unitless numbers and percentages. A custom
17
- property's value is resolved on the element that declares it, so anything
18
- referencing an intent token here would resolve against the container's intent
19
- and inherit down already-resolved. Numbers carry no intent, so they inherit
20
- safely and each component mixes them against its own palette.
21
-
22
- A declaration on the element beats an inherited one, which is what lets a
23
- container set the look for its subtree while any element still opts out.
24
-
25
- Hover is derived from these values rather than declared beside them:
26
- `min(100%, resting fill + --hover-step)`, always in `--intent-hover`. There
27
- is no hover token and no per-presentation branch. */
28
-
29
- /* Filled with the intent color. Text is the contrast tone. */
30
- .solid {
31
- --ui-fill: 100%;
32
- --ui-fg-on-fill: 100%;
33
- }
34
-
35
- /* Tinted with the intent color. Text is the intent color. */
36
- .soft {
37
- --ui-fill: 12%;
38
- --ui-fg-on-fill: 0%;
39
- }
40
-
41
- /* No fill at rest; the derived hover gives it one. Text is the intent color. It
42
- names a fill and only a fill: `.bare` and `.edgeless` both read as "less of
43
- something", so an author wanting no border would reach for the wrong one.
44
-
45
- A component that rests on a ground rather than on nothing keeps that ground
46
- here: `.ghost` is zero fill, not zero paint. `.data-table` is the exception
47
- that proves it -- its head plate *is* the tint, so a ghost table drops it. */
48
- .ghost {
49
- --ui-fill: 0%;
50
- --ui-fg-on-fill: 0%;
51
- }
52
-
53
- /* A line in the intent color, at the aesthetic's material width. The width
54
- comes from the aesthetic and nothing else: there is no presentation scale on
55
- it, so small components need no ceilings to survive a thick one.
56
-
57
- The edge is the silhouette and nothing else. Rules *inside* a component that
58
- has an inside are a separate decision with their own class --
59
- `.data-table.ruled` -- so a consumer's own markup says whether they asked for
60
- them. */
61
- .edged {
62
- --ui-border: 100%;
63
- }
64
-
65
- /* No line. */
66
- .edgeless {
67
- --ui-border: 0%;
68
- }
@@ -1,61 +0,0 @@
1
- @reference "./box.css";
2
-
3
- /* What every surface shares. Two slots exist here and nowhere else, and that is
4
- how an aesthetic reaches surfaces without naming one: only a surface resolves
5
- `--ui-backdrop`, so glass blurs cards and panels while controls stay solid,
6
- and only a surface resolves `--ui-surface-shadow`, so a two-layer drop shadow
7
- does not land under every button on the page.
8
-
9
- A primitive beside `box`, and like `box` it imports neither the theme nor
10
- Tailwind: `feedback.css` and `tooltip.css` `@reference` it, and a referenced
11
- file that reaches the theme strips its tokens from every entry that pulls it
12
- in. See docs/internal/model.md (Which files import the theme). */
13
- @utility surface {
14
- @apply box block;
15
-
16
- /* Bare and edged. `box` reads these three with no fallback, so `surface` --
17
- typeable on its own -- owes all three; `card` restates its own. No shadow
18
- geometry: depth is asked for (`.raised`/`.floating`, an aesthetic, the
19
- registry elevation) rather than carried, so a plain card is flat. */
20
- --_d-fill: 0%;
21
- --_d-fg-on-fill: 0%;
22
- --_d-border: 100%;
23
-
24
- /* The public token first, so an aesthetic (glass's translucent ground) or a
25
- consumer names the ground outright; then the component's own quiet default,
26
- which `.card.soft`, a neutral `.panel`, and a neutral `.alert` write as a
27
- private rather than as the public token. Written as the public token, their
28
- own declaration would beat glass's inherited one in a glass region, and
29
- beat glass on the same element too (`.card.soft.glass` would go opaque).
30
- Restated `initial` here so a quiet ground cannot inherit into a surface
31
- nested inside one, the way `box` restates `--_d-ground`. See
32
- docs/internal/model.md#cascade-layers. */
33
- --_d-surface-ground: initial;
34
- --_d-ground: var(--ui-surface-ground, var(--_d-surface-ground, var(--color-background)));
35
-
36
- /* The complete-shadow slot for a shadow that is not one layer (glass tucks two
37
- under with negative spread). Only `surface` reads it -- through `--ui-shadow`
38
- it would land an 18px drop under every button and chip -- like the backdrop. */
39
- --_shadow: var(--ui-surface-shadow, var(--_shadow-parts)) var(--_halo-layer,);
40
-
41
- /* The surface pair of `box`'s corner: the aesthetic's surface length, scaled
42
- by the padding step and patterned by the same four corner switches. */
43
- --_corner-surface: calc(var(--ui-corner-surface, var(--radius-surface)) * var(--_scale));
44
- border-radius: var(
45
- --ui-radius-surface,
46
- calc(var(--_corner-surface) * var(--ui-corner-tl, 1)) calc(var(--_corner-surface) * var(--ui-corner-tr, 1))
47
- calc(var(--_corner-surface) * var(--ui-corner-br, 1)) calc(var(--_corner-surface) * var(--ui-corner-bl, 1))
48
- );
49
- /* The painted layer: a pattern, a texture, or a gradient an aesthetic lays
50
- over the plate. Surfaces only, like the backdrop, so a control's label and
51
- `.select`'s chevron never sit on one. The aesthetic that sets it owns the
52
- contrast of the text over it, and a consumer's own `background-image` still
53
- beats this declaration. */
54
- background-image: var(--ui-surface-image, none);
55
- /* Prefixed property first, deliberately: written second the minifier folds the
56
- pair into the prefixed one alone, and the standard property never reaches
57
- `dist/` -- which drops the blur in Firefox (the one engine with
58
- `backdrop-filter` and not the `-webkit-` alias). Measured on the built CSS. */
59
- -webkit-backdrop-filter: var(--ui-backdrop, none);
60
- backdrop-filter: var(--ui-backdrop, none);
61
- }
@@ -1,6 +0,0 @@
1
- @import "../theme.css";
2
- @import "../typography.css";
3
- @import "./layout.css";
4
- @import "./content.css";
5
-
6
- @source inline("view vertical horizontal stack tight loose cluster between auto-grid section section-content narrow wide divider selection-contrast visually-hidden table-wrap data-table kbd quote quote-inline code pre");