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