ariadne_view_components 0.0.47-x86_64-darwin → 0.0.49-x86_64-darwin

Sign up to get free protection for your applications and to get access to all the features.
Files changed (87) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +29 -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/events_controller/events_controller.d.ts +4 -0
  8. data/app/assets/javascripts/components/ariadne/options_controller/options_controller.d.ts +40 -0
  9. data/app/assets/javascripts/components/ariadne/outlet_manager_controller/outlet_manager_controller.d.ts +42 -0
  10. data/app/assets/javascripts/components/ariadne/string_match_controller/string_match_controller.d.ts +27 -0
  11. data/app/assets/javascripts/components/ariadne/synced_boolean_attributes_controller/synced_boolean_attributes_controller.d.ts +44 -0
  12. data/app/assets/javascripts/components/ariadne/toggleable_controller/toggleable_controller.d.ts +34 -0
  13. data/app/assets/stylesheets/ariadne_view_components.css +3 -3
  14. data/app/components/ariadne/accumulator_controller/accumulator_controller.d.ts +22 -0
  15. data/app/components/ariadne/accumulator_controller/accumulator_controller.js +39 -0
  16. data/app/components/ariadne/accumulator_controller/accumulator_controller.ts +48 -0
  17. data/app/components/ariadne/action_card_component.html.erb +11 -0
  18. data/app/components/ariadne/action_card_component.rb +45 -0
  19. data/app/components/ariadne/ariadne.js +10 -0
  20. data/app/components/ariadne/ariadne.ts +10 -0
  21. data/app/components/ariadne/bottom_tab_component.html.erb +4 -0
  22. data/app/components/ariadne/bottom_tab_component.rb +44 -0
  23. data/app/components/ariadne/bottom_tab_nav_component.html.erb +5 -0
  24. data/app/components/ariadne/bottom_tab_nav_component.rb +33 -0
  25. data/app/components/ariadne/breadcrumbs_component.html.erb +13 -0
  26. data/app/components/ariadne/breadcrumbs_component.rb +31 -0
  27. data/app/components/ariadne/checkbox_component.html.erb +5 -0
  28. data/app/components/ariadne/checkbox_component.rb +43 -0
  29. data/app/components/ariadne/close_button_component.html.erb +4 -0
  30. data/app/components/ariadne/close_button_component.rb +33 -0
  31. data/app/components/ariadne/combobox_component.html.erb +14 -0
  32. data/app/components/ariadne/combobox_component.rb +76 -0
  33. data/app/components/ariadne/dropdown/menu_component.d.ts +1 -0
  34. data/app/components/ariadne/dropdown/menu_component.js +1 -0
  35. data/app/components/ariadne/events_controller/events_controller.d.ts +4 -0
  36. data/app/components/ariadne/events_controller/events_controller.js +6 -0
  37. data/app/components/ariadne/events_controller/events_controller.ts +7 -0
  38. data/app/components/ariadne/layout_component.html.erb +21 -0
  39. data/app/components/ariadne/layout_component.rb +69 -0
  40. data/app/components/ariadne/modal_component.html.erb +11 -0
  41. data/app/components/ariadne/modal_component.rb +88 -0
  42. data/app/components/ariadne/options_controller/options_controller.d.ts +40 -0
  43. data/app/components/ariadne/options_controller/options_controller.js +98 -0
  44. data/app/components/ariadne/options_controller/options_controller.ts +132 -0
  45. data/app/components/ariadne/outlet_manager_controller/outlet_manager_controller.d.ts +42 -0
  46. data/app/components/ariadne/outlet_manager_controller/outlet_manager_controller.js +237 -0
  47. data/app/components/ariadne/outlet_manager_controller/outlet_manager_controller.ts +278 -0
  48. data/app/components/ariadne/popover_component.html.erb +10 -0
  49. data/app/components/ariadne/popover_component.rb +81 -0
  50. data/app/components/ariadne/progress_bar_component.html.erb +5 -0
  51. data/app/components/ariadne/progress_bar_component.rb +63 -0
  52. data/app/components/ariadne/relative_time_component.html.erb +3 -0
  53. data/app/components/ariadne/relative_time_component.rb +61 -0
  54. data/app/components/ariadne/show_more_button_component.html.erb +11 -0
  55. data/app/components/ariadne/show_more_button_component.rb +47 -0
  56. data/app/components/ariadne/spinner_component.html.erb +16 -0
  57. data/app/components/ariadne/spinner_component.rb +45 -0
  58. data/app/components/ariadne/string_match_controller/string_match_controller.d.ts +27 -0
  59. data/app/components/ariadne/string_match_controller/string_match_controller.js +51 -0
  60. data/app/components/ariadne/string_match_controller/string_match_controller.ts +64 -0
  61. data/app/components/ariadne/subheader_component.html.erb +11 -0
  62. data/app/components/ariadne/subheader_component.rb +65 -0
  63. data/app/components/ariadne/synced_boolean_attributes_controller/synced_boolean_attributes_controller.d.ts +44 -0
  64. data/app/components/ariadne/synced_boolean_attributes_controller/synced_boolean_attributes_controller.js +153 -0
  65. data/app/components/ariadne/synced_boolean_attributes_controller/synced_boolean_attributes_controller.ts +192 -0
  66. data/app/components/ariadne/toggle_component/toggle_component.html.erb +15 -0
  67. data/app/components/ariadne/toggle_component.rb +95 -0
  68. data/app/components/ariadne/toggleable_controller/toggleable_controller.d.ts +34 -0
  69. data/app/components/ariadne/toggleable_controller/toggleable_controller.js +54 -0
  70. data/app/components/ariadne/toggleable_controller/toggleable_controller.ts +77 -0
  71. data/lib/ariadne/view_components/version.rb +1 -1
  72. data/static/arguments.yml +50 -0
  73. data/static/audited_at.json +17 -0
  74. data/static/classes.yml +209 -173
  75. data/static/constants.json +356 -0
  76. data/static/statuses.json +17 -0
  77. data/tailwind.config.js +7 -7
  78. metadata +75 -12
  79. /data/app/assets/javascripts/{ariadne-form.d.ts → components/ariadne/ariadne-form.d.ts} +0 -0
  80. /data/app/assets/javascripts/{ariadne.d.ts → components/ariadne/ariadne.d.ts} +0 -0
  81. /data/app/assets/javascripts/{clipboard_copy_component → components/ariadne/clipboard_copy_component}/clipboard-copy-component.d.ts +0 -0
  82. /data/app/assets/javascripts/{rich_text_area_component → components/ariadne/rich_text_area_component}/rich-text-area-component.d.ts +0 -0
  83. /data/app/assets/javascripts/{slideover_component → components/ariadne/slideover_component}/slideover-component.d.ts +0 -0
  84. /data/app/assets/javascripts/{tab_container_component → components/ariadne/tab_container_component}/tab-container-component.d.ts +0 -0
  85. /data/app/assets/javascripts/{tab_nav_component → components/ariadne/tab_nav_component}/tab-nav-component.d.ts +0 -0
  86. /data/app/assets/javascripts/{time_ago_component → components/ariadne/time_ago_component}/time-ago-component.d.ts +0 -0
  87. /data/app/assets/javascripts/{tooltip_component → components/ariadne/tooltip_component}/tooltip-component.d.ts +0 -0
