daisyui 5.0.0-alpha.20 → 5.0.0-alpha.21

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 (139) hide show
  1. package/base/properties.css +1 -1
  2. package/base/rootcolor.css +1 -1
  3. package/base/scrollbar.css +1 -1
  4. package/chunks.css +0 -1
  5. package/colors/properties.css +1 -1
  6. package/colors/responsive.css +1 -1
  7. package/colors/states.css +1 -1
  8. package/components/alert.css +1 -1
  9. package/components/avatar.css +1 -1
  10. package/components/badge.css +1 -1
  11. package/components/button.css +1 -1
  12. package/components/card.css +1 -1
  13. package/components/chat.css +1 -1
  14. package/components/checkbox.css +1 -1
  15. package/components/collapse.css +1 -1
  16. package/components/countdown.css +1 -1
  17. package/components/divider.css +1 -1
  18. package/components/dropdown.css +1 -1
  19. package/components/footer.css +1 -1
  20. package/components/hero.css +1 -1
  21. package/components/input.css +1 -1
  22. package/components/kbd.css +1 -1
  23. package/components/link.css +1 -1
  24. package/components/loading.css +1 -1
  25. package/components/mask.css +1 -1
  26. package/components/menu.css +1 -1
  27. package/components/navbar.css +1 -1
  28. package/components/progress.css +1 -1
  29. package/components/radialprogress.css +1 -1
  30. package/components/radio.css +1 -1
  31. package/components/range.css +1 -1
  32. package/components/rating.css +1 -1
  33. package/components/select.css +1 -1
  34. package/components/skeleton.css +1 -1
  35. package/components/stack.css +1 -1
  36. package/components/status.css +1 -1
  37. package/components/steps.css +1 -1
  38. package/components/swap.css +1 -1
  39. package/components/tab.css +1 -1
  40. package/components/table.css +1 -1
  41. package/components/timeline.css +1 -1
  42. package/components/toggle.css +1 -1
  43. package/components/tooltip.css +1 -1
  44. package/full.css +1 -1
  45. package/functions/pluginOptionsHandler.js +44 -0
  46. package/functions/variables.js +33 -0
  47. package/index.js +82 -120
  48. package/package.json +4 -1
  49. package/theme/acid/index.css +28 -0
  50. package/theme/acid/index.js +4 -0
  51. package/theme/acid/object.js +1 -0
  52. package/theme/aqua/index.css +28 -0
  53. package/theme/aqua/index.js +4 -0
  54. package/theme/aqua/object.js +1 -0
  55. package/theme/autumn/index.css +28 -0
  56. package/theme/autumn/index.js +4 -0
  57. package/theme/autumn/object.js +1 -0
  58. package/theme/black/index.css +28 -0
  59. package/theme/black/index.js +4 -0
  60. package/theme/black/object.js +1 -0
  61. package/theme/bumblebee/index.css +28 -0
  62. package/theme/bumblebee/index.js +4 -0
  63. package/theme/bumblebee/object.js +1 -0
  64. package/theme/business/index.css +28 -0
  65. package/theme/business/index.js +4 -0
  66. package/theme/business/object.js +1 -0
  67. package/theme/cmyk/index.css +28 -0
  68. package/theme/cmyk/index.js +4 -0
  69. package/theme/cmyk/object.js +1 -0
  70. package/theme/coffee/index.css +28 -0
  71. package/theme/coffee/index.js +4 -0
  72. package/theme/coffee/object.js +1 -0
  73. package/theme/corporate/index.css +28 -0
  74. package/theme/corporate/index.js +4 -0
  75. package/theme/corporate/object.js +1 -0
  76. package/theme/cyberpunk/index.css +28 -0
  77. package/theme/cyberpunk/index.js +4 -0
  78. package/theme/cyberpunk/object.js +1 -0
  79. package/theme/dim/index.css +28 -0
  80. package/theme/dim/index.js +4 -0
  81. package/theme/dim/object.js +1 -0
  82. package/theme/dracula/index.css +28 -0
  83. package/theme/dracula/index.js +4 -0
  84. package/theme/dracula/object.js +1 -0
  85. package/theme/emerald/index.css +28 -0
  86. package/theme/emerald/index.js +4 -0
  87. package/theme/emerald/object.js +1 -0
  88. package/theme/fantasy/index.css +28 -0
  89. package/theme/fantasy/index.js +4 -0
  90. package/theme/fantasy/object.js +1 -0
  91. package/theme/forest/index.css +28 -0
  92. package/theme/forest/index.js +4 -0
  93. package/theme/forest/object.js +1 -0
  94. package/theme/garden/index.css +28 -0
  95. package/theme/garden/index.js +4 -0
  96. package/theme/garden/object.js +1 -0
  97. package/theme/halloween/index.css +28 -0
  98. package/theme/halloween/index.js +4 -0
  99. package/theme/halloween/object.js +1 -0
  100. package/theme/index.js +15 -3
  101. package/theme/lemonade/index.css +28 -0
  102. package/theme/lemonade/index.js +4 -0
  103. package/theme/lemonade/object.js +1 -0
  104. package/theme/lofi/index.css +28 -0
  105. package/theme/lofi/index.js +4 -0
  106. package/theme/lofi/object.js +1 -0
  107. package/theme/luxury/index.css +28 -0
  108. package/theme/luxury/index.js +4 -0
  109. package/theme/luxury/object.js +1 -0
  110. package/theme/night/index.css +28 -0
  111. package/theme/night/index.js +4 -0
  112. package/theme/night/object.js +1 -0
  113. package/theme/nord/index.css +28 -0
  114. package/theme/nord/index.js +4 -0
  115. package/theme/nord/object.js +1 -0
  116. package/theme/object.js +1 -0
  117. package/theme/pastel/index.css +28 -0
  118. package/theme/pastel/index.js +4 -0
  119. package/theme/pastel/object.js +1 -0
  120. package/theme/retro/index.css +28 -0
  121. package/theme/retro/index.js +4 -0
  122. package/theme/retro/object.js +1 -0
  123. package/theme/sunset/index.css +28 -0
  124. package/theme/sunset/index.js +4 -0
  125. package/theme/sunset/object.js +1 -0
  126. package/theme/synthwave/index.css +28 -0
  127. package/theme/synthwave/index.js +4 -0
  128. package/theme/synthwave/object.js +1 -0
  129. package/theme/valentine/index.css +28 -0
  130. package/theme/valentine/index.js +4 -0
  131. package/theme/valentine/object.js +1 -0
  132. package/theme/winter/index.css +28 -0
  133. package/theme/winter/index.js +4 -0
  134. package/theme/winter/object.js +1 -0
  135. package/theme/wireframe/index.css +28 -0
  136. package/theme/wireframe/index.js +4 -0
  137. package/theme/wireframe/object.js +1 -0
  138. package/themes.css +1 -1
  139. package/utilities/join.css +1 -1
