@aurodesignsystem/design-tokens 4.5.0 → 4.6.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 (50) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/README.md +5 -1
  3. package/dist/tokens/CSSCustomProperties.css +9 -9
  4. package/dist/tokens/CSSSizeCustomProperties.css +1 -1
  5. package/dist/tokens/JSData--color.js +237 -219
  6. package/dist/tokens/JSONVariablesFlat.json +8 -8
  7. package/dist/tokens/JSONVariablesNested.json +17 -15
  8. package/dist/tokens/JSObject--allTokens.js +237 -219
  9. package/dist/tokens/JSObject--deprecated.js +1 -1
  10. package/dist/tokens/JSVariables--color.js +9 -9
  11. package/dist/tokens/SCSSVariableMap.scss +1 -1
  12. package/dist/tokens/SCSSVariables.scss +9 -9
  13. package/dist/tokens/SCSSVariablesMapFlat.scss +9 -9
  14. package/dist/tokens/SassCustomProperties.scss +9 -9
  15. package/dist/tokens/SassSizeCustomProperties.scss +1 -1
  16. package/dist/tokens/darkmode/CSSCustomProperties.css +1 -1
  17. package/dist/tokens/darkmode/JSDataColor.js +1 -1
  18. package/dist/tokens/darkmode/JSObject--deprecatedDark.js +1 -1
  19. package/dist/tokens/darkmode/JSVariablesColor.js +1 -1
  20. package/dist/tokens/darkmode/SCSSVariables.scss +1 -1
  21. package/dist/tokens/darkmode/SCSSVariablesMapFlat.scss +1 -1
  22. package/dist/tokens/darkmode/SassCustomProperties.scss +1 -1
  23. package/dist/tokens/excursion/JSONVariablesFlat.json +699 -30
  24. package/dist/tokens/excursion/JSONVariablesNested.json +1156 -39
  25. package/package.json +1 -1
  26. package/src/color/background.json +69 -67
  27. package/src/themes/excursion/animation.json +21 -0
  28. package/src/themes/excursion/asset/font.json +35 -0
  29. package/src/themes/excursion/color/alert.json +90 -0
  30. package/src/themes/excursion/color/background.json +208 -1
  31. package/src/themes/excursion/color/base.json +1295 -226
  32. package/src/themes/excursion/color/border.json +288 -0
  33. package/src/themes/excursion/color/brand.json +1388 -93
  34. package/src/themes/excursion/color/container.json +464 -0
  35. package/src/themes/excursion/color/excursion.json +254 -0
  36. package/src/themes/excursion/color/icon.json +476 -0
  37. package/src/themes/excursion/color/text.json +270 -0
  38. package/src/themes/excursion/color/tier.json +180 -0
  39. package/src/themes/excursion/color/ui.json +125 -0
  40. package/src/themes/excursion/comments.json +34 -0
  41. package/src/themes/excursion/depth copy.json +22 -0
  42. package/src/themes/excursion/elevation.json +22 -0
  43. package/src/themes/excursion/grid-breakpoint.json +29 -0
  44. package/src/themes/excursion/grid-column.json +29 -0
  45. package/src/themes/excursion/grid-gutter.json +29 -0
  46. package/src/themes/excursion/grid-margin.json +29 -0
  47. package/src/themes/excursion/size/radius.json +9 -0
  48. package/src/themes/excursion/size/scale.json +234 -0
  49. package/src/themes/excursion/size/unitless-scale.json +82 -0
  50. package/src/themes/excursion/text.json +572 -0
package/dist/tokens/JSObject--allTokens.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 23 May 2024 18:24:57 GMT
3
+ * Generated on Tue, 28 May 2024 17:33:10 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -3862,260 +3862,278 @@ module.exports = {
3862
3862
  },
