@nswds/tokens 3.2.0 → 3.4.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 (40) hide show
  1. package/dist/css/border/global.css +6 -0
  2. package/dist/css/shadow/global.css +12 -0
  3. package/dist/css/typography/global.css +1 -0
  4. package/dist/css/typography/semantic.css +56 -0
  5. package/dist/index.cjs +522 -90
  6. package/dist/index.cjs.map +1 -1
  7. package/dist/index.d.cts +396 -0
  8. package/dist/index.d.ts +396 -0
  9. package/dist/index.js +522 -90
  10. package/dist/index.js.map +1 -1
  11. package/dist/js/border/global.js +6 -0
  12. package/dist/js/shadow/global.js +16 -0
  13. package/dist/js/typography/global.js +1 -0
  14. package/dist/js/typography/semantic.js +72 -0
  15. package/dist/json/border/global.json +8 -0
  16. package/dist/json/shadow/global.json +18 -0
  17. package/dist/json/typography/global.json +2 -1
  18. package/dist/json/typography/semantic.json +65 -0
  19. package/dist/less/border/global.less +4 -0
  20. package/dist/less/shadow/global.less +10 -0
  21. package/dist/less/typography/global.less +1 -0
  22. package/dist/less/typography/semantic.less +45 -0
  23. package/dist/scss/border/global.scss +4 -0
  24. package/dist/scss/shadow/global.scss +10 -0
  25. package/dist/scss/typography/global.scss +1 -0
  26. package/dist/scss/typography/semantic.scss +45 -0
  27. package/dist/tailwind/border/global.css +6 -0
  28. package/dist/tailwind/shadow/global.css +12 -0
  29. package/dist/tailwind/typography/global.css +1 -0
  30. package/dist/tokens/border.base.json +33 -0
  31. package/dist/tokens/global/border/canonical.json +33 -0
  32. package/dist/tokens/global/shadow/canonical.json +286 -0
  33. package/dist/tokens/global/typography/canonical.json +5 -0
  34. package/dist/tokens/semantic/typography/canonical.json +103 -0
  35. package/dist/tokens/typography.base.json +5 -0
  36. package/dist/ts/border/global.ts +6 -0
  37. package/dist/ts/shadow/global.ts +16 -0
  38. package/dist/ts/typography/global.ts +1 -0
  39. package/dist/ts/typography/semantic.ts +72 -0
  40. package/package.json +1 -1
package/dist/index.d.ts CHANGED
@@ -110,6 +110,18 @@ declare namespace typographyCssGlobal {
110
110
  export { };
111
111
  }
112
112
 
