ariadne_view_components 0.0.47-x86_64-linux → 0.0.48-x86_64-linux

Sign up to get free protection for your applications and to get access to all the features.
Files changed (65) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +27 -25
  3. data/app/assets/javascripts/ariadne_view_components.js +2 -2
  4. data/app/assets/javascripts/ariadne_view_components.js.map +1 -1
  5. data/app/assets/javascripts/components/ariadne/accumulator_controller/accumulator_controller.d.ts +22 -0
  6. data/app/assets/javascripts/components/ariadne/dropdown/menu_component.d.ts +1 -0
  7. data/app/assets/javascripts/components/ariadne/options_controller/options_controller.d.ts +21 -0
  8. data/app/assets/javascripts/components/ariadne/toggleable_controller/toggleable_controller.d.ts +34 -0
  9. data/app/assets/stylesheets/ariadne_view_components.css +3 -3
  10. data/app/components/ariadne/accumulator_controller/accumulator_controller.d.ts +22 -0
  11. data/app/components/ariadne/accumulator_controller/accumulator_controller.js +39 -0
  12. data/app/components/ariadne/accumulator_controller/accumulator_controller.ts +48 -0
  13. data/app/components/ariadne/action_card_component.html.erb +11 -0
  14. data/app/components/ariadne/action_card_component.rb +45 -0
  15. data/app/components/ariadne/ariadne.js +6 -0
  16. data/app/components/ariadne/ariadne.ts +6 -0
  17. data/app/components/ariadne/bottom_tab_component.html.erb +4 -0
  18. data/app/components/ariadne/bottom_tab_component.rb +44 -0
  19. data/app/components/ariadne/bottom_tab_nav_component.html.erb +5 -0
  20. data/app/components/ariadne/bottom_tab_nav_component.rb +33 -0
  21. data/app/components/ariadne/breadcrumbs_component.html.erb +13 -0
  22. data/app/components/ariadne/breadcrumbs_component.rb +31 -0
  23. data/app/components/ariadne/checkbox_component.html.erb +5 -0
  24. data/app/components/ariadne/checkbox_component.rb +43 -0
  25. data/app/components/ariadne/close_button_component.html.erb +4 -0
  26. data/app/components/ariadne/close_button_component.rb +32 -0
  27. data/app/components/ariadne/dropdown/menu_component.d.ts +1 -0
  28. data/app/components/ariadne/dropdown/menu_component.js +1 -0
  29. data/app/components/ariadne/options_controller/options_controller.d.ts +21 -0
  30. data/app/components/ariadne/options_controller/options_controller.js +50 -0
  31. data/app/components/ariadne/options_controller/options_controller.ts +57 -0
  32. data/app/components/ariadne/popover_component.html.erb +11 -0
  33. data/app/components/ariadne/popover_component.rb +81 -0
  34. data/app/components/ariadne/progress_bar_component.html.erb +5 -0
  35. data/app/components/ariadne/progress_bar_component.rb +63 -0
  36. data/app/components/ariadne/relative_time_component.html.erb +3 -0
  37. data/app/components/ariadne/relative_time_component.rb +61 -0
  38. data/app/components/ariadne/show_more_button_component.html.erb +11 -0
  39. data/app/components/ariadne/show_more_button_component.rb +47 -0
  40. data/app/components/ariadne/spinner_component.html.erb +16 -0
  41. data/app/components/ariadne/spinner_component.rb +45 -0
  42. data/app/components/ariadne/subheader_component.html.erb +11 -0
  43. data/app/components/ariadne/subheader_component.rb +65 -0
  44. data/app/components/ariadne/toggle_component/toggle_component.html.erb +15 -0
  45. data/app/components/ariadne/toggle_component.rb +95 -0
  46. data/app/components/ariadne/toggleable_controller/toggleable_controller.d.ts +34 -0
  47. data/app/components/ariadne/toggleable_controller/toggleable_controller.js +74 -0
  48. data/app/components/ariadne/toggleable_controller/toggleable_controller.ts +87 -0
  49. data/lib/ariadne/view_components/version.rb +1 -1
  50. data/static/arguments.yml +50 -0
  51. data/static/audited_at.json +14 -0
  52. data/static/classes.yml +209 -173
  53. data/static/constants.json +282 -0
  54. data/static/statuses.json +14 -0
  55. data/tailwind.config.js +7 -7
  56. metadata +53 -12
  57. /data/app/assets/javascripts/{ariadne-form.d.ts → components/ariadne/ariadne-form.d.ts} +0 -0
  58. /data/app/assets/javascripts/{ariadne.d.ts → components/ariadne/ariadne.d.ts} +0 -0
  59. /data/app/assets/javascripts/{clipboard_copy_component → components/ariadne/clipboard_copy_component}/clipboard-copy-component.d.ts +0 -0
  60. /data/app/assets/javascripts/{rich_text_area_component → components/ariadne/rich_text_area_component}/rich-text-area-component.d.ts +0 -0
  61. /data/app/assets/javascripts/{slideover_component → components/ariadne/slideover_component}/slideover-component.d.ts +0 -0
  62. /data/app/assets/javascripts/{tab_container_component → components/ariadne/tab_container_component}/tab-container-component.d.ts +0 -0
  63. /data/app/assets/javascripts/{tab_nav_component → components/ariadne/tab_nav_component}/tab-nav-component.d.ts +0 -0
  64. /data/app/assets/javascripts/{time_ago_component → components/ariadne/time_ago_component}/time-ago-component.d.ts +0 -0
  65. /data/app/assets/javascripts/{tooltip_component → components/ariadne/tooltip_component}/tooltip-component.d.ts +0 -0
