daisyui 5.0.0-alpha.8 → 5.0.0-alpha.9

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 (95) hide show
  1. package/base/properties/config.js +3 -11
  2. package/base/properties.css +1 -1
  3. package/base/root-color/config.js +3 -11
  4. package/base/root-color.css +1 -1
  5. package/base/scrollbar/config.js +3 -11
  6. package/base/scrollbar.css +1 -1
  7. package/chunks.css +2 -0
  8. package/colors/properties.css +1 -1
  9. package/colors/responsive.css +1 -1
  10. package/colors/states.css +1 -1
  11. package/components/alert/config.js +3 -11
  12. package/components/alert.css +1 -1
  13. package/components/avatar/config.js +3 -11
  14. package/components/avatar.css +1 -1
  15. package/components/badge/config.js +3 -11
  16. package/components/badge.css +1 -1
  17. package/components/button/config.js +3 -11
  18. package/components/button.css +1 -1
  19. package/components/card/config.js +3 -11
  20. package/components/card.css +1 -1
  21. package/components/chat/config.js +3 -11
  22. package/components/chat.css +1 -1
  23. package/components/checkbox/config.js +3 -11
  24. package/components/checkbox.css +1 -1
  25. package/components/collapse/config.js +3 -11
  26. package/components/collapse.css +1 -1
  27. package/components/countdown/config.js +3 -11
  28. package/components/countdown.css +1 -1
  29. package/components/divider/class.json +15 -0
  30. package/components/divider/config.js +4 -0
  31. package/components/divider/index.css +1 -0
  32. package/components/divider/index.js +1 -0
  33. package/components/divider.css +1 -0
  34. package/components/dropdown/config.js +3 -11
  35. package/components/dropdown.css +1 -1
  36. package/components/footer/config.js +3 -11
  37. package/components/footer.css +1 -1
  38. package/components/hero/config.js +3 -11
  39. package/components/hero.css +1 -1
  40. package/components/input/config.js +3 -11
  41. package/components/input.css +1 -1
  42. package/components/kbd/config.js +3 -11
  43. package/components/kbd.css +1 -1
  44. package/components/link/config.js +3 -11
  45. package/components/link.css +1 -1
  46. package/components/loading/config.js +3 -11
  47. package/components/loading.css +1 -1
  48. package/components/mask/config.js +3 -11
  49. package/components/mask.css +1 -1
  50. package/components/menu/config.js +3 -11
  51. package/components/menu.css +1 -1
  52. package/components/navbar/config.js +3 -11
  53. package/components/navbar.css +1 -1
  54. package/components/progress/config.js +3 -11
  55. package/components/progress.css +1 -1
  56. package/components/radial-progress/config.js +3 -11
  57. package/components/radial-progress.css +1 -1
  58. package/components/radio/config.js +3 -11
  59. package/components/radio.css +1 -1
  60. package/components/range/config.js +3 -11
  61. package/components/range.css +1 -1
  62. package/components/rating/config.js +3 -11
  63. package/components/rating.css +1 -1
  64. package/components/select/config.js +3 -11
  65. package/components/select.css +1 -1
  66. package/components/skeleton/config.js +3 -11
  67. package/components/skeleton.css +1 -1
  68. package/components/stack/config.js +3 -11
  69. package/components/stack.css +1 -1
  70. package/components/status/config.js +3 -11
  71. package/components/status.css +1 -1
  72. package/components/steps/class.json +14 -0
  73. package/components/steps/config.js +4 -0
  74. package/components/steps/index.css +1 -0
  75. package/components/steps/index.js +1 -0
  76. package/components/steps.css +1 -0
  77. package/components/swap/config.js +3 -11
  78. package/components/swap.css +1 -1
  79. package/components/tab/config.js +3 -11
  80. package/components/tab.css +1 -1
  81. package/components/table/config.js +3 -11
  82. package/components/table.css +1 -1
  83. package/components/timeline/config.js +3 -11
  84. package/components/timeline.css +1 -1
  85. package/components/toggle/config.js +3 -11
  86. package/components/toggle.css +1 -1
  87. package/components/tooltip/config.js +3 -11
  88. package/components/tooltip.css +1 -1
  89. package/full.css +1 -1
  90. package/index.css +2 -0
  91. package/index.js +87 -0
  92. package/package.json +5 -6
  93. package/utilities/join/config.js +3 -11
  94. package/utilities/join.css +1 -1
  95. package/functions/plugin.js +0 -10