113
+ declare namespace typographyCssSemantic {
114
+ export { };
115
+ }
116
+
117
+ declare namespace borderCssGlobal {
118
+ export { };
119
+ }
120
+
121
+ declare namespace shadowCssGlobal {
122
+ export { };
123
+ }
124
+
113
125
  declare const nswGrey$7: {
114
126
  50: string;
115
127
  100: string;
@@ -3807,6 +3819,7 @@ declare namespace fontWeight$1 {
3807
3819
  let medium: number;
3808
3820
  let semibold: number;
3809
3821
  let bold: number;
3822
+ let extrabold: number;
3810
3823
  }
3811
3824
  declare namespace lineHeight$1 {
3812
3825
  let none: number;
@@ -3827,6 +3840,147 @@ declare namespace typographyJsGlobal {
3827
3840
  export { fontFamily$1 as fontFamily, fontSize$1 as fontSize, fontWeight$1 as fontWeight, letterSpacing$1 as letterSpacing, lineHeight$1 as lineHeight };
3828
3841
  }
3829
3842
 
3843
+ declare namespace heading1$1 {
3844
+ let fontFamily: string;
3845
+ let fontSize: string;
3846
+ let fontWeight: number;
3847
+ let lineHeight: number;
3848
+ let letterSpacing: string;
3849
+ }
3850
+ declare namespace heading2$1 {
3851
+ let fontFamily_1: string;
3852
+ export { fontFamily_1 as fontFamily };
3853
+ let fontSize_1: string;
3854
+ export { fontSize_1 as fontSize };
3855
+ let fontWeight_1: number;
3856
+ export { fontWeight_1 as fontWeight };
3857
+ let lineHeight_1: number;
3858
+ export { lineHeight_1 as lineHeight };
3859
+ let letterSpacing_1: string;
3860
+ export { letterSpacing_1 as letterSpacing };
3861
+ }
3862
+ declare namespace heading3$1 {
3863
+ let fontFamily_2: string;
3864
+ export { fontFamily_2 as fontFamily };
3865
+ let fontSize_2: string;
3866
+ export { fontSize_2 as fontSize };
3867
+ let fontWeight_2: number;
3868
+ export { fontWeight_2 as fontWeight };
3869
+ let lineHeight_2: number;
3870
+ export { lineHeight_2 as lineHeight };
3871
+ let letterSpacing_2: string;
3872
+ export { letterSpacing_2 as letterSpacing };
3873
+ }
3874
+ declare namespace heading4$1 {
3875
+ let fontFamily_3: string;
3876
+ export { fontFamily_3 as fontFamily };
3877
+ let fontSize_3: string;
3878
+ export { fontSize_3 as fontSize };
3879
+ let fontWeight_3: number;
3880
+ export { fontWeight_3 as fontWeight };
3881
+ let lineHeight_3: number;
3882
+ export { lineHeight_3 as lineHeight };
3883
+ let letterSpacing_3: string;
3884
+ export { letterSpacing_3 as letterSpacing };
3885
+ }
3886
+ declare namespace body$1 {
3887
+ let fontFamily_4: string;
3888
+ export { fontFamily_4 as fontFamily };
3889
+ let fontSize_4: string;
3890
+ export { fontSize_4 as fontSize };
3891
+ let fontWeight_4: number;
3892
+ export { fontWeight_4 as fontWeight };
3893
+ let lineHeight_4: number;
3894
+ export { lineHeight_4 as lineHeight };
3895
+ let letterSpacing_4: string;
3896
+ export { letterSpacing_4 as letterSpacing };
3897
+ }
3898
+ declare namespace bodySm$1 {
3899
+ let fontFamily_5: string;
3900
+ export { fontFamily_5 as fontFamily };
3901
+ let fontSize_5: string;
3902
+ export { fontSize_5 as fontSize };
3903
+ let fontWeight_5: number;
3904
+ export { fontWeight_5 as fontWeight };
3905
+ let lineHeight_5: number;
3906
+ export { lineHeight_5 as lineHeight };
3907
+ let letterSpacing_5: string;
3908
+ export { letterSpacing_5 as letterSpacing };
3909
+ }
3910
+ declare namespace lead$1 {
3911
+ let fontFamily_6: string;
3912
+ export { fontFamily_6 as fontFamily };
3913
+ let fontSize_6: string;
3914
+ export { fontSize_6 as fontSize };
3915
+ let fontWeight_6: number;
3916
+ export { fontWeight_6 as fontWeight };
3917
+ let lineHeight_6: number;
3918
+ export { lineHeight_6 as lineHeight };
3919
+ let letterSpacing_6: string;
3920
+ export { letterSpacing_6 as letterSpacing };
3921
+ }
3922
+ declare namespace caption$1 {
3923
+ let fontFamily_7: string;
3924
+ export { fontFamily_7 as fontFamily };
3925
+ let fontSize_7: string;
3926
+ export { fontSize_7 as fontSize };
3927
+ let fontWeight_7: number;
3928
+ export { fontWeight_7 as fontWeight };
3929
+ let lineHeight_7: number;
3930
+ export { lineHeight_7 as lineHeight };
3931
+ let letterSpacing_7: string;
3932
+ export { letterSpacing_7 as letterSpacing };
3933
+ }
3934
+ declare namespace code$1 {
3935
+ let fontFamily_8: string;
3936
+ export { fontFamily_8 as fontFamily };
3937
+ let fontSize_8: string;
3938
+ export { fontSize_8 as fontSize };
3939
+ let fontWeight_8: number;
3940
+ export { fontWeight_8 as fontWeight };
3941
+ let lineHeight_8: number;
3942
+ export { lineHeight_8 as lineHeight };
3943
+ let letterSpacing_8: string;
3944
+ export { letterSpacing_8 as letterSpacing };
3945
+ }
3946
+
3947
+ declare namespace typographyJsSemantic {
3948
+ export { body$1 as body, bodySm$1 as bodySm, caption$1 as caption, code$1 as code, heading1$1 as heading1, heading2$1 as heading2, heading3$1 as heading3, heading4$1 as heading4, lead$1 as lead };
3949
+ }
3950
+
3951
+ declare namespace borderWidth$1 {
3952
+ export let thin: string;
3953
+ export let thick: string;
3954
+ export let thicker: string;
3955
+ let _default: string;
3956
+ export { _default as default };
3957
+ }
3958
+
3959
+ declare namespace borderJsGlobal {
3960
+ export { borderWidth$1 as borderWidth };
3961
+ }
3962
+
3963
+ declare namespace boxShadow$1 {
3964
+ let thin: string;
3965
+ let thick: string;
3966
+ let thicker: string;
3967
+ }
3968
+ declare const shadowColor$1: {
3969
+ 5: string;
3970
+ 10: string;
3971
+ 25: string;
3972
+ };
3973
+ declare namespace shadow$1 {
3974
+ let sm: string;
3975
+ let md: string;
3976
+ let lg: string;
3977
+ let xl: string;
3978
+ }
3979
+
3980
+ declare namespace shadowJsGlobal {
3981
+ export { boxShadow$1 as boxShadow, shadow$1 as shadow, shadowColor$1 as shadowColor };
3982
+ }
3983
+
3830
3984
  declare namespace globalLessHex {
3831
3985
  export { };
3832
3986
  }
@@ -3939,6 +4093,18 @@ declare namespace typographyLessGlobal {
3939
4093
  export { };
3940
4094
  }
3941
4095
 
4096
+ declare namespace typographyLessSemantic {
4097
+ export { };
4098
+ }
4099
+
4100
+ declare namespace borderLessGlobal {
4101
+ export { };
4102
+ }
4103
+
4104
+ declare namespace shadowLessGlobal {
4105
+ export { };
4106
+ }
4107
+
3942
4108
  declare namespace globalScssHex {
3943
4109
  export { };
3944
4110
  }
@@ -4051,6 +4217,18 @@ declare namespace typographyScssGlobal {
4051
4217
  export { };
4052
4218
  }
4053
4219
 
4220
+ declare namespace typographyScssSemantic {
4221
+ export { };
4222
+ }
4223
+
4224
+ declare namespace borderScssGlobal {
4225
+ export { };
4226
+ }
4227
+
4228
+ declare namespace shadowScssGlobal {
4229
+ export { };
4230
+ }
4231
+
4054
4232
  declare namespace globalTailwindHex {
4055
4233
  export { };
4056
4234
  }
@@ -4163,6 +4341,14 @@ declare namespace typographyTailwindGlobal {
4163
4341
  export { };
4164
4342
  }
4165
4343
 
4344
+ declare namespace borderTailwindGlobal {
4345
+ export { };
4346
+ }
4347
+
4348
+ declare namespace shadowTailwindGlobal {
4349
+ export { };
4350
+ }
4351
+
4166
4352
  declare const nswGrey$3: {
4167
4353
  '50': string;
4168
4354
  '100': string;
@@ -7898,6 +8084,7 @@ declare const fontWeight: {
7898
8084
  medium: number;
7899
8085
  semibold: number;
7900
8086
  bold: number;
8087
+ extrabold: number;
7901
8088
  };
7902
8089
  declare const lineHeight: {
7903
8090
  none: number;
@@ -7922,6 +8109,119 @@ declare namespace typographyTsGlobal {
7922
8109
  export { typographyTsGlobal_fontFamily as fontFamily, typographyTsGlobal_fontSize as fontSize, typographyTsGlobal_fontWeight as fontWeight, typographyTsGlobal_letterSpacing as letterSpacing, typographyTsGlobal_lineHeight as lineHeight };
7923
8110
  }
7924
8111
 
8112
+ declare const heading1: {
8113
+ fontFamily: string;
8114
+ fontSize: string;
8115
+ fontWeight: number;
8116
+ lineHeight: number;
8117
+ letterSpacing: string;
8118
+ };
8119
+ declare const heading2: {
8120
+ fontFamily: string;
8121
+ fontSize: string;
8122
+ fontWeight: number;
8123
+ lineHeight: number;
8124
+ letterSpacing: string;
8125
+ };
8126
+ declare const heading3: {
8127
+ fontFamily: string;
8128
+ fontSize: string;
8129
+ fontWeight: number;
8130
+ lineHeight: number;
8131
+ letterSpacing: string;
8132
+ };
8133
+ declare const heading4: {
8134
+ fontFamily: string;
8135
+ fontSize: string;
8136
+ fontWeight: number;
8137
+ lineHeight: number;
8138
+ letterSpacing: string;
8139
+ };
8140
+ declare const body: {
8141
+ fontFamily: string;
8142
+ fontSize: string;
8143
+ fontWeight: number;
8144
+ lineHeight: number;
8145
+ letterSpacing: string;
8146
+ };
8147
+ declare const bodySm: {
8148
+ fontFamily: string;
8149
+ fontSize: string;
8150
+ fontWeight: number;
8151
+ lineHeight: number;
8152
+ letterSpacing: string;
8153
+ };
8154
+ declare const lead: {
8155
+ fontFamily: string;
8156
+ fontSize: string;
8157
+ fontWeight: number;
8158
+ lineHeight: number;
8159
+ letterSpacing: string;
8160
+ };
8161
+ declare const caption: {
8162
+ fontFamily: string;
8163
+ fontSize: string;
8164
+ fontWeight: number;
8165
+ lineHeight: number;
8166
+ letterSpacing: string;
8167
+ };
8168
+ declare const code: {
8169
+ fontFamily: string;
8170
+ fontSize: string;
8171
+ fontWeight: number;
8172
+ lineHeight: number;
8173
+ letterSpacing: string;
8174
+ };
8175
+
8176
+ declare const typographyTsSemantic_body: typeof body;
8177
+ declare const typographyTsSemantic_bodySm: typeof bodySm;
8178
+ declare const typographyTsSemantic_caption: typeof caption;
8179
+ declare const typographyTsSemantic_code: typeof code;
8180
+ declare const typographyTsSemantic_heading1: typeof heading1;
8181
+ declare const typographyTsSemantic_heading2: typeof heading2;
8182
+ declare const typographyTsSemantic_heading3: typeof heading3;
8183
+ declare const typographyTsSemantic_heading4: typeof heading4;
8184
+ declare const typographyTsSemantic_lead: typeof lead;
8185
+ declare namespace typographyTsSemantic {
8186
+ export { typographyTsSemantic_body as body, typographyTsSemantic_bodySm as bodySm, typographyTsSemantic_caption as caption, typographyTsSemantic_code as code, typographyTsSemantic_heading1 as heading1, typographyTsSemantic_heading2 as heading2, typographyTsSemantic_heading3 as heading3, typographyTsSemantic_heading4 as heading4, typographyTsSemantic_lead as lead };
8187
+ }
8188
+
8189
+ declare const borderWidth: {
8190
+ thin: string;
8191
+ thick: string;
8192
+ thicker: string;
8193
+ default: string;
8194
+ };
8195
+
8196
+ declare const borderTsGlobal_borderWidth: typeof borderWidth;
8197
+ declare namespace borderTsGlobal {
8198
+ export { borderTsGlobal_borderWidth as borderWidth };
8199
+ }
8200
+
8201
+ declare const boxShadow: {
8202
+ thin: string;
8203
+ thick: string;
8204
+ thicker: string;
8205
+ };
8206
+ declare const shadowColor: {
8207
+ '5': string;
8208
+ '10': string;
8209
+ '25': string;
8210
+ };
8211
+ declare const shadow: {
8212
+ sm: string;
8213
+ md: string;
8214
+ lg: string;
8215
+ xl: string;
8216
+ };
8217
+
8218
+ declare const shadowTsGlobal_boxShadow: typeof boxShadow;
8219
+ declare const shadowTsGlobal_shadow: typeof shadow;
8220
+ declare const shadowTsGlobal_shadowColor: typeof shadowColor;
8221
+ declare namespace shadowTsGlobal {
8222
+ export { shadowTsGlobal_boxShadow as boxShadow, shadowTsGlobal_shadow as shadow, shadowTsGlobal_shadowColor as shadowColor };
8223
+ }
8224
+
7925
8225
  declare const tokens: {
7926
8226
  colors: {
7927
8227
  global: {
@@ -8013,6 +8313,13 @@ declare const tokens: {
8013
8313
  };
8014
8314
  typography: {
8015
8315
  global: typeof typographyCssGlobal;
8316
+ semantic: typeof typographyCssSemantic;
8317
+ };
8318
+ border: {
8319
+ global: typeof borderCssGlobal;
8320
+ };
8321
+ shadow: {
8322
+ global: typeof shadowCssGlobal;
8016
8323
  };
8017
8324
  };
8018
8325
  js: {
@@ -8065,6 +8372,13 @@ declare const tokens: {
8065
8372
  };
8066
8373
  typography: {
8067
8374
  global: typeof typographyJsGlobal;
8375
+ semantic: typeof typographyJsSemantic;
8376
+ };
8377
+ border: {
8378
+ global: typeof borderJsGlobal;
8379
+ };
8380
+ shadow: {
8381
+ global: typeof shadowJsGlobal;
8068
8382
  };
8069
8383
  };
8070
8384
  json: {
@@ -8117,6 +8431,13 @@ declare const tokens: {
8117
8431
  };
8118
8432
  typography: {
8119
8433
  global: any;
8434
+ semantic: any;
8435
+ };
8436
+ border: {
8437
+ global: any;
8438
+ };
8439
+ shadow: {
8440
+ global: any;
8120
8441
  };
8121
8442
  };
8122
8443
  less: {
@@ -8169,6 +8490,13 @@ declare const tokens: {
8169
8490
  };
8170
8491
  typography: {
8171
8492
  global: typeof typographyLessGlobal;
8493
+ semantic: typeof typographyLessSemantic;
8494
+ };
8495
+ border: {
8496
+ global: typeof borderLessGlobal;
8497
+ };
8498
+ shadow: {
8499
+ global: typeof shadowLessGlobal;
8172
8500
  };
8173
8501
  };
8174
8502
  scss: {
@@ -8221,6 +8549,13 @@ declare const tokens: {
8221
8549
  };
8222
8550
  typography: {
8223
8551
  global: typeof typographyScssGlobal;
8552
+ semantic: typeof typographyScssSemantic;
8553
+ };
8554
+ border: {
8555
+ global: typeof borderScssGlobal;
8556
+ };
8557
+ shadow: {
8558
+ global: typeof shadowScssGlobal;
8224
8559
  };
8225
8560
  };
8226
8561
  tailwind: {
@@ -8274,6 +8609,12 @@ declare const tokens: {
8274
8609
  typography: {
8275
8610
  global: typeof typographyTailwindGlobal;
8276
8611
  };
8612
+ border: {
8613
+ global: typeof borderTailwindGlobal;
8614
+ };
8615
+ shadow: {
8616
+ global: typeof shadowTailwindGlobal;
8617
+ };
8277
8618
  };
8278
8619
  ts: {
8279
8620
  global: {
@@ -8325,6 +8666,13 @@ declare const tokens: {
8325
8666
  };
8326
8667
  typography: {
8327
8668
  global: typeof typographyTsGlobal;
8669
+ semantic: typeof typographyTsSemantic;
8670
+ };
8671
+ border: {
8672
+ global: typeof borderTsGlobal;
8673
+ };
8674
+ shadow: {
8675
+ global: typeof shadowTsGlobal;
8328
8676
  };
8329
8677
  };
8330
8678
  };
@@ -8418,6 +8766,13 @@ declare const cssTokens: {
8418
8766
  };
8419
8767
  typography: {
8420
8768
  global: typeof typographyCssGlobal;
8769
+ semantic: typeof typographyCssSemantic;
8770
+ };
8771
+ border: {
8772
+ global: typeof borderCssGlobal;
8773
+ };
8774
+ shadow: {
8775
+ global: typeof shadowCssGlobal;
8421
8776
  };
8422
8777
  };
8423
8778
  declare const jsTokens: {
@@ -8470,6 +8825,13 @@ declare const jsTokens: {
8470
8825
  };
8471
8826
  typography: {
8472
8827
  global: typeof typographyJsGlobal;
8828
+ semantic: typeof typographyJsSemantic;
8829
+ };
8830
+ border: {
8831
+ global: typeof borderJsGlobal;
8832
+ };
8833
+ shadow: {
8834
+ global: typeof shadowJsGlobal;
8473
8835
  };
8474
8836
  };
8475
8837
  declare const jsonTokens: {
@@ -8522,6 +8884,13 @@ declare const jsonTokens: {
8522
8884
  };
8523
8885
  typography: {
8524
8886
  global: any;
8887
+ semantic: any;
8888
+ };
8889
+ border: {
8890
+ global: any;
8891
+ };
8892
+ shadow: {
8893
+ global: any;
8525
8894
  };
8526
8895
  };
8527
8896
  declare const lessTokens: {
@@ -8574,6 +8943,13 @@ declare const lessTokens: {
8574
8943
  };
8575
8944
  typography: {
8576
8945
  global: typeof typographyLessGlobal;
8946
+ semantic: typeof typographyLessSemantic;
8947
+ };
8948
+ border: {
8949
+ global: typeof borderLessGlobal;
8950
+ };
8951
+ shadow: {
8952
+ global: typeof shadowLessGlobal;
8577
8953
  };
8578
8954
  };
8579
8955
  declare const scssTokens: {
@@ -8626,6 +9002,13 @@ declare const scssTokens: {
8626
9002
  };
8627
9003
  typography: {
8628
9004
  global: typeof typographyScssGlobal;
9005
+ semantic: typeof typographyScssSemantic;
9006
+ };
9007
+ border: {
9008
+ global: typeof borderScssGlobal;
9009
+ };
9010
+ shadow: {
9011
+ global: typeof shadowScssGlobal;
8629
9012
  };
8630
9013
  };
8631
9014
  declare const tailwindTokens: {
@@ -8679,6 +9062,12 @@ declare const tailwindTokens: {
8679
9062
  typography: {
8680
9063
  global: typeof typographyTailwindGlobal;
8681
9064
  };
9065
+ border: {
9066
+ global: typeof borderTailwindGlobal;
9067
+ };
9068
+ shadow: {
9069
+ global: typeof shadowTailwindGlobal;
9070
+ };
8682
9071
  };
8683
9072
  declare const tsTokens: {
8684
9073
  global: {
@@ -8730,6 +9119,13 @@ declare const tsTokens: {
8730
9119
  };
8731
9120
  typography: {
8732
9121
  global: typeof typographyTsGlobal;
9122
+ semantic: typeof typographyTsSemantic;
9123
+ };
9124
+ border: {
9125
+ global: typeof borderTsGlobal;
9126
+ };
9127
+ shadow: {
9128
+ global: typeof shadowTsGlobal;
8733
9129
  };
8734
9130
  };
8735
9131
  declare const brand: {