daisyui 1.3.0 → 2.0.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 (64) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +45 -0
  3. data/LICENSE-tailwind_merge.txt +21 -0
  4. data/README.md +58 -0
  5. data/lib/daisy_ui/accordion.rb +32 -28
  6. data/lib/daisy_ui/alert.rb +97 -94
  7. data/lib/daisy_ui/aura.rb +37 -37
  8. data/lib/daisy_ui/avatar.rb +16 -14
  9. data/lib/daisy_ui/badge.rb +159 -156
  10. data/lib/daisy_ui/base.rb +38 -4
  11. data/lib/daisy_ui/button.rb +148 -142
  12. data/lib/daisy_ui/card.rb +57 -54
  13. data/lib/daisy_ui/carousel.rb +36 -32
  14. data/lib/daisy_ui/chat.rb +16 -15
  15. data/lib/daisy_ui/checkbox.rb +95 -93
  16. data/lib/daisy_ui/class_merge/cache.rb +40 -0
  17. data/lib/daisy_ui/class_merge/class_group_utils.rb +139 -0
  18. data/lib/daisy_ui/class_merge/configuration.rb +77 -0
  19. data/lib/daisy_ui/class_merge/daisy_groups.rb +83 -0
  20. data/lib/daisy_ui/class_merge/merger.rb +126 -0
  21. data/lib/daisy_ui/class_merge/parse_class_name.rb +110 -0
  22. data/lib/daisy_ui/class_merge/sort_modifiers.rb +36 -0
  23. data/lib/daisy_ui/class_merge/tailwind_config.rb +2505 -0
  24. data/lib/daisy_ui/class_merge/validators.rb +202 -0
  25. data/lib/daisy_ui/class_merge.rb +47 -0
  26. data/lib/daisy_ui/collapse.rb +32 -28
  27. data/lib/daisy_ui/configurable.rb +31 -3
  28. data/lib/daisy_ui/divider.rb +84 -78
  29. data/lib/daisy_ui/dock.rb +37 -35
  30. data/lib/daisy_ui/dropdown.rb +67 -65
  31. data/lib/daisy_ui/file_input.rb +95 -91
  32. data/lib/daisy_ui/footer.rb +16 -14
  33. data/lib/daisy_ui/indicator.rb +40 -36
  34. data/lib/daisy_ui/input.rb +95 -91
  35. data/lib/daisy_ui/join.rb +16 -14
  36. data/lib/daisy_ui/kbd.rb +37 -35
  37. data/lib/daisy_ui/link.rb +58 -58
  38. data/lib/daisy_ui/loading.rb +85 -81
  39. data/lib/daisy_ui/mask.rb +123 -119
  40. data/lib/daisy_ui/megamenu.rb +53 -50
  41. data/lib/daisy_ui/menu.rb +57 -53
  42. data/lib/daisy_ui/modal.rb +49 -47
  43. data/lib/daisy_ui/otp.rb +95 -93
  44. data/lib/daisy_ui/pagination.rb +16 -14
  45. data/lib/daisy_ui/progress.rb +58 -56
  46. data/lib/daisy_ui/radio.rb +95 -91
  47. data/lib/daisy_ui/range.rb +95 -91
  48. data/lib/daisy_ui/rating.rb +37 -35
  49. data/lib/daisy_ui/select.rb +95 -91
  50. data/lib/daisy_ui/stack.rb +24 -22
  51. data/lib/daisy_ui/stat.rb +16 -14
  52. data/lib/daisy_ui/status.rb +95 -91
  53. data/lib/daisy_ui/steps.rb +16 -14
  54. data/lib/daisy_ui/swap.rb +16 -14
  55. data/lib/daisy_ui/table.rb +41 -39
  56. data/lib/daisy_ui/tabs.rb +80 -77
  57. data/lib/daisy_ui/textarea.rb +95 -91
  58. data/lib/daisy_ui/timeline.rb +16 -14
  59. data/lib/daisy_ui/toast.rb +46 -42
  60. data/lib/daisy_ui/toggle.rb +95 -91
  61. data/lib/daisy_ui/tooltip.rb +113 -106
  62. data/lib/daisy_ui/updated_at.rb +1 -1
  63. data/lib/daisy_ui/version.rb +1 -1
  64. metadata +18 -1