package/index.css CHANGED
@@ -27,9 +27,11 @@
27
27
  @config "./components/toggle/config.js";
28
28
  @config "./components/mask/config.js";
29
29
  @config "./components/button/config.js";
30
+ @config "./components/steps/config.js";
30
31
  @config "./components/link/config.js";
31
32
  @config "./components/table/config.js";
32
33
  @config "./components/radial-progress/config.js";
34
+ @config "./components/divider/config.js";
33
35
  @config "./components/menu/config.js";
34
36
  @config "./components/avatar/config.js";
35
37
  @config "./components/select/config.js";
package/index.js ADDED
@@ -0,0 +1,87 @@
1
+ import rootColor from './base/root-color/index.js';
2
+ import properties from './base/properties/index.js';
3
+ import scrollbar from './base/scrollbar/index.js';
4
+ import kbd from './components/kbd/index.js';
5
+ import dropdown from './components/dropdown/index.js';
6
+ import navbar from './components/navbar/index.js';
7
+ import footer from './components/footer/index.js';
8
+ import tooltip from './components/tooltip/index.js';
9
+ import rating from './components/rating/index.js';
10
+ import radio from './components/radio/index.js';
11
+ import card from './components/card/index.js';
12
+ import loading from './components/loading/index.js';
13
+ import progress from './components/progress/index.js';
14
+ import chat from './components/chat/index.js';
15
+ import countdown from './components/countdown/index.js';
16
+ import input from './components/input/index.js';
17
+ import alert from './components/alert/index.js';
18
+ import skeleton from './components/skeleton/index.js';
19
+ import swap from './components/swap/index.js';
20
+ import checkbox from './components/checkbox/index.js';
21
+ import collapse from './components/collapse/index.js';
22
+ import status from './components/status/index.js';
23
+ import tab from './components/tab/index.js';
24
+ import toggle from './components/toggle/index.js';
25
+ import mask from './components/mask/index.js';
26
+ import button from './components/button/index.js';
27
+ import steps from './components/steps/index.js';
28
+ import link from './components/link/index.js';
29
+ import table from './components/table/index.js';
30
+ import radialProgress from './components/radial-progress/index.js';
31
+ import divider from './components/divider/index.js';
32
+ import menu from './components/menu/index.js';
33
+ import avatar from './components/avatar/index.js';
34
+ import select from './components/select/index.js';
35
+ import stack from './components/stack/index.js';
36
+ import hero from './components/hero/index.js';
37
+ import range from './components/range/index.js';
38
+ import timeline from './components/timeline/index.js';
39
+ import badge from './components/badge/index.js';
40
+ import join from './utilities/join/index.js';
41
+
42
+ export default ({ addBase, addComponents, addUtilities }) => {
43
+ addBase({
44
+ ...rootColor,
45
+ ...properties,
46
+ ...scrollbar,
47
+ })
48
+ addComponents({
49
+ ...kbd,
50
+ ...dropdown,
51
+ ...navbar,
52
+ ...footer,
53
+ ...tooltip,
54
+ ...rating,
55
+ ...radio,
56
+ ...card,
57
+ ...loading,
58
+ ...progress,
59
+ ...chat,
60
+ ...countdown,
61
+ ...input,
62
+ ...alert,
63
+ ...skeleton,
64
+ ...swap,
65
+ ...checkbox,
66
+ ...collapse,
67
+ ...status,
68
+ ...tab,
69
+ ...toggle,
70
+ ...mask,
71
+ ...button,
72
+ ...steps,
73
+ ...link,
74
+ ...table,
75
+ ...radialProgress,
76
+ ...divider,
77
+ ...menu,
78
+ ...avatar,
79
+ ...select,
80
+ ...stack,
81
+ ...hero,
82
+ ...range,
83
+ ...timeline,
84
+ ...badge,
85
+ })
86
+ addUtilities({ ...join, })
87
+ }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "type": "module",
3
3
  "name": "daisyui",
4
- "version": "5.0.0-alpha.8",
4
+ "version": "5.0.0-alpha.9",
5
5
  "description": "daisyUI - Tailwind CSS Components",
6
6
  "author": "Pouya Saadeghi",
7
7
  "license": "MIT",
@@ -32,7 +32,7 @@
32
32
  "css",
33
33
  "ui"
34
34
  ],
