coveragebook_components 0.8.9 → 0.9.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 (30) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/build/coco/app.css +254 -242
  3. data/app/assets/build/coco/app.js +64 -34
  4. data/app/assets/build/coco/book.css +23 -16
  5. data/app/assets/build/coco/book.js +50 -21
  6. data/app/assets/js/libs/alpine/directives/dropdown.js +5 -2
  7. data/app/components/coco/app/elements/alert/alert.css +1 -1
  8. data/app/components/coco/app/elements/button/button.css +38 -58
  9. data/app/components/coco/app/elements/button/button.rb +2 -3
  10. data/app/components/coco/app/elements/button_group/button_group.css +7 -2
  11. data/app/components/coco/app/elements/button_group/button_group.html.erb +2 -1
  12. data/app/components/coco/app/elements/button_group/button_group.js +28 -14
  13. data/app/components/coco/app/elements/button_to/button_to.css +4 -8
  14. data/app/components/coco/app/elements/color_picker_button/color_picker_button.css +1 -2
  15. data/app/components/coco/app/elements/image_picker_button/image_picker_button.css +1 -2
  16. data/app/components/coco/app/elements/layout_picker_button/layout_picker_button.css +1 -2
  17. data/app/components/coco/app/elements/menu/menu.css +7 -5
  18. data/app/components/coco/app/elements/menu_button/menu_button.css +1 -2
  19. data/app/components/coco/app/elements/snackbar/snackbar.css +3 -3
  20. data/app/components/coco/base/button/button.css +9 -9
  21. data/app/components/coco/base/button/button.html.erb +16 -18
  22. data/app/components/coco/base/button/button.js +6 -18
  23. data/app/components/coco/base/button/button.rb +38 -58
  24. data/app/components/coco/base/button/button_dropdown.js +27 -0
  25. data/lib/coco.rb +1 -1
  26. metadata +3 -6
  27. data/app/assets/build/coco/app.dev.css +0 -5535
  28. data/app/assets/build/coco/app.dev.js +0 -27473
  29. data/app/assets/build/coco/book.dev.css +0 -2009
  30. data/app/assets/build/coco/book.dev.js +0 -15801