@@ -14,97 +14,101 @@ module DaisyUI
14
14
  end
15
15
 
16
16
  register_modifiers(
17
- # "sm:range-xs"
18
- # "@sm:range-xs"
19
- # "md:range-xs"
20
- # "@md:range-xs"
21
- # "lg:range-xs"
22
- # "@lg:range-xs"
23
- xs: "range-xs",
24
- # "sm:range-sm"
25
- # "@sm:range-sm"
26
- # "md:range-sm"
27
- # "@md:range-sm"
28
- # "lg:range-sm"
29
- # "@lg:range-sm"
30
- sm: "range-sm",
31
- # "sm:range-md"
32
- # "@sm:range-md"
33
- # "md:range-md"
34
- # "@md:range-md"
35
- # "lg:range-md"
36
- # "@lg:range-md"
37
- md: "range-md",
38
- # "sm:range-lg"
39
- # "@sm:range-lg"
40
- # "md:range-lg"
41
- # "@md:range-lg"
42
- # "lg:range-lg"
43
- # "@lg:range-lg"
44
- lg: "range-lg",
45
- # "sm:range-xl"
46
- # "@sm:range-xl"
47
- # "md:range-xl"
48
- # "@md:range-xl"
49
- # "lg:range-xl"
50
- # "@lg:range-xl"
51
- xl: "range-xl",
52
- # "sm:range-neutral"
53
- # "@sm:range-neutral"
54
- # "md:range-neutral"
55
- # "@md:range-neutral"
56
- # "lg:range-neutral"
57
- # "@lg:range-neutral"
58
- neutral: "range-neutral",
59
- # "sm:range-primary"
60
- # "@sm:range-primary"
61
- # "md:range-primary"
62
- # "@md:range-primary"
63
- # "lg:range-primary"
64
- # "@lg:range-primary"
65
- primary: "range-primary",
66
- # "sm:range-secondary"
67
- # "@sm:range-secondary"
68
- # "md:range-secondary"
69
- # "@md:range-secondary"
70
- # "lg:range-secondary"
71
- # "@lg:range-secondary"
72
- secondary: "range-secondary",
73
- # "sm:range-accent"
74
- # "@sm:range-accent"
75
- # "md:range-accent"
76
- # "@md:range-accent"
77
- # "lg:range-accent"
78
- # "@lg:range-accent"
79
- accent: "range-accent",
80
- # "sm:range-success"
81
- # "@sm:range-success"
82
- # "md:range-success"
83
- # "@md:range-success"
84
- # "lg:range-success"
85
- # "@lg:range-success"
86
- success: "range-success",
87
- # "sm:range-warning"
88
- # "@sm:range-warning"
89
- # "md:range-warning"
90
- # "@md:range-warning"
91
- # "lg:range-warning"
92
- # "@lg:range-warning"
93
- warning: "range-warning",
94
- # "sm:range-info"
95
- # "@sm:range-info"
96
- # "md:range-info"
97
- # "@md:range-info"
98
- # "lg:range-info"
99
- # "@lg:range-info"
100
- info: "range-info",
101
- # "sm:range-error"
102
- # "@sm:range-error"
103
- # "md:range-error"
104
- # "@md:range-error"
105
- # "lg:range-error"
106
- # "@lg:range-error"
107
- error: "range-error",
17
+ size: {
18
+ # "sm:range-xs"
19
+ # "@sm:range-xs"
20
+ # "md:range-xs"
21
+ # "@md:range-xs"
22
+ # "lg:range-xs"
23
+ # "@lg:range-xs"
24
+ xs: "range-xs",
25
+ # "sm:range-sm"
26
+ # "@sm:range-sm"
27
+ # "md:range-sm"
28
+ # "@md:range-sm"
29
+ # "lg:range-sm"
30
+ # "@lg:range-sm"
31
+ sm: "range-sm",
32
+ # "sm:range-md"
33
+ # "@sm:range-md"
34
+ # "md:range-md"
35
+ # "@md:range-md"
36
+ # "lg:range-md"
37
+ # "@lg:range-md"
38
+ md: "range-md",
39
+ # "sm:range-lg"
40
+ # "@sm:range-lg"
41
+ # "md:range-lg"
42
+ # "@md:range-lg"
43
+ # "lg:range-lg"
44
+ # "@lg:range-lg"
45
+ lg: "range-lg",
46
+ # "sm:range-xl"
47
+ # "@sm:range-xl"
48
+ # "md:range-xl"
49
+ # "@md:range-xl"
50
+ # "lg:range-xl"
51
+ # "@lg:range-xl"
52
+ xl: "range-xl"
53
+ },
54
+ color: {
55
+ # "sm:range-neutral"
56
+ # "@sm:range-neutral"
57
+ # "md:range-neutral"
58
+ # "@md:range-neutral"
59
+ # "lg:range-neutral"
60
+ # "@lg:range-neutral"
61
+ neutral: "range-neutral",
62
+ # "sm:range-primary"
63
+ # "@sm:range-primary"
64
+ # "md:range-primary"
65
+ # "@md:range-primary"
66
+ # "lg:range-primary"
67
+ # "@lg:range-primary"
68
+ primary: "range-primary",
69
+ # "sm:range-secondary"
70
+ # "@sm:range-secondary"
71
+ # "md:range-secondary"
72
+ # "@md:range-secondary"
73
+ # "lg:range-secondary"
74
+ # "@lg:range-secondary"
75
+ secondary: "range-secondary",
76
+ # "sm:range-accent"
77
+ # "@sm:range-accent"
78
+ # "md:range-accent"
79
+ # "@md:range-accent"
80
+ # "lg:range-accent"
81
+ # "@lg:range-accent"
82
+ accent: "range-accent",
83
+ # "sm:range-success"
84
+ # "@sm:range-success"
85
+ # "md:range-success"
86
+ # "@md:range-success"
87
+ # "lg:range-success"
88
+ # "@lg:range-success"
89
+ success: "range-success",
90
+ # "sm:range-warning"
91
+ # "@sm:range-warning"
92
+ # "md:range-warning"
93
+ # "@md:range-warning"
94
+ # "lg:range-warning"
95
+ # "@lg:range-warning"
96
+ warning: "range-warning",
97
+ # "sm:range-info"
98
+ # "@sm:range-info"
99
+ # "md:range-info"
100
+ # "@md:range-info"
101
+ # "lg:range-info"
102
+ # "@lg:range-info"
103
+ info: "range-info",
104
+ # "sm:range-error"
105
+ # "@sm:range-error"
106
+ # "md:range-error"
107
+ # "@md:range-error"
108
+ # "lg:range-error"
109
+ # "@lg:range-error"
110
+ error: "range-error"
111
+ },
108
112
  # "sm:range-vertical"
109
113
  # "@sm:range-vertical"
110
114
  # "md:range-vertical"
@@ -24,41 +24,43 @@ module DaisyUI
24
24
  # "lg:rating-hidden"
25
25
  # "@lg:rating-hidden"
26
26
  hidden: "rating-hidden",
27
- # "sm:rating-xs"
28
- # "@sm:rating-xs"
29
- # "md:rating-xs"
30
- # "@md:rating-xs"
31
- # "lg:rating-xs"
32
- # "@lg:rating-xs"
33
- xs: "rating-xs",
34
- # "sm:rating-sm"
35
- # "@sm:rating-sm"
36
- # "md:rating-sm"
37
- # "@md:rating-sm"
38
- # "lg:rating-sm"
39
- # "@lg:rating-sm"
40
- sm: "rating-sm",
41
- # "sm:rating-md"
42
- # "@sm:rating-md"
43
- # "md:rating-md"
44
- # "@md:rating-md"
45
- # "lg:rating-md"
46
- # "@lg:rating-md"
47
- md: "rating-md",
48
- # "sm:rating-lg"
49
- # "@sm:rating-lg"
50
- # "md:rating-lg"
51
- # "@md:rating-lg"
52
- # "lg:rating-lg"
53
- # "@lg:rating-lg"
54
- lg: "rating-lg",
55
- # "sm:rating-xl"
56
- # "@sm:rating-xl"
57
- # "md:rating-xl"
58
- # "@md:rating-xl"
59
- # "lg:rating-xl"
60
- # "@lg:rating-xl"
61
- xl: "rating-xl"
27
+ size: {
28
+ # "sm:rating-xs"
29
+ # "@sm:rating-xs"
30
+ # "md:rating-xs"
31
+ # "@md:rating-xs"
32
+ # "lg:rating-xs"
33
+ # "@lg:rating-xs"
34
+ xs: "rating-xs",
35
+ # "sm:rating-sm"
36
+ # "@sm:rating-sm"
37
+ # "md:rating-sm"
38
+ # "@md:rating-sm"
39
+ # "lg:rating-sm"
40
+ # "@lg:rating-sm"
41
+ sm: "rating-sm",
42
+ # "sm:rating-md"
43
+ # "@sm:rating-md"
44
+ # "md:rating-md"
45
+ # "@md:rating-md"
46
+ # "lg:rating-md"
47
+ # "@lg:rating-md"
48
+ md: "rating-md",
49
+ # "sm:rating-lg"
50
+ # "@sm:rating-lg"
51
+ # "md:rating-lg"
52
+ # "@md:rating-lg"
53
+ # "lg:rating-lg"
54
+ # "@lg:rating-lg"
55
+ lg: "rating-lg",
56
+ # "sm:rating-xl"
57
+ # "@sm:rating-xl"
58
+ # "md:rating-xl"
59
+ # "@md:rating-xl"
60
+ # "lg:rating-xl"
61
+ # "@lg:rating-xl"
62
+ xl: "rating-xl"
63
+ }
62
64
  )
