@dialpad/dialtone 9.148.0 → 9.149.1

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 (58) hide show
  1. package/README.md +12 -12
  2. package/dist/css/dialtone-default-theme.css +188 -30
  3. package/dist/css/dialtone-default-theme.min.css +1 -1
  4. package/dist/css/dialtone.css +188 -30
  5. package/dist/css/dialtone.min.css +1 -1
  6. package/dist/css/tokens-docs.json +1 -1
  7. package/dist/tokens/doc.json +71014 -71014
  8. package/dist/vue2/component-documentation.json +1 -1
  9. package/dist/vue2/lib/stack/stack-constants.cjs +1 -1
  10. package/dist/vue2/lib/stack/stack-constants.cjs.map +1 -1
  11. package/dist/vue2/lib/stack/stack-constants.js +10 -6
  12. package/dist/vue2/lib/stack/stack-constants.js.map +1 -1
  13. package/dist/vue2/lib/stack/stack.cjs +1 -1
  14. package/dist/vue2/lib/stack/stack.cjs.map +1 -1
  15. package/dist/vue2/lib/stack/stack.js +65 -28
  16. package/dist/vue2/lib/stack/stack.js.map +1 -1
  17. package/dist/vue2/lib/stack/utils.cjs +1 -1
  18. package/dist/vue2/lib/stack/utils.cjs.map +1 -1
  19. package/dist/vue2/lib/stack/utils.js +52 -34
  20. package/dist/vue2/lib/stack/utils.js.map +1 -1
  21. package/dist/vue2/lib/stack/validators.cjs +1 -1
  22. package/dist/vue2/lib/stack/validators.cjs.map +1 -1
  23. package/dist/vue2/lib/stack/validators.js +30 -9
  24. package/dist/vue2/lib/stack/validators.js.map +1 -1
  25. package/dist/vue2/types/components/stack/stack.vue.d.ts +68 -1
  26. package/dist/vue2/types/components/stack/stack.vue.d.ts.map +1 -1
  27. package/dist/vue2/types/components/stack/stack_constants.d.ts +5 -5
  28. package/dist/vue2/types/components/stack/stack_constants.d.ts.map +1 -1
  29. package/dist/vue2/types/components/stack/utils.d.ts +3 -2
  30. package/dist/vue2/types/components/stack/utils.d.ts.map +1 -1
  31. package/dist/vue2/types/components/stack/validators.d.ts +4 -2
  32. package/dist/vue2/types/components/stack/validators.d.ts.map +1 -1
  33. package/dist/vue3/component-documentation.json +1 -1
  34. package/dist/vue3/lib/stack/stack-constants.cjs +1 -1
  35. package/dist/vue3/lib/stack/stack-constants.cjs.map +1 -1
  36. package/dist/vue3/lib/stack/stack-constants.js +10 -6
  37. package/dist/vue3/lib/stack/stack-constants.js.map +1 -1
  38. package/dist/vue3/lib/stack/stack.cjs +1 -1
  39. package/dist/vue3/lib/stack/stack.cjs.map +1 -1
  40. package/dist/vue3/lib/stack/stack.js +64 -26
  41. package/dist/vue3/lib/stack/stack.js.map +1 -1
  42. package/dist/vue3/lib/stack/utils.cjs +1 -1
  43. package/dist/vue3/lib/stack/utils.cjs.map +1 -1
  44. package/dist/vue3/lib/stack/utils.js +52 -34
  45. package/dist/vue3/lib/stack/utils.js.map +1 -1
  46. package/dist/vue3/lib/stack/validators.cjs +1 -1
  47. package/dist/vue3/lib/stack/validators.cjs.map +1 -1
  48. package/dist/vue3/lib/stack/validators.js +32 -11
  49. package/dist/vue3/lib/stack/validators.js.map +1 -1
  50. package/dist/vue3/types/components/stack/stack.vue.d.ts +68 -1
  51. package/dist/vue3/types/components/stack/stack.vue.d.ts.map +1 -1
  52. package/dist/vue3/types/components/stack/stack_constants.d.ts +5 -5
  53. package/dist/vue3/types/components/stack/stack_constants.d.ts.map +1 -1
  54. package/dist/vue3/types/components/stack/utils.d.ts +3 -2
  55. package/dist/vue3/types/components/stack/utils.d.ts.map +1 -1
  56. package/dist/vue3/types/components/stack/validators.d.ts +4 -2
  57. package/dist/vue3/types/components/stack/validators.d.ts.map +1 -1
  58. package/package.json +4 -4