3863
3863
  "color": {
3864
3864
  "background": {
3865
- "100": {
3866
- "default": {
3867
- "value": "#ffffff",
3868
- "public": true,
3869
- "default": true,
3870
- "usage": "Used for creating light backgrounds",
3871
- "wcag": "n/a",
3872
- "deprecated": false,
3873
- "filePath": "src/color/background.json",
3874
- "isSource": true,
3875
- "original": {
3876
- "value": "{color.base.white.value}",
3865
+ "primary": {
3866
+ "100": {
3867
+ "default": {
3868
+ "value": "#ffffff",
3877
3869
  "public": true,
3878
3870
  "default": true,
3879
3871
  "usage": "Used for creating light backgrounds",
3880
3872
  "wcag": "n/a",
3881
- "deprecated": false
3882
- },
3883
- "name": "ds-color-background-100-default",
3884
- "attributes": {
3885
- "category": "color",
3886
- "type": "background",
3887
- "item": "100",
3888
- "subitem": "default"
3873
+ "deprecated": false,
3874
+ "filePath": "src/color/background.json",
3875
+ "isSource": true,
3876
+ "original": {
3877
+ "value": "{color.base.white.value}",
3878
+ "public": true,
3879
+ "default": true,
3880
+ "usage": "Used for creating light backgrounds",
3881
+ "wcag": "n/a",
3882
+ "deprecated": false
3883
+ },
3884
+ "name": "ds-color-background-primary-100-default",
3885
+ "attributes": {
3886
+ "category": "color",
3887
+ "type": "background",
3888
+ "item": "primary",
3889
+ "subitem": "100",
3890
+ "state": "default"
3891
+ },
3892
+ "path": [
3893
+ "color",
3894
+ "background",
3895
+ "primary",
3896
+ "100",
3897
+ "default"
3898
+ ]
3889
3899
  },
3890
- "path": [
3891
- "color",
3892
- "background",
3893
- "100",
3894
- "default"
3895
- ]
3896
- },
3897
- "inverse": {
3898
- "value": "#0e2b4f",
3899
- "public": true,
3900
- "inverse": true,
3901
- "usage": "Used for creating dark backgrounds",
3902
- "wcag": "n/a",
3903
- "deprecated": false,
3904
- "filePath": "src/color/background.json",
3905
- "isSource": true,
3906
- "original": {
3907
- "value": "{color.brand.navy.1000.value}",
3900
+ "inverse": {
3901
+ "value": "#0e2b4f",
3908
3902
  "public": true,
3909
3903
  "inverse": true,
3910
3904
  "usage": "Used for creating dark backgrounds",
3911
3905
  "wcag": "n/a",
3912
- "deprecated": false
3913
- },
3914
- "name": "ds-color-background-100-inverse",
3915
- "attributes": {
3916
- "category": "color",
3917
- "type": "background",
3918
- "item": "100",
3919
- "subitem": "inverse"
3920
- },
3921
- "path": [
3922
- "color",
3923
- "background",
3924
- "100",
3925
- "inverse"
3926
- ]
3927
- }
3928
- },
3929
- "200": {
3930
- "default": {
3931
- "value": "#f7f7f7",
3932
- "public": true,
3933
- "default": true,
3934
- "usage": "Used for creating light backgrounds",
3935
- "wcag": "n/a",
3936
- "deprecated": false,
3937
- "filePath": "src/color/background.json",
3938
- "isSource": true,
3939
- "original": {
3940
- "value": "{color.brand.gray.100.value}",
3906
+ "deprecated": false,
3907
+ "filePath": "src/color/background.json",
3908
+ "isSource": true,
3909
+ "original": {
3910
+ "value": "{color.brand.navy.1000.value}",
3911
+ "public": true,
3912
+ "inverse": true,
3913
+ "usage": "Used for creating dark backgrounds",
3914
+ "wcag": "n/a",
3915
+ "deprecated": false
3916
+ },
3917
+ "name": "ds-color-background-primary-100-inverse",
3918
+ "attributes": {
3919
+ "category": "color",
3920
+ "type": "background",
3921
+ "item": "primary",
3922
+ "subitem": "100",
3923
+ "state": "inverse"
3924
+ },
3925
+ "path": [
3926
+ "color",
3927
+ "background",
3928
+ "primary",
3929
+ "100",
3930
+ "inverse"
3931
+ ]
3932
+ }
3933
+ },
3934
+ "200": {
3935
+ "default": {
3936
+ "value": "#f7f7f7",
3941
3937
  "public": true,
3942
3938
  "default": true,
3943
3939
  "usage": "Used for creating light backgrounds",
3944
3940
  "wcag": "n/a",
3945
- "deprecated": false
3946
- },
3947
- "name": "ds-color-background-200-default",
3948
- "attributes": {
3949
- "category": "color",
3950
- "type": "background",
3951
- "item": "200",
3952
- "subitem": "default"
3941
+ "deprecated": false,
3942
+ "filePath": "src/color/background.json",
3943
+ "isSource": true,
3944
+ "original": {
3945
+ "value": "{color.brand.gray.100.value}",
3946
+ "public": true,
3947
+ "default": true,
3948
+ "usage": "Used for creating light backgrounds",
3949
+ "wcag": "n/a",
3950
+ "deprecated": false
3951
+ },
3952
+ "name": "ds-color-background-primary-200-default",
3953
+ "attributes": {
3954
+ "category": "color",
3955
+ "type": "background",
3956
+ "item": "primary",
3957
+ "subitem": "200",
3958
+ "state": "default"
3959
+ },
3960
+ "path": [
3961
+ "color",
3962
+ "background",
3963
+ "primary",
3964
+ "200",
3965
+ "default"
3966
+ ]
3953
3967
  },
3954
- "path": [
3955
- "color",
3956
- "background",
3957
- "200",
3958
- "default"
3959
- ]
3960
- },
3961
- "inverse": {
3962
- "value": "#194069",
3963
- "public": true,
3964
- "inverse": true,
3965
- "usage": "Used for creating dark backgrounds",
3966
- "wcag": "n/a",
3967
- "deprecated": false,
3968
- "filePath": "src/color/background.json",
3969
- "isSource": true,
3970
- "original": {
3971
- "value": "{color.brand.navy.900.value}",
3968
+ "inverse": {
3969
+ "value": "#194069",
3972
3970
  "public": true,
3973
3971
  "inverse": true,
3974
3972
  "usage": "Used for creating dark backgrounds",
3975
3973
  "wcag": "n/a",
3976
- "deprecated": false
3977
- },
3978
- "name": "ds-color-background-200-inverse",
3979
- "attributes": {
3980
- "category": "color",
3981
- "type": "background",
3982
- "item": "200",
3983
- "subitem": "inverse"
3984
- },
3985
- "path": [
3986
- "color",
3987
- "background",
3988
- "200",
3989
- "inverse"
3990
- ]
3991
- }
3992
- },
3993
- "300": {
3994
- "default": {
3995
- "value": "#e4e8ec",
3996
- "public": true,
3997
- "default": true,
3998
- "usage": "Used for creating light backgrounds",
3999
- "wcag": "n/a",
4000
- "deprecated": false,
4001
- "filePath": "src/color/background.json",
4002
- "isSource": true,
4003
- "original": {
4004
- "value": "{color.brand.neutral.200.value}",
3974
+ "deprecated": false,
3975
+ "filePath": "src/color/background.json",
3976
+ "isSource": true,
3977
+ "original": {
3978
+ "value": "{color.brand.navy.900.value}",
3979
+ "public": true,
3980
+ "inverse": true,
3981
+ "usage": "Used for creating dark backgrounds",
3982
+ "wcag": "n/a",
3983
+ "deprecated": false
3984
+ },
3985
+ "name": "ds-color-background-primary-200-inverse",
3986
+ "attributes": {
3987
+ "category": "color",
3988
+ "type": "background",
3989
+ "item": "primary",
3990
+ "subitem": "200",
3991
+ "state": "inverse"
3992
+ },
3993
+ "path": [
3994
+ "color",
3995
+ "background",
3996
+ "primary",
3997
+ "200",
3998
+ "inverse"
3999
+ ]
4000
+ }
4001
+ },
4002
+ "300": {
4003
+ "default": {
4004
+ "value": "#e4e8ec",
4005
4005
  "public": true,
4006
4006
  "default": true,
4007
4007
  "usage": "Used for creating light backgrounds",
4008
4008
  "wcag": "n/a",
4009
- "deprecated": false
4010
- },
4011
- "name": "ds-color-background-300-default",
4012
- "attributes": {
4013
- "category": "color",
4014
- "type": "background",
4015
- "item": "300",
4016
- "subitem": "default"
4009
+ "deprecated": false,
4010
+ "filePath": "src/color/background.json",
4011
+ "isSource": true,
4012
+ "original": {
4013
+ "value": "{color.brand.neutral.200.value}",
4014
+ "public": true,
4015
+ "default": true,
4016
+ "usage": "Used for creating light backgrounds",
4017
+ "wcag": "n/a",
4018
+ "deprecated": false
4019
+ },
4020
+ "name": "ds-color-background-primary-300-default",
4021
+ "attributes": {
4022
+ "category": "color",
4023
+ "type": "background",
4024
+ "item": "primary",
4025
+ "subitem": "300",
4026
+ "state": "default"
4027
+ },
4028
+ "path": [
4029
+ "color",
4030
+ "background",
4031
+ "primary",
4032
+ "300",
4033
+ "default"
4034
+ ]
4017
4035
  },
4018
- "path": [
4019
- "color",
4020
- "background",
4021
- "300",
4022
- "default"
4023
- ]
4024
- },
4025
- "inverse": {
4026
- "value": "#265688",
4027
- "public": true,
4028
- "inverse": true,
4029
- "usage": "Used for creating dark backgrounds",
4030
- "wcag": "n/a",
4031
- "deprecated": false,
4032
- "filePath": "src/color/background.json",
4033
- "isSource": true,
4034
- "original": {
4035
- "value": "{color.brand.navy.800.value}",
4036
+ "inverse": {
4037
+ "value": "#265688",
4036
4038
  "public": true,
4037
4039
  "inverse": true,
4038
4040
  "usage": "Used for creating dark backgrounds",
4039
4041
  "wcag": "n/a",
4040
- "deprecated": false
4041
- },
4042
- "name": "ds-color-background-300-inverse",
4043
- "attributes": {
4044
- "category": "color",
4045
- "type": "background",
4046
- "item": "300",
4047
- "subitem": "inverse"
4048
- },
4049
- "path": [
4050
- "color",
4051
- "background",
4052
- "300",
4053
- "inverse"
4054
- ]
4055
- }
4056
- },
4057
- "400": {
4058
- "default": {
4059
- "value": "#dddddd",
4060
- "public": true,
4061
- "default": true,
4062
- "usage": "Used for creating light backgrounds",
4063
- "wcag": "n/a",
4064
- "deprecated": false,
4065
- "filePath": "src/color/background.json",
4066
- "isSource": true,
4067
- "original": {
4068
- "value": "{color.brand.gray.200.value}",
4042
+ "deprecated": false,
4043
+ "filePath": "src/color/background.json",
4044
+ "isSource": true,
4045
+ "original": {
4046
+ "value": "{color.brand.navy.800.value}",
4047
+ "public": true,
4048
+ "inverse": true,
4049
+ "usage": "Used for creating dark backgrounds",
4050
+ "wcag": "n/a",
4051
+ "deprecated": false
4052
+ },
4053
+ "name": "ds-color-background-primary-300-inverse",
4054
+ "attributes": {
4055
+ "category": "color",
4056
+ "type": "background",
4057
+ "item": "primary",
4058
+ "subitem": "300",
4059
+ "state": "inverse"
4060
+ },
4061
+ "path": [
4062
+ "color",
4063
+ "background",
4064
+ "primary",
4065
+ "300",
4066
+ "inverse"
4067
+ ]
4068
+ }
4069
+ },
4070
+ "400": {
4071
+ "default": {
4072
+ "value": "#dddddd",
4069
4073
  "public": true,
4070
4074
  "default": true,
4071
4075
  "usage": "Used for creating light backgrounds",
4072
4076
  "wcag": "n/a",
4073
- "deprecated": false
4074
- },
4075
- "name": "ds-color-background-400-default",
4076
- "attributes": {
4077
- "category": "color",
4078
- "type": "background",
4079
- "item": "400",
4080
- "subitem": "default"
4077
+ "deprecated": false,
4078
+ "filePath": "src/color/background.json",
4079
+ "isSource": true,
4080
+ "original": {
4081
+ "value": "{color.brand.gray.200.value}",
4082
+ "public": true,
4083
+ "default": true,
4084
+ "usage": "Used for creating light backgrounds",
4085
+ "wcag": "n/a",
4086
+ "deprecated": false
4087
+ },
4088
+ "name": "ds-color-background-primary-400-default",
4089
+ "attributes": {
4090
+ "category": "color",
4091
+ "type": "background",
4092
+ "item": "primary",
4093
+ "subitem": "400",
4094
+ "state": "default"
4095
+ },
4096
+ "path": [
4097
+ "color",
4098
+ "background",
4099
+ "primary",
4100
+ "400",
4101
+ "default"
4102
+ ]
4081
4103
  },
4082
- "path": [
4083
- "color",
4084
- "background",
4085
- "400",
4086
- "default"
4087
- ]
4088
- },
4089
- "inverse": {
4090
- "value": "#326aa5",
4091
- "public": true,
4092
- "inverse": true,
4093
- "usage": "Used for creating dark backgrounds",
4094
- "wcag": "n/a",
4095
- "deprecated": false,
4096
- "filePath": "src/color/background.json",
4097
- "isSource": true,
4098
- "original": {
4099
- "value": "{color.brand.navy.700.value}",
4104
+ "inverse": {
4105
+ "value": "#326aa5",
4100
4106
  "public": true,
4101
4107
  "inverse": true,
4102
4108
  "usage": "Used for creating dark backgrounds",
4103
4109
  "wcag": "n/a",
4104
- "deprecated": false
4105
- },
4106
- "name": "ds-color-background-400-inverse",
4107
- "attributes": {
4108
- "category": "color",
4109
- "type": "background",
4110
- "item": "400",
4111
- "subitem": "inverse"
4112
- },
4113
- "path": [
4114
- "color",
4115
- "background",
4116
- "400",
4117
- "inverse"
4118
- ]
4110
+ "deprecated": false,
4111
+ "filePath": "src/color/background.json",
4112
+ "isSource": true,
4113
+ "original": {
4114
+ "value": "{color.brand.navy.700.value}",
4115
+ "public": true,
4116
+ "inverse": true,
4117
+ "usage": "Used for creating dark backgrounds",
4118
+ "wcag": "n/a",
4119
+ "deprecated": false
4120
+ },
4121
+ "name": "ds-color-background-primary-400-inverse",
4122
+ "attributes": {
4123
+ "category": "color",
4124
+ "type": "background",
4125
+ "item": "primary",
4126
+ "subitem": "400",
4127
+ "state": "inverse"
4128
+ },
4129
+ "path": [
4130
+ "color",
4131
+ "background",
4132
+ "primary",
4133
+ "400",
4134
+ "inverse"
4135
+ ]
4136
+ }
4119
4137
  }
4120
4138
  },
4121
4139
  "success": {
package/dist/tokens/JSObject--deprecated.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 23 May 2024 18:24:57 GMT
3
+ * Generated on Tue, 28 May 2024 17:33:11 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/dist/tokens/JSVariables--color.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 23 May 2024 18:24:57 GMT
3
+ * Generated on Tue, 28 May 2024 17:33:10 GMT
4
4
  */
5
5
 
6
6
  export const DsColorAlertNotificationDefault = "#0074c8";
@@ -10,14 +10,14 @@ export const DsColorAlertSuccessDefault = "#00805d";
10
10
  export const DsColorAlertAdvisoryDefault = "#fff0cd";
11
11
  export const DsColorAlertBkgSuccessDefault = "#ddf6e8";
12
12
  export const DsColorAlertBkgErrorDefault = "#ffedf1";
13
- export const DsColorBackground100Default = "#ffffff";
14
- export const DsColorBackground100Inverse = "#0e2b4f";
15
- export const DsColorBackground200Default = "#f7f7f7";
16
- export const DsColorBackground200Inverse = "#194069";
17
- export const DsColorBackground300Default = "#e4e8ec";
18
- export const DsColorBackground300Inverse = "#265688";
19
- export const DsColorBackground400Default = "#dddddd";
20
- export const DsColorBackground400Inverse = "#326aa5";
13
+ export const DsColorBackgroundPrimary100Default = "#ffffff";
14
+ export const DsColorBackgroundPrimary100Inverse = "#0e2b4f";
15
+ export const DsColorBackgroundPrimary200Default = "#f7f7f7";
16
+ export const DsColorBackgroundPrimary200Inverse = "#194069";
17
+ export const DsColorBackgroundPrimary300Default = "#e4e8ec";
18
+ export const DsColorBackgroundPrimary300Inverse = "#265688";
19
+ export const DsColorBackgroundPrimary400Default = "#dddddd";
20
+ export const DsColorBackgroundPrimary400Inverse = "#326aa5";
21
21
  export const DsColorBackgroundSuccessDefault = "#eef8f5";
22
22
  export const DsColorBackgroundSuccessInverse = "#173c30";
23
23
  export const DsColorBackgroundErrorDefault = "#fff4f4";
package/dist/tokens/SCSSVariableMap.scss CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  /**
3
3
  * Do not edit directly
4
- * Generated on Thu, 23 May 2024 18:24:57 GMT
4
+ * Generated on Tue, 28 May 2024 17:33:10 GMT
5
5
  */
6
6
 
7
7
  $ds-size-25: 0.125rem !default; // 2px
package/dist/tokens/SCSSVariables.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 23 May 2024 18:24:57 GMT
3
+ // Generated on Tue, 28 May 2024 17:33:10 GMT
4
4
 
5
5
  $ds-asset-font-circular-family-name: "AS Circular";
6
6
  $ds-asset-font-circular-filename: "ASCircularWeb";
@@ -157,14 +157,14 @@ $ds-color-alert-success-default: #00805d;
157
157
  $ds-color-alert-advisory-default: #fff0cd;
158
158
  $ds-color-alert-bkg-success-default: #ddf6e8;
159
159
  $ds-color-alert-bkg-error-default: #ffedf1;
160
- $ds-color-background-100-default: #ffffff;
161
- $ds-color-background-100-inverse: #0e2b4f;
162
- $ds-color-background-200-default: #f7f7f7;
163
- $ds-color-background-200-inverse: #194069;
164
- $ds-color-background-300-default: #e4e8ec;
165
- $ds-color-background-300-inverse: #265688;
166
- $ds-color-background-400-default: #dddddd;
167
- $ds-color-background-400-inverse: #326aa5;
160
+ $ds-color-background-primary-100-default: #ffffff;
161
+ $ds-color-background-primary-100-inverse: #0e2b4f;
162
+ $ds-color-background-primary-200-default: #f7f7f7;
163
+ $ds-color-background-primary-200-inverse: #194069;
164
+ $ds-color-background-primary-300-default: #e4e8ec;
165
+ $ds-color-background-primary-300-inverse: #265688;
166
+ $ds-color-background-primary-400-default: #dddddd;
167
+ $ds-color-background-primary-400-inverse: #326aa5;
168
168
  $ds-color-background-success-default: #eef8f5;
169
169
  $ds-color-background-success-inverse: #173c30;
170
170
  $ds-color-background-error-default: #fff4f4;
package/dist/tokens/SCSSVariablesMapFlat.scss CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  /*
3
3
  Do not edit directly
4
- Generated on Thu, 23 May 2024 18:24:57 GMT
4
+ Generated on Tue, 28 May 2024 17:33:10 GMT
5
5
  */
6
6
 
7
7
  $auroTokens: (
@@ -177,14 +177,14 @@ $auroTokens: (
177
177
  'ds-color-alert-advisory-default': (#fff0cd),
178
178
  'ds-color-alert-bkg-success-default': (#ddf6e8),
179
179
  'ds-color-alert-bkg-error-default': (#ffedf1),
180
- 'ds-color-background-100-default': (#ffffff),
181
- 'ds-color-background-100-inverse': (#0e2b4f),
182
- 'ds-color-background-200-default': (#f7f7f7),
183
- 'ds-color-background-200-inverse': (#194069),
184
- 'ds-color-background-300-default': (#e4e8ec),
185
- 'ds-color-background-300-inverse': (#265688),
186
- 'ds-color-background-400-default': (#dddddd),
187
- 'ds-color-background-400-inverse': (#326aa5),
180
+ 'ds-color-background-primary-100-default': (#ffffff),
181
+ 'ds-color-background-primary-100-inverse': (#0e2b4f),
182
+ 'ds-color-background-primary-200-default': (#f7f7f7),
183
+ 'ds-color-background-primary-200-inverse': (#194069),
184
+ 'ds-color-background-primary-300-default': (#e4e8ec),
185
+ 'ds-color-background-primary-300-inverse': (#265688),
186
+ 'ds-color-background-primary-400-default': (#dddddd),
187
+ 'ds-color-background-primary-400-inverse': (#326aa5),
188
188
  'ds-color-background-success-default': (#eef8f5),
189
189
  'ds-color-background-success-inverse': (#173c30),
190
190
  'ds-color-background-error-default': (#fff4f4),
package/dist/tokens/SassCustomProperties.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 23 May 2024 18:24:57 GMT
3
+ * Generated on Tue, 28 May 2024 17:33:10 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -159,14 +159,14 @@
159
159
  --ds-color-alert-advisory-default: #fff0cd;
160
160
  --ds-color-alert-bkg-success-default: #ddf6e8;
161
161
  --ds-color-alert-bkg-error-default: #ffedf1;
162
- --ds-color-background-100-default: #ffffff;
163
- --ds-color-background-100-inverse: #0e2b4f;
164
- --ds-color-background-200-default: #f7f7f7;
165
- --ds-color-background-200-inverse: #194069;
166
- --ds-color-background-300-default: #e4e8ec;
167
- --ds-color-background-300-inverse: #265688;
168
- --ds-color-background-400-default: #dddddd;
169
- --ds-color-background-400-inverse: #326aa5;
162
+ --ds-color-background-primary-100-default: #ffffff;
163
+ --ds-color-background-primary-100-inverse: #0e2b4f;
164
+ --ds-color-background-primary-200-default: #f7f7f7;
165
+ --ds-color-background-primary-200-inverse: #194069;
166
+ --ds-color-background-primary-300-default: #e4e8ec;
167
+ --ds-color-background-primary-300-inverse: #265688;
168
+ --ds-color-background-primary-400-default: #dddddd;
169
+ --ds-color-background-primary-400-inverse: #326aa5;
170
170
  --ds-color-background-success-default: #eef8f5;
171
171
  --ds-color-background-success-inverse: #173c30;
172
172
  --ds-color-background-error-default: #fff4f4;