63
65
  end
64
66
  end
@@ -21,97 +21,101 @@ module DaisyUI
21
21
  # "lg:select-ghost"
22
22
  # "@lg:select-ghost"
23
23
  ghost: "select-ghost",
24
- # "sm:select-xs"
25
- # "@sm:select-xs"
26
- # "md:select-xs"
27
- # "@md:select-xs"
28
- # "lg:select-xs"
29
- # "@lg:select-xs"
30
- xs: "select-xs",
31
- # "sm:select-sm"
32
- # "@sm:select-sm"
33
- # "md:select-sm"
34
- # "@md:select-sm"
35
- # "lg:select-sm"
36
- # "@lg:select-sm"
37
- sm: "select-sm",
38
- # "sm:select-md"
39
- # "@sm:select-md"
40
- # "md:select-md"
41
- # "@md:select-md"
42
- # "lg:select-md"
43
- # "@lg:select-md"
44
- md: "select-md",
45
- # "sm:select-lg"
46
- # "@sm:select-lg"
47
- # "md:select-lg"
48
- # "@md:select-lg"
49
- # "lg:select-lg"
50
- # "@lg:select-lg"
51
- lg: "select-lg",
52
- # "sm:select-xl"
53
- # "@sm:select-xl"
54
- # "md:select-xl"
55
- # "@md:select-xl"
56
- # "lg:select-xl"
57
- # "@lg:select-xl"
58
- xl: "select-xl",
59
- # "sm:select-neutral"
60
- # "@sm:select-neutral"
61
- # "md:select-neutral"
62
- # "@md:select-neutral"
63
- # "lg:select-neutral"
64
- # "@lg:select-neutral"
65
- neutral: "select-neutral",
66
- # "sm:select-primary"
67
- # "@sm:select-primary"
68
- # "md:select-primary"
69
- # "@md:select-primary"
70
- # "lg:select-primary"
71
- # "@lg:select-primary"
72
- primary: "select-primary",
73
- # "sm:select-secondary"
74
- # "@sm:select-secondary"
75
- # "md:select-secondary"
76
- # "@md:select-secondary"
77
- # "lg:select-secondary"
78
- # "@lg:select-secondary"
79
- secondary: "select-secondary",
80
- # "sm:select-accent"
81
- # "@sm:select-accent"
82
- # "md:select-accent"
83
- # "@md:select-accent"
84
- # "lg:select-accent"
85
- # "@lg:select-accent"
86
- accent: "select-accent",
87
- # "sm:select-info"
88
- # "@sm:select-info"
89
- # "md:select-info"
90
- # "@md:select-info"
91
- # "lg:select-info"
92
- # "@lg:select-info"
93
- info: "select-info",
94
- # "sm:select-success"
95
- # "@sm:select-success"
96
- # "md:select-success"
97
- # "@md:select-success"
98
- # "lg:select-success"
99
- # "@lg:select-success"
100
- success: "select-success",
101
- # "sm:select-warning"
102
- # "@sm:select-warning"
103
- # "md:select-warning"
104
- # "@md:select-warning"
105
- # "lg:select-warning"
106
- # "@lg:select-warning"
107
- warning: "select-warning",
108
- # "sm:select-error"
109
- # "@sm:select-error"
110
- # "md:select-error"
111
- # "@md:select-error"
112
- # "lg:select-error"
113
- # "@lg:select-error"
114
- error: "select-error"
24
+ size: {
25
+ # "sm:select-xs"
26
+ # "@sm:select-xs"
27
+ # "md:select-xs"
28
+ # "@md:select-xs"
29
+ # "lg:select-xs"
30
+ # "@lg:select-xs"
31
+ xs: "select-xs",
32
+ # "sm:select-sm"
33
+ # "@sm:select-sm"
34
+ # "md:select-sm"
35
+ # "@md:select-sm"
36
+ # "lg:select-sm"
37
+ # "@lg:select-sm"
38
+ sm: "select-sm",
39
+ # "sm:select-md"
40
+ # "@sm:select-md"
41
+ # "md:select-md"
42
+ # "@md:select-md"
43
+ # "lg:select-md"
44
+ # "@lg:select-md"
45
+ md: "select-md",
46
+ # "sm:select-lg"
47
+ # "@sm:select-lg"
48
+ # "md:select-lg"
49
+ # "@md:select-lg"
50
+ # "lg:select-lg"
51
+ # "@lg:select-lg"
52
+ lg: "select-lg",
53
+ # "sm:select-xl"
54
+ # "@sm:select-xl"
55
+ # "md:select-xl"
56
+ # "@md:select-xl"
57
+ # "lg:select-xl"
58
+ # "@lg:select-xl"
59
+ xl: "select-xl"
60
+ },
61
+ color: {
62
+ # "sm:select-neutral"
63
+ # "@sm:select-neutral"
64
+ # "md:select-neutral"
65
+ # "@md:select-neutral"
66
+ # "lg:select-neutral"
67
+ # "@lg:select-neutral"
68
+ neutral: "select-neutral",
69
+ # "sm:select-primary"
70
+ # "@sm:select-primary"
71
+ # "md:select-primary"
72
+ # "@md:select-primary"
73
+ # "lg:select-primary"
74
+ # "@lg:select-primary"
75
+ primary: "select-primary",
76
+ # "sm:select-secondary"
77
+ # "@sm:select-secondary"
78
+ # "md:select-secondary"
79
+ # "@md:select-secondary"
80
+ # "lg:select-secondary"
81
+ # "@lg:select-secondary"
82
+ secondary: "select-secondary",
83
+ # "sm:select-accent"
84
+ # "@sm:select-accent"
85
+ # "md:select-accent"
86
+ # "@md:select-accent"
87
+ # "lg:select-accent"
88
+ # "@lg:select-accent"
89
+ accent: "select-accent",
90
+ # "sm:select-info"
91
+ # "@sm:select-info"
92
+ # "md:select-info"
93
+ # "@md:select-info"
94
+ # "lg:select-info"
95
+ # "@lg:select-info"
96
+ info: "select-info",
97
+ # "sm:select-success"
98
+ # "@sm:select-success"
99
+ # "md:select-success"
100
+ # "@md:select-success"
101
+ # "lg:select-success"
102
+ # "@lg:select-success"
103
+ success: "select-success",
104
+ # "sm:select-warning"
105
+ # "@sm:select-warning"
106
+ # "md:select-warning"
107
+ # "@md:select-warning"
108
+ # "lg:select-warning"
109
+ # "@lg:select-warning"
110
+ warning: "select-warning",
111
+ # "sm:select-error"
112
+ # "@sm:select-error"
113
+ # "md:select-error"
114
+ # "@md:select-error"
115
+ # "lg:select-error"
116
+ # "@lg:select-error"
117
+ error: "select-error"
118
+ }
115
119
  )