@@ -0,0 +1,44 @@
1
+ export const pluginOptionsHandler = (() => {
2
+ let firstRun = true;
3
+ return (options, addBase, allThemes, packageVersion) => {
4
+ const {
5
+ logs = true,
6
+ themeRoot = ":root",
7
+ themes = ['light --default', 'dark --prefersDark'],
8
+ include,
9
+ exclude
10
+ } = options || {};
11
+
12
+ if (logs !== false && firstRun) {
13
+ console.log(`/*! 🌼 daisyUI ${packageVersion} */`);
14
+ firstRun = false;
15
+ }
16
+
17
+ const applyTheme = (themeName, flags) => {
18
+ if (allThemes[themeName]) {
19
+ let selector = `${themeRoot}:has(input.theme-controller[value=${themeName}]:checked),[data-theme=${themeName}]`;
20
+ if (flags.includes('--default')) {
21
+ selector = `${themeRoot},${selector}`;
22
+ }
23
+ addBase({ [selector]: allThemes[themeName] });
24
+
25
+ if (flags.includes('--prefersDark')) {
26
+ addBase({ "@media (prefers-color-scheme: dark)": { [themeRoot]: allThemes[themeName] } });
27
+ }
28
+ }
29
+ };
30
+
31
+ if (themes) {
32
+ if (Array.isArray(themes)) {
33
+ themes.forEach(themeOption => {
34
+ const [themeName, ...flags] = themeOption.split(' ');
35
+ applyTheme(themeName, flags);
36
+ });
37
+ } else {
38
+ const [themeName, ...flags] = themes.split(' ');
39
+ applyTheme(themeName, flags);
40
+ }
41
+ }
42
+ return { include, exclude };
43
+ };
44
+ })();
@@ -0,0 +1,33 @@
1
+ export default {
2
+ colors: {
3
+ 'base-100': 'var(--color-base-100)',
4
+ 'base-200': 'var(--color-base-200)',
5
+ 'base-300': 'var(--color-base-300)',
6
+ 'base-content': 'var(--color-base-content)',
7
+ 'primary': 'var(--color-primary)',
8
+ 'primary-content': 'var(--color-primary-content)',
9
+ 'secondary': 'var(--color-secondary)',
10
+ 'secondary-content': 'var(--color-secondary-content)',
11
+ 'accent': 'var(--color-accent)',
12
+ 'accent-content': 'var(--color-accent-content)',
13
+ 'neutral': 'var(--color-neutral)',
14
+ 'neutral-content': 'var(--color-neutral-content)',
15
+ 'info': 'var(--color-info)',
16
+ 'info-content': 'var(--color-info-content)',
17
+ 'success': 'var(--color-success)',
18
+ 'success-content': 'var(--color-success-content)',
19
+ 'warning': 'var(--color-warning)',
20
+ 'warning-content': 'var(--color-warning-content)',
21
+ 'error': 'var(--color-error)',
22
+ 'error-content': 'var(--color-error-content)',
23
+ },
24
+ borderRadius: {
25
+ 'badge': 'var(--radius-badge)',
26
+ 'btn': 'var(--radius-btn)',
27
+ 'box': 'var(--radius-box)',
28
+ },
29
+ borderWidth: {
30
+ 'button': 'var(--spacing-button-border)',
31
+ 'tab': 'var(--spacing-tab-border)',
32
+ }
33
+ }
package/index.js CHANGED
@@ -1,4 +1,7 @@
1
1
  import { plugin } from './functions/plugin.js';
2
+ import { pluginOptionsHandler } from './functions/pluginOptionsHandler.js';
3
+ import variables from './functions/variables.js';
4
+ import allThemes from './theme/object.js';
2
5
  import rootcolor from './base/rootcolor';
3
6
  import properties from './base/properties';
4
7
  import scrollbar from './base/scrollbar';
@@ -40,131 +43,90 @@ import timeline from './components/timeline';
40
43
  import badge from './components/badge';
41
44
  import join from './utilities/join';
42
45
 