@@ -0,0 +1,87 @@
1
+ import {Controller} from '@hotwired/stimulus'
2
+ import {useClickOutside} from 'stimulus-use'
3
+
4
+ export interface ToggleableOutlet {
5
+ toggle: (event: Event, value?: boolean) => void
6
+ }
7
+
8
+ export default class ToggleableController extends Controller implements ToggleableOutlet {
9
+ static outlets = ['toggleable']
10
+ static values = {
11
+ state: {
12
+ type: Boolean,
13
+ default: false,
14
+ },
15
+ syncedAttrs: Array,
16
+ antiAttrs: Array,
17
+ closeOnOutsideClick: {
18
+ type: Boolean,
19
+ default: false,
20
+ },
21
+ }
22
+
23
+ // Some attributes are only false in HTML if they don't exist
24
+ // If included here, the property will be deleted on "false"
25
+ static removeOnFalseAttrs: {[k: string]: boolean} = {
26
+ checked: true,
27
+ }
28
+
29
+ declare stateValue: boolean
30
+ declare readonly toggleableOutlets: Array<ToggleableOutlet>
31
+ declare readonly hasToggleableOutlet: boolean
32
+ declare readonly syncedAttrsValue: string[]
33
+ declare readonly hasSyncedAttrsValue: boolean
34
+ declare readonly antiAttrsValue: string[]
35
+ declare readonly hasAntiAttrsValue: boolean
36
+ declare readonly closeOnOutsideClickValue: boolean
37
+
38
+ connect(): void {
39
+ this.#updateAllAttrs()
40
+ this.#updateOutlets(new Event('Init'))
41
+ useClickOutside(this, {dispatchEvent: this.closeOnOutsideClickValue})
42
+ }
43
+
44
+ toggle(event: Event, value?: boolean) {
45
+ this.stateValue = value ?? !this.stateValue
46
+
47
+ this.#updateAllAttrs()
48
+ this.#updateOutlets(event)
49
+ }
50
+
51
+ clickOutside(event: Event) {
52
+ if (this.closeOnOutsideClickValue) {
53
+ this.toggle(event, false)
54
+ }
55
+ }
56
+
57
+ #updateAllAttrs() {
58
+ if (this.hasSyncedAttrsValue) {
59
+ this.#setAttrs(this.syncedAttrsValue)
60
+ }
61
+
62
+ if (this.hasAntiAttrsValue) {
63
+ this.#setAttrs(this.antiAttrsValue, false)
64
+ }
65
+ }
66
+
67
+ #setAttrs(attrs: string[], matchState = true) {
68
+ const attrState = String(matchState ? this.stateValue : !this.stateValue)
69
+ for (let index in attrs) {
70
+ const attr = attrs[index]
71
+ if (attrState === 'false' && ToggleableController.removeOnFalseAttrs[attr]) {
72
+ this.element.removeAttribute(attr)
73
+ } else {
74
+ this.element.setAttribute(attr, attrState)
75
+ }
76
+ }
77
+ }
78
+
79
+ #updateOutlets(event: Event) {
80
+ if (this.hasToggleableOutlet) {
81
+ for (let index in this.toggleableOutlets) {
82
+ const outlet = this.toggleableOutlets[index]
83
+ outlet.toggle(event, this.stateValue)
84
+ }
85
+ }
86
+ }
87
+ }
@@ -3,6 +3,6 @@
3
3
  # :nocov:
4
4
  module Ariadne
5
5
  module ViewComponents
6
- VERSION = "0.0.47"
6
+ VERSION = "0.0.48"
7
7
  end
8
8
  end
data/static/arguments.yml CHANGED
@@ -574,6 +574,21 @@
574
574
  type: Hash
575
575
  default: "`{}`"
576
576
  description: "[Classes and attributes](/classes-attributes)"
577
+ - component: SubheaderComponent
578
+ source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/subheader_component.rb
579
+ parameters:
580
+ - name: tag
581
+ type: Symbol, String
582
+ default: "`:p`"
583
+ description: The rendered tag name.
584
+ - name: classes
585
+ type: String
586
+ default: '`""`'
587
+ description: "[Classes and attributes](/classes-attributes)"
588
+ - name: attributes
589
+ type: Hash
590
+ default: "`{}`"
591
+ description: "[Classes and attributes](/classes-attributes)"
577
592
  - component: TabComponent
578
593
  source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/tab_component.rb
579
594
  parameters:
@@ -702,6 +717,41 @@
702
717
  type: Hash
703
718
  default: "`{}`"
704
719
  description: "[Classes and attributes](/classes-attributes)"
720
+ - component: ToggleComponent
721
+ source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/toggle_component.rb
722
+ parameters:
723
+ - name: classes
724
+ type: String
725
+ default: "`nil`"
726
+ description: "[Classes and attributes](/classes-attributes)"
727
+ - name: color
728
+ type: String
729
+ default: "`:indigo`"
730
+ description: "[Classes and attributes](/classes-attributes)"
731
+ - name: checked
732
+ type: Boolean
733
+ default: "`false`"
734
+ description: "[Classes and attributes](/classes-attributes)"
735
+ - name: disabled
736
+ type: Boolean
737
+ default: "`false`"
738
+ description: "[Classes and attributes](/classes-attributes)"
739
+ - name: size
740
+ type: String
741
+ default: "`:md`"
742
+ description: "[Classes and attributes](/classes-attributes)"
743
+ - name: label
744
+ type: String
745
+ default: N/A
746
+ description: "[Classes and attributes](/classes-attributes)"
747
+ - name: status_label_position
748
+ type: String
749
+ default: "`:start`"
750
+ description: "[Classes and attributes](/classes-attributes)"
751
+ - name: attributes
752
+ type: Hash
753
+ default: "`{}`"
754
+ description: "[Classes and attributes](/classes-attributes)"
705
755
  - component: TooltipComponent
706
756
  source: https://github.com/yettoapp/ariadne/ruby/view_components/tree/main/app/components/ariadne/tooltip_component.rb
707
757
  parameters:
@@ -1,14 +1,21 @@
1
1
  {
2
+ "Ariadne::ActionCardComponent": "",
2
3
  "Ariadne::AvatarComponent": "",
3
4
  "Ariadne::AvatarStackComponent": "",
4
5
  "Ariadne::BaseButton": "",
5
6
  "Ariadne::BaseComponent": "",
6
7
  "Ariadne::BlankslateComponent": "",
7
8
  "Ariadne::BodyComponent": "",
9
+ "Ariadne::BottomTabComponent": "",
10
+ "Ariadne::BottomTabNavComponent": "",
11
+ "Ariadne::BreadcrumbsComponent": "",
8
12
  "Ariadne::ButtonComponent": "",
13
+ "Ariadne::CheckboxComponent": "",
9
14
  "Ariadne::ClipboardCopyComponent": "",
15
+ "Ariadne::CloseButtonComponent": "",
10
16
  "Ariadne::CommentComponent": "",
11
17
  "Ariadne::ContainerComponent": "",
18
+ "Ariadne::Content": "",
12
19
  "Ariadne::CounterComponent": "",
13
20
  "Ariadne::DetailsComponent": "",
14
21
  "Ariadne::Dropdown::MenuComponent": "",
@@ -31,8 +38,14 @@
31
38
  "Ariadne::PanelBarComponent": "",
32
39
  "Ariadne::PanelBarComponent::PanelItem": "",
33
40
  "Ariadne::PillComponent": "",
41
+ "Ariadne::PopoverComponent": "",
42
+ "Ariadne::ProgressBarComponent": "",
43
+ "Ariadne::RelativeTimeComponent": "",
34
44
  "Ariadne::RichTextAreaComponent": "",
45
+ "Ariadne::ShowMoreButtonComponent": "",
35
46
  "Ariadne::SlideoverComponent": "",
47
+ "Ariadne::SpinnerComponent": "",
48
+ "Ariadne::SubheaderComponent": "",
36
49
  "Ariadne::TabComponent": "",
37
50
  "Ariadne::TabContainerComponent": "",
38
51
  "Ariadne::TabNavComponent": "",
@@ -48,5 +61,6 @@
48
61
  "Ariadne::Text": "",
49
62
  "Ariadne::TimeAgoComponent": "",
50
63
  "Ariadne::TimelineComponent": "",
64
+ "Ariadne::ToggleComponent": "",
51
65
  "Ariadne::TooltipComponent": ""
52
66
  }
data/static/classes.yml CHANGED
@@ -1,174 +1,210 @@
1
1
  ---