116
120
  end
117
121
  end
@@ -10,34 +10,36 @@ module DaisyUI
10
10
  end
11
11
 
12
12
  register_modifiers(
13
- # "sm:stack-top"
14
- # "@sm:stack-top"
15
- # "md:stack-top"
16
- # "@md:stack-top"
17
- # "lg:stack-top"
18
- # "@lg:stack-top"
19
- top: "stack-top",
20
- # "sm:stack-bottom"
21
- # "@sm:stack-bottom"
22
- # "md:stack-bottom"
23
- # "@md:stack-bottom"
24
- # "lg:stack-bottom"
25
- # "@lg:stack-bottom"
26
- bottom: "stack-bottom",
27
- # "sm:stack-start"
28
- # "@sm:stack-start"
29
- # "md:stack-start"
30
- # "@md:stack-start"
31
- # "lg:stack-start"
32
- # "@lg:stack-start"
33
- start: "stack-start",
13
+ placement: {
14
+ # "sm:stack-top"
15
+ # "@sm:stack-top"
16
+ # "md:stack-top"
17
+ # "@md:stack-top"
18
+ # "lg:stack-top"
19
+ # "@lg:stack-top"
20
+ top: "stack-top",
21
+ # "sm:stack-bottom"
22
+ # "@sm:stack-bottom"
23
+ # "md:stack-bottom"
24
+ # "@md:stack-bottom"
25
+ # "lg:stack-bottom"
26
+ # "@lg:stack-bottom"
27
+ bottom: "stack-bottom",
28
+ # "sm:stack-start"
29
+ # "@sm:stack-start"
30
+ # "md:stack-start"
31
+ # "@md:stack-start"
32
+ # "lg:stack-start"
33
+ # "@lg:stack-start"
34
+ start: "stack-start",
34
35
  # "sm:stack-end"
35
36
  # "@sm:stack-end"
36
37
  # "md:stack-end"
37
38
  # "@md:stack-end"
38
39
  # "lg:stack-end"
39
40
  # "@lg:stack-end"
40
- end: "stack-end"
41
+ end: "stack-end"
42
+ }
41
43
  )