@@ -1,4 +1,18 @@
1
1
  {
2
+ "Ariadne::ActionCardComponent": {
3
+ "DEFAULT_ATTRIBUTES": {
4
+ "wrapper": {
5
+ }
6
+ },
7
+ "DEFAULT_CLASSES": {
8
+ "wrapper": "ariadne-w-fit ariadne-flex ariadne-flex-col ariadne-items-center",
9
+ "actions_wrapper": "ariadne-flex"
10
+ },
11
+ "DEFAULT_TAG": "div",
12
+ "TAG_OPTIONS": [
13
+ "div"
14
+ ]
15
+ },
2
16
  "Ariadne::AvatarComponent": {
3
17
  "DEFAULT_CLASSES": "ariadne-inline-block ariadne-rounded-full ariadne-ring-2 ariadne-ring-white",
4
18
  "DEFAULT_SHAPE": "circle",
@@ -98,6 +112,44 @@
98
112
  "Ariadne::BodyComponent": {
99
113
  "DEFAULT_CLASSES": "ariadne-scroll-smooth ariadne-antialiased"
100
114
  },
115
+ "Ariadne::BottomTabComponent": {
116
+ "DEFAULT_ATTRIBUTES": {
117
+ "data-action": "click->options#select",
118
+ "data-options-target": "option",
119
+ "role": "tab",
120
+ "tabindex": "0"
121
+ },
122
+ "DEFAULT_CLASSES": "ariadne-w-full ariadne-py-4 ariadne-flex ariadne-flex-col ariadne-justify-center ariadne-items-center ariadne-cursor-pointer [&>span]:ariadne-p-0 ariadne-border-y-2 ariadne-border-r-2 first:ariadne-border-l-2 ariadne-border-solid ariadne-border-black",
123
+ "DEFAULT_TAG": "a",
124
+ "TAB_BACKGROUND_COLOR_CLASSES": "aria-selected:ariadne-bg-gray-200",
125
+ "TAG_OPTIONS": [
126
+ "a"
127
+ ]
128
+ },
129
+ "Ariadne::BottomTabNavComponent": {
130
+ "DEFAULT_ATTRIBUTES": {
131
+ "data-controller": "options",
132
+ "data-options-synced-attrs-value": "[\"aria-selected\"]",
133
+ "role": "tablist"
134
+ },
135
+ "DEFAULT_CLASSES": "ariadne-flex",
136
+ "DEFAULT_TAB_TAG": "a",
137
+ "DEFAULT_TAG": "nav",
138
+ "TAG_OPTIONS": [
139
+ "nav"
140
+ ]
141
+ },
142
+ "Ariadne::BreadcrumbsComponent": {
143
+ "DEFAULT_CLASSES": {
144
+ "wrapper": "",
145
+ "item": "",
146
+ "active_item": "ariadne-underline"
147
+ },
148
+ "DEFAULT_TAG": "nav",
149
+ "TAG_OPTIONS": [
150
+ "nav"
151
+ ]
152
+ },
101
153
  "Ariadne::ButtonComponent": {
102
154
  "DEFAULT_SCHEME": "default",
103
155
  "LINK_SCHEME": "link",
@@ -120,6 +172,26 @@
120
172
  "danger"
121
173
  ]
122
174
  },
175
+ "Ariadne::CheckboxComponent": {
176
+ "DEFAULT_ATTRIBUTES": {
177
+ "input": {
178
+ "type": "checkbox",
179
+ "data-controller": "toggleable",
180
+ "data-toggleable-synced-attrs-value": "[\"checked\", \"aria-checked\"]",
181
+ "data-action": "click->toggleable#toggle"
182
+ },
183
+ "label": {
184
+ }
185
+ },
186
+ "DEFAULT_CLASSES": {
187
+ "input": "ariadne-mr-2",
188
+ "label": "ariadne-flex ariadne-items-center ariadne-cursor-pointer ariadne-w-fit"
189
+ },
190
+ "DEFAULT_TAG": "label",
191
+ "TAG_OPTIONS": [
192
+ "label"
193
+ ]
194
+ },
123
195
  "Ariadne::ClipboardCopyComponent": {
124
196
  "DATA_ACTION": "click->clipboard-copy-component#copy",
125
197
  "DATA_CONTROLLER": "clipboard-copy-component",
@@ -135,6 +207,37 @@
135
207
  "DEFAULT_CLASSES": "ariadne-cursor-pointer ariadne-font-semibold ariadne-underline ariadne-decoration-double",
136
208
  "DEFAULT_TAG": "clipboard-copy"
137
209
  },
210
+ "Ariadne::CloseButtonComponent": {
211
+ "DEFAULT_CLASSES": "ariadne-border-none ariadne-bg-transparent ariadne-shadow-none hover:ariadne-bg-transparent",
212
+ "DEFAULT_TAG": "button",
213
+ "TAG_OPTIONS": [
214
+ "button"
215
+ ]
216
+ },
217
+ "Ariadne::ComboboxComponent": {
218
+ "DEFAULT_ATTRIBUTES": {
219
+ "wrapper": {
220
+ "data-controller": "options toggleable string-match"
221
+ },
222
+ "options_wrapper": {
223
+ },
224
+ "input": {
225
+ "type": "text",
226
+ "autocomplete": "off",
227
+ "data-action": "input->string-match#change focusin->toggleable#on"
228
+ }
229
+ },
230
+ "DEFAULT_CLASSES": {
231
+ "wrapper": "ariadne-group ariadne-w-fit ariadne-relative",
232
+ "options_wrapper": "group-data-[toggleable-state-value=false]:ariadne-hidden ariadne-absolute ariadne-w-full ariadne-z-10",
233
+ "input": ""
234
+ },
235
+ "DEFAULT_OPTIONS_WRAPPER_TAG": "div",
236
+ "DEFAULT_TAG": "div",
237
+ "TAG_OPTIONS": [
238
+ "div"
239
+ ]
240
+ },
138
241
  "Ariadne::CommentComponent": {
139
242
  "DEFAULT_CLASSES": "ariadne-border-gray-300 ariadne-border ariadne-shadow ariadne-py-5 ariadne-px-5 ariadne-rounded-md ",
140
243
  "DEFAULT_TAG": "div",
@@ -145,6 +248,8 @@
145
248
  "Ariadne::ContainerComponent": {
146
249
  "DEFAULT_CLASSES": "ariadne-px-4 sm:ariadne-px-6 lg:ariadne-px-8"
147
250
  },
251
+ "Ariadne::Content": {
252
+ },
148
253
  "Ariadne::CounterComponent": {
149
254
  "DEFAULT_CLASSES": "ariadne-inline-flex ariadne-items-center ariadne-p-1 ariadne-border ariadne-border-transparent ariadne-rounded-full ariadne-shadow-sm focus:ariadne-outline-none focus:ariadne-ring-2 focus:ariadne-ring-offset-2"
150
255
  },
@@ -415,6 +520,28 @@
415
520
  "open"
416
521
  ]
417
522
  },