@@ -756,6 +756,8 @@ select{
756
756
  [data-coco][data-component="avatar"][data-size="xl"]{
757
757
  height: 2rem;
758
758
  width: 2rem}
759
+ .coco-button-wrapper{
760
+ display: contents !important}
759
761
  [data-coco].coco-button{
760
762
  display: flex;
761
763
  width: auto;
@@ -767,19 +769,18 @@ select{
767
769
  border-color: transparent;
768
770
  background-color: transparent;
769
771
  color: currentColor;
770
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
771
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
772
- transition-duration: 150ms;
773
- width: -moz-min-content;
774
- width: min-content}
775
- [data-coco].coco-button .button-element{
776
- display: inline-flex;
777
- width: 100%;
778
772
  text-decoration-line: none;
779
773
  outline: 2px solid transparent;
780
- outline-offset: 2px}
781
- [data-coco].coco-button .button-element:focus-visible{
774
+ outline-offset: 2px;
775
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
776
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
777
+ transition-duration: 150ms}
778
+ [data-coco].coco-button:focus-visible{
782
779
  outline-width: 0px}
780
+ [data-coco].coco-button {
781
+ width: -moz-min-content;
782
+ width: min-content;
783
+ }
783
784
  [data-coco].coco-button .button-inner{
784
785
  margin-left: auto;
785
786
  margin-right: auto;
@@ -808,7 +809,7 @@ select{
808
809
  [data-coco].coco-button .button-toggle{
809
810
  order: 3}
810
811
  /* disabled */
811
- [data-coco].coco-button[data-disabled="true"] .button-element{
812
+ [data-coco].coco-button[data-disabled="true"]{
812
813
  pointer-events: none;
813
814
  cursor: not-allowed}
814
815
  /* loading */
@@ -816,19 +817,19 @@ select{
816
817
 
817
818
  to{
818
819
  transform: rotate(360deg)}}
819
- [data-coco].coco-button[data-state="loading"] > .button-element .button-icon{
820
+ [data-coco].coco-button[data-state="loading"] .button-icon{
820
821
  animation: spin 1.5s linear infinite}
821
822
  /* Fit */
822
823
  [data-coco].coco-button[data-fit="full"]{
823
824
  width: 100%}
824
825
  /* Icons */
825
- [data-coco].coco-button[data-icon-position="end"] > .button-element .button-content{
826
+ [data-coco].coco-button[data-icon-position="end"] .button-content{
826
827
  order: 1}
827
- [data-coco].coco-button[data-icon-position="end"] > .button-element .button-icon{
828
+ [data-coco].coco-button[data-icon-position="end"] .button-icon{
828
829
  order: 2}
829
- [data-coco].coco-button[data-icon-position="end"] > .button-element .button-toggle{
830
+ [data-coco].coco-button[data-icon-position="end"] .button-toggle{
830
831
  order: 3}
831
- [data-coco].coco-button.with-icon[data-collapsed="true"] > .button-element .button-content {
832
+ [data-coco].coco-button.with-icon[data-collapsed="true"] .button-content {
832
833
  display: none;
833
834
  }
834
835
  [data-coco][data-component="dropdown"] {
@@ -2270,7 +2271,7 @@ select{
2270
2271
  /* Dismissable */
2271
2272
  [data-coco][data-component="app-alert"][data-dismissable="true"] .alert-dismiss{
2272
2273
  flex: none}
2273
- [data-coco][data-component="app-alert"][data-dismissable="true"] .alert-dismiss .coco-button .button-element{
2274
+ [data-coco][data-component="app-alert"][data-dismissable="true"] .alert-dismiss .coco-button{
2274
2275
  background-color: transparent;
2275
2276
  --tw-text-opacity: 1;
2276
2277
  color: rgb(31 41 55 / var(--tw-text-opacity));
@@ -2279,7 +2280,7 @@ select{
2279
2280
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
2280
2281
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2281
2282
  transition-duration: 150ms}
2282
- [data-coco][data-component="app-alert"][data-dismissable="true"] .alert-dismiss .coco-button .button-element:hover{
2283
+ [data-coco][data-component="app-alert"][data-dismissable="true"] .alert-dismiss .coco-button:hover{
2283
2284
  background-color: rgb(255 255 255 / 0.1);
2284
2285
  --tw-text-opacity: 1;
2285
2286
  color: rgb(17 24 39 / var(--tw-text-opacity))}
@@ -2584,7 +2585,7 @@ select{
2584
2585
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2585
2586
  transition-duration: 150ms;
2586
2587
  border-radius: 44px}
2587
- [data-coco][data-component="app-button"][data-theme] > .button-element .button-content{
2588
+ [data-coco][data-component="app-button"][data-theme] .button-content{
2588
2589
  font-weight: 600}
2589
2590
  [data-coco][data-component="app-button"][data-theme="primary"],
2590
2591
  [data-coco][data-component="app-button"][data-theme="positive"]{
@@ -2608,7 +2609,7 @@ select{
2608
2609
  [data-coco][data-component="app-button"][data-theme="primary"][data-state="active"], [data-coco][data-component="app-button"][data-theme="positive"][data-state="active"]{
2609
2610
  --tw-bg-opacity: 1;
2610
2611
  background-color: rgb(13 97 89 / var(--tw-bg-opacity))}
2611
- [data-coco][data-component="app-button"][data-theme="primary"][data-state="loading"] > .button-element .button-icon, [data-coco][data-component="app-button"][data-theme="positive"][data-state="loading"] > .button-element .button-icon{
2612
+ [data-coco][data-component="app-button"][data-theme="primary"][data-state="loading"] .button-icon, [data-coco][data-component="app-button"][data-theme="positive"][data-state="loading"] .button-icon{
2612
2613
  --tw-text-opacity: 1;
2613
2614
  color: rgb(118 184 170 / var(--tw-text-opacity))}
2614
2615
  [data-coco][data-component="app-button"][data-theme="primary"][data-disabled="true"], [data-coco][data-component="app-button"][data-theme="positive"][data-disabled="true"]{
@@ -2632,7 +2633,7 @@ select{
2632
2633
  [data-coco][data-component="app-button"][data-theme="text-primary"][data-state="active"], [data-coco][data-component="app-button"][data-theme="text-positive"][data-state="active"]{
2633
2634
  background-color: rgba(0, 12, 39, 0.1);
2634
2635
  background-blend-mode: hard-light}
2635
- [data-coco][data-component="app-button"][data-theme="text-primary"][data-state="loading"] > .button-element .button-icon, [data-coco][data-component="app-button"][data-theme="text-positive"][data-state="loading"] > .button-element .button-icon{
2636
+ [data-coco][data-component="app-button"][data-theme="text-primary"][data-state="loading"] .button-icon, [data-coco][data-component="app-button"][data-theme="text-positive"][data-state="loading"] .button-icon{
2636
2637
  --tw-text-opacity: 1;
2637
2638
  color: rgb(118 184 170 / var(--tw-text-opacity))}
2638
2639
  [data-coco][data-component="app-button"][data-theme="text-primary"][data-disabled="true"], [data-coco][data-component="app-button"][data-theme="text-positive"][data-disabled="true"]{
@@ -2660,7 +2661,7 @@ select{
2660
2661
  [data-coco][data-component="app-button"][data-theme="secondary"][data-state="active"], [data-coco][data-component="app-button"][data-theme="toolbar"][data-state="active"], [data-coco][data-component="app-button"][data-theme="toolbar-floating"][data-state="active"]{
2661
2662
  background-color: rgba(0, 12, 39, 0.1);
2662
2663
  background-blend-mode: hard-light}
2663
- [data-coco][data-component="app-button"][data-theme="secondary"][data-state="loading"] > .button-element .button-icon, [data-coco][data-component="app-button"][data-theme="toolbar"][data-state="loading"] > .button-element .button-icon, [data-coco][data-component="app-button"][data-theme="toolbar-floating"][data-state="loading"] > .button-element .button-icon{
2664
+ [data-coco][data-component="app-button"][data-theme="secondary"][data-state="loading"] .button-icon, [data-coco][data-component="app-button"][data-theme="toolbar"][data-state="loading"] .button-icon, [data-coco][data-component="app-button"][data-theme="toolbar-floating"][data-state="loading"] .button-icon{
2664
2665
  --tw-text-opacity: 1;
2665
2666
  color: rgb(118 184 170 / var(--tw-text-opacity))}
2666
2667
  [data-coco][data-component="app-button"][data-theme="secondary"][data-disabled="true"], [data-coco][data-component="app-button"][data-theme="toolbar"][data-disabled="true"], [data-coco][data-component="app-button"][data-theme="toolbar-floating"][data-disabled="true"]{
@@ -2698,7 +2699,7 @@ select{
2698
2699
  [data-coco][data-component="app-button"][data-theme="text-secondary"][data-state="active"], [data-coco][data-component="app-button"][data-theme="text-toolbar"][data-state="active"]{
2699
2700
  background-color: rgba(0, 12, 39, 0.1);
2700
2701
  background-blend-mode: hard-light}
2701
- [data-coco][data-component="app-button"][data-theme="text-secondary"][data-state="loading"] > .button-element .button-icon, [data-coco][data-component="app-button"][data-theme="text-toolbar"][data-state="loading"] > .button-element .button-icon{
2702
+ [data-coco][data-component="app-button"][data-theme="text-secondary"][data-state="loading"] .button-icon, [data-coco][data-component="app-button"][data-theme="text-toolbar"][data-state="loading"] .button-icon{
2702
2703
  --tw-text-opacity: 1;
2703
2704
  color: rgb(118 184 170 / var(--tw-text-opacity))}
2704
2705
  [data-coco][data-component="app-button"][data-theme="text-secondary"][data-disabled="true"], [data-coco][data-component="app-button"][data-theme="text-toolbar"][data-disabled="true"]{
@@ -2723,7 +2724,7 @@ select{
2723
2724
  [data-coco][data-component="app-button"][data-theme="negative"][data-state="active"]{
2724
2725
  --tw-bg-opacity: 1;
2725
2726
  background-color: rgb(153 27 27 / var(--tw-bg-opacity))}
2726
- [data-coco][data-component="app-button"][data-theme="negative"][data-state="loading"] > .button-element .button-icon{
2727
+ [data-coco][data-component="app-button"][data-theme="negative"][data-state="loading"] .button-icon{
2727
2728
  --tw-text-opacity: 1;
2728
2729
  color: rgb(252 165 165 / var(--tw-text-opacity))}
2729
2730
  [data-coco][data-component="app-button"][data-theme="negative"][data-disabled="true"]{
@@ -2744,7 +2745,7 @@ select{
2744
2745
  [data-coco][data-component="app-button"][data-theme="text-negative"][data-state="active"]{
2745
2746
  background-color: rgba(0, 12, 39, 0.1);
2746
2747
  background-blend-mode: hard-light}
2747
- [data-coco][data-component="app-button"][data-theme="text-negative"][data-state="loading"] > .button-element .button-icon{
2748
+ [data-coco][data-component="app-button"][data-theme="text-negative"][data-state="loading"] .button-icon{
2748
2749
  --tw-text-opacity: 1;
2749
2750
  color: rgb(252 165 165 / var(--tw-text-opacity))}
2750
2751
  [data-coco][data-component="app-button"][data-theme="text-negative"][data-disabled="true"]{
@@ -2769,7 +2770,7 @@ select{
2769
2770
  [data-coco][data-component="app-button"][data-theme="warning"][data-state="active"]{
2770
2771
  --tw-bg-opacity: 1;
2771
2772
  background-color: rgb(146 64 14 / var(--tw-bg-opacity))}
2772
- [data-coco][data-component="app-button"][data-theme="warning"][data-state="loading"] > .button-element .button-icon{
2773
+ [data-coco][data-component="app-button"][data-theme="warning"][data-state="loading"] .button-icon{
2773
2774
  --tw-text-opacity: 1;
2774
2775
  color: rgb(252 211 77 / var(--tw-text-opacity))}
2775
2776
  [data-coco][data-component="app-button"][data-theme="warning"][data-disabled="true"]{
@@ -2790,7 +2791,7 @@ select{
2790
2791
  [data-coco][data-component="app-button"][data-theme="text-warning"][data-state="active"]{
2791
2792
  background-color: rgba(0, 12, 39, 0.1);
2792
2793
  background-blend-mode: hard-light}
2793
- [data-coco][data-component="app-button"][data-theme="text-warning"][data-state="loading"] > .button-element .button-icon{
2794
+ [data-coco][data-component="app-button"][data-theme="text-warning"][data-state="loading"] .button-icon{
2794
2795
  --tw-text-opacity: 1;
2795
2796
  color: rgb(252 211 77 / var(--tw-text-opacity))}
2796
2797
  [data-coco][data-component="app-button"][data-theme="text-warning"][data-disabled="true"]{
@@ -2815,7 +2816,7 @@ select{
2815
2816
  [data-coco][data-component="app-button"][data-theme="info"][data-state="active"]{
2816
2817
  --tw-bg-opacity: 1;
2817
2818
  background-color: rgb(7 89 133 / var(--tw-bg-opacity))}
2818
- [data-coco][data-component="app-button"][data-theme="info"][data-state="loading"] > .button-element .button-icon{
2819
+ [data-coco][data-component="app-button"][data-theme="info"][data-state="loading"] .button-icon{
2819
2820
  --tw-text-opacity: 1;
2820
2821
  color: rgb(125 211 252 / var(--tw-text-opacity))}
2821
2822
  [data-coco][data-component="app-button"][data-theme="info"][data-disabled="true"]{
@@ -2836,7 +2837,7 @@ select{
2836
2837
  [data-coco][data-component="app-button"][data-theme="text-info"][data-state="active"]{
2837
2838
  background-color: rgba(0, 12, 39, 0.1);
2838
2839
  background-blend-mode: hard-light}
2839
- [data-coco][data-component="app-button"][data-theme="text-info"][data-state="loading"] > .button-element .button-icon{
2840
+ [data-coco][data-component="app-button"][data-theme="text-info"][data-state="loading"] .button-icon{
2840
2841
  --tw-text-opacity: 1;
2841
2842
  color: rgb(125 211 252 / var(--tw-text-opacity))}
2842
2843
  [data-coco][data-component="app-button"][data-theme="text-info"][data-disabled="true"]{
@@ -2866,28 +2867,27 @@ select{
2866
2867
  background-color: rgb(209 213 219 / var(--tw-bg-opacity))}
2867
2868
  [data-coco][data-component="app-button"][data-theme="neutral-light"]{
2868
2869
  border-width: 1px;
2869
- border-color: transparent}
2870
- [data-coco][data-component="app-button"][data-theme="neutral-light"] .button-element{
2870
+ border-color: transparent;
2871
2871
  --tw-bg-opacity: 1;
2872
2872
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
2873
2873
  --tw-text-opacity: 1;
2874
2874
  color: rgb(17 24 39 / var(--tw-text-opacity))}
2875
- [data-coco][data-component="app-button"][data-theme="neutral-light"] .button-element:hover{
2875
+ [data-coco][data-component="app-button"][data-theme="neutral-light"]:hover{
2876
2876
  --tw-bg-opacity: 1;
2877
2877
  background-color: rgb(249 250 251 / var(--tw-bg-opacity))}
2878
- [data-coco][data-component="app-button"][data-theme="neutral-light"] .button-element:active{
2878
+ [data-coco][data-component="app-button"][data-theme="neutral-light"]:active{
2879
2879
  --tw-bg-opacity: 1;
2880
2880
  background-color: rgb(243 244 246 / var(--tw-bg-opacity))}
2881
- [data-coco][data-component="app-button"][data-theme="neutral-light"][data-state="loading"] .button-element{
2881
+ [data-coco][data-component="app-button"][data-theme="neutral-light"][data-state="loading"]{
2882
2882
  --tw-bg-opacity: 1;
2883
2883
  background-color: rgb(255 255 255 / var(--tw-bg-opacity))}
2884
- [data-coco][data-component="app-button"][data-theme="neutral-light"][data-state="active"] .button-element{
2884
+ [data-coco][data-component="app-button"][data-theme="neutral-light"][data-state="active"]{
2885
2885
  --tw-bg-opacity: 1;
2886
2886
  background-color: rgb(243 244 246 / var(--tw-bg-opacity))}
2887
- [data-coco][data-component="app-button"][data-theme="neutral-light"][data-disabled="true"] .button-element{
2887
+ [data-coco][data-component="app-button"][data-theme="neutral-light"][data-disabled="true"]{
2888
2888
  --tw-bg-opacity: 1;
2889
2889
  background-color: rgb(255 255 255 / var(--tw-bg-opacity))}
2890
- [data-coco][data-component="app-button"][data-theme="neutral-light"][data-disabled="true"] .button-element .button-inner{
2890
+ [data-coco][data-component="app-button"][data-theme="neutral-light"][data-disabled="true"] .button-inner{
2891
2891
  opacity: 0.4}
2892
2892
  [data-coco][data-component="app-button"][data-theme="text-neutral-light"]{
2893
2893
  background-color: transparent;
@@ -2919,18 +2919,18 @@ select{
2919
2919
  [data-coco][data-component="app-button"][data-size="xs"] .button-icon [data-component="icon"],[data-coco][data-component="app-button"][data-size="xs"] .button-toggle{
2920
2920
  height: 0.875rem;
2921
2921
  width: 0.875rem}
2922
- [data-coco][data-component="app-button"][data-size="xs"][data-theme] .button-element{
2922
+ [data-coco][data-component="app-button"][data-size="xs"][data-theme]{
2923
2923
  padding-top: 0.5rem;
2924
2924
  padding-bottom: 0.5rem;
2925
2925
  padding-left: 0.75rem;
2926
2926
  padding-right: 0.75rem}
2927
- [data-coco][data-component="app-button"][data-size="xs"].icon-only > .button-element .button-icon,[data-coco][data-component="app-button"][data-size="xs"][data-collapsed="true"] > .button-element .button-icon{
2927
+ [data-coco][data-component="app-button"][data-size="xs"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size="xs"][data-collapsed="true"] .button-icon{
2928
2928
  margin-left: -0.25rem;
2929
2929
  margin-right: -0.25rem}
2930
- [data-coco][data-component="app-button"][data-size="xs"][data-theme|="text"] .button-element{
2930
+ [data-coco][data-component="app-button"][data-size="xs"][data-theme|="text"]{
2931
2931
  padding-left: 0.5rem;
2932
2932
  padding-right: 0.5rem}
2933
- [data-coco][data-component="app-button"][data-size="xs"][data-theme|="text"].icon-only > .button-element .button-icon,[data-coco][data-component="app-button"][data-size="xs"][data-theme|="text"][data-collapsed="true"] > .button-element .button-icon{
2933
+ [data-coco][data-component="app-button"][data-size="xs"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size="xs"][data-theme|="text"][data-collapsed="true"] .button-icon{
2934
2934
  padding-left: 0.5rem;
2935
2935
  padding-right: 0.5rem}
2936
2936
  [data-coco][data-component="app-button"][data-size="sm"] .button-content{
@@ -2939,18 +2939,18 @@ select{
2939
2939
  [data-coco][data-component="app-button"][data-size="sm"] .button-icon [data-component="icon"],[data-coco][data-component="app-button"][data-size="sm"] .button-toggle{
2940
2940
  height: 1rem;
2941
2941
  width: 1rem}
2942
- [data-coco][data-component="app-button"][data-size="sm"][data-theme] .button-element{
2942
+ [data-coco][data-component="app-button"][data-size="sm"][data-theme]{
2943
2943
  padding-top: 0.625rem;
2944
2944
  padding-bottom: 0.625rem;
2945
2945
  padding-left: 1rem;
2946
2946
  padding-right: 1rem}
2947
- [data-coco][data-component="app-button"][data-size="sm"][data-theme].icon-only > .button-element .button-icon,[data-coco][data-component="app-button"][data-size="sm"][data-theme][data-collapsed="true"] > .button-element .button-icon{
2947
+ [data-coco][data-component="app-button"][data-size="sm"][data-theme].icon-only .button-icon,[data-coco][data-component="app-button"][data-size="sm"][data-theme][data-collapsed="true"] .button-icon{
2948
2948
  margin-left: -0.375rem;
2949
2949
  margin-right: -0.375rem}
2950
- [data-coco][data-component="app-button"][data-size="sm"][data-theme|="text"] .button-element{
2950
+ [data-coco][data-component="app-button"][data-size="sm"][data-theme|="text"]{
2951
2951
  padding-left: 0.5rem;
2952
2952
  padding-right: 0.5rem}
2953
- [data-coco][data-component="app-button"][data-size="sm"][data-theme|="text"].icon-only > .button-element .button-icon,[data-coco][data-component="app-button"][data-size="sm"][data-theme|="text"][data-collapsed="true"] > .button-element .button-icon{
2953
+ [data-coco][data-component="app-button"][data-size="sm"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size="sm"][data-theme|="text"][data-collapsed="true"] .button-icon{
2954
2954
  padding-left: 0.5rem;
2955
2955
  padding-right: 0.5rem}
2956
2956
  [data-coco][data-component="app-button"][data-size="md"] .button-content{
@@ -2959,18 +2959,18 @@ select{
2959
2959
  [data-coco][data-component="app-button"][data-size="md"] .button-icon [data-component="icon"],[data-coco][data-component="app-button"][data-size="md"] .button-toggle{
2960
2960
  height: 1.25rem;
2961
2961
  width: 1.25rem}
2962
- [data-coco][data-component="app-button"][data-size="md"][data-theme] .button-element{
2962
+ [data-coco][data-component="app-button"][data-size="md"][data-theme]{
2963
2963
  padding-top: 0.75rem;
2964
2964
  padding-bottom: 0.75rem;
2965
2965
  padding-left: 1.25rem;
2966
2966
  padding-right: 1.25rem}
2967
- [data-coco][data-component="app-button"][data-size="md"][data-theme].icon-only > .button-element .button-icon,[data-coco][data-component="app-button"][data-size="md"][data-theme][data-collapsed="true"] > .button-element .button-icon{
2967
+ [data-coco][data-component="app-button"][data-size="md"][data-theme].icon-only .button-icon,[data-coco][data-component="app-button"][data-size="md"][data-theme][data-collapsed="true"] .button-icon{
2968
2968
  margin-left: -0.5rem;
2969
2969
  margin-right: -0.5rem}
2970
- [data-coco][data-component="app-button"][data-size="md"][data-theme|="text"] .button-element{
2970
+ [data-coco][data-component="app-button"][data-size="md"][data-theme|="text"]{
2971
2971
  padding-left: 0.75rem;
2972
2972
  padding-right: 0.75rem}
2973
- [data-coco][data-component="app-button"][data-size="md"][data-theme|="text"].icon-only > .button-element .button-icon,[data-coco][data-component="app-button"][data-size="md"][data-theme|="text"][data-collapsed="true"] > .button-element .button-icon{
2973
+ [data-coco][data-component="app-button"][data-size="md"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size="md"][data-theme|="text"][data-collapsed="true"] .button-icon{
2974
2974
  padding-left: 0.5rem;
2975
2975
  padding-right: 0.5rem}
2976
2976
  [data-coco][data-component="app-button"][data-size="lg"] .button-content{
@@ -2979,18 +2979,18 @@ select{
2979
2979
  [data-coco][data-component="app-button"][data-size="lg"] .button-icon [data-component="icon"],[data-coco][data-component="app-button"][data-size="lg"] .button-toggle{
2980
2980
  height: 1.5rem;
2981
2981
  width: 1.5rem}
2982
- [data-coco][data-component="app-button"][data-size="lg"][data-theme] .button-element{
2982
+ [data-coco][data-component="app-button"][data-size="lg"][data-theme]{
2983
2983
  padding-top: 1rem;
2984
2984
  padding-bottom: 1rem;
2985
2985
  padding-left: 1.5rem;
2986
2986
  padding-right: 1.5rem}
2987
- [data-coco][data-component="app-button"][data-size="lg"][data-theme].icon-only > .button-element .button-icon,[data-coco][data-component="app-button"][data-size="lg"][data-theme][data-collapsed="true"] .button-inner{
2987
+ [data-coco][data-component="app-button"][data-size="lg"][data-theme].icon-only .button-icon,[data-coco][data-component="app-button"][data-size="lg"][data-theme][data-collapsed="true"] .button-inner{
2988
2988
  margin-left: -8px;
2989
2989
  margin-right: -8px}
2990
- [data-coco][data-component="app-button"][data-size="lg"][data-theme|="text"] .button-element{
2990
+ [data-coco][data-component="app-button"][data-size="lg"][data-theme|="text"]{
2991
2991
  padding-left: 0.75rem;
2992
2992
  padding-right: 0.75rem}
2993
- [data-coco][data-component="app-button"][data-size="lg"][data-theme|="text"].icon-only > .button-element .button-icon,[data-coco][data-component="app-button"][data-size="lg"][data-theme|="text"][data-collapsed="true"] > .button-element .button-icon{
2993
+ [data-coco][data-component="app-button"][data-size="lg"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size="lg"][data-theme|="text"][data-collapsed="true"] .button-icon{
2994
2994
  padding-left: 0.75rem;
2995
2995
  padding-right: 0.75rem}
2996
2996
  @media (min-width: 768px) {
@@ -3002,20 +3002,22 @@ select{
3002
3002
  [data-coco][data-component="app-button"][data-size-md="xs"] .button-icon [data-component="icon"],[data-coco][data-component="app-button"][data-size-md="xs"] .button-toggle{
3003
3003
  height: 0.875rem;
3004
3004
  width: 0.875rem}
3005
- [data-coco][data-component="app-button"][data-size-md="xs"][data-theme] .button-element{
3005
+
3006
+ [data-coco][data-component="app-button"][data-size-md="xs"][data-theme]{
3006
3007
  padding-top: 0.5rem;
3007
3008
  padding-bottom: 0.5rem;
3008
3009
  padding-left: 0.75rem;
3009
3010
  padding-right: 0.75rem}
3010
3011
 
3011
- [data-coco][data-component="app-button"][data-size-md="xs"].icon-only > .button-element .button-icon,[data-coco][data-component="app-button"][data-size-md="xs"][data-collapsed="true"] > .button-element .button-icon{
3012
+ [data-coco][data-component="app-button"][data-size-md="xs"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-md="xs"][data-collapsed="true"] .button-icon{
3012
3013
  margin-left: -0.25rem;
3013
3014
  margin-right: -0.25rem}
3014
- [data-coco][data-component="app-button"][data-size-md="xs"][data-theme|="text"] .button-element{
3015
+
3016
+ [data-coco][data-component="app-button"][data-size-md="xs"][data-theme|="text"]{
3015
3017
  padding-left: 0.5rem;
3016
3018
  padding-right: 0.5rem}
3017
3019
 
3018
- [data-coco][data-component="app-button"][data-size-md="xs"][data-theme|="text"].icon-only > .button-element .button-icon,[data-coco][data-component="app-button"][data-size-md="xs"][data-theme|="text"][data-collapsed="true"] > .button-element .button-icon{
3020
+ [data-coco][data-component="app-button"][data-size-md="xs"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-md="xs"][data-theme|="text"][data-collapsed="true"] .button-icon{
3019
3021
  padding-left: 0.5rem;
3020
3022
  padding-right: 0.5rem}
3021
3023
  [data-coco][data-component="app-button"][data-size-md="sm"] .button-content{
@@ -3025,20 +3027,22 @@ select{
3025
3027
  [data-coco][data-component="app-button"][data-size-md="sm"] .button-icon [data-component="icon"],[data-coco][data-component="app-button"][data-size-md="sm"] .button-toggle{
3026
3028
  height: 1rem;
3027
3029
  width: 1rem}
3028
- [data-coco][data-component="app-button"][data-size-md="sm"][data-theme] .button-element{
3030
+
3031
+ [data-coco][data-component="app-button"][data-size-md="sm"][data-theme]{
3029
3032
  padding-top: 0.625rem;
3030
3033
  padding-bottom: 0.625rem;
3031
3034
  padding-left: 1rem;
3032
3035
  padding-right: 1rem}
3033
3036
 
3034
- [data-coco][data-component="app-button"][data-size-md="sm"][data-theme].icon-only > .button-element .button-icon,[data-coco][data-component="app-button"][data-size-md="sm"][data-theme][data-collapsed="true"] > .button-element .button-icon{
3037
+ [data-coco][data-component="app-button"][data-size-md="sm"][data-theme].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-md="sm"][data-theme][data-collapsed="true"] .button-icon{
3035
3038
  margin-left: -0.375rem;
3036
3039
  margin-right: -0.375rem}
3037
- [data-coco][data-component="app-button"][data-size-md="sm"][data-theme|="text"] .button-element{
3040
+
3041
+ [data-coco][data-component="app-button"][data-size-md="sm"][data-theme|="text"]{
3038
3042
  padding-left: 0.5rem;
3039
3043
  padding-right: 0.5rem}
3040
3044
 
3041
- [data-coco][data-component="app-button"][data-size-md="sm"][data-theme|="text"].icon-only > .button-element .button-icon,[data-coco][data-component="app-button"][data-size-md="sm"][data-theme|="text"][data-collapsed="true"] > .button-element .button-icon{
3045
+ [data-coco][data-component="app-button"][data-size-md="sm"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-md="sm"][data-theme|="text"][data-collapsed="true"] .button-icon{
3042
3046
  padding-left: 0.5rem;
3043
3047
  padding-right: 0.5rem}
3044
3048
  [data-coco][data-component="app-button"][data-size-md="md"] .button-content{
@@ -3048,20 +3052,22 @@ select{
3048
3052
  [data-coco][data-component="app-button"][data-size-md="md"] .button-icon [data-component="icon"],[data-coco][data-component="app-button"][data-size-md="md"] .button-toggle{
3049
3053
  height: 1.25rem;
3050
3054
  width: 1.25rem}
3051
- [data-coco][data-component="app-button"][data-size-md="md"][data-theme] .button-element{
3055
+
3056
+ [data-coco][data-component="app-button"][data-size-md="md"][data-theme]{
3052
3057
  padding-top: 0.75rem;
3053
3058
  padding-bottom: 0.75rem;
3054
3059
  padding-left: 1.25rem;
3055
3060
  padding-right: 1.25rem}
3056
3061
 
3057
- [data-coco][data-component="app-button"][data-size-md="md"][data-theme].icon-only > .button-element .button-icon,[data-coco][data-component="app-button"][data-size-md="md"][data-theme][data-collapsed="true"] > .button-element .button-icon{
3062
+ [data-coco][data-component="app-button"][data-size-md="md"][data-theme].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-md="md"][data-theme][data-collapsed="true"] .button-icon{
3058
3063
  margin-left: -0.5rem;
3059
3064
  margin-right: -0.5rem}
3060
- [data-coco][data-component="app-button"][data-size-md="md"][data-theme|="text"] .button-element{
3065
+
3066
+ [data-coco][data-component="app-button"][data-size-md="md"][data-theme|="text"]{
3061
3067
  padding-left: 0.75rem;
3062
3068
  padding-right: 0.75rem}
3063
3069
 
3064
- [data-coco][data-component="app-button"][data-size-md="md"][data-theme|="text"].icon-only > .button-element .button-icon,[data-coco][data-component="app-button"][data-size-md="md"][data-theme|="text"][data-collapsed="true"] > .button-element .button-icon{
3070
+ [data-coco][data-component="app-button"][data-size-md="md"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-md="md"][data-theme|="text"][data-collapsed="true"] .button-icon{
3065
3071
  padding-left: 0.5rem;
3066
3072
  padding-right: 0.5rem}
3067
3073
  [data-coco][data-component="app-button"][data-size-md="lg"] .button-content{
@@ -3071,20 +3077,22 @@ select{
3071
3077
  [data-coco][data-component="app-button"][data-size-md="lg"] .button-icon [data-component="icon"],[data-coco][data-component="app-button"][data-size-md="lg"] .button-toggle{
3072
3078
  height: 1.5rem;
3073
3079
  width: 1.5rem}
3074
- [data-coco][data-component="app-button"][data-size-md="lg"][data-theme] .button-element{
3080
+
3081
+ [data-coco][data-component="app-button"][data-size-md="lg"][data-theme]{
3075
3082
  padding-top: 1rem;
3076
3083
  padding-bottom: 1rem;
3077
3084
  padding-left: 1.5rem;
3078
3085
  padding-right: 1.5rem}
3079
3086
 
3080
- [data-coco][data-component="app-button"][data-size-md="lg"][data-theme].icon-only > .button-element .button-icon,[data-coco][data-component="app-button"][data-size-md="lg"][data-theme][data-collapsed="true"] .button-inner{
3087
+ [data-coco][data-component="app-button"][data-size-md="lg"][data-theme].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-md="lg"][data-theme][data-collapsed="true"] .button-inner{
3081
3088
  margin-left: -8px;
3082
3089
  margin-right: -8px}
3083
- [data-coco][data-component="app-button"][data-size-md="lg"][data-theme|="text"] .button-element{
3090
+
3091
+ [data-coco][data-component="app-button"][data-size-md="lg"][data-theme|="text"]{
3084
3092
  padding-left: 0.75rem;
3085
3093
  padding-right: 0.75rem}
3086
3094
 
3087
- [data-coco][data-component="app-button"][data-size-md="lg"][data-theme|="text"].icon-only > .button-element .button-icon,[data-coco][data-component="app-button"][data-size-md="lg"][data-theme|="text"][data-collapsed="true"] > .button-element .button-icon{
3095
+ [data-coco][data-component="app-button"][data-size-md="lg"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-md="lg"][data-theme|="text"][data-collapsed="true"] .button-icon{
3088
3096
  padding-left: 0.75rem;
3089
3097
  padding-right: 0.75rem}
3090
3098
  }
@@ -3097,20 +3105,22 @@ select{
3097
3105
  [data-coco][data-component="app-button"][data-size-lg="xs"] .button-icon [data-component="icon"],[data-coco][data-component="app-button"][data-size-lg="xs"] .button-toggle{
3098
3106
  height: 0.875rem;
3099
3107
  width: 0.875rem}
3100
- [data-coco][data-component="app-button"][data-size-lg="xs"][data-theme] .button-element{
3108
+
3109
+ [data-coco][data-component="app-button"][data-size-lg="xs"][data-theme]{
3101
3110
  padding-top: 0.5rem;
3102
3111
  padding-bottom: 0.5rem;
3103
3112
  padding-left: 0.75rem;
3104
3113
  padding-right: 0.75rem}
3105
3114
 
3106
- [data-coco][data-component="app-button"][data-size-lg="xs"].icon-only > .button-element .button-icon,[data-coco][data-component="app-button"][data-size-lg="xs"][data-collapsed="true"] > .button-element .button-icon{
3115
+ [data-coco][data-component="app-button"][data-size-lg="xs"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-lg="xs"][data-collapsed="true"] .button-icon{
3107
3116
  margin-left: -0.25rem;
3108
3117
  margin-right: -0.25rem}
3109
- [data-coco][data-component="app-button"][data-size-lg="xs"][data-theme|="text"] .button-element{
3118
+
3119
+ [data-coco][data-component="app-button"][data-size-lg="xs"][data-theme|="text"]{
3110
3120
  padding-left: 0.5rem;
3111
3121
  padding-right: 0.5rem}
3112
3122
 
3113
- [data-coco][data-component="app-button"][data-size-lg="xs"][data-theme|="text"].icon-only > .button-element .button-icon,[data-coco][data-component="app-button"][data-size-lg="xs"][data-theme|="text"][data-collapsed="true"] > .button-element .button-icon{
3123
+ [data-coco][data-component="app-button"][data-size-lg="xs"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-lg="xs"][data-theme|="text"][data-collapsed="true"] .button-icon{
3114
3124
  padding-left: 0.5rem;
3115
3125
  padding-right: 0.5rem}
3116
3126
  [data-coco][data-component="app-button"][data-size-lg="sm"] .button-content{
@@ -3120,20 +3130,22 @@ select{
3120
3130
  [data-coco][data-component="app-button"][data-size-lg="sm"] .button-icon [data-component="icon"],[data-coco][data-component="app-button"][data-size-lg="sm"] .button-toggle{
3121
3131
  height: 1rem;
3122
3132
  width: 1rem}
3123
- [data-coco][data-component="app-button"][data-size-lg="sm"][data-theme] .button-element{
3133
+
3134
+ [data-coco][data-component="app-button"][data-size-lg="sm"][data-theme]{
3124
3135
  padding-top: 0.625rem;
3125
3136
  padding-bottom: 0.625rem;
3126
3137
  padding-left: 1rem;
3127
3138
  padding-right: 1rem}
3128
3139
 
3129
- [data-coco][data-component="app-button"][data-size-lg="sm"][data-theme].icon-only > .button-element .button-icon,[data-coco][data-component="app-button"][data-size-lg="sm"][data-theme][data-collapsed="true"] > .button-element .button-icon{
3140
+ [data-coco][data-component="app-button"][data-size-lg="sm"][data-theme].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-lg="sm"][data-theme][data-collapsed="true"] .button-icon{
3130
3141
  margin-left: -0.375rem;
3131
3142
  margin-right: -0.375rem}
3132
- [data-coco][data-component="app-button"][data-size-lg="sm"][data-theme|="text"] .button-element{
3143
+
3144
+ [data-coco][data-component="app-button"][data-size-lg="sm"][data-theme|="text"]{
3133
3145
  padding-left: 0.5rem;
3134
3146
  padding-right: 0.5rem}
3135
3147
 
3136
- [data-coco][data-component="app-button"][data-size-lg="sm"][data-theme|="text"].icon-only > .button-element .button-icon,[data-coco][data-component="app-button"][data-size-lg="sm"][data-theme|="text"][data-collapsed="true"] > .button-element .button-icon{
3148
+ [data-coco][data-component="app-button"][data-size-lg="sm"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-lg="sm"][data-theme|="text"][data-collapsed="true"] .button-icon{
3137
3149
  padding-left: 0.5rem;
3138
3150
  padding-right: 0.5rem}
3139
3151
  [data-coco][data-component="app-button"][data-size-lg="md"] .button-content{
@@ -3143,20 +3155,22 @@ select{
3143
3155
  [data-coco][data-component="app-button"][data-size-lg="md"] .button-icon [data-component="icon"],[data-coco][data-component="app-button"][data-size-lg="md"] .button-toggle{
3144
3156
  height: 1.25rem;
3145
3157
  width: 1.25rem}
3146
- [data-coco][data-component="app-button"][data-size-lg="md"][data-theme] .button-element{
3158
+
3159
+ [data-coco][data-component="app-button"][data-size-lg="md"][data-theme]{
3147
3160
  padding-top: 0.75rem;
3148
3161
  padding-bottom: 0.75rem;
3149
3162
  padding-left: 1.25rem;
3150
3163
  padding-right: 1.25rem}
3151
3164
 
3152
- [data-coco][data-component="app-button"][data-size-lg="md"][data-theme].icon-only > .button-element .button-icon,[data-coco][data-component="app-button"][data-size-lg="md"][data-theme][data-collapsed="true"] > .button-element .button-icon{
3165
+ [data-coco][data-component="app-button"][data-size-lg="md"][data-theme].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-lg="md"][data-theme][data-collapsed="true"] .button-icon{
3153
3166
  margin-left: -0.5rem;
3154
3167
  margin-right: -0.5rem}
3155
- [data-coco][data-component="app-button"][data-size-lg="md"][data-theme|="text"] .button-element{
3168
+
3169
+ [data-coco][data-component="app-button"][data-size-lg="md"][data-theme|="text"]{
3156
3170
  padding-left: 0.75rem;
3157
3171
  padding-right: 0.75rem}
3158
3172
 
3159
- [data-coco][data-component="app-button"][data-size-lg="md"][data-theme|="text"].icon-only > .button-element .button-icon,[data-coco][data-component="app-button"][data-size-lg="md"][data-theme|="text"][data-collapsed="true"] > .button-element .button-icon{
3173
+ [data-coco][data-component="app-button"][data-size-lg="md"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-lg="md"][data-theme|="text"][data-collapsed="true"] .button-icon{
3160
3174
  padding-left: 0.5rem;
3161
3175
  padding-right: 0.5rem}
3162
3176
  [data-coco][data-component="app-button"][data-size-lg="lg"] .button-content{
@@ -3166,20 +3180,22 @@ select{
3166
3180
  [data-coco][data-component="app-button"][data-size-lg="lg"] .button-icon [data-component="icon"],[data-coco][data-component="app-button"][data-size-lg="lg"] .button-toggle{
3167
3181
  height: 1.5rem;
3168
3182
  width: 1.5rem}
3169
- [data-coco][data-component="app-button"][data-size-lg="lg"][data-theme] .button-element{
3183
+
3184
+ [data-coco][data-component="app-button"][data-size-lg="lg"][data-theme]{
3170
3185
  padding-top: 1rem;
3171
3186
  padding-bottom: 1rem;
3172
3187
  padding-left: 1.5rem;
3173
3188
  padding-right: 1.5rem}
3174
3189
 
3175
- [data-coco][data-component="app-button"][data-size-lg="lg"][data-theme].icon-only > .button-element .button-icon,[data-coco][data-component="app-button"][data-size-lg="lg"][data-theme][data-collapsed="true"] .button-inner{
3190
+ [data-coco][data-component="app-button"][data-size-lg="lg"][data-theme].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-lg="lg"][data-theme][data-collapsed="true"] .button-inner{
3176
3191
  margin-left: -8px;
3177
3192
  margin-right: -8px}
3178
- [data-coco][data-component="app-button"][data-size-lg="lg"][data-theme|="text"] .button-element{
3193
+
3194
+ [data-coco][data-component="app-button"][data-size-lg="lg"][data-theme|="text"]{
3179
3195
  padding-left: 0.75rem;
3180
3196
  padding-right: 0.75rem}
3181
3197
 
3182
- [data-coco][data-component="app-button"][data-size-lg="lg"][data-theme|="text"].icon-only > .button-element .button-icon,[data-coco][data-component="app-button"][data-size-lg="lg"][data-theme|="text"][data-collapsed="true"] > .button-element .button-icon{
3198
+ [data-coco][data-component="app-button"][data-size-lg="lg"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-lg="lg"][data-theme|="text"][data-collapsed="true"] .button-icon{
3183
3199
  padding-left: 0.75rem;
3184
3200
  padding-right: 0.75rem}
3185
3201
  }
@@ -3192,20 +3208,22 @@ select{
3192
3208
  [data-coco][data-component="app-button"][data-size-xl="xs"] .button-icon [data-component="icon"],[data-coco][data-component="app-button"][data-size-xl="xs"] .button-toggle{
3193
3209
  height: 0.875rem;
3194
3210
  width: 0.875rem}
3195
- [data-coco][data-component="app-button"][data-size-xl="xs"][data-theme] .button-element{
3211
+
3212
+ [data-coco][data-component="app-button"][data-size-xl="xs"][data-theme]{
3196
3213
  padding-top: 0.5rem;
3197
3214
  padding-bottom: 0.5rem;
3198
3215
  padding-left: 0.75rem;
3199
3216
  padding-right: 0.75rem}
3200
3217
 
3201
- [data-coco][data-component="app-button"][data-size-xl="xs"].icon-only > .button-element .button-icon,[data-coco][data-component="app-button"][data-size-xl="xs"][data-collapsed="true"] > .button-element .button-icon{
3218
+ [data-coco][data-component="app-button"][data-size-xl="xs"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-xl="xs"][data-collapsed="true"] .button-icon{
3202
3219
  margin-left: -0.25rem;
3203
3220
  margin-right: -0.25rem}
3204
- [data-coco][data-component="app-button"][data-size-xl="xs"][data-theme|="text"] .button-element{
3221
+
3222
+ [data-coco][data-component="app-button"][data-size-xl="xs"][data-theme|="text"]{
3205
3223
  padding-left: 0.5rem;
3206
3224
  padding-right: 0.5rem}
3207
3225
 
3208
- [data-coco][data-component="app-button"][data-size-xl="xs"][data-theme|="text"].icon-only > .button-element .button-icon,[data-coco][data-component="app-button"][data-size-xl="xs"][data-theme|="text"][data-collapsed="true"] > .button-element .button-icon{
3226
+ [data-coco][data-component="app-button"][data-size-xl="xs"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-xl="xs"][data-theme|="text"][data-collapsed="true"] .button-icon{
3209
3227
  padding-left: 0.5rem;
3210
3228
  padding-right: 0.5rem}
3211
3229
  [data-coco][data-component="app-button"][data-size-xl="sm"] .button-content{
@@ -3215,20 +3233,22 @@ select{
3215
3233
  [data-coco][data-component="app-button"][data-size-xl="sm"] .button-icon [data-component="icon"],[data-coco][data-component="app-button"][data-size-xl="sm"] .button-toggle{
3216
3234
  height: 1rem;
3217
3235
  width: 1rem}
3218
- [data-coco][data-component="app-button"][data-size-xl="sm"][data-theme] .button-element{
3236
+
3237
+ [data-coco][data-component="app-button"][data-size-xl="sm"][data-theme]{
3219
3238
  padding-top: 0.625rem;
3220
3239
  padding-bottom: 0.625rem;
3221
3240
  padding-left: 1rem;
3222
3241
  padding-right: 1rem}
3223
3242
 
3224
- [data-coco][data-component="app-button"][data-size-xl="sm"][data-theme].icon-only > .button-element .button-icon,[data-coco][data-component="app-button"][data-size-xl="sm"][data-theme][data-collapsed="true"] > .button-element .button-icon{
3243
+ [data-coco][data-component="app-button"][data-size-xl="sm"][data-theme].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-xl="sm"][data-theme][data-collapsed="true"] .button-icon{
3225
3244
  margin-left: -0.375rem;
3226
3245
  margin-right: -0.375rem}
3227
- [data-coco][data-component="app-button"][data-size-xl="sm"][data-theme|="text"] .button-element{
3246
+
3247
+ [data-coco][data-component="app-button"][data-size-xl="sm"][data-theme|="text"]{
3228
3248
  padding-left: 0.5rem;
3229
3249
  padding-right: 0.5rem}
3230
3250
 
3231
- [data-coco][data-component="app-button"][data-size-xl="sm"][data-theme|="text"].icon-only > .button-element .button-icon,[data-coco][data-component="app-button"][data-size-xl="sm"][data-theme|="text"][data-collapsed="true"] > .button-element .button-icon{
3251
+ [data-coco][data-component="app-button"][data-size-xl="sm"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-xl="sm"][data-theme|="text"][data-collapsed="true"] .button-icon{
3232
3252
  padding-left: 0.5rem;
3233
3253
  padding-right: 0.5rem}
3234
3254
  [data-coco][data-component="app-button"][data-size-xl="md"] .button-content{
@@ -3238,20 +3258,22 @@ select{
3238
3258
  [data-coco][data-component="app-button"][data-size-xl="md"] .button-icon [data-component="icon"],[data-coco][data-component="app-button"][data-size-xl="md"] .button-toggle{
3239
3259
  height: 1.25rem;
3240
3260
  width: 1.25rem}
3241
- [data-coco][data-component="app-button"][data-size-xl="md"][data-theme] .button-element{
3261
+
3262
+ [data-coco][data-component="app-button"][data-size-xl="md"][data-theme]{
3242
3263
  padding-top: 0.75rem;
3243
3264
  padding-bottom: 0.75rem;
3244
3265
  padding-left: 1.25rem;
3245
3266
  padding-right: 1.25rem}
3246
3267
 
3247
- [data-coco][data-component="app-button"][data-size-xl="md"][data-theme].icon-only > .button-element .button-icon,[data-coco][data-component="app-button"][data-size-xl="md"][data-theme][data-collapsed="true"] > .button-element .button-icon{
3268
+ [data-coco][data-component="app-button"][data-size-xl="md"][data-theme].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-xl="md"][data-theme][data-collapsed="true"] .button-icon{
3248
3269
  margin-left: -0.5rem;
3249
3270
  margin-right: -0.5rem}
3250
- [data-coco][data-component="app-button"][data-size-xl="md"][data-theme|="text"] .button-element{
3271
+
3272
+ [data-coco][data-component="app-button"][data-size-xl="md"][data-theme|="text"]{
3251
3273
  padding-left: 0.75rem;
3252
3274
  padding-right: 0.75rem}
3253
3275
 
3254
- [data-coco][data-component="app-button"][data-size-xl="md"][data-theme|="text"].icon-only > .button-element .button-icon,[data-coco][data-component="app-button"][data-size-xl="md"][data-theme|="text"][data-collapsed="true"] > .button-element .button-icon{
3276
+ [data-coco][data-component="app-button"][data-size-xl="md"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-xl="md"][data-theme|="text"][data-collapsed="true"] .button-icon{
3255
3277
  padding-left: 0.5rem;
3256
3278
  padding-right: 0.5rem}
3257
3279
  [data-coco][data-component="app-button"][data-size-xl="lg"] .button-content{
@@ -3261,20 +3283,22 @@ select{
3261
3283
  [data-coco][data-component="app-button"][data-size-xl="lg"] .button-icon [data-component="icon"],[data-coco][data-component="app-button"][data-size-xl="lg"] .button-toggle{
3262
3284
  height: 1.5rem;
3263
3285
  width: 1.5rem}
3264
- [data-coco][data-component="app-button"][data-size-xl="lg"][data-theme] .button-element{
3286
+
3287
+ [data-coco][data-component="app-button"][data-size-xl="lg"][data-theme]{
3265
3288
  padding-top: 1rem;
3266
3289
  padding-bottom: 1rem;
3267
3290
  padding-left: 1.5rem;
3268
3291
  padding-right: 1.5rem}
3269
3292
 
3270
- [data-coco][data-component="app-button"][data-size-xl="lg"][data-theme].icon-only > .button-element .button-icon,[data-coco][data-component="app-button"][data-size-xl="lg"][data-theme][data-collapsed="true"] .button-inner{
3293
+ [data-coco][data-component="app-button"][data-size-xl="lg"][data-theme].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-xl="lg"][data-theme][data-collapsed="true"] .button-inner{
3271
3294
  margin-left: -8px;
3272
3295
  margin-right: -8px}
3273
- [data-coco][data-component="app-button"][data-size-xl="lg"][data-theme|="text"] .button-element{
3296
+
3297
+ [data-coco][data-component="app-button"][data-size-xl="lg"][data-theme|="text"]{
3274
3298
  padding-left: 0.75rem;
3275
3299
  padding-right: 0.75rem}
3276
3300
 
3277
- [data-coco][data-component="app-button"][data-size-xl="lg"][data-theme|="text"].icon-only > .button-element .button-icon,[data-coco][data-component="app-button"][data-size-xl="lg"][data-theme|="text"][data-collapsed="true"] > .button-element .button-icon{
3301
+ [data-coco][data-component="app-button"][data-size-xl="lg"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-xl="lg"][data-theme|="text"][data-collapsed="true"] .button-icon{
3278
3302
  padding-left: 0.75rem;
3279
3303
  padding-right: 0.75rem}
3280
3304
  }
@@ -3290,26 +3314,28 @@ select{
3290
3314
  [data-coco][data-component="app-button"][data-size-2xl="xs"] .button-toggle{
3291
3315
  height: 0.875rem;
3292
3316
  width: 0.875rem}
3293
- [data-coco][data-component="app-button"][data-size-xxl="xs"][data-theme] .button-element,
3294
- [data-coco][data-component="app-button"][data-size-2xl="xs"][data-theme] .button-element{
3317
+
3318
+ [data-coco][data-component="app-button"][data-size-xxl="xs"][data-theme],
3319
+ [data-coco][data-component="app-button"][data-size-2xl="xs"][data-theme]{
3295
3320
  padding-top: 0.5rem;
3296
3321
  padding-bottom: 0.5rem;
3297
3322
  padding-left: 0.75rem;
3298
3323
  padding-right: 0.75rem}
3299
3324
 
3300
- [data-coco][data-component="app-button"][data-size-xxl="xs"].icon-only > .button-element .button-icon,[data-coco][data-component="app-button"][data-size-xxl="xs"][data-collapsed="true"] > .button-element .button-icon,
3301
- [data-coco][data-component="app-button"][data-size-2xl="xs"].icon-only > .button-element .button-icon,
3302
- [data-coco][data-component="app-button"][data-size-2xl="xs"][data-collapsed="true"] > .button-element .button-icon{
3325
+ [data-coco][data-component="app-button"][data-size-xxl="xs"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-xxl="xs"][data-collapsed="true"] .button-icon,
3326
+ [data-coco][data-component="app-button"][data-size-2xl="xs"].icon-only .button-icon,
3327
+ [data-coco][data-component="app-button"][data-size-2xl="xs"][data-collapsed="true"] .button-icon{
3303
3328
  margin-left: -0.25rem;
3304
3329
  margin-right: -0.25rem}
3305
- [data-coco][data-component="app-button"][data-size-xxl="xs"][data-theme|="text"] .button-element,
3306
- [data-coco][data-component="app-button"][data-size-2xl="xs"][data-theme|="text"] .button-element{
3330
+
3331
+ [data-coco][data-component="app-button"][data-size-xxl="xs"][data-theme|="text"],
3332
+ [data-coco][data-component="app-button"][data-size-2xl="xs"][data-theme|="text"]{
3307
3333
  padding-left: 0.5rem;
3308
3334
  padding-right: 0.5rem}
3309
3335
 
3310
- [data-coco][data-component="app-button"][data-size-xxl="xs"][data-theme|="text"].icon-only > .button-element .button-icon,[data-coco][data-component="app-button"][data-size-xxl="xs"][data-theme|="text"][data-collapsed="true"] > .button-element .button-icon,
3311
- [data-coco][data-component="app-button"][data-size-2xl="xs"][data-theme|="text"].icon-only > .button-element .button-icon,
3312
- [data-coco][data-component="app-button"][data-size-2xl="xs"][data-theme|="text"][data-collapsed="true"] > .button-element .button-icon{
3336
+ [data-coco][data-component="app-button"][data-size-xxl="xs"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-xxl="xs"][data-theme|="text"][data-collapsed="true"] .button-icon,
3337
+ [data-coco][data-component="app-button"][data-size-2xl="xs"][data-theme|="text"].icon-only .button-icon,
3338
+ [data-coco][data-component="app-button"][data-size-2xl="xs"][data-theme|="text"][data-collapsed="true"] .button-icon{
3313
3339
  padding-left: 0.5rem;
3314
3340
  padding-right: 0.5rem}
3315
3341
  [data-coco][data-component="app-button"][data-size-xxl="sm"] .button-content,
@@ -3322,26 +3348,28 @@ select{
3322
3348
  [data-coco][data-component="app-button"][data-size-2xl="sm"] .button-toggle{
3323
3349
  height: 1rem;
3324
3350
  width: 1rem}
3325
- [data-coco][data-component="app-button"][data-size-xxl="sm"][data-theme] .button-element,
3326
- [data-coco][data-component="app-button"][data-size-2xl="sm"][data-theme] .button-element{
3351
+
3352
+ [data-coco][data-component="app-button"][data-size-xxl="sm"][data-theme],
3353
+ [data-coco][data-component="app-button"][data-size-2xl="sm"][data-theme]{
3327
3354
  padding-top: 0.625rem;
3328
3355
  padding-bottom: 0.625rem;
3329
3356
  padding-left: 1rem;
3330
3357
  padding-right: 1rem}
3331
3358
 
3332
- [data-coco][data-component="app-button"][data-size-xxl="sm"][data-theme].icon-only > .button-element .button-icon,[data-coco][data-component="app-button"][data-size-xxl="sm"][data-theme][data-collapsed="true"] > .button-element .button-icon,
3333
- [data-coco][data-component="app-button"][data-size-2xl="sm"][data-theme].icon-only > .button-element .button-icon,
3334
- [data-coco][data-component="app-button"][data-size-2xl="sm"][data-theme][data-collapsed="true"] > .button-element .button-icon{
3359
+ [data-coco][data-component="app-button"][data-size-xxl="sm"][data-theme].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-xxl="sm"][data-theme][data-collapsed="true"] .button-icon,
3360
+ [data-coco][data-component="app-button"][data-size-2xl="sm"][data-theme].icon-only .button-icon,
3361
+ [data-coco][data-component="app-button"][data-size-2xl="sm"][data-theme][data-collapsed="true"] .button-icon{
3335
3362
  margin-left: -0.375rem;
3336
3363
  margin-right: -0.375rem}
3337
- [data-coco][data-component="app-button"][data-size-xxl="sm"][data-theme|="text"] .button-element,
3338
- [data-coco][data-component="app-button"][data-size-2xl="sm"][data-theme|="text"] .button-element{
3364
+
3365
+ [data-coco][data-component="app-button"][data-size-xxl="sm"][data-theme|="text"],
3366
+ [data-coco][data-component="app-button"][data-size-2xl="sm"][data-theme|="text"]{
3339
3367
  padding-left: 0.5rem;
3340
3368
  padding-right: 0.5rem}
3341
3369
 
3342
- [data-coco][data-component="app-button"][data-size-xxl="sm"][data-theme|="text"].icon-only > .button-element .button-icon,[data-coco][data-component="app-button"][data-size-xxl="sm"][data-theme|="text"][data-collapsed="true"] > .button-element .button-icon,
3343
- [data-coco][data-component="app-button"][data-size-2xl="sm"][data-theme|="text"].icon-only > .button-element .button-icon,
3344
- [data-coco][data-component="app-button"][data-size-2xl="sm"][data-theme|="text"][data-collapsed="true"] > .button-element .button-icon{
3370
+ [data-coco][data-component="app-button"][data-size-xxl="sm"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-xxl="sm"][data-theme|="text"][data-collapsed="true"] .button-icon,
3371
+ [data-coco][data-component="app-button"][data-size-2xl="sm"][data-theme|="text"].icon-only .button-icon,
3372
+ [data-coco][data-component="app-button"][data-size-2xl="sm"][data-theme|="text"][data-collapsed="true"] .button-icon{
3345
3373
  padding-left: 0.5rem;
3346
3374
  padding-right: 0.5rem}
3347
3375
  [data-coco][data-component="app-button"][data-size-xxl="md"] .button-content,
@@ -3354,26 +3382,28 @@ select{
3354
3382
  [data-coco][data-component="app-button"][data-size-2xl="md"] .button-toggle{
3355
3383
  height: 1.25rem;
3356
3384
  width: 1.25rem}
3357
- [data-coco][data-component="app-button"][data-size-xxl="md"][data-theme] .button-element,
3358
- [data-coco][data-component="app-button"][data-size-2xl="md"][data-theme] .button-element{
3385
+
3386
+ [data-coco][data-component="app-button"][data-size-xxl="md"][data-theme],
3387
+ [data-coco][data-component="app-button"][data-size-2xl="md"][data-theme]{
3359
3388
  padding-top: 0.75rem;
3360
3389
  padding-bottom: 0.75rem;
3361
3390
  padding-left: 1.25rem;
3362
3391
  padding-right: 1.25rem}
3363
3392
 
3364
- [data-coco][data-component="app-button"][data-size-xxl="md"][data-theme].icon-only > .button-element .button-icon,[data-coco][data-component="app-button"][data-size-xxl="md"][data-theme][data-collapsed="true"] > .button-element .button-icon,
3365
- [data-coco][data-component="app-button"][data-size-2xl="md"][data-theme].icon-only > .button-element .button-icon,
3366
- [data-coco][data-component="app-button"][data-size-2xl="md"][data-theme][data-collapsed="true"] > .button-element .button-icon{
3393
+ [data-coco][data-component="app-button"][data-size-xxl="md"][data-theme].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-xxl="md"][data-theme][data-collapsed="true"] .button-icon,
3394
+ [data-coco][data-component="app-button"][data-size-2xl="md"][data-theme].icon-only .button-icon,
3395
+ [data-coco][data-component="app-button"][data-size-2xl="md"][data-theme][data-collapsed="true"] .button-icon{
3367
3396
  margin-left: -0.5rem;
3368
3397
  margin-right: -0.5rem}
3369
- [data-coco][data-component="app-button"][data-size-xxl="md"][data-theme|="text"] .button-element,
3370
- [data-coco][data-component="app-button"][data-size-2xl="md"][data-theme|="text"] .button-element{
3398
+
3399
+ [data-coco][data-component="app-button"][data-size-xxl="md"][data-theme|="text"],
3400
+ [data-coco][data-component="app-button"][data-size-2xl="md"][data-theme|="text"]{
3371
3401
  padding-left: 0.75rem;
3372
3402
  padding-right: 0.75rem}
3373
3403
 
3374
- [data-coco][data-component="app-button"][data-size-xxl="md"][data-theme|="text"].icon-only > .button-element .button-icon,[data-coco][data-component="app-button"][data-size-xxl="md"][data-theme|="text"][data-collapsed="true"] > .button-element .button-icon,
3375
- [data-coco][data-component="app-button"][data-size-2xl="md"][data-theme|="text"].icon-only > .button-element .button-icon,
3376
- [data-coco][data-component="app-button"][data-size-2xl="md"][data-theme|="text"][data-collapsed="true"] > .button-element .button-icon{
3404
+ [data-coco][data-component="app-button"][data-size-xxl="md"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-xxl="md"][data-theme|="text"][data-collapsed="true"] .button-icon,
3405
+ [data-coco][data-component="app-button"][data-size-2xl="md"][data-theme|="text"].icon-only .button-icon,
3406
+ [data-coco][data-component="app-button"][data-size-2xl="md"][data-theme|="text"][data-collapsed="true"] .button-icon{
3377
3407
  padding-left: 0.5rem;
3378
3408
  padding-right: 0.5rem}
3379
3409
  [data-coco][data-component="app-button"][data-size-xxl="lg"] .button-content,
@@ -3386,26 +3416,28 @@ select{
3386
3416
  [data-coco][data-component="app-button"][data-size-2xl="lg"] .button-toggle{
3387
3417
  height: 1.5rem;
3388
3418
  width: 1.5rem}
3389
- [data-coco][data-component="app-button"][data-size-xxl="lg"][data-theme] .button-element,
3390
- [data-coco][data-component="app-button"][data-size-2xl="lg"][data-theme] .button-element{
3419
+
3420
+ [data-coco][data-component="app-button"][data-size-xxl="lg"][data-theme],
3421
+ [data-coco][data-component="app-button"][data-size-2xl="lg"][data-theme]{
3391
3422
  padding-top: 1rem;
3392
3423
  padding-bottom: 1rem;
3393
3424
  padding-left: 1.5rem;
3394
3425
  padding-right: 1.5rem}
3395
3426
 
3396
- [data-coco][data-component="app-button"][data-size-xxl="lg"][data-theme].icon-only > .button-element .button-icon,[data-coco][data-component="app-button"][data-size-xxl="lg"][data-theme][data-collapsed="true"] .button-inner,
3397
- [data-coco][data-component="app-button"][data-size-2xl="lg"][data-theme].icon-only > .button-element .button-icon,
3427
+ [data-coco][data-component="app-button"][data-size-xxl="lg"][data-theme].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-xxl="lg"][data-theme][data-collapsed="true"] .button-inner,
3428
+ [data-coco][data-component="app-button"][data-size-2xl="lg"][data-theme].icon-only .button-icon,
3398
3429
  [data-coco][data-component="app-button"][data-size-2xl="lg"][data-theme][data-collapsed="true"] .button-inner{
3399
3430
  margin-left: -8px;
3400
3431
  margin-right: -8px}
3401
- [data-coco][data-component="app-button"][data-size-xxl="lg"][data-theme|="text"] .button-element,
3402
- [data-coco][data-component="app-button"][data-size-2xl="lg"][data-theme|="text"] .button-element{
3432
+
3433
+ [data-coco][data-component="app-button"][data-size-xxl="lg"][data-theme|="text"],
3434
+ [data-coco][data-component="app-button"][data-size-2xl="lg"][data-theme|="text"]{
3403
3435
  padding-left: 0.75rem;
3404
3436
  padding-right: 0.75rem}
3405
3437
 
3406
- [data-coco][data-component="app-button"][data-size-xxl="lg"][data-theme|="text"].icon-only > .button-element .button-icon,[data-coco][data-component="app-button"][data-size-xxl="lg"][data-theme|="text"][data-collapsed="true"] > .button-element .button-icon,
3407
- [data-coco][data-component="app-button"][data-size-2xl="lg"][data-theme|="text"].icon-only > .button-element .button-icon,
3408
- [data-coco][data-component="app-button"][data-size-2xl="lg"][data-theme|="text"][data-collapsed="true"] > .button-element .button-icon{
3438
+ [data-coco][data-component="app-button"][data-size-xxl="lg"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-xxl="lg"][data-theme|="text"][data-collapsed="true"] .button-icon,
3439
+ [data-coco][data-component="app-button"][data-size-2xl="lg"][data-theme|="text"].icon-only .button-icon,
3440
+ [data-coco][data-component="app-button"][data-size-2xl="lg"][data-theme|="text"][data-collapsed="true"] .button-icon{
3409
3441
  padding-left: 0.75rem;
3410
3442
  padding-right: 0.75rem}
3411
3443
  }
@@ -3418,20 +3450,22 @@ select{
3418
3450
  [data-coco][data-component="app-button"][data-size-max="xs"] .button-icon [data-component="icon"],[data-coco][data-component="app-button"][data-size-max="xs"] .button-toggle{
3419
3451
  height: 0.875rem;
3420
3452
  width: 0.875rem}
3421
- [data-coco][data-component="app-button"][data-size-max="xs"][data-theme] .button-element{
3453
+
3454
+ [data-coco][data-component="app-button"][data-size-max="xs"][data-theme]{
3422
3455
  padding-top: 0.5rem;
3423
3456
  padding-bottom: 0.5rem;
3424
3457
  padding-left: 0.75rem;
3425
3458
  padding-right: 0.75rem}
3426
3459
 
3427
- [data-coco][data-component="app-button"][data-size-max="xs"].icon-only > .button-element .button-icon,[data-coco][data-component="app-button"][data-size-max="xs"][data-collapsed="true"] > .button-element .button-icon{
3460
+ [data-coco][data-component="app-button"][data-size-max="xs"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-max="xs"][data-collapsed="true"] .button-icon{
3428
3461
  margin-left: -0.25rem;
3429
3462
  margin-right: -0.25rem}
3430
- [data-coco][data-component="app-button"][data-size-max="xs"][data-theme|="text"] .button-element{
3463
+
3464
+ [data-coco][data-component="app-button"][data-size-max="xs"][data-theme|="text"]{
3431
3465
  padding-left: 0.5rem;
3432
3466
  padding-right: 0.5rem}
3433
3467
 
3434
- [data-coco][data-component="app-button"][data-size-max="xs"][data-theme|="text"].icon-only > .button-element .button-icon,[data-coco][data-component="app-button"][data-size-max="xs"][data-theme|="text"][data-collapsed="true"] > .button-element .button-icon{
3468
+ [data-coco][data-component="app-button"][data-size-max="xs"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-max="xs"][data-theme|="text"][data-collapsed="true"] .button-icon{
3435
3469
  padding-left: 0.5rem;
3436
3470
  padding-right: 0.5rem}
3437
3471
  [data-coco][data-component="app-button"][data-size-max="sm"] .button-content{
@@ -3441,20 +3475,22 @@ select{
3441
3475
  [data-coco][data-component="app-button"][data-size-max="sm"] .button-icon [data-component="icon"],[data-coco][data-component="app-button"][data-size-max="sm"] .button-toggle{
3442
3476
  height: 1rem;
3443
3477
  width: 1rem}
3444
- [data-coco][data-component="app-button"][data-size-max="sm"][data-theme] .button-element{
3478
+
3479
+ [data-coco][data-component="app-button"][data-size-max="sm"][data-theme]{
3445
3480
  padding-top: 0.625rem;
3446
3481
  padding-bottom: 0.625rem;
3447
3482
  padding-left: 1rem;
3448
3483
  padding-right: 1rem}
3449
3484
 
3450
- [data-coco][data-component="app-button"][data-size-max="sm"][data-theme].icon-only > .button-element .button-icon,[data-coco][data-component="app-button"][data-size-max="sm"][data-theme][data-collapsed="true"] > .button-element .button-icon{
3485
+ [data-coco][data-component="app-button"][data-size-max="sm"][data-theme].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-max="sm"][data-theme][data-collapsed="true"] .button-icon{
3451
3486
  margin-left: -0.375rem;
3452
3487
  margin-right: -0.375rem}
3453
- [data-coco][data-component="app-button"][data-size-max="sm"][data-theme|="text"] .button-element{
3488
+
3489
+ [data-coco][data-component="app-button"][data-size-max="sm"][data-theme|="text"]{
3454
3490
  padding-left: 0.5rem;
3455
3491
  padding-right: 0.5rem}
3456
3492
 
3457
- [data-coco][data-component="app-button"][data-size-max="sm"][data-theme|="text"].icon-only > .button-element .button-icon,[data-coco][data-component="app-button"][data-size-max="sm"][data-theme|="text"][data-collapsed="true"] > .button-element .button-icon{
3493
+ [data-coco][data-component="app-button"][data-size-max="sm"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-max="sm"][data-theme|="text"][data-collapsed="true"] .button-icon{
3458
3494
  padding-left: 0.5rem;
3459
3495
  padding-right: 0.5rem}
3460
3496
  [data-coco][data-component="app-button"][data-size-max="md"] .button-content{
@@ -3464,20 +3500,22 @@ select{
3464
3500
  [data-coco][data-component="app-button"][data-size-max="md"] .button-icon [data-component="icon"],[data-coco][data-component="app-button"][data-size-max="md"] .button-toggle{
3465
3501
  height: 1.25rem;
3466
3502
  width: 1.25rem}
3467
- [data-coco][data-component="app-button"][data-size-max="md"][data-theme] .button-element{
3503
+
3504
+ [data-coco][data-component="app-button"][data-size-max="md"][data-theme]{
3468
3505
  padding-top: 0.75rem;
3469
3506
  padding-bottom: 0.75rem;
3470
3507
  padding-left: 1.25rem;
3471
3508
  padding-right: 1.25rem}
3472
3509
 
3473
- [data-coco][data-component="app-button"][data-size-max="md"][data-theme].icon-only > .button-element .button-icon,[data-coco][data-component="app-button"][data-size-max="md"][data-theme][data-collapsed="true"] > .button-element .button-icon{
3510
+ [data-coco][data-component="app-button"][data-size-max="md"][data-theme].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-max="md"][data-theme][data-collapsed="true"] .button-icon{
3474
3511
  margin-left: -0.5rem;
3475
3512
  margin-right: -0.5rem}
3476
- [data-coco][data-component="app-button"][data-size-max="md"][data-theme|="text"] .button-element{
3513
+
3514
+ [data-coco][data-component="app-button"][data-size-max="md"][data-theme|="text"]{
3477
3515
  padding-left: 0.75rem;
3478
3516
  padding-right: 0.75rem}
3479
3517
 
3480
- [data-coco][data-component="app-button"][data-size-max="md"][data-theme|="text"].icon-only > .button-element .button-icon,[data-coco][data-component="app-button"][data-size-max="md"][data-theme|="text"][data-collapsed="true"] > .button-element .button-icon{
3518
+ [data-coco][data-component="app-button"][data-size-max="md"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-max="md"][data-theme|="text"][data-collapsed="true"] .button-icon{
3481
3519
  padding-left: 0.5rem;
3482
3520
  padding-right: 0.5rem}
3483
3521
  [data-coco][data-component="app-button"][data-size-max="lg"] .button-content{
@@ -3487,20 +3525,22 @@ select{
3487
3525
  [data-coco][data-component="app-button"][data-size-max="lg"] .button-icon [data-component="icon"],[data-coco][data-component="app-button"][data-size-max="lg"] .button-toggle{
3488
3526
  height: 1.5rem;
3489
3527
  width: 1.5rem}
3490
- [data-coco][data-component="app-button"][data-size-max="lg"][data-theme] .button-element{
3528
+
3529
+ [data-coco][data-component="app-button"][data-size-max="lg"][data-theme]{
3491
3530
  padding-top: 1rem;
3492
3531
  padding-bottom: 1rem;
3493
3532
  padding-left: 1.5rem;
3494
3533
  padding-right: 1.5rem}
3495
3534
 
3496
- [data-coco][data-component="app-button"][data-size-max="lg"][data-theme].icon-only > .button-element .button-icon,[data-coco][data-component="app-button"][data-size-max="lg"][data-theme][data-collapsed="true"] .button-inner{
3535
+ [data-coco][data-component="app-button"][data-size-max="lg"][data-theme].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-max="lg"][data-theme][data-collapsed="true"] .button-inner{
3497
3536
  margin-left: -8px;
3498
3537
  margin-right: -8px}
3499
- [data-coco][data-component="app-button"][data-size-max="lg"][data-theme|="text"] .button-element{
3538
+
3539
+ [data-coco][data-component="app-button"][data-size-max="lg"][data-theme|="text"]{
3500
3540
  padding-left: 0.75rem;
3501
3541
  padding-right: 0.75rem}
3502
3542
 
3503
- [data-coco][data-component="app-button"][data-size-max="lg"][data-theme|="text"].icon-only > .button-element .button-icon,[data-coco][data-component="app-button"][data-size-max="lg"][data-theme|="text"][data-collapsed="true"] > .button-element .button-icon{
3543
+ [data-coco][data-component="app-button"][data-size-max="lg"][data-theme|="text"].icon-only .button-icon,[data-coco][data-component="app-button"][data-size-max="lg"][data-theme|="text"][data-collapsed="true"] .button-icon{
3504
3544
  padding-left: 0.75rem;
3505
3545
  padding-right: 0.75rem}
3506
3546
  }
@@ -3508,7 +3548,10 @@ select{
3508
3548
  width: -moz-fit-content;
3509
3549
  width: fit-content;
3510
3550
  border-radius: 44px;
3551
+ opacity: 0;
3511
3552
  }
3553
+ [data-coco][data-component="app-button-group"].button-group-ready{
3554
+ opacity: 1}
3512
3555
  [data-coco][data-component="app-button-group"] .button-group-buttons{
3513
3556
  display: flex;
3514
3557
  align-items: center;
@@ -3527,11 +3570,11 @@ select{
3527
3570
  [data-coco][data-component="app-button-group"][data-segmented="true"] .button-group-buttons{
3528
3571
  -moz-column-gap: 0px;
3529
3572
  column-gap: 0px}
3530
- [data-coco][data-component="app-button-group"][data-segmented="true"] .coco-button:not(:first-child){
3573
+ [data-coco][data-component="app-button-group"][data-segmented="true"] .coco-button-wrapper:not(:first-child) .coco-button{
3531
3574
  border-top-left-radius: 0px;
3532
3575
  border-bottom-left-radius: 0px;
3533
3576
  border-left-width: 0px}
3534
- [data-coco][data-component="app-button-group"][data-segmented="true"] .coco-button:not(:last-child){
3577
+ [data-coco][data-component="app-button-group"][data-segmented="true"] .coco-button-wrapper:not(:last-child) .coco-button{
3535
3578
  border-top-right-radius: 0px;
3536
3579
  border-bottom-right-radius: 0px}
3537
3580
  [data-coco][data-component="app-button-group"][data-segmented="true"][data-floating="true"]{
@@ -3539,13 +3582,10 @@ select{
3539
3582
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
3540
3583
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
3541
3584
  [data-coco][data-component="app-button-to"]{
3542
- display: flex;
3543
- width: -moz-max-content;
3544
- width: max-content}
3545
- [data-coco][data-component="app-button-to"] form{
3546
- width: 100%}
3547
- [data-coco][data-component="app-button-to"][data-fit="full"]{
3548
- width: 100%}
3585
+ display: contents}
3586
+ [data-coco][data-component="app-button-to"] form,
3587
+ [data-coco][data-component="app-button-to"] input{
3588
+ display: contents}
3549
3589
  [data-coco][data-component="app-color-picker"]{
3550
3590
  --tw-bg-opacity: 1;
3551
3591
  background-color: rgb(249 250 251 / var(--tw-bg-opacity))}
@@ -3836,9 +3876,7 @@ select{
3836
3876
  width: 1.5rem}
3837
3877
  }
3838
3878
  [data-coco][data-component="app-color-picker-button"]{
3839
- display: inline-flex;
3840
- width: -moz-max-content;
3841
- width: max-content}
3879
+ display: contents}
3842
3880
  [data-coco][data-component="app-color-picker-button"] .picker-icon{
3843
3881
  display: block;
3844
3882
  height: 100%;
@@ -4050,15 +4088,11 @@ select{
4050
4088
  padding-top: 2rem}
4051
4089
  }
4052
4090
  [data-coco][data-component="app-image-picker-button"]{
4053
- display: inline-flex;
4054
- width: -moz-max-content;
4055
- width: max-content}
4091
+ display: contents}
4056
4092
  [data-coco][data-component="app-image-picker-button"] [data-component="app-image-picker"]{
4057
4093
  border-radius: 0.375rem}
4058
4094
  [data-coco][data-component="app-layout-picker-button"]{
4059
- display: inline-flex;
4060
- width: -moz-max-content;
4061
- width: max-content}
4095
+ display: contents}
4062
4096
  [data-coco][data-component="app-layout-picker-button"] .layout-picker{
4063
4097
  display: grid;
4064
4098
  grid-template-columns: repeat(2, minmax(0, 1fr))}
@@ -4181,22 +4215,30 @@ select{
4181
4215
  }
4182
4216
  [data-coco][data-component="app-menu"] .menu-item > *{
4183
4217
  width: 100%}
4184
- [data-coco][data-component="app-menu"] .menu-item > [data-component="app-button"]:hover,
4185
- [data-coco][data-component="app-menu"] .menu-item > [data-component="app-button-to"]:hover,
4186
- [data-coco][data-component="app-menu"] .menu-item > [data-component="app-menu-button"]:hover{
4218
+ [data-coco][data-component="app-menu"] .menu-item > .coco-button-wrapper > .coco-button:hover,
4219
+ [data-coco][data-component="app-menu"] .menu-item > [data-component="app-button-to"] .coco-button:hover,
4220
+ [data-coco][data-component="app-menu"] .menu-item > [data-component="app-menu-button"]
4221
+ > .coco-button-wrapper
4222
+ > .coco-button:hover{
4187
4223
  background-color: rgba(0, 12, 39, 0.06);
4188
4224
  background-blend-mode: hard-light}
4189
- [data-coco][data-component="app-menu"] .menu-item > [data-component="app-button"]:active,
4190
- [data-coco][data-component="app-menu"] .menu-item > [data-component="app-button-to"]:active,
4191
- [data-coco][data-component="app-menu"] .menu-item > [data-component="app-menu-button"]:active{
4225
+ [data-coco][data-component="app-menu"] .menu-item > .coco-button-wrapper > .coco-button:active,
4226
+ [data-coco][data-component="app-menu"] .menu-item > [data-component="app-button-to"] .coco-button:active,
4227
+ [data-coco][data-component="app-menu"] .menu-item > [data-component="app-menu-button"]
4228
+ > .coco-button-wrapper
4229
+ > .coco-button:active{
4192
4230
  background-color: rgba(0, 12, 39, 0.1);
4193
4231
  background-blend-mode: hard-light}
4194
- [data-coco][data-component="app-menu"] .menu-item > [data-component="app-button"] .button-inner, [data-coco][data-component="app-menu"] .menu-item > [data-component="app-button-to"] .button-inner, [data-coco][data-component="app-menu"] .menu-item > [data-component="app-menu-button"] .button-inner{
4232
+ [data-coco][data-component="app-menu"] .menu-item > .coco-button-wrapper > .coco-button .button-inner, [data-coco][data-component="app-menu"] .menu-item > [data-component="app-button-to"] .coco-button .button-inner, [data-coco][data-component="app-menu"] .menu-item > [data-component="app-menu-button"]
4233
+ > .coco-button-wrapper
4234
+ > .coco-button .button-inner{
4195
4235
  margin-left: 0px;
4196
4236
  margin-right: 0px;
4197
4237
  justify-content: flex-start;
4198
4238
  text-align: left}
4199
- [data-coco][data-component="app-menu"] .menu-item > [data-component="app-button"] .button-content, [data-coco][data-component="app-menu"] .menu-item > [data-component="app-button-to"] .button-content, [data-coco][data-component="app-menu"] .menu-item > [data-component="app-menu-button"] .button-content{
4239
+ [data-coco][data-component="app-menu"] .menu-item > .coco-button-wrapper > .coco-button .button-content, [data-coco][data-component="app-menu"] .menu-item > [data-component="app-button-to"] .coco-button .button-content, [data-coco][data-component="app-menu"] .menu-item > [data-component="app-menu-button"]
4240
+ > .coco-button-wrapper
4241
+ > .coco-button .button-content{
4200
4242
  font-weight: 400 !important}
4201
4243
  [data-coco][data-component="app-menu"] .menu-item .divider{
4202
4244
  margin-top: 0.375rem;
@@ -4205,31 +4247,31 @@ select{
4205
4247
  [data-coco][data-component="app-menu"][data-size="xs"]{
4206
4248
  padding-top: 0.375rem;
4207
4249
  padding-bottom: 0.375rem}
4208
- [data-coco][data-component="app-menu"][data-size="sm"] .menu-item [data-component="app-button"] > .button-element, [data-coco][data-component="app-menu"][data-size="xs"] .menu-item [data-component="app-button"] > .button-element{
4250
+ [data-coco][data-component="app-menu"][data-size="sm"] .menu-item [data-component="app-button"], [data-coco][data-component="app-menu"][data-size="xs"] .menu-item [data-component="app-button"]{
4209
4251
  padding-left: 1rem;
4210
4252
  padding-right: 1rem;
4211
4253
  padding-top: 0.5rem;
4212
4254
  padding-bottom: 0.5rem;
4213
4255
  font-size: 14px;
4214
4256
  line-height: 16px}
4215
- [data-coco][data-component="app-menu"][data-size="sm"] .menu-item [data-component="app-button"] > .button-element .button-inner, [data-coco][data-component="app-menu"][data-size="xs"] .menu-item [data-component="app-button"] > .button-element .button-inner{
4257
+ [data-coco][data-component="app-menu"][data-size="sm"] .menu-item [data-component="app-button"] .button-inner, [data-coco][data-component="app-menu"][data-size="xs"] .menu-item [data-component="app-button"] .button-inner{
4216
4258
  gap: 0.5rem}
4217
- [data-coco][data-component="app-menu"][data-size="sm"] .menu-item [data-component="app-button"] > .button-element .button-inner > [data-component="icon"], [data-coco][data-component="app-menu"][data-size="xs"] .menu-item [data-component="app-button"] > .button-element .button-inner > [data-component="icon"]{
4259
+ [data-coco][data-component="app-menu"][data-size="sm"] .menu-item [data-component="app-button"] .button-inner > [data-component="icon"], [data-coco][data-component="app-menu"][data-size="xs"] .menu-item [data-component="app-button"] .button-inner > [data-component="icon"]{
4218
4260
  height: 1rem;
4219
4261
  width: 1rem}
4220
4262
  [data-coco][data-component="app-menu"][data-size="md"]{
4221
4263
  padding-top: 0.5rem;
4222
4264
  padding-bottom: 0.5rem}
4223
- [data-coco][data-component="app-menu"][data-size="md"] .menu-item [data-component="app-button"] > .button-element{
4265
+ [data-coco][data-component="app-menu"][data-size="md"] .menu-item [data-component="app-button"]{
4224
4266
  padding-left: 1.25rem;
4225
4267
  padding-right: 1.25rem;
4226
4268
  padding-top: 0.625rem;
4227
4269
  padding-bottom: 0.625rem;
4228
4270
  font-size: 16px;
4229
4271
  line-height: 20px}
4230
- [data-coco][data-component="app-menu"][data-size="md"] .menu-item [data-component="app-button"] > .button-element .button-inner{
4272
+ [data-coco][data-component="app-menu"][data-size="md"] .menu-item [data-component="app-button"] .button-inner{
4231
4273
  gap: 0.5rem}
4232
- [data-coco][data-component="app-menu"][data-size="md"] .menu-item [data-component="app-button"] > .button-element .button-inner > [data-component="icon"]{
4274
+ [data-coco][data-component="app-menu"][data-size="md"] .menu-item [data-component="app-button"] .button-inner > [data-component="icon"]{
4233
4275
  height: 1.25rem;
4234
4276
  width: 1.25rem}
4235
4277
  [data-coco][data-component="app-menu"] .divider{
@@ -4238,9 +4280,7 @@ select{
4238
4280
  --tw-border-opacity: 1;
4239
4281
  border-color: rgb(209 213 219 / var(--tw-border-opacity))}
4240
4282
  [data-coco][data-component="app-menu-button"]{
4241
- display: inline-flex;
4242
- width: -moz-max-content;
4243
- width: max-content}
4283
+ display: contents}
4244
4284
  [data-coco][data-component="app-menu-button"][data-fit="full"]{
4245
4285
  width: 100%}
4246
4286
  [data-coco][data-component="app-menu-button"] [data-component="menu"]{
@@ -4372,13 +4412,13 @@ select{
4372
4412
  font-weight: 600;
4373
4413
  --tw-text-opacity: 1;
4374
4414
  color: rgb(255 255 255 / var(--tw-text-opacity))}
4375
- [data-coco][data-component="app-snackbar"] .coco-button .button-element:hover{
4415
+ [data-coco][data-component="app-snackbar"] .coco-button:hover{
4376
4416
  --tw-bg-opacity: 1;
4377
4417
  background-color: rgb(55 65 81 / var(--tw-bg-opacity))}
4378
4418
  [data-coco][data-component="app-snackbar"] .snackbar-action{
4379
4419
  margin-left: auto;
4380
4420
  flex: none}
4381
- [data-coco][data-component="app-snackbar"] .snackbar-action .coco-button .button-element{
4421
+ [data-coco][data-component="app-snackbar"] .snackbar-action .coco-button{
4382
4422
  padding-left: 0.5rem;
4383
4423
  padding-right: 0.5rem;
4384
4424
  --tw-text-opacity: 1;
@@ -4386,10 +4426,10 @@ select{
4386
4426
  [data-coco][data-component="app-snackbar"] .snackbar-dismiss{
4387
4427
  margin-left: auto;
4388
4428
  flex: none}
4389
- [data-coco][data-component="app-snackbar"] .snackbar-dismiss .coco-button .button-element{
4429
+ [data-coco][data-component="app-snackbar"] .snackbar-dismiss .coco-button{
4390
4430
  --tw-text-opacity: 1;
4391
4431
  color: rgb(229 231 235 / var(--tw-text-opacity))}
4392
- [data-coco][data-component="app-snackbar"] .snackbar-dismiss .coco-button .button-element:hover{
4432
+ [data-coco][data-component="app-snackbar"] .snackbar-dismiss .coco-button:hover{
4393
4433
  --tw-text-opacity: 1;
4394
4434
  color: rgb(255 255 255 / var(--tw-text-opacity))}
4395
4435
  /* Positioning */
@@ -5102,6 +5142,8 @@ select{
5102
5142
  display: contents}
5103
5143
  .hidden{
5104
5144
  display: none}
5145
+ .transform{
5146
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
5105
5147
  .resize{
5106
5148
  resize: both}
5107
5149
  .italic{
@@ -5122,6 +5164,8 @@ select{
5122
5164
  text-decoration-line: underline}
5123
5165
  .filter{
5124
5166
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
5167
+ .ease-out{
5168
+ transition-timing-function: cubic-bezier(0, 0, 0.2, 1)}
5125
5169
  /* Transparent gray blend-mode background utilities */
5126
5170
  .\!icon {
5127
5171
  }
@@ -5350,20 +5394,12 @@ select{
5350
5394
  .app-button-xs .button-toggle{
5351
5395
  height: 0.875rem;
5352
5396
  width: 0.875rem}
5353
- .app-button-xs[data-theme] .button-element{
5354
- padding-top: 0.5rem;
5355
- padding-bottom: 0.5rem;
5356
- padding-left: 0.75rem;
5357
- padding-right: 0.75rem}
5358
- .app-button-xs.icon-only > .button-element .button-icon,
5359
- .app-button-xs[data-collapsed="true"] > .button-element .button-icon{
5397
+ .app-button-xs.icon-only .button-icon,
5398
+ .app-button-xs[data-collapsed="true"] .button-icon{
5360
5399
  margin-left: -0.25rem;
5361
5400
  margin-right: -0.25rem}
5362
- .app-button-xs[data-theme|="text"] .button-element{
5363
- padding-left: 0.5rem;
5364
- padding-right: 0.5rem}
5365
- .app-button-xs[data-theme|="text"].icon-only > .button-element .button-icon,
5366
- .app-button-xs[data-theme|="text"][data-collapsed="true"] > .button-element .button-icon{
5401
+ .app-button-xs[data-theme|="text"].icon-only .button-icon,
5402
+ .app-button-xs[data-theme|="text"][data-collapsed="true"] .button-icon{
5367
5403
  padding-left: 0.5rem;
5368
5404
  padding-right: 0.5rem}
5369
5405
  .app-button-sm .button-content{
@@ -5373,20 +5409,12 @@ select{
5373
5409
  .app-button-sm .button-toggle{
5374
5410
  height: 1rem;
5375
5411
  width: 1rem}
5376
- .app-button-sm[data-theme] .button-element{
5377
- padding-top: 0.625rem;
5378
- padding-bottom: 0.625rem;
5379
- padding-left: 1rem;
5380
- padding-right: 1rem}
5381
- .app-button-sm[data-theme].icon-only > .button-element .button-icon,
5382
- .app-button-sm[data-theme][data-collapsed="true"] > .button-element .button-icon{
5412
+ .app-button-sm[data-theme].icon-only .button-icon,
5413
+ .app-button-sm[data-theme][data-collapsed="true"] .button-icon{
5383
5414
  margin-left: -0.375rem;
5384
5415
  margin-right: -0.375rem}
5385
- .app-button-sm[data-theme|="text"] .button-element{
5386
- padding-left: 0.5rem;
5387
- padding-right: 0.5rem}
5388
- .app-button-sm[data-theme|="text"].icon-only > .button-element .button-icon,
5389
- .app-button-sm[data-theme|="text"][data-collapsed="true"] > .button-element .button-icon{
5416
+ .app-button-sm[data-theme|="text"].icon-only .button-icon,
5417
+ .app-button-sm[data-theme|="text"][data-collapsed="true"] .button-icon{
5390
5418
  padding-left: 0.5rem;
5391
5419
  padding-right: 0.5rem}
5392
5420
  .app-button-md .button-content{
@@ -5396,20 +5424,12 @@ select{
5396
5424
  .app-button-md .button-toggle{
5397
5425
  height: 1.25rem;
5398
5426
  width: 1.25rem}
5399
- .app-button-md[data-theme] .button-element{
5400
- padding-top: 0.75rem;
5401
- padding-bottom: 0.75rem;
5402
- padding-left: 1.25rem;
5403
- padding-right: 1.25rem}
5404
- .app-button-md[data-theme].icon-only > .button-element .button-icon,
5405
- .app-button-md[data-theme][data-collapsed="true"] > .button-element .button-icon{
5427
+ .app-button-md[data-theme].icon-only .button-icon,
5428
+ .app-button-md[data-theme][data-collapsed="true"] .button-icon{
5406
5429
  margin-left: -0.5rem;
5407
5430
  margin-right: -0.5rem}
5408
- .app-button-md[data-theme|="text"] .button-element{
5409
- padding-left: 0.75rem;
5410
- padding-right: 0.75rem}
5411
- .app-button-md[data-theme|="text"].icon-only > .button-element .button-icon,
5412
- .app-button-md[data-theme|="text"][data-collapsed="true"] > .button-element .button-icon{
5431
+ .app-button-md[data-theme|="text"].icon-only .button-icon,
5432
+ .app-button-md[data-theme|="text"][data-collapsed="true"] .button-icon{
5413
5433
  padding-left: 0.5rem;
5414
5434
  padding-right: 0.5rem}
5415
5435
  .app-button-lg .button-content{
@@ -5419,20 +5439,12 @@ select{
5419
5439
  .app-button-lg .button-toggle{
5420
5440
  height: 1.5rem;
5421
5441
  width: 1.5rem}
5422
- .app-button-lg[data-theme] .button-element{
5423
- padding-top: 1rem;
5424
- padding-bottom: 1rem;
5425
- padding-left: 1.5rem;
5426
- padding-right: 1.5rem}
5427
- .app-button-lg[data-theme].icon-only > .button-element .button-icon,
5442
+ .app-button-lg[data-theme].icon-only .button-icon,
5428
5443
  .app-button-lg[data-theme][data-collapsed="true"] .button-inner{
5429
5444
  margin-left: -8px;
5430
5445
  margin-right: -8px}
5431
- .app-button-lg[data-theme|="text"] .button-element{
5432
- padding-left: 0.75rem;
5433
- padding-right: 0.75rem}
5434
- .app-button-lg[data-theme|="text"].icon-only > .button-element .button-icon,
5435
- .app-button-lg[data-theme|="text"][data-collapsed="true"] > .button-element .button-icon{
5446
+ .app-button-lg[data-theme|="text"].icon-only .button-icon,
5447
+ .app-button-lg[data-theme|="text"][data-collapsed="true"] .button-icon{
5436
5448
  padding-left: 0.75rem;
5437
5449
  padding-right: 0.75rem}
5438
5450
  .app-color-picker-sm .picker-section:not(:first-child){