ariadne_view_components 0.0.94.6 → 0.0.95

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 (94) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +7 -0
  3. data/app/assets/javascripts/ariadne_view_components.js +10 -10
  4. data/app/assets/javascripts/ariadne_view_components.js.br +0 -0
  5. data/app/assets/javascripts/ariadne_view_components.js.gz +0 -0
  6. data/app/assets/javascripts/ariadne_view_components.js.map +1 -1
  7. data/app/assets/stylesheets/ariadne_view_components.css +1 -1
  8. data/app/assets/stylesheets/ariadne_view_components.css.br +0 -0
  9. data/app/assets/stylesheets/ariadne_view_components.css.gz +0 -0
  10. data/app/components/ariadne/behaviors/tooltipable.rb +62 -36
  11. data/app/components/ariadne/form/checkbox/component.html.erb +2 -2
  12. data/app/components/ariadne/form/checkbox/component.rb +17 -17
  13. data/app/components/ariadne/form/group/component.rb +11 -11
  14. data/app/components/ariadne/form/radio/component.html.erb +1 -1
  15. data/app/components/ariadne/form/radio/component.rb +9 -9
  16. data/app/components/ariadne/form/radio_button/component.html.erb +1 -1
  17. data/app/components/ariadne/form/radio_button/component.rb +11 -11
  18. data/app/components/ariadne/form/radio_button_group/component.html.erb +1 -1
  19. data/app/components/ariadne/form/radio_button_group/component.rb +9 -9
  20. data/app/components/ariadne/form/select/component.html.erb +1 -1
  21. data/app/components/ariadne/form/select/component.rb +45 -45
  22. data/app/components/ariadne/form/text_field/component.html.erb +2 -2
  23. data/app/components/ariadne/form/text_field/component.rb +55 -55
  24. data/app/components/ariadne/form/toggle/component.html.erb +1 -1
  25. data/app/components/ariadne/form/toggle/component.rb +30 -30
  26. data/app/components/ariadne/form/toggle_group/component.rb +7 -7
  27. data/app/components/ariadne/form/toggle_group/option/component.rb +7 -7
  28. data/app/components/ariadne/layout/grid/component.rb +6 -6
  29. data/app/components/ariadne/layout/grid/item/component.html.erb +2 -2
  30. data/app/components/ariadne/layout/grid/item/component.rb +6 -6
  31. data/app/components/ariadne/layout/label_block/component.html.erb +1 -1
  32. data/app/components/ariadne/layout/label_block/component.rb +2 -2
  33. data/app/components/ariadne/layout/narrow/component.html.erb +2 -2
  34. data/app/components/ariadne/layout/narrow/component.rb +8 -8
  35. data/app/components/ariadne/layout/nav_bar/component.html.erb +7 -7
  36. data/app/components/ariadne/layout/nav_bar/component.rb +26 -26
  37. data/app/components/ariadne/layout/section_block/component.html.erb +1 -1
  38. data/app/components/ariadne/layout/section_block/header/component.html.erb +2 -2
  39. data/app/components/ariadne/layout/two_panel/component.html.erb +4 -4
  40. data/app/components/ariadne/layout/two_panel/component.rb +12 -12
  41. data/app/components/ariadne/layout/wide/component.rb +6 -6
  42. data/app/components/ariadne/ui/accordion/component.html.erb +1 -1
  43. data/app/components/ariadne/ui/accordion/component.rb +4 -4
  44. data/app/components/ariadne/ui/accordion/item/component.html.erb +1 -1
  45. data/app/components/ariadne/ui/accordion/item/component.rb +12 -12
  46. data/app/components/ariadne/ui/avatar/component.rb +21 -21
  47. data/app/components/ariadne/ui/badge/component.rb +31 -31
  48. data/app/components/ariadne/ui/banner/component.html.erb +8 -8
  49. data/app/components/ariadne/ui/banner/component.rb +28 -28
  50. data/app/components/ariadne/ui/blankslate/component.html.erb +4 -4
  51. data/app/components/ariadne/ui/button/component.rb +80 -78
  52. data/app/components/ariadne/ui/card/body/component.rb +2 -2
  53. data/app/components/ariadne/ui/card/component.html.erb +1 -1
  54. data/app/components/ariadne/ui/card/component.rb +10 -10
  55. data/app/components/ariadne/ui/card/footer/component.rb +4 -4
  56. data/app/components/ariadne/ui/card/header/component.rb +8 -8
  57. data/app/components/ariadne/ui/clipboard_copy/component.html.erb +2 -2
  58. data/app/components/ariadne/ui/clipboard_copy/component.rb +20 -20
  59. data/app/components/ariadne/ui/color_dot/component.html.erb +1 -1
  60. data/app/components/ariadne/ui/color_dot/component.rb +13 -13
  61. data/app/components/ariadne/ui/combobox/component.html.erb +2 -2
  62. data/app/components/ariadne/ui/combobox/component.rb +12 -12
  63. data/app/components/ariadne/ui/dialog/component.html.erb +3 -3
  64. data/app/components/ariadne/ui/dialog/component.rb +21 -21
  65. data/app/components/ariadne/ui/dialog/footer/component.rb +5 -5
  66. data/app/components/ariadne/ui/heroicon/component.rb +5 -5
  67. data/app/components/ariadne/ui/image/component.rb +6 -6
  68. data/app/components/ariadne/ui/link/component.rb +35 -35
  69. data/app/components/ariadne/ui/list/component.html.erb +5 -5
  70. data/app/components/ariadne/ui/list/component.rb +23 -23
  71. data/app/components/ariadne/ui/list/component.ts +4 -4
  72. data/app/components/ariadne/ui/list/item/component.html.erb +1 -1
  73. data/app/components/ariadne/ui/list/item/component.rb +15 -15
  74. data/app/components/ariadne/ui/pagination/component.html.erb +1 -1
  75. data/app/components/ariadne/ui/pagination/component.rb +9 -9
  76. data/app/components/ariadne/ui/popover/component.rb +6 -6
  77. data/app/components/ariadne/ui/shortcut/component.html.erb +4 -4
  78. data/app/components/ariadne/ui/shortcut/component.rb +26 -22
  79. data/app/components/ariadne/ui/skeleton/component.rb +7 -7
  80. data/app/components/ariadne/ui/stats_panel/component.rb +6 -6
  81. data/app/components/ariadne/ui/stats_panel/item/component.html.erb +2 -2
  82. data/app/components/ariadne/ui/table/cell/component.rb +3 -3
  83. data/app/components/ariadne/ui/table/component.rb +12 -12
  84. data/app/components/ariadne/ui/table/footer/component.rb +8 -8
  85. data/app/components/ariadne/ui/table/header/component.rb +9 -9
  86. data/app/components/ariadne/ui/table/row/component.rb +4 -4
  87. data/app/components/ariadne/ui/typography/component.rb +42 -42
  88. data/app/frontend/controllers/tooltip_controller.ts +28 -11
  89. data/app/frontend/stylesheets/ariadne_view_components.css +10 -5
  90. data/app/frontend/stylesheets/scrollbar.css +7 -7
  91. data/app/frontend/stylesheets/theme.css +110 -74
  92. data/app/helpers/ariadne/color_helper.rb +104 -104
  93. data/lib/ariadne/view_components/version.rb +1 -1
  94. metadata +2 -2