523
+ "Ariadne::LayoutComponent": {
524
+ "DEFAULT_ASIDE_TAG": "div",
525
+ "DEFAULT_ATTRIBUTES": {
526
+ "wrapper": {
527
+ },
528
+ "sidecar": {
529
+ },
530
+ "main": {
531
+ },
532
+ "aside": {
533
+ }
534
+ },
535
+ "DEFAULT_CLASSES": {
536
+ "wrapper": "ariadne-group ariadne-flex ariadne-gap-2 ariadne-flex-col md:ariadne-flex-row",
537
+ "sidecar": "ariadne-w-full md:ariadne-w-1/6",
538
+ "main": "ariadne-grow",
539
+ "aside": "ariadne-w-full md:ariadne-w-1/6"
540
+ },
541
+ "DEFAULT_MAIN_TAG": "div",
542
+ "DEFAULT_SIDECAR_TAG": "div",
543
+ "DEFAULT_TAG": "div"
544
+ },
418
545
  "Ariadne::LinkComponent": {
419
546
  "DEFAULT_ACTIONABLE_CLASSES": "ariadne-cursor-pointer ariadne-font-semibold ariadne-underline ariadne-decoration-double",
420
547
  "DEFAULT_CLASSES": "ariadne-cursor-pointer hover:ariadne-text-button-text-color focus:ariadne-outline-none focus:ariadne-ring-2 focus:ariadne-ring-offset-2 focus:ariadne-ring-purple-500",
@@ -432,6 +559,34 @@
432
559
  "Ariadne::ListComponent::ListItem": {
433
560
  "DEFAULT_ITEM_CLASSES": "ariadne-relative ariadne-p-1.5 focus:ariadne-ring-2 focus:ariadne-ring-offset-2 focus:ariadne-ring-purple-500 hover:ariadne-bg-button-hover-color"
434
561
  },
562
+ "Ariadne::ModalComponent": {
563
+ "DEFAULT_ATTRIBUTES": {
564
+ "wrapper": {
565
+ "data-controller": "toggleable",
566
+ "data-action": "click->toggleable#toggle",
567
+ "data-toggleable-anti-attrs-value": "[\"aria-hidden\"]"
568
+ },
569
+ "shadow": {
570
+ },
571
+ "content": {
572
+ "role": "dialog"
573
+ },
574
+ "close_button": {
575
+ }
576
+ },
577
+ "DEFAULT_CLASSES": {
578
+ "wrapper": "ariadne-group",
579
+ "shadow": "ariadne-w-screen ariadne-h-screen ariadne-bg-black/20 ariadne-fixed ariadne-top-0 ariadne-left-0 ariadne-flex ariadne-justify-center ariadne-items-center data-[close-on-click=true]:ariadne-cursor-pointer",
580
+ "content": "ariadne-bg-white ariadne-p-2 ariadne-relative ariadne-cursor-default",
581
+ "close_button": "ariadne-absolute ariadne-right-2 ariadne-pt-1 ariadne-pb-1 ariadne-pl-1 ariadne-pr-1"
582
+ },
583
+ "DEFAULT_SHADOW_TAG": "div",
584
+ "DEFAULT_TAG": "div",
585
+ "SHADOW_VISIBILITY_CLASSES": "group-aria-hidden:ariadne-hidden",
586
+ "TAG_OPTIONS": [
587
+ "div"
588
+ ]
589
+ },
435
590
  "Ariadne::NarrowContainerComponent": {
436
591
  "DEFAULT_CLASSES": "ariadne-max-w-7xl ariadne-mx-auto ariadne-py-12 ariadne-px-4 sm:ariadne-px-6 lg:ariadne-py-16 lg:ariadne-px-8",
437
592
  "DEFAULT_TAG": "div",
@@ -458,10 +613,98 @@
458
613
  "span"
459
614
  ]
460
615
  },