35
- "main": "index.css",
35
+ "main": "index.js",
36
36
  "files": [
37
37
  "themes",
38
38
  "colors",
@@ -40,9 +40,9 @@
40
40
  "components",
41
41
  "utilities",
42
42
  "index.css",
43
+ "index.js",
43
44
  "chunks.css",
44
- "full.css",
45
- "functions/plugin.js"
45
+ "full.css"
46
46
  ],
47
47
  "engines": {
48
48
  "node": ">=16.9.0"
@@ -69,7 +69,7 @@
69
69
  },
70
70
  "devDependencies": {
71
71
  "@biomejs/biome": "^1.9.2",
72
- "@tailwindcss/cli": "^4.0.0-alpha.26",
72
+ "@tailwindcss/cli": "^4.0.0-alpha.27",
73
73
  "commit-and-tag-version": "12.4.1",
74
74
  "lightningcss": "^1.27.0",
75
75
  "postcss": "^8.4.45",
@@ -77,7 +77,6 @@
77
77
  "postcss-prefixer": "^3.0.0",
78
78
  "prettier": "^3.3.3",
79
79
  "prettier-plugin-tailwindcss": "^0.6.6",
80
- "tailwindcss": "^4.0.0-alpha.26",
81
80
  "zlib": "^1.0.5"
82
81
  }
83
82
  }
@@ -1,12 +1,4 @@
1
- import { plugin } from '../../functions/plugin.js';
2
1
  import index from './index.js';
