@aurodesignsystem/design-tokens 4.5.0 → 4.6.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 (51) hide show
  1. package/CHANGELOG.md +21 -0
  2. package/README.md +5 -1
  3. package/dist/tokens/CSSCustomProperties.css +10 -10
  4. package/dist/tokens/CSSSizeCustomProperties.css +1 -1
  5. package/dist/tokens/JSData--color.js +239 -221
  6. package/dist/tokens/JSONVariablesFlat.json +9 -9
  7. package/dist/tokens/JSONVariablesNested.json +18 -16
  8. package/dist/tokens/JSObject--allTokens.js +239 -221
  9. package/dist/tokens/JSObject--deprecated.js +1 -1
  10. package/dist/tokens/JSVariables--color.js +10 -10
  11. package/dist/tokens/SCSSVariableMap.scss +1 -1
  12. package/dist/tokens/SCSSVariables.scss +10 -10
  13. package/dist/tokens/SCSSVariablesMapFlat.scss +10 -10
  14. package/dist/tokens/SassCustomProperties.scss +10 -10
  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/color/icon.json +1 -1
  28. package/src/themes/excursion/animation.json +21 -0
  29. package/src/themes/excursion/asset/font.json +35 -0
  30. package/src/themes/excursion/color/alert.json +90 -0
  31. package/src/themes/excursion/color/background.json +208 -1
  32. package/src/themes/excursion/color/base.json +1295 -226
  33. package/src/themes/excursion/color/border.json +288 -0
  34. package/src/themes/excursion/color/brand.json +1388 -93
  35. package/src/themes/excursion/color/container.json +464 -0
  36. package/src/themes/excursion/color/excursion.json +254 -0
  37. package/src/themes/excursion/color/icon.json +476 -0
  38. package/src/themes/excursion/color/text.json +270 -0
  39. package/src/themes/excursion/color/tier.json +180 -0
  40. package/src/themes/excursion/color/ui.json +125 -0
  41. package/src/themes/excursion/comments.json +34 -0
  42. package/src/themes/excursion/depth copy.json +22 -0
  43. package/src/themes/excursion/elevation.json +22 -0
  44. package/src/themes/excursion/grid-breakpoint.json +29 -0
  45. package/src/themes/excursion/grid-column.json +29 -0
  46. package/src/themes/excursion/grid-gutter.json +29 -0
  47. package/src/themes/excursion/grid-margin.json +29 -0
  48. package/src/themes/excursion/size/radius.json +9 -0
  49. package/src/themes/excursion/size/scale.json +234 -0
  50. package/src/themes/excursion/size/unitless-scale.json +82 -0
  51. package/src/themes/excursion/text.json +572 -0
package/dist/tokens/JSONVariablesNested.json CHANGED
@@ -298,21 +298,23 @@
298
298
  }
299
299
  },
300
300
  "background": {
301
- "100": {
302
- "default": "#ffffff",
303
- "inverse": "#0e2b4f"
304
- },
305
- "200": {
306
- "default": "#f7f7f7",
307
- "inverse": "#194069"
308
- },
309
- "300": {
310
- "default": "#e4e8ec",
311
- "inverse": "#265688"
312
- },
313
- "400": {
314
- "default": "#dddddd",
315
- "inverse": "#326aa5"
301
+ "primary": {
302
+ "100": {
303
+ "default": "#ffffff",
304
+ "inverse": "#0e2b4f"
305
+ },
306
+ "200": {
307
+ "default": "#f7f7f7",
308
+ "inverse": "#194069"
309
+ },
310
+ "300": {
311
+ "default": "#e4e8ec",
312
+ "inverse": "#265688"
313
+ },
314
+ "400": {
315
+ "default": "#dddddd",
316
+ "inverse": "#326aa5"
317
+ }
316
318
  },
317
319
  "success": {
318
320
  "default": "#eef8f5",
@@ -983,7 +985,7 @@
983
985
  "inverse": "#f2c153"
984
986
  },
985
987
  "success": {
986
- "default": "#eef8f5",
988
+ "default": "#40a080",
987
989
  "inverse": "#8eceb9"
988
990
  },
989
991
  "subtle": {
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 20:49:13 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": {
@@ -16205,7 +16223,7 @@ module.exports = {
16205
16223
  },
16206
16224
  "success": {
16207
16225
  "default": {
16208
- "value": "#eef8f5",
16226
+ "value": "#40a080",
16209
16227
  "public": true,
16210
16228
  "default": true,
16211
16229
  "usage": "Success icon color on light backgrounds",
@@ -16214,7 +16232,7 @@ module.exports = {
16214
16232
  "filePath": "src/color/icon.json",
16215
16233
  "isSource": true,
16216
16234
  "original": {
16217
- "value": "{color.base.success.100.value}",
16235
+ "value": "{color.base.success.300.value}",
16218
16236
  "public": true,
16219
16237
  "default": true,
16220
16238
  "usage": "Success icon color on light backgrounds",
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 20:49:13 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 20:49:13 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";
@@ -771,7 +771,7 @@ export const DsColorIconErrorDefault = "#cc1816";
771
771
  export const DsColorIconErrorInverse = "#f9aca6";
772
772
  export const DsColorIconWarningDefault = "#fef8e9";
773
773
  export const DsColorIconWarningInverse = "#f2c153";
774
- export const DsColorIconSuccessDefault = "#eef8f5";
774
+ export const DsColorIconSuccessDefault = "#40a080";
775
775
  export const DsColorIconSuccessInverse = "#8eceb9";
776
776
  export const DsColorIconSubtleDefault = "#a0c9f1";
777
777
  export const DsColorIconSubtleInverse = "#326aa5";
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 20:49:13 GMT
5
5
  */
6
6
 
7
7
  $ds-size-25: 0.125rem !default; // 2px