616
+ "Ariadne::PopoverComponent": {
617
+ "DEFAULT_ATTRIBUTES": {
618
+ "data-controller": "toggleable",
619
+ "data-action": "click->toggleable#toggle",
620
+ "data-toggleable-synced-attrs-value": "[\"data-popover-visible\"]"
621
+ },
622
+ "DEFAULT_CLASSES": {
623
+ "wrapper": "ariadne-group ariadne-relative ariadne-w-fit",
624
+ "items": "ariadne-w-fit ariadne-absolute ariadne-shadow-lg ariadne-z-10 ariadne-p-2 ariadne-bg-white ariadne-rounded-md",
625
+ "base": "ariadne-inline-block"
626
+ },
627
+ "DEFAULT_TAG": "div",
628
+ "DIRECTIONS": [
629
+ "top",
630
+ "right",
631
+ "bottom",
632
+ "left"
633
+ ],
634
+ "HORIZONTAL_ALIGNMENTS": [
635
+ "left",
636
+ "right",
637
+ "center"
638
+ ],
639
+ "ITEMS_DIRECITON_CLASSES": "group-data-[popover-direction=top]:ariadne-bottom-full group-data-[popover-direction=top]:-ariadne-translate-y-2 group-data-[popover-direction=bottom]:ariadne-top-full group-data-[popover-direction=bottom]:ariadne-translate-y-2",
640
+ "ITEMS_HORIZONTAL_ALIGNMENT_CLASSES": "group-data-[popover-horizontal-alignment=left]:ariadne-left-0 group-data-[popover-horizontal-alignment=right]:ariadne-right-0 group-data-[popover-horizontal-alignment=center]:ariadne-left-1/2 group-data-[popover-horizontal-alignment=center]:-ariadne-translate-x-1/2",
641
+ "ITEMS_VISIBILITY_CLASSES": "group-data-[popover-visible=false]:ariadne-hidden",
642
+ "ROLES": [
643
+ "menu",
644
+ "dialog",
645
+ "listbox",
646
+ "tooltip"
647
+ ],
648
+ "TAG_OPTIONS": [
649
+ "div"
650
+ ]
651
+ },
652
+ "Ariadne::ProgressBarComponent": {
653
+ "BAR_SIZES": {
654
+ "sm": "ariadne-h-2",
655
+ "md": "ariadne-h-3",
656
+ "lg": "ariadne-h-4"
657
+ },
658
+ "DEFAULT_ATTRIBUTES": {
659
+ "wrapper": {
660
+ "role": "progressbar",
661
+ "data-controller": "accumulator",
662
+ "aria-valuenow": 0
663
+ },
664
+ "item": {
665
+ "data-accumulator-target": "sum"
666
+ }
667
+ },
668
+ "DEFAULT_CLASSES": {
669
+ "wrapper": "ariadne-flex ariadne-gap-1 ariadne-bg-slate-200 ariadne-rounded-md ariadne-overflow-hidden",
670
+ "item": ""
671
+ },
672
+ "DEFAULT_TAGS": {
673
+ "wrapper": "div",
674
+ "item": "div"
675
+ }
676
+ },
677
+ "Ariadne::RelativeTimeComponent": {
678
+ "DEFAULT_CLASSES": "",
679
+ "DEFAULT_DATE_FORMAT": "%b %-d, %Y",
680
+ "DEFAULT_DATE_FORMAT_SWITCH": 2592000,
681
+ "DEFAULT_TAG": "span",
682
+ "TAG_OPTIONS": [
683
+ "span"
684
+ ]
685
+ },
461
686
  "Ariadne::RichTextAreaComponent": {
462
687
  "DEFAULT_CLASSES": "",
463
688
  "DEFAULT_TAG": "div"
464
689
  },
690
+ "Ariadne::ShowMoreButtonComponent": {
691
+ "DEFAULT_ATTRIBUTES": {
692
+ "wrapper": {
693
+ "data-controller": "toggleable"
694
+ },
695
+ "button": {
696
+ "data-action": "click->toggleable#toggle"
697
+ }
698
+ },
699
+ "DEFAULT_CLASSES": {
700
+ "wrapper": "ariadne-group",
701
+ "button": "ariadne-px-2 ariadne-py-0"
702
+ },
703
+ "DEFAULT_TAG": "div",
704
+ "TAG_OPTIONS": [
705
+ "div"
706
+ ]
707
+ },
465
708
  "Ariadne::SlideoverComponent": {
466
709
  "DEFAULT_BUTTON_CLASSES": "ariadne-inline-flex ariadne-items-center ariadne-shadow-sm ariadne-px-4 ariadne-py-1.5 ariadne-pb-2 ariadne-text-sm ariadne-leading-5 ariadne-font-medium ariadne-rounded-full ariadne-text-slate-800 ariadne-bg-slate-50 hover:ariadne-bg-slate-100 ariadne-border-slate-300 focus:ariadne-ring-offset-slate-50 focus:ariadne-ring-slate-600",
467
710
  "DEFAULT_CLASSES": "ariadne-flex ariadne-flex-col",
@@ -476,6 +719,57 @@
476
719
  "xl"
477
720
  ]