data/app/frontend/stylesheets/theme.css CHANGED
@@ -7,82 +7,118 @@
7
7
  border-color: hsl(var(--border));
8
8
  }
9
9
 
10
- [data-ariadne-light-theme='light'] {
11
- --background: 0 0% 100%;
12
- --foreground: 240 10% 3.9%;
13
-
14
- --muted: 240 4.8% 95.9%;
15
- --muted-foreground: 240 3.8% 46.1%;
16
-
17
- --popover: 0 0% 100%;
18
- --popover-foreground: 240 10% 3.9%;
19
-
20
- --card: 0 0% 100%;
21
- --card-foreground: 240 10% 3.9%;
22
-
23
- --border: 240 5.9% 90%;
24
- --input: 240 5.9% 90%;
25
-
26
- --primary: 262.76 30% 36%;
27
- --primary-foreground: 227.98 6% 99%;
28
-
29
- --secondary: 240 4.8% 95.9%;
30
- --secondary-foreground: 240 5.9% 10%;
31
-
32
- --accent: 240 4.8% 95.9%;
33
- --accent-foreground: 240 5.9% 10%;
34
-
35
- --danger: 0 84.2% 60.2%;
36
- --danger-foreground: 0 0% 98%;
37
-
38
- --warning: 43 100% 42%;
39
- --warning-foreground: 210 40% 98%;
40
-
41
- --success: 93 85% 32%;
42
- --success-foreground: 0 0% 100%;
43
-
44
- --info: 211 100% 50%;
45
- --info-foreground: 199 89% 48%;
46
-
47
- --ring: 240 5.9% 10%;
10
+ @theme {
11
+ /* Base colors */
12
+ --color-background: var(--theme-color-background);
13
+ --color-foreground: var(--theme-color-foreground);
14
+ --color-border: var(--theme-color-border);
15
+ --color-input: var(--theme-color-input);
16
+ --color-ring: var(--theme-color-ring);
17
+
18
+ /* Component colors */
19
+ --color-muted: var(--theme-color-muted);
20
+ --color-muted-foreground: var(--theme-color-muted-foreground);
21
+ --color-popover: var(--theme-color-popover);
22
+ --color-popover-foreground: var(--theme-color-popover-foreground);
23
+ --color-card: var(--theme-color-card);
24
+ --color-card-foreground: var(--theme-color-card-foreground);
25
+
26
+ /* Semantic colors */
27
+ --color-primary: var(--theme-color-primary);
28
+ --color-primary-foreground: var(--theme-color-primary-foreground);
29
+ --color-secondary: var(--theme-color-secondary);
30
+ --color-secondary-foreground: var(--theme-color-secondary-foreground);
31
+ --color-accent: var(--theme-color-accent);
32
+ --color-accent-foreground: var(--theme-color-accent-foreground);
33
+ --color-danger: var(--theme-color-danger);
34
+ --color-danger-foreground: var(--theme-color-danger-foreground);
35
+ --color-warning: var(--theme-color-warning);
36
+ --color-warning-foreground: var(--theme-color-warning-foreground);
37
+ --color-success: var(--theme-color-success);
38
+ --color-success-foreground: var(--theme-color-success-foreground);
39
+ --color-info: var(--theme-color-info);
40
+ --color-info-foreground: var(--theme-color-info-foreground);
48
41
  }
49
42
 
50
- [data-ariadne-dark-theme='dark'] {
51
- --background: 240 10% 3.9%;
52
- --foreground: 0 0% 98%;
53
-
54
- --muted: 240 3.7% 15.9%;
55
- --muted-foreground: 240 5% 64.9%;
56
-
57
- --popover: 240 10% 3.9%;
58
- --popover-foreground: 0 0% 98%;
59
-
60
- --card: 240 10% 3.9%;
61
- --card-foreground: 0 0% 98%;
62
-
63
- --border: 240 3.7% 15.9%;
64
- --input: 240 3.7% 15.9%;
65
-
66
- --primary: 259.98 94% 88%;
67
- --primary-foreground: 227.98 6% 99%;
68
-
69
- --secondary: 240 3.7% 15.9%;
70
- --secondary-foreground: 0 0% 98%;
71
-
72
- --accent: 240 3.7% 15.9%;
73
- --accent-foreground: 0 0% 98%;
74
-
75
- --danger: 0 62.8% 30.6%;
76
- --danger-foreground: 0 0% 98%;
77
-
78
- --warning: 43 100% 42%;
79
- --warning-foreground: 210 40% 98%;
80
-
81
- --success: 93 85% 32%;
82
- --success-foreground: 0 0% 100%;
43
+ @layer base {
44
+ [data-ariadne-light-theme='light'] {
45
+ /* Base colors */
46
+ --theme-color-background: hsl(0 0% 100%);
47
+ --theme-color-foreground: hsl(240 10% 3.9%);
48
+ --theme-color-border: hsl(240 5.9% 90%);
49
+ --theme-color-input: hsl(240 5.9% 90%);
50
+ --theme-color-ring: hsl(240 5.9% 10%);
51
+
52
+ /* Component colors */
53
+ --theme-color-muted: hsl(240 4.8% 95.9%);
54
+ --theme-color-muted-foreground: hsl(240 3.8% 46.1%);
55
+ --theme-color-popover: hsl(0 0% 100%);
56
+ --theme-color-popover-foreground: hsl(240 10% 3.9%);
57
+ --theme-color-card: hsl(0 0% 100%);
58
+ --theme-color-card-foreground: hsl(240 10% 3.9%);
59
+
60
+ /* Semantic colors */
61
+ --theme-color-primary: hsl(262.76 30% 36%);
62
+ --theme-color-primary-foreground: hsl(227.98 6% 99%);
63
+ --theme-color-secondary: hsl(240 4.8% 95.9%);
64
+ --theme-color-secondary-foreground: hsl(240 5.9% 10%);
65
+ --theme-color-accent: hsl(240 4.8% 95.9%);
66
+ --theme-color-accent-foreground: hsl(240 5.9% 10%);
67
+ --theme-color-danger: hsl(0 84.2% 60.2%);
68
+ --theme-color-danger-foreground: hsl(0 0% 98%);
69
+ --theme-color-warning: hsl(43 100% 42%);
70
+ --theme-color-warning-foreground: hsl(210 40% 98%);
71
+ --theme-color-success: hsl(93 85% 32%);
72
+ --theme-color-success-foreground: hsl(0 0% 100%);
73
+ --theme-color-info: hsl(211 100% 50%);
74
+ --theme-color-info-foreground: hsl(199 89% 48%);
75
+ }
76
+
77
+ [data-ariadne-dark-theme='dark'] {
78
+ /* Base colors */
79
+ --theme-color-background: hsl(240 10% 3.9%);
80
+ --theme-color-foreground: hsl(0 0% 98%);
81
+ --theme-color-border: hsl(240 3.7% 15.9%);
82
+ --theme-color-input: hsl(240 3.7% 15.9%);
83
+ --theme-color-ring: hsl(240 4.9% 83.9%);
84
+
85
+ /* Component colors */
86
+ --theme-color-muted: hsl(240 3.7% 15.9%);
87
+ --theme-color-muted-foreground: hsl(240 5% 64.9%);
88
+ --theme-color-popover: hsl(240 10% 3.9%);
89
+ --theme-color-popover-foreground: hsl(0 0% 98%);
90
+ --theme-color-card: hsl(240 10% 3.9%);
91
+ --theme-color-card-foreground: hsl(0 0% 98%);
92
+
93
+ /* Semantic colors */
94
+ --theme-color-primary: hsl(259.98 94% 88%);
95
+ --theme-color-primary-foreground: hsl(227.98 6% 99%);
96
+ --theme-color-secondary: hsl(240 3.7% 15.9%);
97
+ --theme-color-secondary-foreground: hsl(0 0% 98%);
98
+ --theme-color-accent: hsl(240 3.7% 15.9%);
99
+ --theme-color-accent-foreground: hsl(0 0% 98%);
100
+ --theme-color-danger: hsl(0 62.8% 30.6%);
101
+ --theme-color-danger-foreground: hsl(0 0% 98%);
102
+ --theme-color-warning: hsl(43 100% 42%);
103
+ --theme-color-warning-foreground: hsl(210 40% 98%);
104
+ --theme-color-success: hsl(93 85% 32%);
105
+ --theme-color-success-foreground: hsl(0 0% 100%);
106
+ --theme-color-info: hsl(217 91% 60%);
107
+ --theme-color-info-foreground: hsl(0 0% 100%);
108
+ }
109
+ }
83
110
 
84
- --info: 217 91% 60%;
85
- --info-foreground: 0 0% 100%;
111
+ /* Font families */
112
+ :root {
113
+ --font-fallback: system-ui;
114
+ --font-mono: 'Martian Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
115
+ monospace;
116
+ --font-sans: 'Instrument Sans', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
117
+ 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
118
+ 'Noto Color Emoji';
119
+ }
86
120
 
87
- --ring: 240 4.9% 83.9%;
121
+ /* ARIA states */
122
+ :root {
123
+ --aria-page: current= 'page';
88
124
  }
data/app/helpers/ariadne/color_helper.rb CHANGED
@@ -5,144 +5,144 @@ module Ariadne
5
5
  VALID_COLORS =
6
6
  {
7
7
  "red": [
8
- "ariadne-bg-red-500/15",
9
- "ariadne-text-red-700",
10
- "group-data-[hover]:ariadne-bg-red-500/25",
11
- "dark:ariadne-bg-red-500/10",
12
- "dark:ariadne-text-red-400",
13
- "dark:group-data-[hover]:ariadne-bg-red-500/20",
8
+ "ariadne:bg-red-500/15",
9
+ "ariadne:text-red-700",
10
+ "ariadne:group-data-hover:bg-red-500/25",
11
+ "ariadne:dark:bg-red-500/10",
12
+ "ariadne:dark:text-red-400",
13
+ "ariadne:dark:group-data-hover:bg-red-500/20",
14
14
  ],
15
15
  "orange": [
16
- "ariadne-bg-orange-500/15",
17
- "ariadne-text-orange-700",
18
- "group-data-[hover]:ariadne-bg-orange-500/25",
19
- "dark:ariadne-bg-orange-500/10",
20
- "dark:ariadne-text-orange-400",
21
- "dark:group-data-[hover]:ariadne-bg-orange-500/20",
16
+ "ariadne:bg-orange-500/15",
17
+ "ariadne:text-orange-700",
18
+ "ariadne:group-data-hover:bg-orange-500/25",
19
+ "ariadne:dark:bg-orange-500/10",
20
+ "ariadne:dark:text-orange-400",
21
+ "ariadne:dark:group-data-hover:bg-orange-500/20",
22
22
  ],
23
23
  "amber": [
24
- "ariadne-bg-amber-400/20",
25
- "ariadne-text-amber-700",
26
- "group-data-[hover]:ariadne-bg-amber-400/30",
27
- "dark:ariadne-bg-amber-400/10",
28
- "dark:ariadne-text-amber-400",
29
- "dark:group-data-[hover]:ariadne-bg-amber-400/15",
24
+ "ariadne:bg-amber-400/20",
25
+ "ariadne:text-amber-700",
26
+ "ariadne:group-data-hover:bg-amber-400/30",
27
+ "ariadne:dark:bg-amber-400/10",
28
+ "ariadne:dark:text-amber-400",
29
+ "ariadne:dark:group-data-hover:bg-amber-400/15",
30
30
  ],
31
31
  "yellow": [
32
- "ariadne-bg-yellow-400/20",
33
- "ariadne-text-yellow-700",
34
- "group-data-[hover]:ariadne-bg-yellow-400/30",
35
- "dark:ariadne-bg-yellow-400/10",
36
- "dark:ariadne-text-yellow-300",
37
- "dark:group-data-[hover]:ariadne-bg-yellow-400/15",
32
+ "ariadne:bg-yellow-400/20",
33
+ "ariadne:text-yellow-700",
34
+ "ariadne:group-data-hover:bg-yellow-400/30",
35
+ "ariadne:dark:bg-yellow-400/10",
36
+ "ariadne:dark:text-yellow-300",
37
+ "ariadne:dark:group-data-hover:bg-yellow-400/15",
38
38
  ],
39
39
  "lime": [
40
- "ariadne-bg-lime-400/20",
41
- "ariadne-text-lime-700",
42
- "group-data-[hover]:ariadne-bg-lime-400/30",
43
- "dark:ariadne-bg-lime-400/10",
44
- "dark:ariadne-text-lime-300",
45
- "dark:group-data-[hover]:ariadne-bg-lime-400/15",
40
+ "ariadne:bg-lime-400/20",
41
+ "ariadne:text-lime-700",
42
+ "ariadne:group-data-hover:bg-lime-400/30",
43
+ "ariadne:dark:bg-lime-400/10",
44
+ "ariadne:dark:text-lime-300",
45
+ "ariadne:dark:group-data-hover:bg-lime-400/15",
46
46
  ],
47
47
  "green": [
48
- "ariadne-bg-green-500/15",
49
- "ariadne-text-green-700",
50
- "group-data-[hover]:ariadne-bg-green-500/25",
51
- "dark:ariadne-bg-green-500/10",
52
- "dark:ariadne-text-green-400",
53
- "dark:group-data-[hover]:ariadne-bg-green-500/20",
48
+ "ariadne:bg-green-500/15",
49
+ "ariadne:text-green-700",
50
+ "ariadne:group-data-hover:bg-green-500/25",
51
+ "ariadne:dark:bg-green-500/10",
52
+ "ariadne:dark:text-green-400",
53
+ "ariadne:dark:group-data-hover:bg-green-500/20",
54
54
  ],
55
55
  "emerald": [
56
- "ariadne-bg-emerald-500/15",
57
- "ariadne-text-emerald-700",
58
- "group-data-[hover]:ariadne-bg-emerald-500/25",
59
- "dark:ariadne-bg-emerald-500/10",
60
- "dark:ariadne-text-emerald-400",
61
- "dark:group-data-[hover]:ariadne-bg-emerald-500/20",
56
+ "ariadne:bg-emerald-500/15",
57
+ "ariadne:text-emerald-700",
58
+ "ariadne:group-data-hover:bg-emerald-500/25",
59
+ "ariadne:dark:bg-emerald-500/10",
60
+ "ariadne:dark:text-emerald-400",
61
+ "ariadne:dark:group-data-hover:bg-emerald-500/20",
62
62
  ],
63
63
  "teal": [
64
- "ariadne-bg-teal-500/15",
65
- "ariadne-text-teal-700",
66
- "group-data-[hover]:ariadne-bg-teal-500/25",
67
- "dark:ariadne-bg-teal-500/10",
68
- "dark:ariadne-text-teal-300",
69
- "dark:group-data-[hover]:ariadne-bg-teal-500/20",
64
+ "ariadne:bg-teal-500/15",
65
+ "ariadne:text-teal-700",
66
+ "ariadne:group-data-hover:bg-teal-500/25",
67
+ "ariadne:dark:bg-teal-500/10",
68
+ "ariadne:dark:text-teal-300",
69
+ "ariadne:dark:group-data-hover:bg-teal-500/20",
70
70
  ],
71
71
  "cyan": [
72
- "ariadne-bg-cyan-400/20",
73
- "ariadne-text-cyan-700",
74
- "group-data-[hover]:ariadne-bg-cyan-400/30",
75
- "dark:ariadne-bg-cyan-400/10",
76
- "dark:ariadne-text-cyan-300",
77
- "dark:group-data-[hover]:ariadne-bg-cyan-400/15",
72
+ "ariadne:bg-cyan-400/20",
73
+ "ariadne:text-cyan-700",
74
+ "ariadne:group-data-hover:bg-cyan-400/30",
75
+ "ariadne:dark:bg-cyan-400/10",
76
+ "ariadne:dark:text-cyan-300",
77
+ "ariadne:dark:group-data-hover:bg-cyan-400/15",
78
78
  ],
79
79
  "sky": [
80
- "ariadne-bg-sky-500/15",
81
- "ariadne-text-sky-700",
82
- "group-data-[hover]:ariadne-bg-sky-500/25",
83
- "dark:ariadne-bg-sky-500/10",
84
- "dark:ariadne-text-sky-300",
85
- "dark:group-data-[hover]:ariadne-bg-sky-500/20",
80
+ "ariadne:bg-sky-500/15",
81
+ "ariadne:text-sky-700",
82
+ "ariadne:group-data-hover:bg-sky-500/25",
83
+ "ariadne:dark:bg-sky-500/10",
84
+ "ariadne:dark:text-sky-300",
85
+ "ariadne:dark:group-data-hover:bg-sky-500/20",
86
86
  ],
87
87
  "blue": [
88
- "ariadne-bg-blue-500/15",
89
- "ariadne-text-blue-700",
90
- "group-data-[hover]:ariadne-bg-blue-500/25",
91
- "dark:ariadne-text-blue-400",
92
- "dark:group-data-[hover]:ariadne-bg-blue-500/25",
88
+ "ariadne:bg-blue-500/15",
89
+ "ariadne:text-blue-700",
90
+ "ariadne:group-data-hover:bg-blue-500/25",
91
+ "ariadne:dark:text-blue-400",
92
+ "ariadne:dark:group-data-hover:bg-blue-500/25",
93
93
  ],
94
94
  "indigo": [
95
- "ariadne-bg-indigo-500/15",
96
- "ariadne-text-indigo-700",
97
- "group-data-[hover]:ariadne-bg-indigo-500/25",
98
- "dark:ariadne-text-indigo-400",
99
- "dark:group-data-[hover]:ariadne-bg-indigo-500/20",
95
+ "ariadne:bg-indigo-500/15",
96
+ "ariadne:text-indigo-700",
97
+ "ariadne:group-data-hover:bg-indigo-500/25",
98
+ "ariadne:dark:text-indigo-400",
99
+ "ariadne:dark:group-data-hover:bg-indigo-500/20",
100
100
  ],
101
101
  "violet": [
102
- "ariadne-bg-violet-500/15",
103
- "ariadne-text-violet-700",
104
- "group-data-[hover]:ariadne-bg-violet-500/25",
105
- "dark:ariadne-text-violet-400",
106
- "dark:group-data-[hover]:ariadne-bg-violet-500/20",
102
+ "ariadne:bg-violet-500/15",
103
+ "ariadne:text-violet-700",
104
+ "ariadne:group-data-hover:bg-violet-500/25",
105
+ "ariadne:dark:text-violet-400",
106
+ "ariadne:dark:group-data-hover:bg-violet-500/20",
107
107
  ],
108
108
  "purple": [
109
- "ariadne-bg-purple-500/15",
110
- "ariadne-text-purple-700",
111
- "group-data-[hover]:ariadne-bg-purple-500/25",
112
- "dark:ariadne-text-purple-400",
113
- "dark:group-data-[hover]:ariadne-bg-purple-500/20",
109
+ "ariadne:bg-purple-500/15",
110
+ "ariadne:text-purple-700",
111
+ "ariadne:group-data-hover:bg-purple-500/25",
112
+ "ariadne:dark:text-purple-400",
113
+ "ariadne:dark:group-data-hover:bg-purple-500/20",
114
114
  ],
115
115
  "fuchsia": [
116
- "ariadne-bg-fuchsia-400/15",
117
- "ariadne-text-fuchsia-700",
118
- "group-data-[hover]:ariadne-bg-fuchsia-400/25",
119
- "dark:ariadne-bg-fuchsia-400/10",
120
- "dark:ariadne-text-fuchsia-400",
121
- "dark:group-data-[hover]:ariadne-bg-fuchsia-400/20",
116
+ "ariadne:bg-fuchsia-400/15",
117
+ "ariadne:text-fuchsia-700",
118
+ "ariadne:group-data-hover:bg-fuchsia-400/25",
119
+ "ariadne:dark:bg-fuchsia-400/10",
120
+ "ariadne:dark:text-fuchsia-400",
121
+ "ariadne:dark:group-data-hover:bg-fuchsia-400/20",
122
122
  ],
123
123
  "pink": [
124
- "ariadne-bg-pink-400/15",
125
- "ariadne-text-pink-700",
126
- "group-data-[hover]:ariadne-bg-pink-400/25",
127
- "dark:ariadne-bg-pink-400/10",
128
- "dark:ariadne-text-pink-400",
129
- "dark:group-data-[hover]:ariadne-bg-pink-400/20",
124
+ "ariadne:bg-pink-400/15",
125
+ "ariadne:text-pink-700",
126
+ "ariadne:group-data-hover:bg-pink-400/25",
127
+ "ariadne:dark:bg-pink-400/10",
128
+ "ariadne:dark:text-pink-400",
129
+ "ariadne:dark:group-data-hover:bg-pink-400/20",
130
130
  ],
131
131
  "rose": [
132
- "ariadne-bg-rose-400/15",
133
- "ariadne-text-rose-700",
134
- "group-data-[hover]:ariadne-bg-rose-400/25",
135
- "dark:ariadne-bg-rose-400/10",
136
- "dark:ariadne-text-rose-400",
137
- "dark:group-data-[hover]:ariadne-bg-rose-400/20",
132
+ "ariadne:bg-rose-400/15",
133
+ "ariadne:text-rose-700",
134
+ "ariadne:group-data-hover:bg-rose-400/25",
135
+ "ariadne:dark:bg-rose-400/10",
136
+ "ariadne:dark:text-rose-400",
137
+ "ariadne:dark:group-data-hover:bg-rose-400/20",
138
138
  ],
139
139
  "zinc": [
140
- "ariadne-bg-zinc-600/10",
141
- "ariadne-text-zinc-700",
142
- "group-data-[hover]:ariadne-bg-zinc-600/20",
143
- "dark:ariadne-bg-white/5",
144
- "dark:ariadne-text-zinc-400",
145
- "dark:group-data-[hover]:ariadne-bg-white/10",
140
+ "ariadne:bg-zinc-600/10",
141
+ "ariadne:text-zinc-700",
142
+ "ariadne:group-data-hover:bg-zinc-600/20",
143
+ "ariadne:dark:bg-white/5",
144
+ "ariadne:dark:text-zinc-400",
145
+ "ariadne:dark:group-data-hover:bg-white/10",
146
146
  ],
147
147
  }.freeze
148
148
 
data/lib/ariadne/view_components/version.rb CHANGED
@@ -3,6 +3,6 @@
3
3
  # :nocov:
4
4
  module Ariadne
5
5
  module ViewComponents
6
- VERSION = "0.0.94.6"
6
+ VERSION = "0.0.95"
7
7
  end
8
8
  end
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: ariadne_view_components
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.0.94.6
4
+ version: 0.0.95
5
5
  platform: ruby
6
6
  authors:
7
7
  - Garen J. Torikian
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2025-02-25 00:00:00.000000000 Z
11
+ date: 2025-02-27 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: tailwind_merge