43
- const allThemes = {"cupcake":{"colorScheme":"light","--color-base-100":"oklch(97.7882% 0.00418 56.375637)","--color-base-200":"oklch(93.9822% 0.007638 61.449292)","--color-base-300":"oklch(91.5861% 0.006811 53.440502)","--color-base-content":"oklch(23.5742% 0.066235 313.189598)","--color-primary":"oklch(76.172% 0.089459 200.026556)","--color-primary-content":"oklch(15.2344% 0.017892 200.026556)","--color-secondary":"oklch(78.9351% 0.101246 356.29965)","--color-secondary-content":"oklch(15.787% 0.020249 356.29965)","--color-accent":"oklch(79.3811% 0.146032 78.618794)","--color-accent-content":"oklch(15.8762% 0.029206 78.618794)","--color-neutral":"oklch(23.5742% 0.066235 313.189598)","--color-neutral-content":"oklch(84.7148% 0.013247 313.189598)","--color-info":"oklch(72.06% 0.191 231.6)","--color-info-content":"oklch(0% 0 0)","--color-success":"oklch(64.8% 0.15 160)","--color-success-content":"oklch(0% 0 0)","--color-warning":"oklch(84.71% 0.199 83.87)","--color-warning-content":"oklch(0% 0 0)","--color-error":"oklch(71.76% 0.221 22.18)","--color-error-content":"oklch(0% 0 0)","--radius-badge":"1.9rem","--radius-btn":"1.9rem","--radius-box":"1rem","--spacing-button-border":"1px","--spacing-tab-border":"2px"},"light":{"colorScheme":"light","--color-base-100":"oklch(100% 0 0)","--color-base-200":"oklch(96.1151% 0 0)","--color-base-300":"oklch(92.4169% 0.00108 197.137559)","--color-base-content":"oklch(27.8078% 0.029596 256.84795)","--color-primary":"oklch(49.12% 0.3096 275.75)","--color-primary-content":"oklch(89.824% 0.06192 275.75)","--color-secondary":"oklch(69.71% 0.329 342.55)","--color-secondary-content":"oklch(98.71% 0.0106 342.55)","--color-accent":"oklch(76.76% 0.184 183.61)","--color-accent-content":"oklch(15.352% 0.0368 183.61)","--color-neutral":"oklch(20% 0.02476 255.701624)","--color-neutral-content":"oklch(89.4994% 0.011585 252.096176)","--color-info":"oklch(72.06% 0.191 231.6)","--color-info-content":"oklch(0% 0 0)","--color-success":"oklch(64.8% 0.15 160)","--color-success-content":"oklch(0% 0 0)","--color-warning":"oklch(84.71% 0.199 83.87)","--color-warning-content":"oklch(0% 0 0)","--color-error":"oklch(71.76% 0.221 22.18)","--color-error-content":"oklch(0% 0 0)","--radius-badge":"1.9rem","--radius-btn":"0.5rem","--radius-box":"1rem","--spacing-button-border":"1px","--spacing-tab-border":"1px"},"dark":{"colorScheme":"dark","--color-base-100":"oklch(25.33% 0.016 252.42)","--color-base-200":"oklch(23.26% 0.014 253.1)","--color-base-300":"oklch(21.15% 0.012 254.09)","--color-base-content":"oklch(97.8078% 0.029596 256.84795)","--color-primary":"oklch(49.12% 0.3096 275.75)","--color-primary-content":"oklch(89.824% 0.06192 275.75)","--color-secondary":"oklch(69.71% 0.329 342.55)","--color-secondary-content":"oklch(98.71% 0.0106 342.55)","--color-accent":"oklch(76.76% 0.184 183.61)","--color-accent-content":"oklch(15.352% 0.0368 183.61)","--color-neutral":"oklch(20% 0.016 252.42)","--color-neutral-content":"oklch(89.4994% 0.011585 252.096176)","--color-info":"oklch(72.06% 0.191 231.6)","--color-info-content":"oklch(0% 0 0)","--color-success":"oklch(64.8% 0.15 160)","--color-success-content":"oklch(0% 0 0)","--color-warning":"oklch(84.71% 0.199 83.87)","--color-warning-content":"oklch(0% 0 0)","--color-error":"oklch(71.76% 0.221 22.18)","--color-error-content":"oklch(0% 0 0)","--radius-badge":"1.9rem","--radius-btn":"0.5rem","--radius-box":"1rem","--spacing-button-border":"1px","--spacing-tab-border":"1px"}};
44
- export default plugin.withOptions(
45
- (options = {
46
- logs: true,
47
- themeRoot: ":root",
48
- themes: ['light --default', 'dark --prefersDark'],
49
- }) => {
50
- return ({ addBase, addComponents, addUtilities }) => {
51
- const {
52
- logs=true,
53
- themes=['light --default', 'dark --prefersDark'],
54
- themeRoot = ":root"
55
- } = options;
56
- if (options.logs !== false) {
57
- console.log('/*! 🌼 daisyUI 5.0.0-alpha.19 */')
58
- }
59
46
 
60
- let themesContent = '';
61
- const applyTheme = (themeName, flag) => {
62
- if (allThemes[themeName]) {
63
- let selector = themeRoot+':has(input.theme-controller[value=' + themeName + ']:checked),[data-theme='+themeName+']';
64
- let themeCSS = JSON.stringify(allThemes[themeName]);
65
- if (flag === '--default') {
66
- selector = themeRoot+',' + selector;
67
- }
68
- addBase({ [selector]: allThemes[themeName] });
47
+ export default plugin.withOptions(
48
+ (options) => {
49
+ return ({ addBase, addComponents, addUtilities }) => {
50
+ const { include, exclude } = pluginOptionsHandler(options, addBase, allThemes, "5.0.0-alpha.21");
51
+ const itemMap = {
52
+ rootcolor: { item: rootcolor, category: 'base' },
53
+ properties: { item: properties, category: 'base' },
54
+ scrollbar: { item: scrollbar, category: 'base' },
55
+ kbd: { item: kbd, category: 'components' },
56
+ dropdown: { item: dropdown, category: 'components' },
57
+ navbar: { item: navbar, category: 'components' },
58
+ footer: { item: footer, category: 'components' },
59
+ tooltip: { item: tooltip, category: 'components' },
60
+ rating: { item: rating, category: 'components' },
61
+ radio: { item: radio, category: 'components' },
62
+ card: { item: card, category: 'components' },
63
+ loading: { item: loading, category: 'components' },
64
+ radialprogress: { item: radialprogress, category: 'components' },
65
+ progress: { item: progress, category: 'components' },
66
+ chat: { item: chat, category: 'components' },
67
+ countdown: { item: countdown, category: 'components' },
68
+ input: { item: input, category: 'components' },
69
+ alert: { item: alert, category: 'components' },
70
+ skeleton: { item: skeleton, category: 'components' },
71
+ swap: { item: swap, category: 'components' },
72
+ checkbox: { item: checkbox, category: 'components' },
73
+ collapse: { item: collapse, category: 'components' },
74
+ status: { item: status, category: 'components' },
75
+ tab: { item: tab, category: 'components' },
76
+ toggle: { item: toggle, category: 'components' },
77
+ mask: { item: mask, category: 'components' },
78
+ button: { item: button, category: 'components' },
79
+ steps: { item: steps, category: 'components' },
80
+ link: { item: link, category: 'components' },
81
+ table: { item: table, category: 'components' },
82
+ divider: { item: divider, category: 'components' },
83
+ menu: { item: menu, category: 'components' },
84
+ avatar: { item: avatar, category: 'components' },
85
+ select: { item: select, category: 'components' },
86
+ stack: { item: stack, category: 'components' },
87
+ hero: { item: hero, category: 'components' },
88
+ range: { item: range, category: 'components' },
89
+ timeline: { item: timeline, category: 'components' },
90
+ badge: { item: badge, category: 'components' },
91
+ join: { item: join, category: 'utilities' }, };
69
92
 
70
- if (flag === '--prefersDark') {
71
- addBase({"@media (prefers-color-scheme: dark)": {[themeRoot]: allThemes[themeName]}});
93
+ const shouldIncludeItem = (name) => {
94
+ if (include && exclude) {
95
+ return include.includes(name) && !exclude.includes(name);
72
96
  }
73
- }
74
- };
97
+ if (include) {
98
+ return include.includes(name);
99
+ }
100
+ if (exclude) {
101
+ return !exclude.includes(name);
102
+ }
103
+ return true;
104
+ };
75
105
 
76
- if (Array.isArray(themes)) {
77
- themes.forEach(themeOption => {
78
- const [themeName, flag] = themeOption.split(' ');
79
- applyTheme(themeName, flag);
106
+ Object.entries(itemMap).forEach(([name, { item, category }]) => {
107
+ if (shouldIncludeItem(name)) {
108
+ switch (category) {
109
+ case 'base':
110
+ item({ addBase });
111
+ break;
112
+ case 'utilities':
113
+ item({ addUtilities });
114
+ break;
115
+ case 'components':
116
+ default:
117
+ item({ addComponents });
118
+ break;
119
+ }
120
+ }
80
121
  });
81
- } else {
82
- const [themeName, flag] = themes.split(' ');
83
- applyTheme(themeName, flag);
84
122
  }
85
-
86
- rootcolor({ addBase });
87
- properties({ addBase });
88
- scrollbar({ addBase });
89
-
90
- kbd({ addComponents });
91
- dropdown({ addComponents });
92
- navbar({ addComponents });
93
- footer({ addComponents });
94
- tooltip({ addComponents });
95
- rating({ addComponents });
96
- radio({ addComponents });
97
- card({ addComponents });
98
- loading({ addComponents });
99
- radialprogress({ addComponents });
100
- progress({ addComponents });
101
- chat({ addComponents });
102
- countdown({ addComponents });
103
- input({ addComponents });
104
- alert({ addComponents });
105
- skeleton({ addComponents });
106
- swap({ addComponents });
107
- checkbox({ addComponents });
108
- collapse({ addComponents });
109
- status({ addComponents });
110
- tab({ addComponents });
111
- toggle({ addComponents });
112
- mask({ addComponents });
113
- button({ addComponents });
114
- steps({ addComponents });
115
- link({ addComponents });
116
- table({ addComponents });
117
- divider({ addComponents });
118
- menu({ addComponents });
119
- avatar({ addComponents });
120
- select({ addComponents });
121
- stack({ addComponents });
122
- hero({ addComponents });
123
- range({ addComponents });
124
- timeline({ addComponents });
125
- badge({ addComponents });
126
-
127
- join({ addUtilities });
128
-
129
- }
130
- },
131
- (options) => {
132
- return {
133
- theme: {
134
- extend: {
135
- "colors": {
136
- "base-100": "var(--color-base-100)",
137
- "base-200": "var(--color-base-200)",
138
- "base-300": "var(--color-base-300)",
139
- "base-content": "var(--color-base-content)",
140
- "primary": "var(--color-primary)",
141
- "primary-content": "var(--color-primary-content)",
142
- "secondary": "var(--color-secondary)",
143
- "secondary-content": "var(--color-secondary-content)",
144
- "accent": "var(--color-accent)",
145
- "accent-content": "var(--color-accent-content)",
146
- "neutral": "var(--color-neutral)",
147
- "neutral-content": "var(--color-neutral-content)",
148
- "info": "var(--color-info)",
149
- "info-content": "var(--color-info-content)",
150
- "success": "var(--color-success)",
151
- "success-content": "var(--color-success-content)",
152
- "warning": "var(--color-warning)",
153
- "warning-content": "var(--color-warning-content)",
154
- "error": "var(--color-error)",
155
- "error-content": "var(--color-error-content)"
156
- },
157
- "borderRadius": {
158
- "badge": "var(--radius-badge)",
159
- "btn": "var(--radius-btn)",
160
- "box": "var(--radius-box)"
161
- },
162
- "borderWidth": {
163
- "button": "var(--spacing-button-border)",
164
- "tab": "var(--spacing-tab-border)"
165
- }
166
- }
123
+ },
124
+ (options) => {
125
+ return {
126
+ theme: {
127
+ extend: variables
128
+ }
167
129
  }
168
130
  }
169
- }
170
- )
131
+ )
132
+
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "type": "module",
3
3
  "name": "daisyui",
4
- "version": "5.0.0-alpha.20",
4
+ "version": "5.0.0-alpha.21",
5
5
  "description": "daisyUI - Tailwind CSS Components",
6
6
  "author": "Pouya Saadeghi",
7
7
  "license": "MIT",
@@ -38,6 +38,8 @@
38
38
  "colors",
39
39
  "components",
40
40
  "functions/plugin.js",
41
+ "functions/pluginOptionsHandler.js",
42
+ "functions/variables.js",
41
43
  "theme",
42
44
  "utilities",
43
45
  "index.js",
@@ -64,6 +66,7 @@
64
66
  "build": "bun build.js",
65
67
  "dev": "cd src/docs && npm run dev",
66
68
  "playground": "cd src/experiments/playground && npm run dev",
69
+ "wallace": "npx -y wallace-cli full.css",
67
70
  "release": "node src/release",
68
71
  "publish:alpha": "npm publish --tag=alpha",
69
72
  "alpha": "npm run release -- --alpha && npm publish --tag=alpha"
@@ -0,0 +1,28 @@
1
+ :root:has(input.theme-controller[value=acid]:checked),[data-theme="acid"] {
2
+ color-scheme: light;
3
+ --color-base-100: oklch(98.5104% 0 0);
4
+ --color-base-200: oklch(91.6146% 0 0);
5
+ --color-base-300: oklch(84.7189% 0 0);
6
+ --color-base-content: oklch(19.7021% 0 0);
7
+ --color-primary: oklch(71.9% 0.357 330.759573);
8
+ --color-primary-content: oklch(14.38% 0.0714 330.759573);
9
+ --color-secondary: oklch(73.37% 0.224 48.250878);
10
+ --color-secondary-content: oklch(14.674% 0.0448 48.250878);
11
+ --color-accent: oklch(92.78% 0.264 122.962951);
12
+ --color-accent-content: oklch(18.556% 0.0528 122.962951);
13
+ --color-neutral: oklch(21.31% 0.128 278.68);
14
+ --color-neutral-content: oklch(84.262% 0.0256 278.68);
15
+ --color-info: oklch(60.72% 0.227 252.05);
16
+ --color-info-content: oklch(12.144% 0.0454 252.05);
17
+ --color-success: oklch(85.72% 0.266 158.53);
18
+ --color-success-content: oklch(17.144% 0.0532 158.53);
19
+ --color-warning: oklch(91.01% 0.212 100.5);
20
+ --color-warning-content: oklch(18.202% 0.0424 100.5);
21
+ --color-error: oklch(64.84% 0.293 29.349188);
22
+ --color-error-content: oklch(12.968% 0.0586 29.349188);
23
+ --radius-badge: 1rem;
24
+ --radius-btn: 1rem;
25
+ --radius-box: 1.25rem;
26
+ --spacing-button-border: 1px;
27
+ --spacing-tab-border: 1px;
28
+ }
@@ -0,0 +1,4 @@
1
+ import acid from './object.js';
2
+ export default ({ addBase }) => {
3
+ addBase({...acid})
4
+ }
@@ -0,0 +1 @@
1
+ export default {"colorScheme":"light","--color-base-100":"oklch(98.5104% 0 0)","--color-base-200":"oklch(91.6146% 0 0)","--color-base-300":"oklch(84.7189% 0 0)","--color-base-content":"oklch(19.7021% 0 0)","--color-primary":"oklch(71.9% 0.357 330.759573)","--color-primary-content":"oklch(14.38% 0.0714 330.759573)","--color-secondary":"oklch(73.37% 0.224 48.250878)","--color-secondary-content":"oklch(14.674% 0.0448 48.250878)","--color-accent":"oklch(92.78% 0.264 122.962951)","--color-accent-content":"oklch(18.556% 0.0528 122.962951)","--color-neutral":"oklch(21.31% 0.128 278.68)","--color-neutral-content":"oklch(84.262% 0.0256 278.68)","--color-info":"oklch(60.72% 0.227 252.05)","--color-info-content":"oklch(12.144% 0.0454 252.05)","--color-success":"oklch(85.72% 0.266 158.53)","--color-success-content":"oklch(17.144% 0.0532 158.53)","--color-warning":"oklch(91.01% 0.212 100.5)","--color-warning-content":"oklch(18.202% 0.0424 100.5)","--color-error":"oklch(64.84% 0.293 29.349188)","--color-error-content":"oklch(12.968% 0.0586 29.349188)","--radius-badge":"1rem","--radius-btn":"1rem","--radius-box":"1.25rem","--spacing-button-border":"1px","--spacing-tab-border":"1px"};
@@ -0,0 +1,28 @@
1
+ :root:has(input.theme-controller[value=aqua]:checked),[data-theme="aqua"] {
2
+ color-scheme: dark;
3
+ --color-base-100: oklch(48.7596% 0.127539 261.181672);
4
+ --color-base-200: oklch(45.3464% 0.118611 261.181672);
5
+ --color-base-300: oklch(41.9333% 0.109683 261.181672);
6
+ --color-base-content: oklch(89.7519% 0.025508 261.181672);
7
+ --color-primary: oklch(85.6617% 0.14498 198.6458);
8
+ --color-primary-content: oklch(40.1249% 0.068266 197.603872);
9
+ --color-secondary: oklch(60.6827% 0.108752 309.782946);
10
+ --color-secondary-content: oklch(12.1365% 0.02175 309.782946);
11
+ --color-accent: oklch(93.4269% 0.102225 94.555431);
12
+ --color-accent-content: oklch(18.6854% 0.020445 94.555431);
13
+ --color-neutral: oklch(61.0622% 0.117009 243.760661);
14
+ --color-neutral-content: oklch(12.2124% 0.023402 243.760661);
15
+ --color-info: oklch(54.615% 0.215208 262.880917);
16
+ --color-info-content: oklch(90.923% 0.043042 262.880917);
17
+ --color-success: oklch(62.7052% 0.169912 149.213788);
18
+ --color-success-content: oklch(12.541% 0.033982 149.213788);
19
+ --color-warning: oklch(66.584% 0.157422 58.31834);
20
+ --color-warning-content: oklch(13.3168% 0.031484 58.31834);
21
+ --color-error: oklch(73.95% 0.19 27.33);
22
+ --color-error-content: oklch(14.79% 0.038 27.33);
23
+ --radius-badge: 1.9rem;
24
+ --radius-btn: 0.5rem;
25
+ --radius-box: 1rem;
26
+ --spacing-button-border: 1px;
27
+ --spacing-tab-border: 1px;
28
+ }
@@ -0,0 +1,4 @@
1
+ import aqua from './object.js';
2
+ export default ({ addBase }) => {
3
+ addBase({...aqua})
4
+ }
@@ -0,0 +1 @@
1
+ export default {"colorScheme":"dark","--color-base-100":"oklch(48.7596% 0.127539 261.181672)","--color-base-200":"oklch(45.3464% 0.118611 261.181672)","--color-base-300":"oklch(41.9333% 0.109683 261.181672)","--color-base-content":"oklch(89.7519% 0.025508 261.181672)","--color-primary":"oklch(85.6617% 0.14498 198.6458)","--color-primary-content":"oklch(40.1249% 0.068266 197.603872)","--color-secondary":"oklch(60.6827% 0.108752 309.782946)","--color-secondary-content":"oklch(12.1365% 0.02175 309.782946)","--color-accent":"oklch(93.4269% 0.102225 94.555431)","--color-accent-content":"oklch(18.6854% 0.020445 94.555431)","--color-neutral":"oklch(61.0622% 0.117009 243.760661)","--color-neutral-content":"oklch(12.2124% 0.023402 243.760661)","--color-info":"oklch(54.615% 0.215208 262.880917)","--color-info-content":"oklch(90.923% 0.043042 262.880917)","--color-success":"oklch(62.7052% 0.169912 149.213788)","--color-success-content":"oklch(12.541% 0.033982 149.213788)","--color-warning":"oklch(66.584% 0.157422 58.31834)","--color-warning-content":"oklch(13.3168% 0.031484 58.31834)","--color-error":"oklch(73.95% 0.19 27.33)","--color-error-content":"oklch(14.79% 0.038 27.33)","--radius-badge":"1.9rem","--radius-btn":"0.5rem","--radius-box":"1rem","--spacing-button-border":"1px","--spacing-tab-border":"1px"};
@@ -0,0 +1,28 @@
1
+ :root:has(input.theme-controller[value=autumn]:checked),[data-theme="autumn"] {
2
+ color-scheme: light;
3
+ --color-base-100: oklch(95.8147% 0 0);
4
+ --color-base-200: oklch(89.1077% 0 0);
5
+ --color-base-300: oklch(82.4006% 0 0);
6
+ --color-base-content: oklch(19.1629% 0 0);
7
+ --color-primary: oklch(40.7232% 0.16116 17.530175);
8
+ --color-primary-content: oklch(88.1446% 0.032232 17.530175);
9
+ --color-secondary: oklch(61.6763% 0.169105 23.865865);
10
+ --color-secondary-content: oklch(12.3353% 0.033821 23.865865);
11
+ --color-accent: oklch(73.4253% 0.094994 60.729616);
12
+ --color-accent-content: oklch(14.6851% 0.018999 60.729616);
13
+ --color-neutral: oklch(54.3672% 0.037374 51.902819);
14
+ --color-neutral-content: oklch(90.8734% 0.007475 51.902819);
15
+ --color-info: oklch(69.2245% 0.097979 207.284192);
16
+ --color-info-content: oklch(13.8449% 0.019596 207.284192);
17
+ --color-success: oklch(60.9951% 0.080159 174.616213);
18
+ --color-success-content: oklch(12.199% 0.016032 174.616213);
19
+ --color-warning: oklch(70.0817% 0.164909 56.844303);
20
+ --color-warning-content: oklch(14.0163% 0.032982 56.844303);
21
+ --color-error: oklch(53.07% 0.241 24.16);
22
+ --color-error-content: oklch(90.614% 0.0482 24.16);
23
+ --radius-badge: 1.9rem;
24
+ --radius-btn: 0.5rem;
25
+ --radius-box: 1rem;
26
+ --spacing-button-border: 1px;
27
+ --spacing-tab-border: 1px;
28
+ }
@@ -0,0 +1,4 @@
1
+ import autumn from './object.js';
2
+ export default ({ addBase }) => {
3
+ addBase({...autumn})
4
+ }
@@ -0,0 +1 @@
1
+ export default {"colorScheme":"light","--color-base-100":"oklch(95.8147% 0 0)","--color-base-200":"oklch(89.1077% 0 0)","--color-base-300":"oklch(82.4006% 0 0)","--color-base-content":"oklch(19.1629% 0 0)","--color-primary":"oklch(40.7232% 0.16116 17.530175)","--color-primary-content":"oklch(88.1446% 0.032232 17.530175)","--color-secondary":"oklch(61.6763% 0.169105 23.865865)","--color-secondary-content":"oklch(12.3353% 0.033821 23.865865)","--color-accent":"oklch(73.4253% 0.094994 60.729616)","--color-accent-content":"oklch(14.6851% 0.018999 60.729616)","--color-neutral":"oklch(54.3672% 0.037374 51.902819)","--color-neutral-content":"oklch(90.8734% 0.007475 51.902819)","--color-info":"oklch(69.2245% 0.097979 207.284192)","--color-info-content":"oklch(13.8449% 0.019596 207.284192)","--color-success":"oklch(60.9951% 0.080159 174.616213)","--color-success-content":"oklch(12.199% 0.016032 174.616213)","--color-warning":"oklch(70.0817% 0.164909 56.844303)","--color-warning-content":"oklch(14.0163% 0.032982 56.844303)","--color-error":"oklch(53.07% 0.241 24.16)","--color-error-content":"oklch(90.614% 0.0482 24.16)","--radius-badge":"1.9rem","--radius-btn":"0.5rem","--radius-box":"1rem","--spacing-button-border":"1px","--spacing-tab-border":"1px"};
@@ -0,0 +1,28 @@
1
+ :root:has(input.theme-controller[value=black]:checked),[data-theme="black"] {
2
+ color-scheme: dark;
3
+ --color-base-100: oklch(0% 0 0);
4
+ --color-base-200: oklch(19.1251% 0 0);
5
+ --color-base-300: oklch(26.8618% 0 0);
6
+ --color-base-content: oklch(87.6096% 0 0);
7
+ --color-primary: oklch(33.6799% 0 0);
8
+ --color-primary-content: oklch(86.736% 0 0);
9
+ --color-secondary: oklch(33.6799% 0 0);
10
+ --color-secondary-content: oklch(86.736% 0 0);
11
+ --color-accent: oklch(33.6799% 0 0);
12
+ --color-accent-content: oklch(86.736% 0 0);
13
+ --color-neutral: oklch(33.6799% 0 0);
14
+ --color-neutral-content: oklch(86.736% 0 0);
15
+ --color-info: oklch(45.2014% 0.313214 264.052021);
16
+ --color-info-content: oklch(89.0403% 0.062643 264.052021);
17
+ --color-success: oklch(51.9752% 0.176858 142.495339);
18
+ --color-success-content: oklch(90.395% 0.035372 142.495339);
19
+ --color-warning: oklch(96.7983% 0.211006 109.769232);
20
+ --color-warning-content: oklch(19.3597% 0.042201 109.769232);
21
+ --color-error: oklch(62.7955% 0.257683 29.233885);
22
+ --color-error-content: oklch(12.5591% 0.051537 29.233885);
23
+ --radius-badge: 0;
24
+ --radius-btn: 0;
25
+ --radius-box: 0;
26
+ --spacing-button-border: 1px;
27
+ --spacing-tab-border: 1px;
28
+ }
@@ -0,0 +1,4 @@
1
+ import black from './object.js';
2
+ export default ({ addBase }) => {
3
+ addBase({...black})
4
+ }
@@ -0,0 +1 @@
1
+ export default {"colorScheme":"dark","--color-base-100":"oklch(0% 0 0)","--color-base-200":"oklch(19.1251% 0 0)","--color-base-300":"oklch(26.8618% 0 0)","--color-base-content":"oklch(87.6096% 0 0)","--color-primary":"oklch(33.6799% 0 0)","--color-primary-content":"oklch(86.736% 0 0)","--color-secondary":"oklch(33.6799% 0 0)","--color-secondary-content":"oklch(86.736% 0 0)","--color-accent":"oklch(33.6799% 0 0)","--color-accent-content":"oklch(86.736% 0 0)","--color-neutral":"oklch(33.6799% 0 0)","--color-neutral-content":"oklch(86.736% 0 0)","--color-info":"oklch(45.2014% 0.313214 264.052021)","--color-info-content":"oklch(89.0403% 0.062643 264.052021)","--color-success":"oklch(51.9752% 0.176858 142.495339)","--color-success-content":"oklch(90.395% 0.035372 142.495339)","--color-warning":"oklch(96.7983% 0.211006 109.769232)","--color-warning-content":"oklch(19.3597% 0.042201 109.769232)","--color-error":"oklch(62.7955% 0.257683 29.233885)","--color-error-content":"oklch(12.5591% 0.051537 29.233885)","--radius-badge":"0","--radius-btn":"0","--radius-box":"0","--spacing-button-border":"1px","--spacing-tab-border":"1px"};
@@ -0,0 +1,28 @@
1
+ :root:has(input.theme-controller[value=bumblebee]:checked),[data-theme="bumblebee"] {
2
+ color-scheme: light;
3
+ --color-base-100: oklch(100% 0 0);
4
+ --color-base-200: oklch(93% 0 0);
5
+ --color-base-300: oklch(86% 0 0);
6
+ --color-base-content: oklch(20% 0 0);
7
+ --color-primary: oklch(89.51% 0.2132 96.61);
8
+ --color-primary-content: oklch(38.92% 0.046 96.61);
9
+ --color-secondary: oklch(80.39% 0.194 70.76);
10
+ --color-secondary-content: oklch(39.38% 0.068 70.76);
11
+ --color-accent: oklch(81.27% 0.157 56.52);
12
+ --color-accent-content: oklch(16.254% 0.0314 56.52);
13
+ --color-neutral: oklch(12.75% 0.075 281.99);
14
+ --color-neutral-content: oklch(82.55% 0.015 281.99);
15
+ --color-info: oklch(72.06% 0.191 231.6);
16
+ --color-info-content: oklch(0% 0 0);
17
+ --color-success: oklch(64.8% 0.150 160);
18
+ --color-success-content: oklch(0% 0 0);
19
+ --color-warning: oklch(84.71% 0.199 83.87);
20
+ --color-warning-content: oklch(0% 0 0);
21
+ --color-error: oklch(71.76% 0.221 22.18);
22
+ --color-error-content: oklch(0% 0 0);
23
+ --radius-badge: 1.9rem;
24
+ --radius-btn: 0.5rem;
25
+ --radius-box: 1rem;
26
+ --spacing-button-border: 1px;
27
+ --spacing-tab-border: 1px;
28
+ }
@@ -0,0 +1,4 @@
1
+ import bumblebee from './object.js';
2
+ export default ({ addBase }) => {
3
+ addBase({...bumblebee})
4
+ }
@@ -0,0 +1 @@
1
+ export default {"colorScheme":"light","--color-base-100":"oklch(100% 0 0)","--color-base-200":"oklch(93% 0 0)","--color-base-300":"oklch(86% 0 0)","--color-base-content":"oklch(20% 0 0)","--color-primary":"oklch(89.51% 0.2132 96.61)","--color-primary-content":"oklch(38.92% 0.046 96.61)","--color-secondary":"oklch(80.39% 0.194 70.76)","--color-secondary-content":"oklch(39.38% 0.068 70.76)","--color-accent":"oklch(81.27% 0.157 56.52)","--color-accent-content":"oklch(16.254% 0.0314 56.52)","--color-neutral":"oklch(12.75% 0.075 281.99)","--color-neutral-content":"oklch(82.55% 0.015 281.99)","--color-info":"oklch(72.06% 0.191 231.6)","--color-info-content":"oklch(0% 0 0)","--color-success":"oklch(64.8% 0.150 160)","--color-success-content":"oklch(0% 0 0)","--color-warning":"oklch(84.71% 0.199 83.87)","--color-warning-content":"oklch(0% 0 0)","--color-error":"oklch(71.76% 0.221 22.18)","--color-error-content":"oklch(0% 0 0)","--radius-badge":"1.9rem","--radius-btn":"0.5rem","--radius-box":"1rem","--spacing-button-border":"1px","--spacing-tab-border":"1px"};
@@ -0,0 +1,28 @@
1
+ :root:has(input.theme-controller[value=business]:checked),[data-theme="business"] {
2
+ color-scheme: dark;
3
+ --color-base-100: oklch(24.3535% 0 0);
4
+ --color-base-200: oklch(22.6487% 0 0);
5
+ --color-base-300: oklch(20.944% 0 0);
6
+ --color-base-content: oklch(84.8707% 0 0);
7
+ --color-primary: oklch(41.7036% 0.099057 251.473931);
8
+ --color-primary-content: oklch(88.3407% 0.019811 251.473931);
9
+ --color-secondary: oklch(64.0924% 0.027405 229.389418);
10
+ --color-secondary-content: oklch(12.8185% 0.005481 229.389418);
11
+ --color-accent: oklch(67.271% 0.167726 35.791525);
12
+ --color-accent-content: oklch(13.4542% 0.033545 35.791525);
13
+ --color-neutral: oklch(27.441% 0.01325 253.041249);
14
+ --color-neutral-content: oklch(85.4882% 0.00265 253.041249);
15
+ --color-info: oklch(62.6163% 0.143511 240.033697);
16
+ --color-info-content: oklch(12.5233% 0.028702 240.033697);
17
+ --color-success: oklch(70.2268% 0.094594 156.59611);
18
+ --color-success-content: oklch(14.0454% 0.018919 156.59611);
19
+ --color-warning: oklch(77.4824% 0.115704 81.519177);
20
+ --color-warning-content: oklch(15.4965% 0.023141 81.519177);
21
+ --color-error: oklch(51.6105% 0.14678 29.674507);
22
+ --color-error-content: oklch(90.3221% 0.029356 29.674507);
23
+ --radius-badge: .125rem;
24
+ --radius-btn: .125rem;
25
+ --radius-box: 0.25rem;
26
+ --spacing-button-border: 1px;
27
+ --spacing-tab-border: 1px;
28
+ }
@@ -0,0 +1,4 @@
1
+ import business from './object.js';
2
+ export default ({ addBase }) => {
3
+ addBase({...business})
4
+ }
@@ -0,0 +1 @@
1
+ export default {"colorScheme":"dark","--color-base-100":"oklch(24.3535% 0 0)","--color-base-200":"oklch(22.6487% 0 0)","--color-base-300":"oklch(20.944% 0 0)","--color-base-content":"oklch(84.8707% 0 0)","--color-primary":"oklch(41.7036% 0.099057 251.473931)","--color-primary-content":"oklch(88.3407% 0.019811 251.473931)","--color-secondary":"oklch(64.0924% 0.027405 229.389418)","--color-secondary-content":"oklch(12.8185% 0.005481 229.389418)","--color-accent":"oklch(67.271% 0.167726 35.791525)","--color-accent-content":"oklch(13.4542% 0.033545 35.791525)","--color-neutral":"oklch(27.441% 0.01325 253.041249)","--color-neutral-content":"oklch(85.4882% 0.00265 253.041249)","--color-info":"oklch(62.6163% 0.143511 240.033697)","--color-info-content":"oklch(12.5233% 0.028702 240.033697)","--color-success":"oklch(70.2268% 0.094594 156.59611)","--color-success-content":"oklch(14.0454% 0.018919 156.59611)","--color-warning":"oklch(77.4824% 0.115704 81.519177)","--color-warning-content":"oklch(15.4965% 0.023141 81.519177)","--color-error":"oklch(51.6105% 0.14678 29.674507)","--color-error-content":"oklch(90.3221% 0.029356 29.674507)","--radius-badge":".125rem","--radius-btn":".125rem","--radius-box":"0.25rem","--spacing-button-border":"1px","--spacing-tab-border":"1px"};
@@ -0,0 +1,28 @@
1
+ :root:has(input.theme-controller[value=cmyk]:checked),[data-theme="cmyk"] {
2
+ color-scheme: light;
3
+ --color-base-100: oklch(100% 0 0);
4
+ --color-base-200: oklch(93% 0 0);
5
+ --color-base-300: oklch(86% 0 0);
6
+ --color-base-content: oklch(20% 0 0);
7
+ --color-primary: oklch(71.7722% 0.133298 239.443325);
8
+ --color-primary-content: oklch(14.3544% 0.02666 239.443325);
9
+ --color-secondary: oklch(64.4766% 0.202758 359.339283);
10
+ --color-secondary-content: oklch(12.8953% 0.040552 359.339283);
11
+ --color-accent: oklch(94.2289% 0.189741 105.306968);
12
+ --color-accent-content: oklch(18.8458% 0.037948 105.306968);
13
+ --color-neutral: oklch(21.7787% 0 0);
14
+ --color-neutral-content: oklch(84.3557% 0 0);
15
+ --color-info: oklch(68.4759% 0.094499 217.284104);
16
+ --color-info-content: oklch(13.6952% 0.0189 217.284104);
17
+ --color-success: oklch(46.949% 0.162524 321.406278);
18
+ --color-success-content: oklch(89.3898% 0.032505 321.406278);
19
+ --color-warning: oklch(71.2364% 0.159843 52.023412);
20
+ --color-warning-content: oklch(14.2473% 0.031969 52.023412);
21
+ --color-error: oklch(62.0133% 0.208385 28.717543);
22
+ --color-error-content: oklch(12.4027% 0.041677 28.717543);
23
+ --radius-badge: 1.9rem;
24
+ --radius-btn: 0.5rem;
25
+ --radius-box: 1rem;
26
+ --spacing-button-border: 1px;
27
+ --spacing-tab-border: 1px;
28
+ }
@@ -0,0 +1,4 @@
1
+ import cmyk from './object.js';
2
+ export default ({ addBase }) => {
3
+ addBase({...cmyk})
4
+ }
@@ -0,0 +1 @@
1
+ export default {"colorScheme":"light","--color-base-100":"oklch(100% 0 0)","--color-base-200":"oklch(93% 0 0)","--color-base-300":"oklch(86% 0 0)","--color-base-content":"oklch(20% 0 0)","--color-primary":"oklch(71.7722% 0.133298 239.443325)","--color-primary-content":"oklch(14.3544% 0.02666 239.443325)","--color-secondary":"oklch(64.4766% 0.202758 359.339283)","--color-secondary-content":"oklch(12.8953% 0.040552 359.339283)","--color-accent":"oklch(94.2289% 0.189741 105.306968)","--color-accent-content":"oklch(18.8458% 0.037948 105.306968)","--color-neutral":"oklch(21.7787% 0 0)","--color-neutral-content":"oklch(84.3557% 0 0)","--color-info":"oklch(68.4759% 0.094499 217.284104)","--color-info-content":"oklch(13.6952% 0.0189 217.284104)","--color-success":"oklch(46.949% 0.162524 321.406278)","--color-success-content":"oklch(89.3898% 0.032505 321.406278)","--color-warning":"oklch(71.2364% 0.159843 52.023412)","--color-warning-content":"oklch(14.2473% 0.031969 52.023412)","--color-error":"oklch(62.0133% 0.208385 28.717543)","--color-error-content":"oklch(12.4027% 0.041677 28.717543)","--radius-badge":"1.9rem","--radius-btn":"0.5rem","--radius-box":"1rem","--spacing-button-border":"1px","--spacing-tab-border":"1px"};