42
44
  end
43
45
  end
data/lib/daisy_ui/stat.rb CHANGED
@@ -34,20 +34,22 @@ module DaisyUI
34
34
  end
35
35
 
36
36
  register_modifiers(
37
- # "sm:stats-horizontal"
38
- # "@sm:stats-horizontal"
39
- # "md:stats-horizontal"
40
- # "@md:stats-horizontal"
41
- # "lg:stats-horizontal"
42
- # "@lg:stats-horizontal"
43
- horizontal: "stats-horizontal",
44
- # "sm:stats-vertical"
45
- # "@sm:stats-vertical"
46
- # "md:stats-vertical"
47
- # "@md:stats-vertical"
48
- # "lg:stats-vertical"
49
- # "@lg:stats-vertical"
50
- vertical: "stats-vertical"
37
+ direction: {
38
+ # "sm:stats-horizontal"
39
+ # "@sm:stats-horizontal"
40
+ # "md:stats-horizontal"
41
+ # "@md:stats-horizontal"
42
+ # "lg:stats-horizontal"
43
+ # "@lg:stats-horizontal"
44
+ horizontal: "stats-horizontal",
45
+ # "sm:stats-vertical"
46
+ # "@sm:stats-vertical"
47
+ # "md:stats-vertical"
48
+ # "@md:stats-vertical"
49
+ # "lg:stats-vertical"
50
+ # "@lg:stats-vertical"
51
+ vertical: "stats-vertical"
52
+ }
51
53
  )
52
54
  end
53
55
  end