@dialpad/dialtone 9.111.1 → 9.112.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 (76) hide show
  1. package/dist/css/dialtone-default-theme.css +143 -112
  2. package/dist/css/dialtone-default-theme.min.css +1 -1
  3. package/dist/css/dialtone.css +143 -112
  4. package/dist/css/dialtone.min.css +1 -1
  5. package/dist/tokens/doc.json +12060 -12060
  6. package/dist/vue2/lib/callbar-button-with-dropdown/callbar-button-with-dropdown.cjs +1 -1
  7. package/dist/vue2/lib/callbar-button-with-dropdown/callbar-button-with-dropdown.cjs.map +1 -1
  8. package/dist/vue2/lib/callbar-button-with-dropdown/callbar-button-with-dropdown.js +5 -5
  9. package/dist/vue2/lib/callbar-button-with-dropdown/callbar-button-with-dropdown.js.map +1 -1
  10. package/dist/vue2/lib/root-layout/root-layout.cjs +1 -1
  11. package/dist/vue2/lib/root-layout/root-layout.cjs.map +1 -1
  12. package/dist/vue2/lib/root-layout/root-layout.js +10 -7
  13. package/dist/vue2/lib/root-layout/root-layout.js.map +1 -1
  14. package/dist/vue2/types/components/root_layout/root_layout.vue.d.ts +1 -0
  15. package/dist/vue2/types/recipes/buttons/callbar_button_with_dropdown/callbar_button_with_dropdown.vue.d.ts.map +1 -1
  16. package/dist/vue3/common/mixins/input.cjs +1 -1
  17. package/dist/vue3/common/mixins/input.cjs.map +1 -1
  18. package/dist/vue3/common/mixins/input.js +12 -16
  19. package/dist/vue3/common/mixins/input.js.map +1 -1
  20. package/dist/vue3/component-documentation.json +1 -1
  21. package/dist/vue3/lib/callbar-button-with-dropdown/callbar-button-with-dropdown.cjs +1 -1
  22. package/dist/vue3/lib/callbar-button-with-dropdown/callbar-button-with-dropdown.cjs.map +1 -1
  23. package/dist/vue3/lib/callbar-button-with-dropdown/callbar-button-with-dropdown.js +5 -4
  24. package/dist/vue3/lib/callbar-button-with-dropdown/callbar-button-with-dropdown.js.map +1 -1
  25. package/dist/vue3/lib/checkbox/checkbox.cjs +1 -1
  26. package/dist/vue3/lib/checkbox/checkbox.cjs.map +1 -1
  27. package/dist/vue3/lib/checkbox/checkbox.js +8 -1
  28. package/dist/vue3/lib/checkbox/checkbox.js.map +1 -1
  29. package/dist/vue3/lib/checkbox-group/checkbox-group.cjs +1 -1
  30. package/dist/vue3/lib/checkbox-group/checkbox-group.cjs.map +1 -1
  31. package/dist/vue3/lib/checkbox-group/checkbox-group.js +15 -11
  32. package/dist/vue3/lib/checkbox-group/checkbox-group.js.map +1 -1
  33. package/dist/vue3/lib/editor/editor.cjs +1 -1
  34. package/dist/vue3/lib/editor/editor.cjs.map +1 -1
  35. package/dist/vue3/lib/editor/editor.js +22 -16
  36. package/dist/vue3/lib/editor/editor.js.map +1 -1
  37. package/dist/vue3/lib/radio/radio.cjs +1 -1
  38. package/dist/vue3/lib/radio/radio.cjs.map +1 -1
  39. package/dist/vue3/lib/radio/radio.js +16 -9
  40. package/dist/vue3/lib/radio/radio.js.map +1 -1
  41. package/dist/vue3/lib/radio-group/radio-group.cjs +1 -1
  42. package/dist/vue3/lib/radio-group/radio-group.cjs.map +1 -1
  43. package/dist/vue3/lib/radio-group/radio-group.js +12 -5
  44. package/dist/vue3/lib/radio-group/radio-group.js.map +1 -1
  45. package/dist/vue3/lib/root-layout/root-layout.cjs +1 -1
  46. package/dist/vue3/lib/root-layout/root-layout.cjs.map +1 -1
  47. package/dist/vue3/lib/root-layout/root-layout.js +21 -18
  48. package/dist/vue3/lib/root-layout/root-layout.js.map +1 -1
  49. package/dist/vue3/lib/select-menu/select-menu.cjs +1 -1
  50. package/dist/vue3/lib/select-menu/select-menu.cjs.map +1 -1
  51. package/dist/vue3/lib/select-menu/select-menu.js +20 -13
  52. package/dist/vue3/lib/select-menu/select-menu.js.map +1 -1
  53. package/dist/vue3/lib/toggle/toggle.cjs +1 -1
  54. package/dist/vue3/lib/toggle/toggle.cjs.map +1 -1
  55. package/dist/vue3/lib/toggle/toggle.js +33 -29
  56. package/dist/vue3/lib/toggle/toggle.js.map +1 -1
  57. package/dist/vue3/types/common/mixins/input.d.ts +2 -5
  58. package/dist/vue3/types/common/mixins/input.d.ts.map +1 -1
  59. package/dist/vue3/types/components/checkbox/checkbox.vue.d.ts +4 -6
  60. package/dist/vue3/types/components/checkbox/checkbox.vue.d.ts.map +1 -1
  61. package/dist/vue3/types/components/checkbox_group/checkbox_group.vue.d.ts +5 -4
  62. package/dist/vue3/types/components/input/input.vue.d.ts +2 -2
  63. package/dist/vue3/types/components/radio/radio.vue.d.ts +4 -6
  64. package/dist/vue3/types/components/radio/radio.vue.d.ts.map +1 -1
  65. package/dist/vue3/types/components/radio_group/radio_group.vue.d.ts +5 -4
  66. package/dist/vue3/types/components/rich_text_editor/rich_text_editor.vue.d.ts +2 -2
  67. package/dist/vue3/types/components/root_layout/root_layout.vue.d.ts +1 -0
  68. package/dist/vue3/types/components/select_menu/select_menu.vue.d.ts +2 -1
  69. package/dist/vue3/types/components/select_menu/select_menu.vue.d.ts.map +1 -1
  70. package/dist/vue3/types/components/toggle/toggle.vue.d.ts +5 -4
  71. package/dist/vue3/types/components/toggle/toggle.vue.d.ts.map +1 -1
  72. package/dist/vue3/types/recipes/buttons/callbar_button_with_dropdown/callbar_button_with_dropdown.vue.d.ts.map +1 -1
  73. package/dist/vue3/types/recipes/conversation_view/editor/editor.vue.d.ts +5 -4
  74. package/dist/vue3/types/recipes/conversation_view/editor/editor.vue.d.ts.map +1 -1
  75. package/dist/vue3/types/recipes/conversation_view/message_input/message_input.vue.d.ts +1 -1
  76. package/package.json +1 -1