478
721
  },
722
+ "Ariadne::SpinnerComponent": {
723
+ "DEFAULT_ATTRIBUTES": {
724
+ "fill": "none",
725
+ "viewBox": "0 0 16 16",
726
+ "role": "progressbar",
727
+ "aria-valuetext": "Loading...",
728
+ "aria-busy": true,
729
+ "aria-valuemin": "0",
730
+ "aria-valuemax": "100"
731
+ },
732
+ "DEFAULT_CLASSES": "ariadne-animate-spin ariadne-fill-none",
733
+ "DEFAULT_SIZE": "md",
734
+ "SIZE_CLASS_MAPPINGS": {
735
+ "xs": "ariadne-h-4 ariadne-w-4",
736
+ "sm": "ariadne-h-6 ariadne-w-6",
737
+ "md": "ariadne-h-8 ariadne-w-8",
738
+ "lg": "ariadne-h-10 ariadne-w-10",
739
+ "xl": "ariadne-h-12 ariadne-w-12"
740
+ },
741
+ "VALID_SIZES": [
742
+ "xs",
743
+ "sm",
744
+ "md",
745
+ "lg",
746
+ "xl"
747
+ ]
748
+ },
749
+ "Ariadne::SubheaderComponent": {
750
+ "DEFAULT_ATTRIBUTES": {
751
+ "wrapper": {
752
+ },
753
+ "header": {
754
+ },
755
+ "description": {
756
+ },
757
+ "actions": {
758
+ }
759
+ },
760
+ "DEFAULT_CLASSES": {
761
+ "wrapper": "ariadne-border-b-2 ariadne-border-solid ariadne-border-black ariadne-border-opacity-20",
762
+ "header": "",
763
+ "actions": "",
764
+ "description": "ariadne-text-black/50"
765
+ },
766
+ "DEFAULT_TAGS": {
767
+ "wrapper": "div",
768
+ "actions": "div",
769
+ "header": "h2",
770
+ "description": "span"
771
+ }
772
+ },
479
773
  "Ariadne::TabComponent": {
480
774
  "ARIA_CURRENT_OPTIONS_FOR_ANCHOR": [
481
775
  true,
@@ -569,6 +863,68 @@
569
863
  "DEFAULT_CLASSES": "",
570
864
  "DEFAULT_TAG": "div"
571
865
  },
866
+ "Ariadne::ToggleComponent": {
867
+ "BUTTON_SIZE_MAPPINGS": {
868
+ "sm": "ariadne-h-3 ariadne-w-6",
869
+ "md": "ariadne-h-5 ariadne-w-10"
870
+ },
871
+ "DEFAULT_ATTRIBUTES": {
872
+ "wrapper": {
873
+ },
874
+ "button": {
875
+ "role": "switch",
876
+ "data-controller": "toggleable",
877
+ "data-toggleable-synced-attrs-value": "[\"aria-checked\"]",
878
+ "data-action": "click->toggleable#toggle"
879
+ }
880
+ },
881
+ "DEFAULT_CLASSES": {
882
+ "wrapper": "ariadne-group/wrapper data-[disabled=true]:ariadne-opacity-50 data-[disabled=true]:ariadne-cursor-auto",
883
+ "button": "ariadne-flex ariadne-justify-center ariadne-group/toggle ariadne-relative ariadne-inline-flex ariadne-flex-shrink-0 group-data-[disabled=false]/wrapper:ariadne-cursor-pointer ariadne-items-center ariadne-justify-center ariadne-rounded-full ariadne-focus:outline-none ariadne-focus:ring-2 ariadne-focus:ring-indigo-600 ariadne-focus:ring-offset-2 disabled:ariadne-cursor-auto"
884
+ },
885
+ "DEFAULT_SIZE": "md",
886
+ "DEFAULT_STATUS_LABEL_POSITION": "start",
887
+ "DEFAULT_TAG": "div",
888
+ "DEFAULT_TRACK_COLOR": "indigo",
889
+ "LABEL_SIZE_MAPPINGS": {
890
+ "sm": "ariadne-text-xs",
891
+ "md": "ariadne-text-lg"
892
+ },
893
+ "SIZE_OPTIONS": [
894
+ "sm",
895
+ "md"
896
+ ],
897
+ "STATUS_LABEL_POSITION_MAPPINGS": {
898
+ "start": "ariadne-flex-row",
899
+ "end": "ariadne-flex-row-reverse"
900
+ },
901
+ "STATUS_LABEL_POSITION_OPTIONS": [
902
+ "start",
903
+ "end"
904
+ ],
905
+ "THUMB_SIZE_MAPPINGS": {
906
+ "sm": "ariadne-translate-x-0 ariadne-h-3 ariadne-w-3 group-aria-checked/toggle:ariadne-translate-x-3",
907
+ "md": "ariadne-translate-x-0 ariadne-h-5 ariadne-w-5 group-aria-checked/toggle:ariadne-translate-x-5"
908
+ },
909
+ "TRACK_COLOR_MAPPINGS": {
910
+ "white": "group-aria-checked/toggle:ariadne-bg-white",
911
+ "green": "group-aria-checked/toggle:ariadne-bg-green-600",
912
+ "blue": "group-aria-checked/toggle:ariadne-bg-blue-600",
913
+ "billy_purple": "group-aria-checked/toggle:ariadne-bg-billy-purple",
914
+ "indigo": "group-aria-checked/toggle:ariadne-bg-indigo-600"
915
+ },
916
+ "TRACK_COLOR_OPTIONS": [
917
+ "white",
918
+ "green",
919
+ "blue",
920
+ "billy_purple",
921
+ "indigo"
922
+ ],
923
+ "TRACK_SIZE_MAPPINGS": {
924
+ "sm": "ariadne-h-2 ariadne-w-4",
925
+ "md": "ariadne-h-4 ariadne-w-9"
926
+ }
927
+ },
572
928
  "Ariadne::TooltipComponent": {
573
929
  "DATA_ACTION": "mouseover->tooltip-component#show mouseout->tooltip-component#hide",
574
930
  "DATA_CONTROLLER": "tooltip-component",
data/static/statuses.json CHANGED
@@ -1,14 +1,22 @@
1
1
  {
2
+ "Ariadne::ActionCardComponent": "stable",
2
3
  "Ariadne::AvatarComponent": "stable",
3
4
  "Ariadne::AvatarStackComponent": "stable",
4
5
  "Ariadne::BaseButton": "stable",
5
6
  "Ariadne::BaseComponent": "stable",
6
7
  "Ariadne::BlankslateComponent": "stable",
7
8
  "Ariadne::BodyComponent": "stable",
9
+ "Ariadne::BottomTabComponent": "stable",
10
+ "Ariadne::BottomTabNavComponent": "stable",
11
+ "Ariadne::BreadcrumbsComponent": "stable",
8
12
  "Ariadne::ButtonComponent": "stable",
13
+ "Ariadne::CheckboxComponent": "stable",
9
14
  "Ariadne::ClipboardCopyComponent": "stable",
15
+ "Ariadne::CloseButtonComponent": "stable",
16
+ "Ariadne::ComboboxComponent": "stable",
10
17
  "Ariadne::CommentComponent": "stable",
11
18
  "Ariadne::ContainerComponent": "stable",
19
+ "Ariadne::Content": "stable",
12
20
  "Ariadne::CounterComponent": "stable",
13
21
  "Ariadne::DetailsComponent": "stable",
14
22
  "Ariadne::Dropdown::MenuComponent": "stable",
@@ -24,15 +32,23 @@
24
32
  "Ariadne::HeroiconComponent": "stable",
25
33
  "Ariadne::ImageComponent": "stable",
26
34
  "Ariadne::InlineFlexComponent": "stable",
35
+ "Ariadne::LayoutComponent": "stable",
27
36
  "Ariadne::LinkComponent": "stable",
28
37
  "Ariadne::ListComponent": "stable",
29
38
  "Ariadne::ListComponent::ListItem": "stable",
39
+ "Ariadne::ModalComponent": "stable",
30
40
  "Ariadne::NarrowContainerComponent": "stable",
31
41
  "Ariadne::PanelBarComponent": "stable",
32
42
  "Ariadne::PanelBarComponent::PanelItem": "stable",
33
43
  "Ariadne::PillComponent": "stable",
44
+ "Ariadne::PopoverComponent": "stable",
45
+ "Ariadne::ProgressBarComponent": "stable",
46
+ "Ariadne::RelativeTimeComponent": "stable",
34
47
  "Ariadne::RichTextAreaComponent": "stable",
48
+ "Ariadne::ShowMoreButtonComponent": "stable",
35
49
  "Ariadne::SlideoverComponent": "stable",
50
+ "Ariadne::SpinnerComponent": "stable",
51
+ "Ariadne::SubheaderComponent": "stable",
36
52
  "Ariadne::TabComponent": "stable",
37
53
  "Ariadne::TabContainerComponent": "stable",
38
54
  "Ariadne::TabNavComponent": "stable",
@@ -48,5 +64,6 @@
48
64
  "Ariadne::Text": "stable",
49
65
  "Ariadne::TimeAgoComponent": "stable",
50
66
  "Ariadne::TimelineComponent": "stable",
67
+ "Ariadne::ToggleComponent": "stable",
51
68
  "Ariadne::TooltipComponent": "stable"
52
69
  }
data/tailwind.config.js CHANGED
@@ -29,13 +29,13 @@ module.exports = {
29
29
  rb: content => {
30
30
  const matches = content.match(CLASS_RB_REGEX)
31
31
  if (matches) {
32
- const rez = matches[0]
33
- .split(/\s+/)
34
- .filter(function (m) {
35
- return m.match(/ariadne/)
36
- })
37
- .map(m => m.replace(/"/, ''))
38
- return rez
32
+ return matches[0].split(/\s+/).reduce((accumulator, m) => {
33
+ if (m.match(/ariadne/)) {
34
+ accumulator.push(m.replaceAll(/"/g, ''))
35
+ }
36
+
37
+ return accumulator
38
+ }, [])
39
39
  }
40
40
  return []
41
41
  },
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.47
4
+ version: 0.0.49
5
5
  platform: x86_64-darwin
6
6
  authors:
7
7
  - Garen J. Torikian
8
8
  autorequire:
9
9
  bindir: exe
10
10
  cert_chain: []
11
- date: 2023-05-05 00:00:00.000000000 Z
11
+ date: 2023-06-26 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: tailwind_merge
@@ -111,21 +111,34 @@ files:
111
111
  - CHANGELOG.md
112
112
  - LICENSE.txt
113
113
  - README.md
114
- - app/assets/javascripts/ariadne-form.d.ts
115
- - app/assets/javascripts/ariadne.d.ts
116
114
  - app/assets/javascripts/ariadne_view_components.js
117
115
  - app/assets/javascripts/ariadne_view_components.js.map
118
- - app/assets/javascripts/clipboard_copy_component/clipboard-copy-component.d.ts
119
- - app/assets/javascripts/rich_text_area_component/rich-text-area-component.d.ts
120
- - app/assets/javascripts/slideover_component/slideover-component.d.ts
121
- - app/assets/javascripts/tab_container_component/tab-container-component.d.ts
122
- - app/assets/javascripts/tab_nav_component/tab-nav-component.d.ts
123
- - app/assets/javascripts/time_ago_component/time-ago-component.d.ts
124
- - app/assets/javascripts/tooltip_component/tooltip-component.d.ts
116
+ - app/assets/javascripts/components/ariadne/accumulator_controller/accumulator_controller.d.ts
117
+ - app/assets/javascripts/components/ariadne/ariadne-form.d.ts
118
+ - app/assets/javascripts/components/ariadne/ariadne.d.ts
119
+ - app/assets/javascripts/components/ariadne/clipboard_copy_component/clipboard-copy-component.d.ts
120
+ - app/assets/javascripts/components/ariadne/dropdown/menu_component.d.ts
121
+ - app/assets/javascripts/components/ariadne/events_controller/events_controller.d.ts
122
+ - app/assets/javascripts/components/ariadne/options_controller/options_controller.d.ts
123
+ - app/assets/javascripts/components/ariadne/outlet_manager_controller/outlet_manager_controller.d.ts
124
+ - app/assets/javascripts/components/ariadne/rich_text_area_component/rich-text-area-component.d.ts
125
+ - app/assets/javascripts/components/ariadne/slideover_component/slideover-component.d.ts
126
+ - app/assets/javascripts/components/ariadne/string_match_controller/string_match_controller.d.ts
127
+ - app/assets/javascripts/components/ariadne/synced_boolean_attributes_controller/synced_boolean_attributes_controller.d.ts
128
+ - app/assets/javascripts/components/ariadne/tab_container_component/tab-container-component.d.ts
129
+ - app/assets/javascripts/components/ariadne/tab_nav_component/tab-nav-component.d.ts
130
+ - app/assets/javascripts/components/ariadne/time_ago_component/time-ago-component.d.ts
131
+ - app/assets/javascripts/components/ariadne/toggleable_controller/toggleable_controller.d.ts
132
+ - app/assets/javascripts/components/ariadne/tooltip_component/tooltip-component.d.ts
125
133
  - app/assets/stylesheets/ariadne_view_components.css
126
134
  - app/assets/stylesheets/dropdown.css
127
135
  - app/assets/stylesheets/prosemirror.css
128
136
  - app/assets/stylesheets/tooltip-component.css
137
+ - app/components/ariadne/accumulator_controller/accumulator_controller.d.ts
138
+ - app/components/ariadne/accumulator_controller/accumulator_controller.js
139
+ - app/components/ariadne/accumulator_controller/accumulator_controller.ts
140
+ - app/components/ariadne/action_card_component.html.erb
141
+ - app/components/ariadne/action_card_component.rb
129
142
  - app/components/ariadne/ariadne-form.d.ts
130
143
  - app/components/ariadne/ariadne-form.js
131
144
  - app/components/ariadne/ariadne-form.ts
@@ -140,13 +153,25 @@ files:
140
153
  - app/components/ariadne/blankslate_component.rb
141
154
  - app/components/ariadne/blankslate_component/blankslate_component.html.erb
142
155
  - app/components/ariadne/body_component.rb
156
+ - app/components/ariadne/bottom_tab_component.html.erb
157
+ - app/components/ariadne/bottom_tab_component.rb
158
+ - app/components/ariadne/bottom_tab_nav_component.html.erb
159
+ - app/components/ariadne/bottom_tab_nav_component.rb
160
+ - app/components/ariadne/breadcrumbs_component.html.erb
161
+ - app/components/ariadne/breadcrumbs_component.rb
143
162
  - app/components/ariadne/button_component.rb
144
163
  - app/components/ariadne/button_component/button_component.html.erb
164
+ - app/components/ariadne/checkbox_component.html.erb
165
+ - app/components/ariadne/checkbox_component.rb
145
166
  - app/components/ariadne/clipboard_copy_component.rb
146
167
  - app/components/ariadne/clipboard_copy_component/clipboard-copy-component.d.ts
147
168
  - app/components/ariadne/clipboard_copy_component/clipboard-copy-component.js
148
169
  - app/components/ariadne/clipboard_copy_component/clipboard-copy-component.ts
149
170
  - app/components/ariadne/clipboard_copy_component/clipboard_copy_component.html.erb
171
+ - app/components/ariadne/close_button_component.html.erb
172
+ - app/components/ariadne/close_button_component.rb
173
+ - app/components/ariadne/combobox_component.html.erb
174
+ - app/components/ariadne/combobox_component.rb
150
175
  - app/components/ariadne/comment_component.rb
151
176
  - app/components/ariadne/comment_component/comment_component.html.erb
152
177
  - app/components/ariadne/component.rb
@@ -156,11 +181,16 @@ files:
156
181
  - app/components/ariadne/counter_component.rb
157
182
  - app/components/ariadne/details_component.rb
158
183
  - app/components/ariadne/details_component/details_component.html.erb
184
+ - app/components/ariadne/dropdown/menu_component.d.ts
159
185
  - app/components/ariadne/dropdown/menu_component.html.erb
186
+ - app/components/ariadne/dropdown/menu_component.js
160
187
  - app/components/ariadne/dropdown/menu_component.rb
161
188
  - app/components/ariadne/dropdown/menu_component.ts
162
189
  - app/components/ariadne/dropdown_component.rb
163
190
  - app/components/ariadne/dropdown_component/dropdown_component.html.erb
191
+ - app/components/ariadne/events_controller/events_controller.d.ts
192
+ - app/components/ariadne/events_controller/events_controller.js
193
+ - app/components/ariadne/events_controller/events_controller.ts
164
194
  - app/components/ariadne/flash_component.rb
165
195
  - app/components/ariadne/flash_component/flash_component.html.erb
166
196
  - app/components/ariadne/flex_component.rb
@@ -177,25 +207,53 @@ files:
177
207
  - app/components/ariadne/image_component.rb
178
208
  - app/components/ariadne/inline_flex_component.rb
179
209
  - app/components/ariadne/inline_flex_component/inline_flex_component.html.erb
210
+ - app/components/ariadne/layout_component.html.erb
211
+ - app/components/ariadne/layout_component.rb
180
212
  - app/components/ariadne/link_component.rb
181
213
  - app/components/ariadne/list_component.rb
182
214
  - app/components/ariadne/list_component/list_component.html.erb
215
+ - app/components/ariadne/modal_component.html.erb
216
+ - app/components/ariadne/modal_component.rb
183
217
  - app/components/ariadne/narrow_container_component.rb
184
218
  - app/components/ariadne/narrow_container_component/narrow_container_component.html.erb
219
+ - app/components/ariadne/options_controller/options_controller.d.ts
220
+ - app/components/ariadne/options_controller/options_controller.js
221
+ - app/components/ariadne/options_controller/options_controller.ts
222
+ - app/components/ariadne/outlet_manager_controller/outlet_manager_controller.d.ts
223
+ - app/components/ariadne/outlet_manager_controller/outlet_manager_controller.js
224
+ - app/components/ariadne/outlet_manager_controller/outlet_manager_controller.ts
185
225
  - app/components/ariadne/panel_bar_component.rb
186
226
  - app/components/ariadne/panel_bar_component/panel_bar_component.html.erb
187
227
  - app/components/ariadne/pill_component.rb
188
228
  - app/components/ariadne/pill_component/pill_component.html.erb
229
+ - app/components/ariadne/popover_component.html.erb
230
+ - app/components/ariadne/popover_component.rb
231
+ - app/components/ariadne/progress_bar_component.html.erb
232
+ - app/components/ariadne/progress_bar_component.rb
233
+ - app/components/ariadne/relative_time_component.html.erb
234
+ - app/components/ariadne/relative_time_component.rb
189
235
  - app/components/ariadne/rich_text_area_component.rb
190
236
  - app/components/ariadne/rich_text_area_component/rich-text-area-component.d.ts
191
237
  - app/components/ariadne/rich_text_area_component/rich-text-area-component.js
192
238
  - app/components/ariadne/rich_text_area_component/rich-text-area-component.ts
193
239
  - app/components/ariadne/rich_text_area_component/rich_text_area_component.html.erb
240
+ - app/components/ariadne/show_more_button_component.html.erb
241
+ - app/components/ariadne/show_more_button_component.rb
194
242
  - app/components/ariadne/slideover_component.rb
195
243
  - app/components/ariadne/slideover_component/slideover-component.d.ts
196
244
  - app/components/ariadne/slideover_component/slideover-component.js
197
245
  - app/components/ariadne/slideover_component/slideover-component.ts
198
246
  - app/components/ariadne/slideover_component/slideover_component.html.erb
247
+ - app/components/ariadne/spinner_component.html.erb
248
+ - app/components/ariadne/spinner_component.rb
249
+ - app/components/ariadne/string_match_controller/string_match_controller.d.ts
250
+ - app/components/ariadne/string_match_controller/string_match_controller.js
251
+ - app/components/ariadne/string_match_controller/string_match_controller.ts
252
+ - app/components/ariadne/subheader_component.html.erb
253
+ - app/components/ariadne/subheader_component.rb
254
+ - app/components/ariadne/synced_boolean_attributes_controller/synced_boolean_attributes_controller.d.ts
255
+ - app/components/ariadne/synced_boolean_attributes_controller/synced_boolean_attributes_controller.js
256
+ - app/components/ariadne/synced_boolean_attributes_controller/synced_boolean_attributes_controller.ts
199
257
  - app/components/ariadne/tab_component.rb
200
258
  - app/components/ariadne/tab_component/tab_component.html.erb
201
259
  - app/components/ariadne/tab_container_component.erb
@@ -217,6 +275,11 @@ files:
217
275
  - app/components/ariadne/time_ago_component/time-ago-component.ts
218
276
  - app/components/ariadne/timeline_component.rb
219
277
  - app/components/ariadne/timeline_component/timeline_component.html.erb
278
+ - app/components/ariadne/toggle_component.rb
279
+ - app/components/ariadne/toggle_component/toggle_component.html.erb
280
+ - app/components/ariadne/toggleable_controller/toggleable_controller.d.ts
281
+ - app/components/ariadne/toggleable_controller/toggleable_controller.js
282
+ - app/components/ariadne/toggleable_controller/toggleable_controller.ts
220
283
  - app/components/ariadne/tooltip_component.rb
221
284
  - app/components/ariadne/tooltip_component/tooltip-component.d.ts
222
285
  - app/components/ariadne/tooltip_component/tooltip-component.js
@@ -278,7 +341,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
278
341
  - !ruby/object:Gem::Version
279
342
  version: '0'
280
343
  requirements: []
281
- rubygems_version: 3.4.6
344
+ rubygems_version: 3.4.14
282
345
  signing_key:
283
346
  specification_version: 4
284
347
  summary: ViewComponents for the Ariadne Design System