@blackbaud/skyux-design-tokens 2.0.0-alpha.11 → 2.0.0-alpha.12

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 (4) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/assets/scss/blackbaud.css +97 -97
  3. package/assets/scss/modern.css +97 -97
  4. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -2,6 +2,17 @@
2
2
 
3
3
  - Added `neutral-medium-dark` token in modern. [#64](https://github.com/blackbaud/skyux-design-tokens/pull/64)
4
4
 
5
+ ## [2.0.0-alpha.12](https://github.com/blackbaud/skyux-design-tokens/compare/2.0.0-alpha.11...2.0.0-alpha.12) (2025-07-28)
6
+
7
+
8
+ ### ⚠ BREAKING CHANGES
9
+
10
+ * rename all comp.page tokens to comp.layout in both themes ([#228](https://github.com/blackbaud/skyux-design-tokens/issues/228))
11
+
12
+ ### Features
13
+
14
+ * rename all comp.page tokens to comp.layout in both themes ([#228](https://github.com/blackbaud/skyux-design-tokens/issues/228)) ([55ce452](https://github.com/blackbaud/skyux-design-tokens/commit/55ce452b1b53525e6712696f9f00d809e9aa2893))
15
+
5
16
  ## [2.0.0-alpha.11](https://github.com/blackbaud/skyux-design-tokens/compare/2.0.0-alpha.10...2.0.0-alpha.11) (2025-07-24)
6
17
 
7
18
 
package/assets/scss/blackbaud.css CHANGED
@@ -152,7 +152,7 @@
152
152
  --bb-font-weight-light: 300;
153
153
  --bb-font-weight-regular: 400;
154
154
  --bb-font-weight-semibold: 600;
155
- --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/2.0.0-alpha.11/assets/images/bb-logo.png');
155
+ --bb-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/2.0.0-alpha.12/assets/images/bb-logo.png');
156
156
  --bb-letter_spacing-normal: normal;
157
157
  --bb-letter_spacing-wider: 0.16px;
158
158
  --bb-line_height-300: calc(18/13);
@@ -803,6 +803,102 @@
803
803
  --sky-comp-label-space-inset-left: var(--bb-size-fluid-50);
804
804
  --sky-comp-label-space-inset-right: var(--bb-size-fluid-50);
805
805
  --sky-comp-label-space-inset-top: var(--bb-size-fluid-12);
806
+ --sky-comp-layout-content-blocks-space-inset-sm-bottom: var(--bb-size-fluid-150);
807
+ --sky-comp-layout-content-blocks-space-inset-sm-left: var(--bb-size-fluid-150);
808
+ --sky-comp-layout-content-blocks-space-inset-sm-right: var(--bb-size-fluid-150);
809
+ --sky-comp-layout-content-blocks-space-inset-sm-top: var(--bb-size-fluid-150);
810
+ --sky-comp-layout-content-blocks-space-inset-xs-bottom: var(--bb-size-fluid-50);
811
+ --sky-comp-layout-content-blocks-space-inset-xs-left: var(--bb-size-fluid-50);
812
+ --sky-comp-layout-content-blocks-space-inset-xs-right: var(--bb-size-fluid-50);
813
+ --sky-comp-layout-content-blocks-space-inset-xs-top: var(--bb-size-fluid-50);
814
+ --sky-comp-layout-content-fit-space-inset-sm-bottom: var(--bb-size-0);
815
+ --sky-comp-layout-content-fit-space-inset-sm-left: var(--bb-size-0);
816
+ --sky-comp-layout-content-fit-space-inset-sm-right: var(--bb-size-0);
817
+ --sky-comp-layout-content-fit-space-inset-sm-top: var(--bb-size-0);
818
+ --sky-comp-layout-content-fit-space-inset-xs-bottom: var(--bb-size-0);
819
+ --sky-comp-layout-content-fit-space-inset-xs-left: var(--bb-size-0);
820
+ --sky-comp-layout-content-fit-space-inset-xs-right: var(--bb-size-0);
821
+ --sky-comp-layout-content-fit-space-inset-xs-top: var(--bb-size-0);
822
+ --sky-comp-layout-content-list-space-inset-sm-bottom: var(--bb-size-0);
823
+ --sky-comp-layout-content-list-space-inset-sm-left: var(--bb-size-0);
824
+ --sky-comp-layout-content-list-space-inset-sm-right: var(--bb-size-0);
825
+ --sky-comp-layout-content-list-space-inset-sm-top: var(--bb-size-0);
826
+ --sky-comp-layout-content-list-space-inset-xs-bottom: var(--bb-size-0);
827
+ --sky-comp-layout-content-list-space-inset-xs-left: var(--bb-size-0);
828
+ --sky-comp-layout-content-list-space-inset-xs-right: var(--bb-size-0);
829
+ --sky-comp-layout-content-list-space-inset-xs-top: var(--bb-size-0);
830
+ --sky-comp-layout-content-tabs-space-inset-sm-bottom: var(--bb-size-0);
831
+ --sky-comp-layout-content-tabs-space-inset-sm-left: var(--bb-size-0);
832
+ --sky-comp-layout-content-tabs-space-inset-sm-right: var(--bb-size-0);
833
+ --sky-comp-layout-content-tabs-space-inset-sm-top: var(--bb-size-0);
834
+ --sky-comp-layout-content-tabs-space-inset-xs-bottom: var(--bb-size-0);
835
+ --sky-comp-layout-content-tabs-space-inset-xs-left: var(--bb-size-0);
836
+ --sky-comp-layout-content-tabs-space-inset-xs-right: var(--bb-size-0);
837
+ --sky-comp-layout-content-tabs-space-inset-xs-top: var(--bb-size-0);
838
+ --sky-comp-layout-header-blocks-space-inset-sm-bottom: var(--bb-size-0);
839
+ --sky-comp-layout-header-blocks-space-inset-sm-left: var(--bb-size-fluid-150);
840
+ --sky-comp-layout-header-blocks-space-inset-sm-right: var(--bb-size-fluid-150);
841
+ --sky-comp-layout-header-blocks-space-inset-sm-top: var(--bb-size-fluid-150);
842
+ --sky-comp-layout-header-blocks-space-inset-xs-bottom: var(--bb-size-fluid-100);
843
+ --sky-comp-layout-header-blocks-space-inset-xs-left: var(--bb-size-fluid-50);
844
+ --sky-comp-layout-header-blocks-space-inset-xs-right: var(--bb-size-fluid-50);
845
+ --sky-comp-layout-header-blocks-space-inset-xs-top: var(--bb-size-fluid-100);
846
+ --sky-comp-layout-header-fit-space-inset-sm-bottom: var(--bb-size-fluid-100);
847
+ --sky-comp-layout-header-fit-space-inset-sm-left: var(--bb-size-fluid-150);
848
+ --sky-comp-layout-header-fit-space-inset-sm-right: var(--bb-size-fluid-150);
849
+ --sky-comp-layout-header-fit-space-inset-sm-top: var(--bb-size-fluid-150);
850
+ --sky-comp-layout-header-fit-space-inset-xs-bottom: var(--bb-size-fluid-100);
851
+ --sky-comp-layout-header-fit-space-inset-xs-left: var(--bb-size-fluid-50);
852
+ --sky-comp-layout-header-fit-space-inset-xs-right: var(--bb-size-fluid-50);
853
+ --sky-comp-layout-header-fit-space-inset-xs-top: var(--bb-size-fluid-100);
854
+ --sky-comp-layout-header-list-space-inset-sm-bottom: var(--bb-size-fluid-100);
855
+ --sky-comp-layout-header-list-space-inset-sm-left: var(--bb-size-fluid-150);
856
+ --sky-comp-layout-header-list-space-inset-sm-right: var(--bb-size-fluid-150);
857
+ --sky-comp-layout-header-list-space-inset-sm-top: var(--bb-size-fluid-150);
858
+ --sky-comp-layout-header-list-space-inset-xs-bottom: var(--bb-size-fluid-100);
859
+ --sky-comp-layout-header-list-space-inset-xs-left: var(--bb-size-fluid-50);
860
+ --sky-comp-layout-header-list-space-inset-xs-right: var(--bb-size-fluid-50);
861
+ --sky-comp-layout-header-list-space-inset-xs-top: var(--bb-size-fluid-100);
862
+ --sky-comp-layout-header-tabs-space-inset-sm-bottom: var(--bb-size-fluid-100);
863
+ --sky-comp-layout-header-tabs-space-inset-sm-left: var(--bb-size-fluid-150);
864
+ --sky-comp-layout-header-tabs-space-inset-sm-right: var(--bb-size-fluid-150);
865
+ --sky-comp-layout-header-tabs-space-inset-sm-top: var(--bb-size-fluid-150);
866
+ --sky-comp-layout-header-tabs-space-inset-xs-bottom: var(--bb-size-fluid-100);
867
+ --sky-comp-layout-header-tabs-space-inset-xs-left: var(--bb-size-fluid-50);
868
+ --sky-comp-layout-header-tabs-space-inset-xs-right: var(--bb-size-fluid-50);
869
+ --sky-comp-layout-header-tabs-space-inset-xs-top: var(--bb-size-fluid-100);
870
+ --sky-comp-layout-links-blocks-space-inset-sm-bottom: var(--bb-size-fluid-150);
871
+ --sky-comp-layout-links-blocks-space-inset-sm-left: var(--bb-size-fluid-150);
872
+ --sky-comp-layout-links-blocks-space-inset-sm-right: var(--bb-size-fluid-150);
873
+ --sky-comp-layout-links-blocks-space-inset-sm-top: var(--bb-size-fluid-150);
874
+ --sky-comp-layout-links-blocks-space-inset-xs-bottom: var(--bb-size-fluid-150);
875
+ --sky-comp-layout-links-blocks-space-inset-xs-left: var(--bb-size-fluid-50);
876
+ --sky-comp-layout-links-blocks-space-inset-xs-right: var(--bb-size-fluid-50);
877
+ --sky-comp-layout-links-blocks-space-inset-xs-top: var(--bb-size-fluid-150);
878
+ --sky-comp-layout-links-list-space-inset-sm-bottom: var(--bb-size-fluid-150);
879
+ --sky-comp-layout-links-list-space-inset-sm-left: var(--bb-size-fluid-150);
880
+ --sky-comp-layout-links-list-space-inset-sm-right: var(--bb-size-fluid-150);
881
+ --sky-comp-layout-links-list-space-inset-sm-top: var(--bb-size-fluid-150);
882
+ --sky-comp-layout-links-list-space-inset-xs-bottom: var(--bb-size-fluid-150);
883
+ --sky-comp-layout-links-list-space-inset-xs-left: var(--bb-size-fluid-50);
884
+ --sky-comp-layout-links-list-space-inset-xs-right: var(--bb-size-fluid-50);
885
+ --sky-comp-layout-links-list-space-inset-xs-top: var(--bb-size-fluid-150);
886
+ --sky-comp-layout-links-tabs-space-inset-sm-bottom: var(--bb-size-fluid-150);
887
+ --sky-comp-layout-links-tabs-space-inset-sm-left: var(--bb-size-fluid-150);
888
+ --sky-comp-layout-links-tabs-space-inset-sm-right: var(--bb-size-fluid-150);
889
+ --sky-comp-layout-links-tabs-space-inset-sm-top: var(--bb-size-fluid-150);
890
+ --sky-comp-layout-links-tabs-space-inset-xs-bottom: var(--bb-size-fluid-150);
891
+ --sky-comp-layout-links-tabs-space-inset-xs-left: var(--bb-size-fluid-50);
892
+ --sky-comp-layout-links-tabs-space-inset-xs-right: var(--bb-size-fluid-50);
893
+ --sky-comp-layout-links-tabs-space-inset-xs-top: var(--bb-size-fluid-150);
894
+ --sky-comp-layout-tabset-tabs-space-inset-sm-bottom: var(--bb-size-0);
895
+ --sky-comp-layout-tabset-tabs-space-inset-sm-left: var(--bb-size-fluid-150);
896
+ --sky-comp-layout-tabset-tabs-space-inset-sm-right: var(--bb-size-0);
897
+ --sky-comp-layout-tabset-tabs-space-inset-sm-top: var(--bb-size-0);
898
+ --sky-comp-layout-tabset-tabs-space-inset-xs-bottom: var(--bb-size-0);
899
+ --sky-comp-layout-tabset-tabs-space-inset-xs-left: var(--bb-size-fluid-50);
900
+ --sky-comp-layout-tabset-tabs-space-inset-xs-right: var(--bb-size-0);
901
+ --sky-comp-layout-tabset-tabs-space-inset-xs-top: var(--bb-size-0);
806
902
  --sky-comp-modal-content-space-inset-bottom: var(--bb-size-fluid-150);
807
903
  --sky-comp-modal-content-space-inset-left: var(--bb-size-fluid-150);
808
904
  --sky-comp-modal-content-space-inset-right: var(--bb-size-fluid-150);
@@ -835,102 +931,6 @@
835
931
  --sky-comp-navbar_item-space-inset-left: var(--bb-size-fluid-50);
836
932
  --sky-comp-navbar_item-space-inset-right: var(--bb-size-fluid-50);
837
933
  --sky-comp-navbar_item-space-inset-top: var(--bb-size-fluid-75);
838
- --sky-comp-page-content-blocks-space-inset-sm-bottom: var(--bb-size-fluid-150);
839
- --sky-comp-page-content-blocks-space-inset-sm-left: var(--bb-size-fluid-150);
840
- --sky-comp-page-content-blocks-space-inset-sm-right: var(--bb-size-fluid-150);
841
- --sky-comp-page-content-blocks-space-inset-sm-top: var(--bb-size-fluid-150);
842
- --sky-comp-page-content-blocks-space-inset-xs-bottom: var(--bb-size-fluid-50);
843
- --sky-comp-page-content-blocks-space-inset-xs-left: var(--bb-size-fluid-50);
844
- --sky-comp-page-content-blocks-space-inset-xs-right: var(--bb-size-fluid-50);
845
- --sky-comp-page-content-blocks-space-inset-xs-top: var(--bb-size-fluid-50);
846
- --sky-comp-page-content-fit-space-inset-sm-bottom: var(--bb-size-0);
847
- --sky-comp-page-content-fit-space-inset-sm-left: var(--bb-size-0);
848
- --sky-comp-page-content-fit-space-inset-sm-right: var(--bb-size-0);
849
- --sky-comp-page-content-fit-space-inset-sm-top: var(--bb-size-0);
850
- --sky-comp-page-content-fit-space-inset-xs-bottom: var(--bb-size-0);
851
- --sky-comp-page-content-fit-space-inset-xs-left: var(--bb-size-0);
852
- --sky-comp-page-content-fit-space-inset-xs-right: var(--bb-size-0);
853
- --sky-comp-page-content-fit-space-inset-xs-top: var(--bb-size-0);
854
- --sky-comp-page-content-list-space-inset-sm-bottom: var(--bb-size-0);
855
- --sky-comp-page-content-list-space-inset-sm-left: var(--bb-size-0);
856
- --sky-comp-page-content-list-space-inset-sm-right: var(--bb-size-0);
857
- --sky-comp-page-content-list-space-inset-sm-top: var(--bb-size-0);
858
- --sky-comp-page-content-list-space-inset-xs-bottom: var(--bb-size-0);
859
- --sky-comp-page-content-list-space-inset-xs-left: var(--bb-size-0);
860
- --sky-comp-page-content-list-space-inset-xs-right: var(--bb-size-0);
861
- --sky-comp-page-content-list-space-inset-xs-top: var(--bb-size-0);
862
- --sky-comp-page-content-tabs-space-inset-sm-bottom: var(--bb-size-0);
863
- --sky-comp-page-content-tabs-space-inset-sm-left: var(--bb-size-0);
864
- --sky-comp-page-content-tabs-space-inset-sm-right: var(--bb-size-0);
865
- --sky-comp-page-content-tabs-space-inset-sm-top: var(--bb-size-0);
866
- --sky-comp-page-content-tabs-space-inset-xs-bottom: var(--bb-size-0);
867
- --sky-comp-page-content-tabs-space-inset-xs-left: var(--bb-size-0);
868
- --sky-comp-page-content-tabs-space-inset-xs-right: var(--bb-size-0);
869
- --sky-comp-page-content-tabs-space-inset-xs-top: var(--bb-size-0);
870
- --sky-comp-page-header-blocks-space-inset-sm-bottom: var(--bb-size-0);
871
- --sky-comp-page-header-blocks-space-inset-sm-left: var(--bb-size-fluid-150);
872
- --sky-comp-page-header-blocks-space-inset-sm-right: var(--bb-size-fluid-150);
873
- --sky-comp-page-header-blocks-space-inset-sm-top: var(--bb-size-fluid-150);
874
- --sky-comp-page-header-blocks-space-inset-xs-bottom: var(--bb-size-fluid-100);
875
- --sky-comp-page-header-blocks-space-inset-xs-left: var(--bb-size-fluid-50);
876
- --sky-comp-page-header-blocks-space-inset-xs-right: var(--bb-size-fluid-50);
877
- --sky-comp-page-header-blocks-space-inset-xs-top: var(--bb-size-fluid-100);
878
- --sky-comp-page-header-fit-space-inset-sm-bottom: var(--bb-size-fluid-100);
879
- --sky-comp-page-header-fit-space-inset-sm-left: var(--bb-size-fluid-150);
880
- --sky-comp-page-header-fit-space-inset-sm-right: var(--bb-size-fluid-150);
881
- --sky-comp-page-header-fit-space-inset-sm-top: var(--bb-size-fluid-150);
882
- --sky-comp-page-header-fit-space-inset-xs-bottom: var(--bb-size-fluid-100);
883
- --sky-comp-page-header-fit-space-inset-xs-left: var(--bb-size-fluid-50);
884
- --sky-comp-page-header-fit-space-inset-xs-right: var(--bb-size-fluid-50);
885
- --sky-comp-page-header-fit-space-inset-xs-top: var(--bb-size-fluid-100);
886
- --sky-comp-page-header-list-space-inset-sm-bottom: var(--bb-size-fluid-100);
887
- --sky-comp-page-header-list-space-inset-sm-left: var(--bb-size-fluid-150);
888
- --sky-comp-page-header-list-space-inset-sm-right: var(--bb-size-fluid-150);
889
- --sky-comp-page-header-list-space-inset-sm-top: var(--bb-size-fluid-150);
890
- --sky-comp-page-header-list-space-inset-xs-bottom: var(--bb-size-fluid-100);
891
- --sky-comp-page-header-list-space-inset-xs-left: var(--bb-size-fluid-50);
892
- --sky-comp-page-header-list-space-inset-xs-right: var(--bb-size-fluid-50);
893
- --sky-comp-page-header-list-space-inset-xs-top: var(--bb-size-fluid-100);
894
- --sky-comp-page-header-tabs-space-inset-sm-bottom: var(--bb-size-fluid-100);
895
- --sky-comp-page-header-tabs-space-inset-sm-left: var(--bb-size-fluid-150);
896
- --sky-comp-page-header-tabs-space-inset-sm-right: var(--bb-size-fluid-150);
897
- --sky-comp-page-header-tabs-space-inset-sm-top: var(--bb-size-fluid-150);
898
- --sky-comp-page-header-tabs-space-inset-xs-bottom: var(--bb-size-fluid-100);
899
- --sky-comp-page-header-tabs-space-inset-xs-left: var(--bb-size-fluid-50);
900
- --sky-comp-page-header-tabs-space-inset-xs-right: var(--bb-size-fluid-50);
901
- --sky-comp-page-header-tabs-space-inset-xs-top: var(--bb-size-fluid-100);
902
- --sky-comp-page-links-blocks-space-inset-sm-bottom: var(--bb-size-fluid-150);
903
- --sky-comp-page-links-blocks-space-inset-sm-left: var(--bb-size-fluid-150);
904
- --sky-comp-page-links-blocks-space-inset-sm-right: var(--bb-size-fluid-150);
905
- --sky-comp-page-links-blocks-space-inset-sm-top: var(--bb-size-fluid-150);
906
- --sky-comp-page-links-blocks-space-inset-xs-bottom: var(--bb-size-fluid-150);
907
- --sky-comp-page-links-blocks-space-inset-xs-left: var(--bb-size-fluid-50);
908
- --sky-comp-page-links-blocks-space-inset-xs-right: var(--bb-size-fluid-50);
909
- --sky-comp-page-links-blocks-space-inset-xs-top: var(--bb-size-fluid-150);
910
- --sky-comp-page-links-list-space-inset-sm-bottom: var(--bb-size-fluid-150);
911
- --sky-comp-page-links-list-space-inset-sm-left: var(--bb-size-fluid-150);
912
- --sky-comp-page-links-list-space-inset-sm-right: var(--bb-size-fluid-150);
913
- --sky-comp-page-links-list-space-inset-sm-top: var(--bb-size-fluid-150);
914
- --sky-comp-page-links-list-space-inset-xs-bottom: var(--bb-size-fluid-150);
915
- --sky-comp-page-links-list-space-inset-xs-left: var(--bb-size-fluid-50);
916
- --sky-comp-page-links-list-space-inset-xs-right: var(--bb-size-fluid-50);
917
- --sky-comp-page-links-list-space-inset-xs-top: var(--bb-size-fluid-150);
918
- --sky-comp-page-links-tabs-space-inset-sm-bottom: var(--bb-size-fluid-150);
919
- --sky-comp-page-links-tabs-space-inset-sm-left: var(--bb-size-fluid-150);
920
- --sky-comp-page-links-tabs-space-inset-sm-right: var(--bb-size-fluid-150);
921
- --sky-comp-page-links-tabs-space-inset-sm-top: var(--bb-size-fluid-150);
922
- --sky-comp-page-links-tabs-space-inset-xs-bottom: var(--bb-size-fluid-150);
923
- --sky-comp-page-links-tabs-space-inset-xs-left: var(--bb-size-fluid-50);
924
- --sky-comp-page-links-tabs-space-inset-xs-right: var(--bb-size-fluid-50);
925
- --sky-comp-page-links-tabs-space-inset-xs-top: var(--bb-size-fluid-150);
926
- --sky-comp-page-tabset-tabs-space-inset-sm-bottom: var(--bb-size-0);
927
- --sky-comp-page-tabset-tabs-space-inset-sm-left: var(--bb-size-fluid-150);
928
- --sky-comp-page-tabset-tabs-space-inset-sm-right: var(--bb-size-0);
929
- --sky-comp-page-tabset-tabs-space-inset-sm-top: var(--bb-size-0);
930
- --sky-comp-page-tabset-tabs-space-inset-xs-bottom: var(--bb-size-0);
931
- --sky-comp-page-tabset-tabs-space-inset-xs-left: var(--bb-size-fluid-50);
932
- --sky-comp-page-tabset-tabs-space-inset-xs-right: var(--bb-size-0);
933
- --sky-comp-page-tabset-tabs-space-inset-xs-top: var(--bb-size-0);
934
934
  --sky-comp-paging_button-space-inset-bottom: var(--bb-size-fluid-25);
935
935
  --sky-comp-paging_button-space-inset-left: var(--bb-size-fluid-50);
936
936
  --sky-comp-paging_button-space-inset-right: var(--bb-size-fluid-50);
package/assets/scss/modern.css CHANGED
@@ -74,7 +74,7 @@
74
74
  --modern-font-weight-light: 300;
75
75
  --modern-font-weight-regular: 400;
76
76
  --modern-font-weight-semibold: 600;
77
- --modern-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/2.0.0-alpha.11/assets/images/bb-logo.png');
77
+ --modern-image-logo-primary-src: url('https://sky.blackbaudcdn.net/static/skyux-design-tokens/2.0.0-alpha.12/assets/images/bb-logo.png');
78
78
  --modern-letter_spacing-normal: normal;
79
79
  --modern-line_height-110: 1.1;
80
80
  --modern-line_height-115: 1.15;
@@ -530,6 +530,102 @@
530
530
  --sky-comp-label-space-inset-left: var(--modern-size-15);
531
531
  --sky-comp-label-space-inset-right: var(--modern-size-15);
532
532
  --sky-comp-label-space-inset-top: var(--modern-size-4);
533
+ --sky-comp-layout-content-blocks-space-inset-sm-bottom: var(--modern-space-xl);
534
+ --sky-comp-layout-content-blocks-space-inset-sm-left: var(--modern-space-xl);
535
+ --sky-comp-layout-content-blocks-space-inset-sm-right: var(--modern-space-xl);
536
+ --sky-comp-layout-content-blocks-space-inset-sm-top: var(--modern-space-xl);
537
+ --sky-comp-layout-content-blocks-space-inset-xs-bottom: var(--modern-space-s);
538
+ --sky-comp-layout-content-blocks-space-inset-xs-left: var(--modern-space-s);
539
+ --sky-comp-layout-content-blocks-space-inset-xs-right: var(--modern-space-s);
540
+ --sky-comp-layout-content-blocks-space-inset-xs-top: var(--modern-space-s);
541
+ --sky-comp-layout-content-fit-space-inset-sm-bottom: var(--modern-size-0);
542
+ --sky-comp-layout-content-fit-space-inset-sm-left: var(--modern-space-xl);
543
+ --sky-comp-layout-content-fit-space-inset-sm-right: var(--modern-space-xl);
544
+ --sky-comp-layout-content-fit-space-inset-sm-top: var(--modern-size-0);
545
+ --sky-comp-layout-content-fit-space-inset-xs-bottom: var(--modern-size-0);
546
+ --sky-comp-layout-content-fit-space-inset-xs-left: var(--modern-space-s);
547
+ --sky-comp-layout-content-fit-space-inset-xs-right: var(--modern-space-s);
548
+ --sky-comp-layout-content-fit-space-inset-xs-top: var(--modern-size-0);
549
+ --sky-comp-layout-content-list-space-inset-sm-bottom: var(--modern-size-0);
550
+ --sky-comp-layout-content-list-space-inset-sm-left: var(--modern-space-xl);
551
+ --sky-comp-layout-content-list-space-inset-sm-right: var(--modern-space-xl);
552
+ --sky-comp-layout-content-list-space-inset-sm-top: var(--modern-size-0);
553
+ --sky-comp-layout-content-list-space-inset-xs-bottom: var(--modern-size-0);
554
+ --sky-comp-layout-content-list-space-inset-xs-left: var(--modern-space-s);
555
+ --sky-comp-layout-content-list-space-inset-xs-right: var(--modern-space-s);
556
+ --sky-comp-layout-content-list-space-inset-xs-top: var(--modern-size-0);
557
+ --sky-comp-layout-content-tabs-space-inset-sm-bottom: var(--modern-size-0);
558
+ --sky-comp-layout-content-tabs-space-inset-sm-left: var(--modern-size-0);
559
+ --sky-comp-layout-content-tabs-space-inset-sm-right: var(--modern-size-0);
560
+ --sky-comp-layout-content-tabs-space-inset-sm-top: var(--modern-size-0);
561
+ --sky-comp-layout-content-tabs-space-inset-xs-bottom: var(--modern-size-0);
562
+ --sky-comp-layout-content-tabs-space-inset-xs-left: var(--modern-size-0);
563
+ --sky-comp-layout-content-tabs-space-inset-xs-right: var(--modern-size-0);
564
+ --sky-comp-layout-content-tabs-space-inset-xs-top: var(--modern-size-0);
565
+ --sky-comp-layout-header-blocks-space-inset-sm-bottom: var(--modern-size-0);
566
+ --sky-comp-layout-header-blocks-space-inset-sm-left: var(--modern-space-xl);
567
+ --sky-comp-layout-header-blocks-space-inset-sm-right: var(--modern-space-xl);
568
+ --sky-comp-layout-header-blocks-space-inset-sm-top: var(--modern-space-xl);
569
+ --sky-comp-layout-header-blocks-space-inset-xs-bottom: var(--modern-space-lg);
570
+ --sky-comp-layout-header-blocks-space-inset-xs-left: var(--modern-space-s);
571
+ --sky-comp-layout-header-blocks-space-inset-xs-right: var(--modern-space-s);
572
+ --sky-comp-layout-header-blocks-space-inset-xs-top: var(--modern-space-lg);
573
+ --sky-comp-layout-header-fit-space-inset-sm-bottom: var(--modern-space-lg);
574
+ --sky-comp-layout-header-fit-space-inset-sm-left: var(--modern-space-xl);
575
+ --sky-comp-layout-header-fit-space-inset-sm-right: var(--modern-space-xl);
576
+ --sky-comp-layout-header-fit-space-inset-sm-top: var(--modern-space-xl);
577
+ --sky-comp-layout-header-fit-space-inset-xs-bottom: var(--modern-space-lg);
578
+ --sky-comp-layout-header-fit-space-inset-xs-left: var(--modern-space-s);
579
+ --sky-comp-layout-header-fit-space-inset-xs-right: var(--modern-space-s);
580
+ --sky-comp-layout-header-fit-space-inset-xs-top: var(--modern-space-lg);
581
+ --sky-comp-layout-header-list-space-inset-sm-bottom: var(--modern-space-lg);
582
+ --sky-comp-layout-header-list-space-inset-sm-left: var(--modern-space-xl);
583
+ --sky-comp-layout-header-list-space-inset-sm-right: var(--modern-space-xl);
584
+ --sky-comp-layout-header-list-space-inset-sm-top: var(--modern-space-xl);
585
+ --sky-comp-layout-header-list-space-inset-xs-bottom: var(--modern-space-lg);
586
+ --sky-comp-layout-header-list-space-inset-xs-left: var(--modern-space-s);
587
+ --sky-comp-layout-header-list-space-inset-xs-right: var(--modern-space-s);
588
+ --sky-comp-layout-header-list-space-inset-xs-top: var(--modern-space-lg);
589
+ --sky-comp-layout-header-tabs-space-inset-sm-bottom: var(--modern-space-lg);
590
+ --sky-comp-layout-header-tabs-space-inset-sm-left: var(--modern-space-xl);
591
+ --sky-comp-layout-header-tabs-space-inset-sm-right: var(--modern-space-xl);
592
+ --sky-comp-layout-header-tabs-space-inset-sm-top: var(--modern-space-xl);
593
+ --sky-comp-layout-header-tabs-space-inset-xs-bottom: var(--modern-space-lg);
594
+ --sky-comp-layout-header-tabs-space-inset-xs-left: var(--modern-space-s);
595
+ --sky-comp-layout-header-tabs-space-inset-xs-right: var(--modern-space-s);
596
+ --sky-comp-layout-header-tabs-space-inset-xs-top: var(--modern-space-lg);
597
+ --sky-comp-layout-links-blocks-space-inset-sm-bottom: var(--modern-space-xl);
598
+ --sky-comp-layout-links-blocks-space-inset-sm-left: var(--modern-space-xl);
599
+ --sky-comp-layout-links-blocks-space-inset-sm-right: var(--modern-space-xl);
600
+ --sky-comp-layout-links-blocks-space-inset-sm-top: var(--modern-space-xl);
601
+ --sky-comp-layout-links-blocks-space-inset-xs-bottom: var(--modern-space-xl);
602
+ --sky-comp-layout-links-blocks-space-inset-xs-left: var(--modern-space-s);
603
+ --sky-comp-layout-links-blocks-space-inset-xs-right: var(--modern-space-s);
604
+ --sky-comp-layout-links-blocks-space-inset-xs-top: var(--modern-space-xl);
605
+ --sky-comp-layout-links-list-space-inset-sm-bottom: var(--modern-space-xl);
606
+ --sky-comp-layout-links-list-space-inset-sm-left: var(--modern-space-xl);
607
+ --sky-comp-layout-links-list-space-inset-sm-right: var(--modern-space-xl);
608
+ --sky-comp-layout-links-list-space-inset-sm-top: var(--modern-space-xl);
609
+ --sky-comp-layout-links-list-space-inset-xs-bottom: var(--modern-space-xl);
610
+ --sky-comp-layout-links-list-space-inset-xs-left: var(--modern-space-s);
611
+ --sky-comp-layout-links-list-space-inset-xs-right: var(--modern-space-s);
612
+ --sky-comp-layout-links-list-space-inset-xs-top: var(--modern-space-xl);
613
+ --sky-comp-layout-links-tabs-space-inset-sm-bottom: var(--modern-space-xl);
614
+ --sky-comp-layout-links-tabs-space-inset-sm-left: var(--modern-space-xl);
615
+ --sky-comp-layout-links-tabs-space-inset-sm-right: var(--modern-space-xl);
616
+ --sky-comp-layout-links-tabs-space-inset-sm-top: var(--modern-space-xl);
617
+ --sky-comp-layout-links-tabs-space-inset-xs-bottom: var(--modern-space-xl);
618
+ --sky-comp-layout-links-tabs-space-inset-xs-left: var(--modern-space-s);
619
+ --sky-comp-layout-links-tabs-space-inset-xs-right: var(--modern-space-s);
620
+ --sky-comp-layout-links-tabs-space-inset-xs-top: var(--modern-space-xl);
621
+ --sky-comp-layout-tabset-tabs-space-inset-sm-bottom: var(--modern-size-0);
622
+ --sky-comp-layout-tabset-tabs-space-inset-sm-left: var(--modern-space-xl);
623
+ --sky-comp-layout-tabset-tabs-space-inset-sm-right: var(--modern-size-0);
624
+ --sky-comp-layout-tabset-tabs-space-inset-sm-top: var(--modern-size-0);
625
+ --sky-comp-layout-tabset-tabs-space-inset-xs-bottom: var(--modern-size-0);
626
+ --sky-comp-layout-tabset-tabs-space-inset-xs-left: var(--modern-space-md);
627
+ --sky-comp-layout-tabset-tabs-space-inset-xs-right: var(--modern-size-0);
628
+ --sky-comp-layout-tabset-tabs-space-inset-xs-top: var(--modern-size-0);
533
629
  --sky-comp-modal-content-space-inset-bottom: var(--modern-space-xl);
534
630
  --sky-comp-modal-content-space-inset-left: var(--modern-space-xl);
535
631
  --sky-comp-modal-content-space-inset-right: var(--modern-space-xl);
@@ -562,102 +658,6 @@
562
658
  --sky-comp-navbar_item-space-inset-left: var(--modern-space-s);
563
659
  --sky-comp-navbar_item-space-inset-right: var(--modern-space-s);
564
660
  --sky-comp-navbar_item-space-inset-top: var(--modern-space-md);
565
- --sky-comp-page-content-blocks-space-inset-sm-bottom: var(--modern-space-xl);
566
- --sky-comp-page-content-blocks-space-inset-sm-left: var(--modern-space-xl);
567
- --sky-comp-page-content-blocks-space-inset-sm-right: var(--modern-space-xl);
568
- --sky-comp-page-content-blocks-space-inset-sm-top: var(--modern-space-xl);
569
- --sky-comp-page-content-blocks-space-inset-xs-bottom: var(--modern-space-s);
570
- --sky-comp-page-content-blocks-space-inset-xs-left: var(--modern-space-s);
571
- --sky-comp-page-content-blocks-space-inset-xs-right: var(--modern-space-s);
572
- --sky-comp-page-content-blocks-space-inset-xs-top: var(--modern-space-s);
573
- --sky-comp-page-content-fit-space-inset-sm-bottom: var(--modern-size-0);
574
- --sky-comp-page-content-fit-space-inset-sm-left: var(--modern-space-xl);
575
- --sky-comp-page-content-fit-space-inset-sm-right: var(--modern-space-xl);
576
- --sky-comp-page-content-fit-space-inset-sm-top: var(--modern-size-0);
577
- --sky-comp-page-content-fit-space-inset-xs-bottom: var(--modern-size-0);
578
- --sky-comp-page-content-fit-space-inset-xs-left: var(--modern-space-s);
579
- --sky-comp-page-content-fit-space-inset-xs-right: var(--modern-space-s);
580
- --sky-comp-page-content-fit-space-inset-xs-top: var(--modern-size-0);
581
- --sky-comp-page-content-list-space-inset-sm-bottom: var(--modern-size-0);
582
- --sky-comp-page-content-list-space-inset-sm-left: var(--modern-space-xl);
583
- --sky-comp-page-content-list-space-inset-sm-right: var(--modern-space-xl);
584
- --sky-comp-page-content-list-space-inset-sm-top: var(--modern-size-0);
585
- --sky-comp-page-content-list-space-inset-xs-bottom: var(--modern-size-0);
586
- --sky-comp-page-content-list-space-inset-xs-left: var(--modern-space-s);
587
- --sky-comp-page-content-list-space-inset-xs-right: var(--modern-space-s);
588
- --sky-comp-page-content-list-space-inset-xs-top: var(--modern-size-0);
589
- --sky-comp-page-content-tabs-space-inset-sm-bottom: var(--modern-size-0);
590
- --sky-comp-page-content-tabs-space-inset-sm-left: var(--modern-size-0);
591
- --sky-comp-page-content-tabs-space-inset-sm-right: var(--modern-size-0);
592
- --sky-comp-page-content-tabs-space-inset-sm-top: var(--modern-size-0);
593
- --sky-comp-page-content-tabs-space-inset-xs-bottom: var(--modern-size-0);
594
- --sky-comp-page-content-tabs-space-inset-xs-left: var(--modern-size-0);
595
- --sky-comp-page-content-tabs-space-inset-xs-right: var(--modern-size-0);
596
- --sky-comp-page-content-tabs-space-inset-xs-top: var(--modern-size-0);
597
- --sky-comp-page-header-blocks-space-inset-sm-bottom: var(--modern-size-0);
598
- --sky-comp-page-header-blocks-space-inset-sm-left: var(--modern-space-xl);
599
- --sky-comp-page-header-blocks-space-inset-sm-right: var(--modern-space-xl);
600
- --sky-comp-page-header-blocks-space-inset-sm-top: var(--modern-space-xl);
601
- --sky-comp-page-header-blocks-space-inset-xs-bottom: var(--modern-space-lg);
602
- --sky-comp-page-header-blocks-space-inset-xs-left: var(--modern-space-s);
603
- --sky-comp-page-header-blocks-space-inset-xs-right: var(--modern-space-s);
604
- --sky-comp-page-header-blocks-space-inset-xs-top: var(--modern-space-lg);
605
- --sky-comp-page-header-fit-space-inset-sm-bottom: var(--modern-space-lg);
606
- --sky-comp-page-header-fit-space-inset-sm-left: var(--modern-space-xl);
607
- --sky-comp-page-header-fit-space-inset-sm-right: var(--modern-space-xl);
608
- --sky-comp-page-header-fit-space-inset-sm-top: var(--modern-space-xl);
609
- --sky-comp-page-header-fit-space-inset-xs-bottom: var(--modern-space-lg);
610
- --sky-comp-page-header-fit-space-inset-xs-left: var(--modern-space-s);
611
- --sky-comp-page-header-fit-space-inset-xs-right: var(--modern-space-s);
612
- --sky-comp-page-header-fit-space-inset-xs-top: var(--modern-space-lg);
613
- --sky-comp-page-header-list-space-inset-sm-bottom: var(--modern-space-lg);
614
- --sky-comp-page-header-list-space-inset-sm-left: var(--modern-space-xl);
615
- --sky-comp-page-header-list-space-inset-sm-right: var(--modern-space-xl);
616
- --sky-comp-page-header-list-space-inset-sm-top: var(--modern-space-xl);
617
- --sky-comp-page-header-list-space-inset-xs-bottom: var(--modern-space-lg);
618
- --sky-comp-page-header-list-space-inset-xs-left: var(--modern-space-s);
619
- --sky-comp-page-header-list-space-inset-xs-right: var(--modern-space-s);
620
- --sky-comp-page-header-list-space-inset-xs-top: var(--modern-space-lg);
621
- --sky-comp-page-header-tabs-space-inset-sm-bottom: var(--modern-space-lg);
622
- --sky-comp-page-header-tabs-space-inset-sm-left: var(--modern-space-xl);
623
- --sky-comp-page-header-tabs-space-inset-sm-right: var(--modern-space-xl);
624
- --sky-comp-page-header-tabs-space-inset-sm-top: var(--modern-space-xl);
625
- --sky-comp-page-header-tabs-space-inset-xs-bottom: var(--modern-space-lg);
626
- --sky-comp-page-header-tabs-space-inset-xs-left: var(--modern-space-s);
627
- --sky-comp-page-header-tabs-space-inset-xs-right: var(--modern-space-s);
628
- --sky-comp-page-header-tabs-space-inset-xs-top: var(--modern-space-lg);
629
- --sky-comp-page-links-blocks-space-inset-sm-bottom: var(--modern-space-xl);
630
- --sky-comp-page-links-blocks-space-inset-sm-left: var(--modern-space-xl);
631
- --sky-comp-page-links-blocks-space-inset-sm-right: var(--modern-space-xl);
632
- --sky-comp-page-links-blocks-space-inset-sm-top: var(--modern-space-xl);
633
- --sky-comp-page-links-blocks-space-inset-xs-bottom: var(--modern-space-xl);
634
- --sky-comp-page-links-blocks-space-inset-xs-left: var(--modern-space-s);
635
- --sky-comp-page-links-blocks-space-inset-xs-right: var(--modern-space-s);
636
- --sky-comp-page-links-blocks-space-inset-xs-top: var(--modern-space-xl);
637
- --sky-comp-page-links-list-space-inset-sm-bottom: var(--modern-space-xl);
638
- --sky-comp-page-links-list-space-inset-sm-left: var(--modern-space-xl);
639
- --sky-comp-page-links-list-space-inset-sm-right: var(--modern-space-xl);
640
- --sky-comp-page-links-list-space-inset-sm-top: var(--modern-space-xl);
641
- --sky-comp-page-links-list-space-inset-xs-bottom: var(--modern-space-xl);
642
- --sky-comp-page-links-list-space-inset-xs-left: var(--modern-space-s);
643
- --sky-comp-page-links-list-space-inset-xs-right: var(--modern-space-s);
644
- --sky-comp-page-links-list-space-inset-xs-top: var(--modern-space-xl);
645
- --sky-comp-page-links-tabs-space-inset-sm-bottom: var(--modern-space-xl);
646
- --sky-comp-page-links-tabs-space-inset-sm-left: var(--modern-space-xl);
647
- --sky-comp-page-links-tabs-space-inset-sm-right: var(--modern-space-xl);
648
- --sky-comp-page-links-tabs-space-inset-sm-top: var(--modern-space-xl);
649
- --sky-comp-page-links-tabs-space-inset-xs-bottom: var(--modern-space-xl);
650
- --sky-comp-page-links-tabs-space-inset-xs-left: var(--modern-space-s);
651
- --sky-comp-page-links-tabs-space-inset-xs-right: var(--modern-space-s);
652
- --sky-comp-page-links-tabs-space-inset-xs-top: var(--modern-space-xl);
653
- --sky-comp-page-tabset-tabs-space-inset-sm-bottom: var(--modern-size-0);
654
- --sky-comp-page-tabset-tabs-space-inset-sm-left: var(--modern-space-xl);
655
- --sky-comp-page-tabset-tabs-space-inset-sm-right: var(--modern-size-0);
656
- --sky-comp-page-tabset-tabs-space-inset-sm-top: var(--modern-size-0);
657
- --sky-comp-page-tabset-tabs-space-inset-xs-bottom: var(--modern-size-0);
658
- --sky-comp-page-tabset-tabs-space-inset-xs-left: var(--modern-space-md);
659
- --sky-comp-page-tabset-tabs-space-inset-xs-right: var(--modern-size-0);
660
- --sky-comp-page-tabset-tabs-space-inset-xs-top: var(--modern-size-0);
661
661
  --sky-comp-paging_button-space-inset-bottom: var(--modern-size-4);
662
662
  --sky-comp-paging_button-space-inset-left: var(--modern-size-15);
663
663
  --sky-comp-paging_button-space-inset-right: var(--modern-size-15);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blackbaud/skyux-design-tokens",
3
- "version": "2.0.0-alpha.11",
3
+ "version": "2.0.0-alpha.12",
4
4
  "description": "Design tokens for SKY UX",
5
5
  "homepage": "https://github.com/blackbaud/skyux-design-tokens",
6
6
  "license": "MIT",