3
-
4
- export default {
5
- plugins: [
6
- plugin(({ addUtilities }) => {
7
- addUtilities({
8
- ...index
9
- });
10
- })
11
- ],
12
- };
2
+ export default ({ addUtilities }) => {
3
+ addUtilities({...index})
4
+ }
@@ -1 +1 @@
1
- /*! 🌼 daisyUI 5.0.0-alpha.8 – MIT License */ .join{--radius-join-start-start:0;--radius-join-start-end:0;--radius-join-end-start:0;--radius-join-end-end:0;align-items:stretch;display:inline-flex;& :where(.join-item){border-start-start-radius:var(--radius-join-start-start,0);border-start-end-radius:var(--radius-join-start-end,0);border-end-end-radius:var(--radius-join-end-end,0);border-end-start-radius:var(--radius-join-end-start,0)}&>.join-item:where(:first-child){--radius-join-start-start:var(--radius-btn);--radius-join-start-end:0;--radius-join-end-start:var(--radius-btn);--radius-join-end-end:0}& :first-child:not(:last-child){& :where(.join-item){--radius-join-start-start:var(--radius-btn);--radius-join-start-end:0;--radius-join-end-start:var(--radius-btn);--radius-join-end-end:0}}&>.join-item:where(:last-child){--radius-join-start-start:0;--radius-join-start-end:var(--radius-btn);--radius-join-end-start:0;--radius-join-end-end:var(--radius-btn)}& :last-child:not(:first-child){& :where(.join-item){--radius-join-start-start:0;--radius-join-start-end:var(--radius-btn);--radius-join-end-start:0;--radius-join-end-end:var(--radius-btn)}}}.join-item{box-shadow:none;&:where(:not(:first-child)){margin-block-start:0;margin-inline-start:calc(var(--spacing-button-border,1px)*-1)}}.join-vertical{flex-direction:column;&>.join-item:first-child{--radius-join-start-start:var(--radius-btn);--radius-join-start-end:var(--radius-btn);--radius-join-end-start:0;--radius-join-end-end:0}& :first-child:not(:last-child){& .join-item{--radius-join-start-start:var(--radius-btn);--radius-join-start-end:var(--radius-btn);--radius-join-end-start:0;--radius-join-end-end:0}}&>.join-item:last-child{--radius-join-start-start:0;--radius-join-start-end:0;--radius-join-end-start:var(--radius-btn);--radius-join-end-end:var(--radius-btn)}& :last-child:not(:first-child){& .join-item{--radius-join-start-start:0;--radius-join-start-end:0;--radius-join-end-start:var(--radius-btn);--radius-join-end-end:var(--radius-btn)}}& .join-item{&:where(:not(:first-child)){margin-block-start:calc(var(--spacing-button-border,1px)*-1);margin-inline-start:0}}}.join-horizontal{flex-direction:row;&>.join-item:first-child{--radius-join-start-start:var(--radius-btn);--radius-join-start-end:0;--radius-join-end-start:var(--radius-btn);--radius-join-end-end:0}& :first-child:not(:last-child){& .join-item{--radius-join-start-start:var(--radius-btn);--radius-join-start-end:0;--radius-join-end-start:var(--radius-btn);--radius-join-end-end:0}}&>.join-item:last-child{--radius-join-start-start:0;--radius-join-start-end:var(--radius-btn);--radius-join-end-start:0;--radius-join-end-end:var(--radius-btn)}& :last-child:not(:first-child){& .join-item{--radius-join-start-start:0;--radius-join-start-end:var(--radius-btn);--radius-join-end-start:0;--radius-join-end-end:var(--radius-btn)}}& .join-item{&:where(:not(:first-child)){margin-block-start:0;margin-inline-start:calc(var(--spacing-button-border,1px)*-1)}}}
1
+ /*! 🌼 daisyUI 5.0.0-alpha.9 – MIT License */ .join{--radius-join-start-start:0;--radius-join-start-end:0;--radius-join-end-start:0;--radius-join-end-end:0;align-items:stretch;display:inline-flex;& :where(.join-item){border-start-start-radius:var(--radius-join-start-start,0);border-start-end-radius:var(--radius-join-start-end,0);border-end-end-radius:var(--radius-join-end-end,0);border-end-start-radius:var(--radius-join-end-start,0)}&>.join-item:where(:first-child){--radius-join-start-start:var(--radius-btn);--radius-join-start-end:0;--radius-join-end-start:var(--radius-btn);--radius-join-end-end:0}& :first-child:not(:last-child){& :where(.join-item){--radius-join-start-start:var(--radius-btn);--radius-join-start-end:0;--radius-join-end-start:var(--radius-btn);--radius-join-end-end:0}}&>.join-item:where(:last-child){--radius-join-start-start:0;--radius-join-start-end:var(--radius-btn);--radius-join-end-start:0;--radius-join-end-end:var(--radius-btn)}& :last-child:not(:first-child){& :where(.join-item){--radius-join-start-start:0;--radius-join-start-end:var(--radius-btn);--radius-join-end-start:0;--radius-join-end-end:var(--radius-btn)}}}.join-item{box-shadow:none;&:where(:not(:first-child)){margin-block-start:0;margin-inline-start:calc(var(--spacing-button-border,1px)*-1)}}.join-vertical{flex-direction:column;&>.join-item:first-child{--radius-join-start-start:var(--radius-btn);--radius-join-start-end:var(--radius-btn);--radius-join-end-start:0;--radius-join-end-end:0}& :first-child:not(:last-child){& .join-item{--radius-join-start-start:var(--radius-btn);--radius-join-start-end:var(--radius-btn);--radius-join-end-start:0;--radius-join-end-end:0}}&>.join-item:last-child{--radius-join-start-start:0;--radius-join-start-end:0;--radius-join-end-start:var(--radius-btn);--radius-join-end-end:var(--radius-btn)}& :last-child:not(:first-child){& .join-item{--radius-join-start-start:0;--radius-join-start-end:0;--radius-join-end-start:var(--radius-btn);--radius-join-end-end:var(--radius-btn)}}& .join-item{&:where(:not(:first-child)){margin-block-start:calc(var(--spacing-button-border,1px)*-1);margin-inline-start:0}}}.join-horizontal{flex-direction:row;&>.join-item:first-child{--radius-join-start-start:var(--radius-btn);--radius-join-start-end:0;--radius-join-end-start:var(--radius-btn);--radius-join-end-end:0}& :first-child:not(:last-child){& .join-item{--radius-join-start-start:var(--radius-btn);--radius-join-start-end:0;--radius-join-end-start:var(--radius-btn);--radius-join-end-end:0}}&>.join-item:last-child{--radius-join-start-start:0;--radius-join-start-end:var(--radius-btn);--radius-join-end-start:0;--radius-join-end-end:var(--radius-btn)}& :last-child:not(:first-child){& .join-item{--radius-join-start-start:0;--radius-join-start-end:var(--radius-btn);--radius-join-end-start:0;--radius-join-end-end:var(--radius-btn)}}& .join-item{&:where(:not(:first-child)){margin-block-start:0;margin-inline-start:calc(var(--spacing-button-border,1px)*-1)}}}
@@ -1,10 +0,0 @@
1
- const createPlugin = (handler, config) => {
2
- return { handler: handler, config: config }
3
- }
4
- createPlugin.withOptions = (handlerFn, configFn = () => ({})) => {
5
- const optionsFunction = (options) => {
6
- return { handler: handlerFn(options), config: configFn(options) }
7
- }
8
- return (optionsFunction.__isOptionsFunction = true), optionsFunction
9
- }
10
- export const plugin = createPlugin