2
- - ".ariadne-inline-block"
3
- - ".ariadne-rounded-full"
4
- - ".ariadne-ring-2"
5
- - ".ariadne-ring-white"
6
- - ".ariadne-cursor-pointer"
7
- - ".hover:ariadne-text-button-text-color"
8
- - ".focus:ariadne-outline-none"
9
- - ".focus:ariadne-ring-2"
10
- - ".focus:ariadne-ring-offset-2"
11
- - ".focus:ariadne-ring-purple-500"
12
- - ".ariadne-flex"
13
- - ".ariadne--space-x-2"
14
- - ".ariadne-overflow-hidden"
15
- - ".ariadne-items-center"
16
- - ".ariadne-border"
17
- - ".ariadne-shadow-sm"
18
- - ".ariadne-px-2.5"
19
- - ".ariadne-py-1.5"
20
- - ".ariadne-text-xs"
21
- - ".ariadne-font-medium"
22
- - ".ariadne-rounded"
23
- - ".ariadne-px-3"
24
- - ".ariadne-py-2"
25
- - ".ariadne-text-sm"
26
- - ".ariadne-leading-4"
27
- - ".ariadne-rounded-m"
28
- - ".ariadne-px-4"
29
- - ".ariadne-rounded-md"
30
- - ".ariadne-text-base"
31
- - ".ariadne-px-6"
32
- - ".ariadne-py-3"
33
- - ".ariadne-max-w-7xl"
34
- - ".ariadne-mx-auto"
35
- - ".ariadne-py-12"
36
- - ".sm:ariadne-px-6"
37
- - ".lg:ariadne-py-16"
38
- - ".lg:ariadne-px-8"
39
- - ".ariadne-text-center"
40
- - ".ariadne-text-3xl"
41
- - ".ariadne-font-extrabold"
42
- - ".ariadne-tracking-tight"
43
- - ".ariadne-text-gray-900"
44
- - ".sm:ariadne-text-4xl"
45
- - ".ariadne-mt-8"
46
- - ".ariadne-justify-center"
47
- - ".ariadne-scroll-smooth"
48
- - ".ariadne-antialiased"
49
- - ".ariadne-text-slate-800"
50
- - ".ariadne-bg-slate-50"
51
- - ".hover:ariadne-bg-slate-100"
52
- - ".ariadne-border-slate-300"
53
- - ".focus:ariadne-ring-offset-slate-50"
54
- - ".focus:ariadne-ring-slate-600"
55
- - ".focus:ariadne-ring-offset-blue-50"
56
- - ".ariadne-text-green-800"
57
- - ".ariadne-bg-green-50"
58
- - ".hover:ariadne-bg-green-100"
59
- - ".ariadne-border-green-300"
60
- - ".focus:ariadne-ring-offset-green-50"
61
- - ".focus:ariadne-ring-green-600"
62
- - ".ariadne-text-yellow-800"
63
- - ".ariadne-bg-yellow-50"
64
- - ".hover:ariadne-bg-yellow-100"
65
- - ".ariadne-border-yellow-300"
66
- - ".focus:ariadne-ring-offset-yellow-50"
67
- - ".focus:ariadne-ring-yellow-600"
68
- - ".ariadne-text-red-800"
69
- - ".ariadne-bg-red-50"
70
- - ".hover:ariadne-bg-red-100"
71
- - ".ariadne-border-red-300"
72
- - ".focus:ariadne-ring-offset-red-50"
73
- - ".focus:ariadne-ring-red-600"
74
- - ".ariadne-text-yellow-600"
75
- - ".ariadne-inline-flex"
76
- - ".ariadne-p-1"
77
- - ".ariadne-border-transparent"
78
- - ".ariadne-invisible"
79
- - ".ariadne-absolute"
80
- - ".ariadne-bg-slate-900"
81
- - ".ariadne-text-white"
82
- - ".ariadne-font-semibold"
83
- - ".ariadne-max-w-xs"
84
- - ".ariadne-py-1"
85
- - ".ariadne-px-2"
86
- - ".ariadne-z-max"
87
- - ".ariadne-tooltip-arrow"
88
- - ".ariadne-block"
89
- - ".ariadne-underline"
90
- - ".ariadne-decoration-double"
91
- - ".ariadne-text-green-600"
92
- - ".ariadne-border-gray-300"
93
- - ".ariadne-shadow"
94
- - ".ariadne-py-5"
95
- - ".ariadne-px-5"
96
- - ".ariadne-text-gray-500"
97
- - ".hover:ariadne-text-gray-700"
98
- - ".hover:ariadne-border-gray-300"
99
- - ".ariadne-whitespace-nowrap"
100
- - ".ariadne-py-4"
101
- - ".ariadne-px-1"
102
- - ".ariadne-border-b-2"
103
- - ".ariadne-border-slate-500"
104
- - ".ariadne-text-slate-600"
105
- - ".ariadne-space-y-8"
106
- - ".sm:ariadne-space-y-5"
107
- - ".tiptap-editor"
108
- - ".ariadne-justify-end"
109
- - ".ariadne__details-reset"
110
- - ".ariadne-mt-2"
111
- - ".ariadne-w-56"
112
- - ".ariadne-divide-y"
113
- - ".ariadne-divide-gray-100"
114
- - ".ariadne-shadow-lg"
115
- - ".ariadne-ring-1"
116
- - ".ariadne-ring-black"
117
- - ".ariadne-ring-opacity-5"
118
- - ".ariadne-text-gray-700"
119
- - ".ariadne-ml-2"
120
- - ".ariadne--mr-1"
121
- - ".ariadne-text-red-500"
122
- - ".ariadne-mt-0"
123
- - ".ariadne-text-slate-700"
124
- - ".ariadne-p-4"
125
- - ".ariadne-bg-blue-50"
126
- - ".ariadne-flex-shrink-0"
127
- - ".ariadne-ml-3"
128
- - ".ariadne-text-yellow-700"
129
- - ".ariadne-text-red-700"
130
- - ".ariadne-text-green-700"
131
- - ".ariadne-pl-3"
132
- - ".ariadne--mx-1.5"
133
- - ".ariadne--my-1.5"
134
- - ".ariadne-p-1.5"
135
- - ".ariadne-text-slate-500"
136
- - ".hover:ariadne-bg-blue-100"
137
- - ".focus:ariadne-ring-blue-600"
138
- - ".ariadne-sr-only"
139
- - ".ariadne-mt-4"
140
- - ".ariadne-pt-5"
141
- - ".ariadne--mx-2"
142
- - ".ariadne-mt-6"
143
- - ".sm:ariadne-mt-0"
144
- - ".ariadne-grid"
145
- - ".ariadne-gap-6"
146
- - ".sm:ariadne-grid-cols-2"
147
- - ".lg:ariadne-grid-cols-3"
148
- - ".ariadne-font-bold"
149
- - ".ariadne-leading-7"
150
- - ".sm:ariadne-text-3xl"
151
- - ".ariadne-text-2xl"
152
- - ".ariadne-items-baseline"
153
- - ".ariadne-stroke-state-open"
154
- - ".ariadne-stroke-state-closed"
155
- - ".ariadne-fill-state-closed"
156
- - ".ariadne-pl-2"
157
- - ".ariadne-divide-gray-300"
158
- - ".ariadne-relative"
159
- - ".hover:ariadne-bg-button-hover-color"
160
- - ".md:ariadne-flex"
161
- - ".md:ariadne-divide-y-0"
162
- - ".ariadne-text-black"
163
- - ".ariadne-flex-col"
164
- - ".ariadne-hidden"
165
- - ".ariadne-list-none"
166
- - ".ariadne-border-slate-600"
167
- - ".hover:ariadne-text-slate-700"
168
- - ".hover:ariadne-border-slate-700"
169
- - ".ariadne-divide-gray-200"
170
- - ".ariadne-pb-4"
171
- - ".ariadne-text-lg"
172
- - ".ariadne-pt-6"
173
- - ".ariadne-flow-root"
174
- - ".ariadne--mb-8"
2
+ - '.ariadne-inline-block'
3
+ - '.ariadne-rounded-full'
4
+ - '.ariadne-ring-2'
5
+ - '.ariadne-ring-white'
6
+ - '.ariadne-cursor-pointer'
7
+ - '.hover:ariadne-text-button-text-color'
8
+ - '.focus:ariadne-outline-none'
9
+ - '.focus:ariadne-ring-2'
10
+ - '.focus:ariadne-ring-offset-2'
11
+ - '.focus:ariadne-ring-purple-500'
12
+ - '.ariadne-flex'
13
+ - '.ariadne--space-x-2'
14
+ - '.ariadne-overflow-hidden'
15
+ - '.ariadne-items-center'
16
+ - '.ariadne-border'
17
+ - '.ariadne-shadow-sm'
18
+ - '.ariadne-px-2.5'
19
+ - '.ariadne-py-1.5'
20
+ - '.ariadne-text-xs'
21
+ - '.ariadne-font-medium'
22
+ - '.ariadne-rounded'
23
+ - '.ariadne-px-3'
24
+ - '.ariadne-py-2'
25
+ - '.ariadne-text-sm'
26
+ - '.ariadne-leading-4'
27
+ - '.ariadne-rounded-m'
28
+ - '.ariadne-px-4'
29
+ - '.ariadne-rounded-md'
30
+ - '.ariadne-text-base'
31
+ - '.ariadne-px-6'
32
+ - '.ariadne-py-3'
33
+ - '.ariadne-max-w-7xl'
34
+ - '.ariadne-mx-auto'
35
+ - '.ariadne-py-12'
36
+ - '.sm:ariadne-px-6'
37
+ - '.lg:ariadne-py-16'
38
+ - '.lg:ariadne-px-8'
39
+ - '.ariadne-text-center'
40
+ - '.ariadne-text-3xl'
41
+ - '.ariadne-font-extrabold'
42
+ - '.ariadne-tracking-tight'
43
+ - '.ariadne-text-gray-900'
44
+ - '.sm:ariadne-text-4xl'
45
+ - '.ariadne-mt-8'
46
+ - '.ariadne-justify-center'
47
+ - '.ariadne-scroll-smooth'
48
+ - '.ariadne-antialiased'
49
+ - '.ariadne-text-slate-800'
50
+ - '.ariadne-bg-slate-50'
51
+ - '.hover:ariadne-bg-slate-100'
52
+ - '.ariadne-border-slate-300'
53
+ - '.focus:ariadne-ring-offset-slate-50'
54
+ - '.focus:ariadne-ring-slate-600'
55
+ - '.focus:ariadne-ring-offset-blue-50'
56
+ - '.ariadne-text-green-800'
57
+ - '.ariadne-bg-green-50'
58
+ - '.hover:ariadne-bg-green-100'
59
+ - '.ariadne-border-green-300'
60
+ - '.focus:ariadne-ring-offset-green-50'
61
+ - '.focus:ariadne-ring-green-600'
62
+ - '.ariadne-text-yellow-800'
63
+ - '.ariadne-bg-yellow-50'
64
+ - '.hover:ariadne-bg-yellow-100'
65
+ - '.ariadne-border-yellow-300'
66
+ - '.focus:ariadne-ring-offset-yellow-50'
67
+ - '.focus:ariadne-ring-yellow-600'
68
+ - '.ariadne-text-red-800'
69
+ - '.ariadne-bg-red-50'
70
+ - '.hover:ariadne-bg-red-100'
71
+ - '.ariadne-border-red-300'
72
+ - '.focus:ariadne-ring-offset-red-50'
73
+ - '.focus:ariadne-ring-red-600'
74
+ - '.ariadne-text-yellow-600'
75
+ - '.ariadne-inline-flex'
76
+ - '.ariadne-p-1'
77
+ - '.ariadne-border-transparent'
78
+ - '.ariadne-invisible'
79
+ - '.ariadne-absolute'
80
+ - '.ariadne-bg-slate-900'
81
+ - '.ariadne-text-white'
82
+ - '.ariadne-font-semibold'
83
+ - '.ariadne-max-w-xs'
84
+ - '.ariadne-py-1'
85
+ - '.ariadne-px-2'
86
+ - '.ariadne-z-max'
87
+ - '.ariadne-tooltip-arrow'
88
+ - '.ariadne-block'
89
+ - '.ariadne-underline'
90
+ - '.ariadne-decoration-double'
91
+ - '.ariadne-text-green-600'
92
+ - '.ariadne-border-gray-300'
93
+ - '.ariadne-shadow'
94
+ - '.ariadne-py-5'
95
+ - '.ariadne-px-5'
96
+ - '.ariadne-text-gray-500'
97
+ - '.hover:ariadne-text-gray-700'
98
+ - '.hover:ariadne-border-gray-300'
99
+ - '.ariadne-whitespace-nowrap'
100
+ - '.ariadne-py-4'
101
+ - '.ariadne-px-1'
102
+ - '.ariadne-border-b-2'
103
+ - '.ariadne-border-slate-500'
104
+ - '.ariadne-text-slate-600'
105
+ - '.ariadne-space-y-8'
106
+ - '.sm:ariadne-space-y-5'
107
+ - '.tiptap-editor'
108
+ - '.ariadne-justify-end'
109
+ - '.ariadne__details-reset'
110
+ - '.ariadne-mt-2'
111
+ - '.ariadne-w-56'
112
+ - '.ariadne-divide-y'
113
+ - '.ariadne-divide-gray-100'
114
+ - '.ariadne-shadow-lg'
115
+ - '.ariadne-ring-1'
116
+ - '.ariadne-ring-black'
117
+ - '.ariadne-ring-opacity-5'
118
+ - '.ariadne-text-gray-700'
119
+ - '.ariadne-ml-2'
120
+ - '.ariadne--mr-1'
121
+ - '.ariadne-text-red-500'
122
+ - '.ariadne-mt-0'
123
+ - '.ariadne-text-slate-700'
124
+ - '.ariadne-p-4'
125
+ - '.ariadne-bg-blue-50'
126
+ - '.ariadne-flex-shrink-0'
127
+ - '.ariadne-ml-3'
128
+ - '.ariadne-text-yellow-700'
129
+ - '.ariadne-text-red-700'
130
+ - '.ariadne-text-green-700'
131
+ - '.ariadne-pl-3'
132
+ - '.ariadne--mx-1.5'
133
+ - '.ariadne--my-1.5'
134
+ - '.ariadne-p-1.5'
135
+ - '.ariadne-text-slate-500'
136
+ - '.hover:ariadne-bg-blue-100'
137
+ - '.focus:ariadne-ring-blue-600'
138
+ - '.ariadne-sr-only'
139
+ - '.ariadne-mt-4'
140
+ - '.ariadne-pt-5'
141
+ - '.ariadne--mx-2'
142
+ - '.ariadne-mt-6'
143
+ - '.sm:ariadne-mt-0'
144
+ - '.ariadne-grid'
145
+ - '.ariadne-gap-6'
146
+ - '.sm:ariadne-grid-cols-2'
147
+ - '.lg:ariadne-grid-cols-3'
148
+ - '.ariadne-font-bold'
149
+ - '.ariadne-leading-7'
150
+ - '.sm:ariadne-text-3xl'
151
+ - '.ariadne-text-2xl'
152
+ - '.ariadne-items-baseline'
153
+ - '.ariadne-stroke-state-open'
154
+ - '.ariadne-stroke-state-closed'
155
+ - '.ariadne-fill-state-closed'
156
+ - '.ariadne-pl-2'
157
+ - '.ariadne-divide-gray-300'
158
+ - '.ariadne-relative'
159
+ - '.hover:ariadne-bg-button-hover-color'
160
+ - '.md:ariadne-flex'
161
+ - '.md:ariadne-divide-y-0'
162
+ - '.ariadne-text-black'
163
+ - '.ariadne-flex-col'
164
+ - '.ariadne-hidden'
165
+ - '.ariadne-list-none'
166
+ - '.ariadne-border-slate-600'
167
+ - '.hover:ariadne-text-slate-700'
168
+ - '.hover:ariadne-border-slate-700'
169
+ - '.ariadne-divide-gray-200'
170
+ - '.ariadne-pb-4'
171
+ - '.ariadne-text-lg'
172
+ - '.ariadne-pt-6'
173
+ - '.ariadne-flow-root'
174
+ - '.ariadne--mb-8'
175
+ - '.ariadne-group/wrapper'
176
+ - '.data-[disabled=true]:ariadne-opacity-50'
177
+ - '.data-[disabled=true]:ariadne-cursor-auto'
178
+ - '.ariadne-w-fit'
179
+ - '.ariadne-flex-row'
180
+ - '.group-data-[label-position=start]/wrapper:ariadne-mr-1.5'
181
+ - '.group-data-[label-position=end]/wrapper:ariadne-ml-1'
182
+ - '.ariadne-group/toggle'
183
+ - '.group-data-[disabled=false]/wrapper:ariadne-cursor-pointer'
184
+ - '.ariadne-focus:outline-none'
185
+ - '.ariadne-focus:ring-2'
186
+ - '.ariadne-focus:ring-indigo-600'
187
+ - '.ariadne-focus:ring-offset-2'
188
+ - '.disabled:ariadne-cursor-auto'
189
+ - '.ariadne-h-5'
190
+ - '.ariadne-w-10'
191
+ - '.ariadne-translate-x-3'
192
+ - '.ariadne-pointer-events-none'
193
+ - '.ariadne-h-full'
194
+ - '.ariadne-w-full'
195
+ - '.ariadne-bg-white'
196
+ - '.ariadne-bg-gray-200'
197
+ - '.ariadne-transition-colors'
198
+ - '.ariadne-duration-200'
199
+ - '.ariadne-ease-in-out'
200
+ - '.ariadne-h-4'
201
+ - '.ariadne-w-9'
202
+ - '.group-aria-checked/toggle:ariadne-bg-indigo-600'
203
+ - '.ariadne-left-0'
204
+ - '.ariadne-transform'
205
+ - '.ariadne-border-gray-200'
206
+ - '.ariadne-ring-0'
207
+ - '.ariadne-transition-transform'
208
+ - '.ariadne-translate-x-0'
209
+ - '.ariadne-w-5'
210
+ - '.group-aria-checked/toggle:ariadne-translate-x-5'