package/dist/css/dialtone.css CHANGED
@@ -650,24 +650,58 @@ template {
650
650
  .d-stack {
651
651
  --stack-gap: 0;
652
652
  --stack-direction: column;
653
+ --stack-align: initial;
654
+ --stack-justify: initial;
653
655
  display: flex;
654
656
  flex-direction: var(--stack-direction);
655
657
  gap: var(--stack-gap);
656
- justify-content: flex-start;
658
+ align-items: var(--stack-align);
659
+ justify-content: var(--stack-justify);
657
660
  }
658
661
  .d-stack--column-reverse {
659
662
  --stack-direction: column-reverse;
660
- justify-content: flex-start;
663
+ --stack-align: initial;
661
664
  }
662
665
  .d-stack--row {
663
666
  --stack-direction: row;
664
- align-items: center;
665
- justify-content: normal;
667
+ --stack-align: center;
666
668
  }
667
669
  .d-stack--row-reverse {
668
670
  --stack-direction: row-reverse;
669
- align-items: center;
670
- justify-content: normal;
671
+ --stack-align: center;
672
+ }
673
+ .d-stack--align-start {
674
+ --stack-align: start;
675
+ }
676
+ .d-stack--align-center {
677
+ --stack-align: center;
678
+ }
679
+ .d-stack--align-end {
680
+ --stack-align: end;
681
+ }
682
+ .d-stack--align-stretch {
683
+ --stack-align: stretch;
684
+ }
685
+ .d-stack--align-baseline {
686
+ --stack-align: baseline;
687
+ }
688
+ .d-stack--justify-start {
689
+ --stack-justify: start;
690
+ }
691
+ .d-stack--justify-center {
692
+ --stack-justify: center;
693
+ }
694
+ .d-stack--justify-end {
695
+ --stack-justify: end;
696
+ }
697
+ .d-stack--justify-around {
698
+ --stack-justify: space-around;
699
+ }
700
+ .d-stack--justify-between {
701
+ --stack-justify: space-between;
702
+ }
703
+ .d-stack--justify-evenly {
704
+ --stack-justify: space-evenly;
671
705
  }
672
706
  .d-stack--gap-50 {
673
707
  --stack-gap: var(--dt-space-50);
@@ -714,21 +748,19 @@ template {
714
748
  @media screen and (min-width: 480px) {
715
749
  .d-stack--sm-column {
716
750
  --stack-direction: column;
717
- justify-content: flex-start;
751
+ --stack-align: initial;
718
752
  }
719
753
  .d-stack--sm-column-reverse {
720
754
  --stack-direction: column-reverse;
721
- justify-content: flex-start;
755
+ --stack-align: initial;
722
756
  }
723
757
  .d-stack--sm-row {
724
758
  --stack-direction: row;
725
- align-items: center;
726
- justify-content: normal;
759
+ --stack-align: center;
727
760
  }
728
761
  .d-stack--sm-row-reverse {
729
762
  --stack-direction: row-reverse;
730
- align-items: center;
731
- justify-content: normal;
763
+ --stack-align: center;
732
764
  }
733
765
  .d-stack--sm-gap-50 {
734
766
  --stack-gap: var(--dt-space-50);
@@ -772,25 +804,56 @@ template {
772
804
  .d-stack--sm-gap-700 {
773
805
  --stack-gap: var(--dt-space-700);
774
806
  }
807
+ .d-stack--sm-align-start {
808
+ align-items: start;
809
+ }
810
+ .d-stack--sm-align-center {
811
+ align-items: center;
812
+ }
813
+ .d-stack--sm-align-end {
814
+ align-items: end;
815
+ }
816
+ .d-stack--sm-align-stretch {
817
+ align-items: stretch;
818
+ }
819
+ .d-stack--sm-align-baseline {
820
+ align-items: baseline;
821
+ }
822
+ .d-stack--sm-justify-start {
823
+ justify-content: start;
824
+ }
825
+ .d-stack--sm-justify-center {
826
+ justify-content: center;
827
+ }
828
+ .d-stack--sm-justify-end {
829
+ justify-content: end;
830
+ }
831
+ .d-stack--sm-justify-around {
832
+ justify-content: space-around;
833
+ }
834
+ .d-stack--sm-justify-between {
835
+ justify-content: space-between;
836
+ }
837
+ .d-stack--sm-justify-evenly {
838
+ justify-content: space-evenly;
839
+ }
775
840
  }
776
841
  @media screen and (min-width: 640px) {
777
842
  .d-stack--md-column {
778
843
  --stack-direction: column;
779
- justify-content: flex-start;
844
+ --stack-align: initial;
780
845
  }
781
846
  .d-stack--md-column-reverse {
782
847
  --stack-direction: column-reverse;
783
- justify-content: flex-start;
848
+ --stack-align: initial;
784
849
  }
785
850
  .d-stack--md-row {
786
851
  --stack-direction: row;
787
- align-items: center;
788
- justify-content: normal;
852
+ --stack-align: center;
789
853
  }
790
854
  .d-stack--md-row-reverse {
791
855
  --stack-direction: row-reverse;
792
- align-items: center;
793
- justify-content: normal;
856
+ --stack-align: center;
794
857
  }
795
858
  .d-stack--md-gap-50 {
796
859
  --stack-gap: var(--dt-space-50);
@@ -834,25 +897,56 @@ template {
834
897
  .d-stack--md-gap-700 {
835
898
  --stack-gap: var(--dt-space-700);
836
899
  }
900
+ .d-stack--md-align-start {
901
+ align-items: start;
902
+ }
903
+ .d-stack--md-align-center {
904
+ align-items: center;
905
+ }
906
+ .d-stack--md-align-end {
907
+ align-items: end;
908
+ }
909
+ .d-stack--md-align-stretch {
910
+ align-items: stretch;
911
+ }
912
+ .d-stack--md-align-baseline {
913
+ align-items: baseline;
914
+ }
915
+ .d-stack--md-justify-start {
916
+ justify-content: start;
917
+ }
918
+ .d-stack--md-justify-center {
919
+ justify-content: center;
920
+ }
921
+ .d-stack--md-justify-end {
922
+ justify-content: end;
923
+ }
924
+ .d-stack--md-justify-around {
925
+ justify-content: space-around;
926
+ }
927
+ .d-stack--md-justify-between {
928
+ justify-content: space-between;
929
+ }
930
+ .d-stack--md-justify-evenly {
931
+ justify-content: space-evenly;
932
+ }
837
933
  }
838
934
  @media screen and (min-width: 980px) {
839
935
  .d-stack--lg-column {
840
936
  --stack-direction: column;
841
- justify-content: flex-start;
937
+ --stack-align: initial;
842
938
  }
843
939
  .d-stack--lg-column-reverse {
844
940
  --stack-direction: column-reverse;
845
- justify-content: flex-start;
941
+ --stack-align: initial;
846
942
  }
847
943
  .d-stack--lg-row {
848
944
  --stack-direction: row;
849
- align-items: center;
850
- justify-content: normal;
945
+ --stack-align: center;
851
946
  }
852
947
  .d-stack--lg-row-reverse {
853
948
  --stack-direction: row-reverse;
854
- align-items: center;
855
- justify-content: normal;
949
+ --stack-align: center;
856
950
  }
857
951
  .d-stack--lg-gap-50 {
858
952
  --stack-gap: var(--dt-space-50);
@@ -896,25 +990,56 @@ template {
896
990
  .d-stack--lg-gap-700 {
897
991
  --stack-gap: var(--dt-space-700);
898
992
  }
993
+ .d-stack--lg-align-start {
994
+ align-items: start;
995
+ }
996
+ .d-stack--lg-align-center {
997
+ align-items: center;
998
+ }
999
+ .d-stack--lg-align-end {
1000
+ align-items: end;
1001
+ }
1002
+ .d-stack--lg-align-stretch {
1003
+ align-items: stretch;
1004
+ }
1005
+ .d-stack--lg-align-baseline {
1006
+ align-items: baseline;
1007
+ }
1008
+ .d-stack--lg-justify-start {
1009
+ justify-content: start;
1010
+ }
1011
+ .d-stack--lg-justify-center {
1012
+ justify-content: center;
1013
+ }
1014
+ .d-stack--lg-justify-end {
1015
+ justify-content: end;
1016
+ }
1017
+ .d-stack--lg-justify-around {
1018
+ justify-content: space-around;
1019
+ }
1020
+ .d-stack--lg-justify-between {
1021
+ justify-content: space-between;
1022
+ }
1023
+ .d-stack--lg-justify-evenly {
1024
+ justify-content: space-evenly;
1025
+ }
899
1026
  }
900
1027
  @media screen and (min-width: 1264px) {
901
1028
  .d-stack--xl-column {
902
1029
  --stack-direction: column;
903
- justify-content: flex-start;
1030
+ --stack-align: initial;
904
1031
  }
905
1032
  .d-stack--xl-column-reverse {
906
1033
  --stack-direction: column-reverse;
907
- justify-content: flex-start;
1034
+ --stack-align: initial;
908
1035
  }
909
1036
  .d-stack--xl-row {
910
1037
  --stack-direction: row;
911
- align-items: center;
912
- justify-content: normal;
1038
+ --stack-align: center;
913
1039
  }
914
1040
  .d-stack--xl-row-reverse {
915
1041
  --stack-direction: row-reverse;
916
- align-items: center;
917
- justify-content: normal;
1042
+ --stack-align: center;
918
1043
  }
919
1044
  .d-stack--xl-gap-50 {
920
1045
  --stack-gap: var(--dt-space-50);
@@ -958,6 +1083,39 @@ template {
958
1083
  .d-stack--xl-gap-700 {
959
1084
  --stack-gap: var(--dt-space-700);
960
1085
  }
1086
+ .d-stack--xl-align-start {
1087
+ align-items: start;
1088
+ }
1089
+ .d-stack--xl-align-center {
1090
+ align-items: center;
1091
+ }
1092
+ .d-stack--xl-align-end {
1093
+ align-items: end;
1094
+ }
1095
+ .d-stack--xl-align-stretch {
1096
+ align-items: stretch;
1097
+ }
1098
+ .d-stack--xl-align-baseline {
1099
+ align-items: baseline;
1100
+ }
1101
+ .d-stack--xl-justify-start {
1102
+ justify-content: start;
1103
+ }
1104
+ .d-stack--xl-justify-center {
1105
+ justify-content: center;
1106
+ }
1107
+ .d-stack--xl-justify-end {
1108
+ justify-content: end;
1109
+ }
1110
+ .d-stack--xl-justify-around {
1111
+ justify-content: space-around;
1112
+ }
1113
+ .d-stack--xl-justify-between {
1114
+ justify-content: space-between;
1115
+ }
1116
+ .d-stack--xl-justify-evenly {
1117
+ justify-content: space-evenly;
1118
+ }
961
1119
  }
962
1120
  .d-item-layout {
963
1121
  display: flex;