package/dist/css/dialtone.css CHANGED
@@ -542,20 +542,14 @@ template {
542
542
  .d-root-layout {
543
543
  position: relative;
544
544
  display: grid;
545
- grid-template-areas: 'header header' 'sidebar body' 'footer footer';
546
- grid-template-rows: -webkit-min-content 1fr -webkit-min-content;
547
- grid-template-rows: min-content 1fr min-content;
548
- grid-template-columns: -webkit-min-content 1fr;
549
- grid-template-columns: min-content 1fr;
545
+ grid-template-areas: 'header' 'sidebar' 'body' 'footer';
546
+ grid-template-rows: -webkit-min-content auto 1fr -webkit-min-content;
547
+ grid-template-rows: min-content auto 1fr min-content;
548
+ grid-template-columns: 1fr;
550
549
  min-height: 100vh;
551
550
  }
552
- .d-root-layout--inverted {
553
- grid-template-areas: 'header header' 'body sidebar' 'footer footer';
554
- grid-template-columns: 1fr -webkit-min-content;
555
- grid-template-columns: 1fr min-content;
556
- }
557
551
  .d-root-layout--fixed {
558
- height: 100vh;
552
+ height: auto;
559
553
  }
560
554
  .d-root-layout__header {
561
555
  grid-area: header;
@@ -585,15 +579,70 @@ template {
585
579
  .d-root-layout__footer {
586
580
  grid-area: footer;
587
581
  }
588
- @media (max-width: 980px) {
589
- .d-root-layout--fixed.d-root-layout__responsive--lg {
590
- height: auto;
582
+ .d-root-layout__responsive--default {
583
+ grid-template-areas: 'header header' 'sidebar body' 'footer footer';
584
+ grid-template-rows: -webkit-min-content 1fr -webkit-min-content;
585
+ grid-template-rows: min-content 1fr min-content;
586
+ grid-template-columns: -webkit-min-content 1fr;
587
+ grid-template-columns: min-content 1fr;
588
+ }
589
+ .d-root-layout__responsive--default.d-root-layout--inverted {
590
+ grid-template-areas: 'header header' 'body sidebar' 'footer footer';
591
+ grid-template-columns: 1fr -webkit-min-content;
592
+ grid-template-columns: 1fr min-content;
593
+ }
594
+ .d-root-layout__responsive--default.d-root-layout--fixed {
595
+ height: 100vh;
596
+ }
597
+ @media (min-width: 480px) {
598
+ .d-root-layout__responsive--sm {
599
+ grid-template-areas: 'header header' 'sidebar body' 'footer footer';
600
+ grid-template-rows: -webkit-min-content 1fr -webkit-min-content;
601
+ grid-template-rows: min-content 1fr min-content;
602
+ grid-template-columns: -webkit-min-content 1fr;
603
+ grid-template-columns: min-content 1fr;
604
+ }
605
+ .d-root-layout__responsive--sm.d-root-layout--inverted {
606
+ grid-template-areas: 'header header' 'body sidebar' 'footer footer';
607
+ grid-template-columns: 1fr -webkit-min-content;
608
+ grid-template-columns: 1fr min-content;
609
+ }
610
+ .d-root-layout__responsive--sm.d-root-layout--fixed {
611
+ height: 100vh;
612
+ }
613
+ }
614
+ @media (min-width: 640px) {
615
+ .d-root-layout__responsive--md {
616
+ grid-template-areas: 'header header' 'sidebar body' 'footer footer';
617
+ grid-template-rows: -webkit-min-content 1fr -webkit-min-content;
618
+ grid-template-rows: min-content 1fr min-content;
619
+ grid-template-columns: -webkit-min-content 1fr;
620
+ grid-template-columns: min-content 1fr;
591
621
  }
622
+ .d-root-layout__responsive--md.d-root-layout--inverted {
623
+ grid-template-areas: 'header header' 'body sidebar' 'footer footer';
624
+ grid-template-columns: 1fr -webkit-min-content;
625
+ grid-template-columns: 1fr min-content;
626
+ }
627
+ .d-root-layout__responsive--md.d-root-layout--fixed {
628
+ height: 100vh;
629
+ }
630
+ }
631
+ @media (min-width: 980px) {
592
632
  .d-root-layout__responsive--lg {
593
- grid-template-areas: 'header' 'sidebar' 'body' 'footer';
594
- grid-template-rows: -webkit-min-content auto 1fr -webkit-min-content;
595
- grid-template-rows: min-content auto 1fr min-content;
596
- grid-template-columns: 1fr;
633
+ grid-template-areas: 'header header' 'sidebar body' 'footer footer';
634
+ grid-template-rows: -webkit-min-content 1fr -webkit-min-content;
635
+ grid-template-rows: min-content 1fr min-content;
636
+ grid-template-columns: -webkit-min-content 1fr;
637
+ grid-template-columns: min-content 1fr;
638
+ }
639
+ .d-root-layout__responsive--lg.d-root-layout--inverted {
640
+ grid-template-areas: 'header header' 'body sidebar' 'footer footer';
641
+ grid-template-columns: 1fr -webkit-min-content;
642
+ grid-template-columns: 1fr min-content;
643
+ }
644
+ .d-root-layout__responsive--lg.d-root-layout--fixed {
645
+ height: 100vh;
597
646
  }
598
647
  }
599
648
  .d-stack {
@@ -660,251 +709,251 @@ template {
660
709
  .d-stack--gap-700 {
661
710
  --stack-gap: var(--dt-space-700);
662
711
  }
663
- @media screen and (max-width: 1264px) {
664
- .d-stack--xl-column {
712
+ @media screen and (min-width: 480px) {
713
+ .d-stack--sm-column {
665
714
  --stack-direction: column;
666
715
  justify-content: flex-start;
667
716
  }
668
- .d-stack--xl-column-reverse {
717
+ .d-stack--sm-column-reverse {
669
718
  --stack-direction: column-reverse;
670
719
  justify-content: flex-start;
671
720
  }
672
- .d-stack--xl-row {
721
+ .d-stack--sm-row {
673
722
  --stack-direction: row;
674
723
  align-items: center;
675
724
  justify-content: normal;
676
725
  }
677
- .d-stack--xl-row-reverse {
726
+ .d-stack--sm-row-reverse {
678
727
  --stack-direction: row-reverse;
679
728
  align-items: center;
680
729
  justify-content: normal;
681
730
  }
682
- .d-stack--xl-gap-50 {
731
+ .d-stack--sm-gap-50 {
683
732
  --stack-gap: var(--dt-space-50);
684
733
  }
685
- .d-stack--xl-gap-100 {
734
+ .d-stack--sm-gap-100 {
686
735
  --stack-gap: var(--dt-space-100);
687
736
  }
688
- .d-stack--xl-gap-200 {
737
+ .d-stack--sm-gap-200 {
689
738
  --stack-gap: var(--dt-space-200);
690
739
  }
691
- .d-stack--xl-gap-300 {
740
+ .d-stack--sm-gap-300 {
692
741
  --stack-gap: var(--dt-space-300);
693
742
  }
694
- .d-stack--xl-gap-350 {
743
+ .d-stack--sm-gap-350 {
695
744
  --stack-gap: var(--dt-space-350);
696
745
  }
697
- .d-stack--xl-gap-400 {
746
+ .d-stack--sm-gap-400 {
698
747
  --stack-gap: var(--dt-space-400);
699
748
  }
700
- .d-stack--xl-gap-450 {
749
+ .d-stack--sm-gap-450 {
701
750
  --stack-gap: var(--dt-space-450);
702
751
  }
703
- .d-stack--xl-gap-500 {
752
+ .d-stack--sm-gap-500 {
704
753
  --stack-gap: var(--dt-space-500);
705
754
  }
706
- .d-stack--xl-gap-525 {
755
+ .d-stack--sm-gap-525 {
707
756
  --stack-gap: var(--dt-space-525);
708
757
  }
709
- .d-stack--xl-gap-550 {
758
+ .d-stack--sm-gap-550 {
710
759
  --stack-gap: var(--dt-space-550);
711
760
  }
712
- .d-stack--xl-gap-600 {
761
+ .d-stack--sm-gap-600 {
713
762
  --stack-gap: var(--dt-space-600);
714
763
  }
715
- .d-stack--xl-gap-625 {
764
+ .d-stack--sm-gap-625 {
716
765
  --stack-gap: var(--dt-space-625);
717
766
  }
718
- .d-stack--xl-gap-650 {
767
+ .d-stack--sm-gap-650 {
719
768
  --stack-gap: var(--dt-space-650);
720
769
  }
721
- .d-stack--xl-gap-700 {
770
+ .d-stack--sm-gap-700 {
722
771
  --stack-gap: var(--dt-space-700);
723
772
  }
724
773
  }
725
- @media screen and (max-width: 980px) {
726
- .d-stack--lg-column {
774
+ @media screen and (min-width: 640px) {
775
+ .d-stack--md-column {
727
776
  --stack-direction: column;
728
777
  justify-content: flex-start;
729
778
  }
730
- .d-stack--lg-column-reverse {
779
+ .d-stack--md-column-reverse {
731
780
  --stack-direction: column-reverse;
732
781
  justify-content: flex-start;
733
782
  }
734
- .d-stack--lg-row {
783
+ .d-stack--md-row {
735
784
  --stack-direction: row;
736
785
  align-items: center;
737
786
  justify-content: normal;
738
787
  }
739
- .d-stack--lg-row-reverse {
788
+ .d-stack--md-row-reverse {
740
789
  --stack-direction: row-reverse;
741
790
  align-items: center;
742
791
  justify-content: normal;
743
792
  }
744
- .d-stack--lg-gap-50 {
793
+ .d-stack--md-gap-50 {
745
794
  --stack-gap: var(--dt-space-50);
746
795
  }
747
- .d-stack--lg-gap-100 {
796
+ .d-stack--md-gap-100 {
748
797
  --stack-gap: var(--dt-space-100);
749
798
  }
750
- .d-stack--lg-gap-200 {
799
+ .d-stack--md-gap-200 {
751
800
  --stack-gap: var(--dt-space-200);
752
801
  }
753
- .d-stack--lg-gap-300 {
802
+ .d-stack--md-gap-300 {
754
803
  --stack-gap: var(--dt-space-300);
755
804
  }
756
- .d-stack--lg-gap-350 {
805
+ .d-stack--md-gap-350 {
757
806
  --stack-gap: var(--dt-space-350);
758
807
  }
759
- .d-stack--lg-gap-400 {
808
+ .d-stack--md-gap-400 {
760
809
  --stack-gap: var(--dt-space-400);
761
810
  }
762
- .d-stack--lg-gap-450 {
811
+ .d-stack--md-gap-450 {
763
812
  --stack-gap: var(--dt-space-450);
764
813
  }
765
- .d-stack--lg-gap-500 {
814
+ .d-stack--md-gap-500 {
766
815
  --stack-gap: var(--dt-space-500);
767
816
  }
768
- .d-stack--lg-gap-525 {
817
+ .d-stack--md-gap-525 {
769
818
  --stack-gap: var(--dt-space-525);
770
819
  }
771
- .d-stack--lg-gap-550 {
820
+ .d-stack--md-gap-550 {
772
821
  --stack-gap: var(--dt-space-550);
773
822
  }
774
- .d-stack--lg-gap-600 {
823
+ .d-stack--md-gap-600 {
775
824
  --stack-gap: var(--dt-space-600);
776
825
  }
777
- .d-stack--lg-gap-625 {
826
+ .d-stack--md-gap-625 {
778
827
  --stack-gap: var(--dt-space-625);
779
828
  }
780
- .d-stack--lg-gap-650 {
829
+ .d-stack--md-gap-650 {
781
830
  --stack-gap: var(--dt-space-650);
782
831
  }
783
- .d-stack--lg-gap-700 {
832
+ .d-stack--md-gap-700 {
784
833
  --stack-gap: var(--dt-space-700);
785
834
  }
786
835
  }
787
- @media screen and (max-width: 640px) {
788
- .d-stack--md-column {
836
+ @media screen and (min-width: 980px) {
837
+ .d-stack--lg-column {
789
838
  --stack-direction: column;
790
839
  justify-content: flex-start;
791
840
  }
792
- .d-stack--md-column-reverse {
841
+ .d-stack--lg-column-reverse {
793
842
  --stack-direction: column-reverse;
794
843
  justify-content: flex-start;
795
844
  }
796
- .d-stack--md-row {
845
+ .d-stack--lg-row {
797
846
  --stack-direction: row;
798
847
  align-items: center;
799
848
  justify-content: normal;
800
849
  }
801
- .d-stack--md-row-reverse {
850
+ .d-stack--lg-row-reverse {
802
851
  --stack-direction: row-reverse;
803
852
  align-items: center;
804
853
  justify-content: normal;
805
854
  }
806
- .d-stack--md-gap-50 {
855
+ .d-stack--lg-gap-50 {
807
856
  --stack-gap: var(--dt-space-50);
808
857
  }
809
- .d-stack--md-gap-100 {
858
+ .d-stack--lg-gap-100 {
810
859
  --stack-gap: var(--dt-space-100);
811
860
  }
812
- .d-stack--md-gap-200 {
861
+ .d-stack--lg-gap-200 {
813
862
  --stack-gap: var(--dt-space-200);
814
863
  }
815
- .d-stack--md-gap-300 {
864
+ .d-stack--lg-gap-300 {
816
865
  --stack-gap: var(--dt-space-300);
817
866
  }
818
- .d-stack--md-gap-350 {
867
+ .d-stack--lg-gap-350 {
819
868
  --stack-gap: var(--dt-space-350);
820
869
  }
821
- .d-stack--md-gap-400 {
870
+ .d-stack--lg-gap-400 {
822
871
  --stack-gap: var(--dt-space-400);
823
872
  }
824
- .d-stack--md-gap-450 {
873
+ .d-stack--lg-gap-450 {
825
874
  --stack-gap: var(--dt-space-450);
826
875
  }
827
- .d-stack--md-gap-500 {
876
+ .d-stack--lg-gap-500 {
828
877
  --stack-gap: var(--dt-space-500);
829
878
  }
830
- .d-stack--md-gap-525 {
879
+ .d-stack--lg-gap-525 {
831
880
  --stack-gap: var(--dt-space-525);
832
881
  }
833
- .d-stack--md-gap-550 {
882
+ .d-stack--lg-gap-550 {
834
883
  --stack-gap: var(--dt-space-550);
835
884
  }
836
- .d-stack--md-gap-600 {
885
+ .d-stack--lg-gap-600 {
837
886
  --stack-gap: var(--dt-space-600);
838
887
  }
839
- .d-stack--md-gap-625 {
888
+ .d-stack--lg-gap-625 {
840
889
  --stack-gap: var(--dt-space-625);
841
890
  }
842
- .d-stack--md-gap-650 {
891
+ .d-stack--lg-gap-650 {
843
892
  --stack-gap: var(--dt-space-650);
844
893
  }
845
- .d-stack--md-gap-700 {
894
+ .d-stack--lg-gap-700 {
846
895
  --stack-gap: var(--dt-space-700);
847
896
  }
848
897
  }
849
- @media screen and (max-width: 480px) {
850
- .d-stack--sm-column {
898
+ @media screen and (min-width: 1264px) {
899
+ .d-stack--xl-column {
851
900
  --stack-direction: column;
852
901
  justify-content: flex-start;
853
902
  }
854
- .d-stack--sm-column-reverse {
903
+ .d-stack--xl-column-reverse {
855
904
  --stack-direction: column-reverse;
856
905
  justify-content: flex-start;
857
906
  }
858
- .d-stack--sm-row {
907
+ .d-stack--xl-row {
859
908
  --stack-direction: row;
860
909
  align-items: center;
861
910
  justify-content: normal;
862
911
  }
863
- .d-stack--sm-row-reverse {
912
+ .d-stack--xl-row-reverse {
864
913
  --stack-direction: row-reverse;
865
914
  align-items: center;
866
915
  justify-content: normal;
867
916
  }
868
- .d-stack--sm-gap-50 {
917
+ .d-stack--xl-gap-50 {
869
918
  --stack-gap: var(--dt-space-50);
870
919
  }
871
- .d-stack--sm-gap-100 {
920
+ .d-stack--xl-gap-100 {
872
921
  --stack-gap: var(--dt-space-100);
873
922
  }
874
- .d-stack--sm-gap-200 {
923
+ .d-stack--xl-gap-200 {
875
924
  --stack-gap: var(--dt-space-200);
876
925
  }
877
- .d-stack--sm-gap-300 {
926
+ .d-stack--xl-gap-300 {
878
927
  --stack-gap: var(--dt-space-300);
879
928
  }
880
- .d-stack--sm-gap-350 {
929
+ .d-stack--xl-gap-350 {
881
930
  --stack-gap: var(--dt-space-350);
882
931
  }
883
- .d-stack--sm-gap-400 {
932
+ .d-stack--xl-gap-400 {
884
933
  --stack-gap: var(--dt-space-400);
885
934
  }
886
- .d-stack--sm-gap-450 {
935
+ .d-stack--xl-gap-450 {
887
936
  --stack-gap: var(--dt-space-450);
888
937
  }
889
- .d-stack--sm-gap-500 {
938
+ .d-stack--xl-gap-500 {
890
939
  --stack-gap: var(--dt-space-500);
891
940
  }
892
- .d-stack--sm-gap-525 {
941
+ .d-stack--xl-gap-525 {
893
942
  --stack-gap: var(--dt-space-525);
894
943
  }
895
- .d-stack--sm-gap-550 {
944
+ .d-stack--xl-gap-550 {
896
945
  --stack-gap: var(--dt-space-550);
897
946
  }
898
- .d-stack--sm-gap-600 {
947
+ .d-stack--xl-gap-600 {
899
948
  --stack-gap: var(--dt-space-600);
900
949
  }
901
- .d-stack--sm-gap-625 {
950
+ .d-stack--xl-gap-625 {
902
951
  --stack-gap: var(--dt-space-625);
903
952
  }
904
- .d-stack--sm-gap-650 {
953
+ .d-stack--xl-gap-650 {
905
954
  --stack-gap: var(--dt-space-650);
906
955
  }
907
- .d-stack--sm-gap-700 {
956
+ .d-stack--xl-gap-700 {
908
957
  --stack-gap: var(--dt-space-700);
909
958
  }
910
959
  }
@@ -14789,15 +14838,6 @@ body {
14789
14838
  --base--corner-radius: 0.25em;
14790
14839
  }
14791
14840
  @media (max-width: 480px) {
14792
- .d-root-layout--fixed.d-root-layout__responsive--sm {
14793
- height: auto;
14794
- }
14795
- .d-root-layout__responsive--sm {
14796
- grid-template-areas: 'header' 'sidebar' 'body' 'footer';
14797
- grid-template-rows: -webkit-min-content auto 1fr -webkit-min-content;
14798
- grid-template-rows: min-content auto 1fr min-content;
14799
- grid-template-columns: 1fr;
14800
- }
14801
14841
  .sm\:d-stack {
14802
14842
  --stack-gap: 0;
14803
14843
  --stack-direction: column;
@@ -15376,15 +15416,6 @@ body {
15376
15416
  }
15377
15417
  }
15378
15418
  @media (max-width: 640px) {
15379
- .d-root-layout--fixed.d-root-layout__responsive--md {
15380
- height: auto;
15381
- }
15382
- .d-root-layout__responsive--md {
15383
- grid-template-areas: 'header' 'sidebar' 'body' 'footer';
15384
- grid-template-rows: -webkit-min-content auto 1fr -webkit-min-content;
15385
- grid-template-rows: min-content auto 1fr min-content;
15386
- grid-template-columns: 1fr;
15387
- }
15388
15419
  .md\:d-stack {
15389
15420
  --stack-gap: 0;
15390
15421
  --stack-direction: column;