@sage/design-tokens 4.32.0 → 4.33.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 (30) hide show
  1. package/android/base.xml +6 -1
  2. package/android/dashboard/darkMode.xml +1 -1
  3. package/android/dashboard/lightMode.xml +1 -1
  4. package/android/origin.xml +1 -1
  5. package/css/base.css +6 -1
  6. package/css/dashboard/darkMode.css +1 -1
  7. package/css/dashboard/lightMode.css +1 -1
  8. package/css/origin.css +1 -1
  9. package/data/tokens.json +27 -0
  10. package/docs/tokens/base/colors/index.html +105 -0
  11. package/docs/tokens/base/index.html +105 -0
  12. package/docs/tokens/index.html +105 -0
  13. package/ios/base.h +6 -1
  14. package/ios/dashboard/darkMode.h +1 -1
  15. package/ios/dashboard/lightMode.h +1 -1
  16. package/ios/origin.h +1 -1
  17. package/js/base/common.d.ts +5 -0
  18. package/js/base/common.js +6 -1
  19. package/js/base/es6.d.ts +5 -0
  20. package/js/base/es6.js +5 -0
  21. package/js/dashboard/darkMode/common.js +1 -1
  22. package/js/dashboard/lightMode/common.js +1 -1
  23. package/js/origin/common.js +1 -1
  24. package/package.json +1 -1
  25. package/sage-design-tokens-4.33.0.tgz +0 -0
  26. package/scss/base.scss +6 -1
  27. package/scss/dashboard/darkMode.scss +1 -1
  28. package/scss/dashboard/lightMode.scss +1 -1
  29. package/scss/origin.scss +1 -1
  30. package/sage-design-tokens-4.32.0.tgz +0 -0
package/android/base.xml CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  <!--
4
4
  Do not edit directly
5
- Generated on Mon, 27 Nov 2023 12:18:19 GMT
5
+ Generated on Tue, 28 Nov 2023 09:59:29 GMT
6
6
  -->
7
7
  <resources>
8
8
  <string name="metaName">Base Theme</string>
@@ -127,6 +127,11 @@
127
127
  <string name="colorsSemanticInfoYin065">#000000a6</string>
128
128
  <string name="colorsSemanticInfoYin090">#000000e6</string>
129
129
  <string name="colorsSemanticInfoYang100">#ffffffff</string>
130
+ <string name="colorsSemanticNotification600">#bb4f00ff</string>
131
+ <string name="colorsSemanticNotificationTransparent">#00000000</string>
132
+ <string name="colorsSemanticNotificationYin100">#000000ff</string>
133
+ <string name="colorsSemanticNotificationYin090">#000000e6</string>
134
+ <string name="colorsSemanticNotificationYang100">#ffffffff</string>
130
135
  <string name="colorsLogo">#00d639ff</string>
131
136
  <string name="colorsTransparent">#00000000</string>
132
137
  <string name="colorsYin100">#000000ff</string>
package/android/dashboard/darkMode.xml CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  <!--
4
4
  Do not edit directly
5
- Generated on Mon, 27 Nov 2023 12:18:19 GMT
5
+ Generated on Tue, 28 Nov 2023 09:59:29 GMT
6
6
  -->
7
7
  <resources>
8
8
  <string name="metaName">Dashboard Dark-Mode Token Set</string>
package/android/dashboard/lightMode.xml CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  <!--
4
4
  Do not edit directly
5
- Generated on Mon, 27 Nov 2023 12:18:19 GMT
5
+ Generated on Tue, 28 Nov 2023 09:59:29 GMT
6
6
  -->
7
7
  <resources>
8
8
  <string name="metaName">Dashboard Light-Mode Token Set</string>
package/android/origin.xml CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  <!--
4
4
  Do not edit directly
5
- Generated on Mon, 27 Nov 2023 12:18:18 GMT
5
+ Generated on Tue, 28 Nov 2023 09:59:29 GMT
6
6
  -->
7
7
  <resources>
8
8
  <string name="metaName">Origin Token Set</string>
package/css/base.css CHANGED
@@ -4,7 +4,7 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
4
4
 
5
5
  /**
6
6
  * Do not edit directly
7
- * Generated on Mon, 27 Nov 2023 12:18:19 GMT
7
+ * Generated on Tue, 28 Nov 2023 09:59:29 GMT
8
8
  */
9
9
 
10
10
  :root {
@@ -130,6 +130,11 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
130
130
  --colorsSemanticInfoYin065: #000000a6;
131
131
  --colorsSemanticInfoYin090: #000000e6;
132
132
  --colorsSemanticInfoYang100: #ffffffff;
133
+ --colorsSemanticNotification600: #bb4f00ff;
134
+ --colorsSemanticNotificationTransparent: #00000000;
135
+ --colorsSemanticNotificationYin100: #000000ff;
136
+ --colorsSemanticNotificationYin090: #000000e6;
137
+ --colorsSemanticNotificationYang100: #ffffffff;
133
138
  --colorsLogo: #00d639ff;
134
139
  --colorsTransparent: #00000000;
135
140
  --colorsYin100: #000000ff;
package/css/dashboard/darkMode.css CHANGED
@@ -4,7 +4,7 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
4
4
 
5
5
  /**
6
6
  * Do not edit directly
7
- * Generated on Mon, 27 Nov 2023 12:18:19 GMT
7
+ * Generated on Tue, 28 Nov 2023 09:59:29 GMT
8
8
  */
9
9
 
10
10
  :root {
package/css/dashboard/lightMode.css CHANGED
@@ -4,7 +4,7 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
4
4
 
5
5
  /**
6
6
  * Do not edit directly
7
- * Generated on Mon, 27 Nov 2023 12:18:19 GMT
7
+ * Generated on Tue, 28 Nov 2023 09:59:29 GMT
8
8
  */
9
9
 
10
10
  :root {
package/css/origin.css CHANGED
@@ -4,7 +4,7 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
4
4
 
5
5
  /**
6
6
  * Do not edit directly
7
- * Generated on Mon, 27 Nov 2023 12:18:18 GMT
7
+ * Generated on Tue, 28 Nov 2023 09:59:29 GMT
8
8
  */
9
9
 
10
10
  :root {
package/data/tokens.json CHANGED
@@ -1225,6 +1225,33 @@
1225
1225
  "type": "color"
1226
1226
  }
1227
1227
  }
1228
+ },
1229
+ "notification": {
1230
+ "600": {
1231
+ "value": "#bb4f00ff",
1232
+ "type": "color",
1233
+ "description": "badge"
1234
+ },
1235
+ "transparent": {
1236
+ "value": "#00000000",
1237
+ "type": "color"
1238
+ },
1239
+ "yin": {
1240
+ "100": {
1241
+ "value": "#000000ff",
1242
+ "type": "color"
1243
+ },
1244
+ "090": {
1245
+ "value": "#000000e6",
1246
+ "type": "color"
1247
+ }
1248
+ },
1249
+ "yang": {
1250
+ "100": {
1251
+ "value": "#ffffffff",
1252
+ "type": "color"
1253
+ }
1254
+ }
1228
1255
  }
1229
1256
  },
1230
1257
  "logo": {
package/docs/tokens/base/colors/index.html CHANGED
@@ -2817,6 +2817,111 @@
2817
2817
 
2818
2818
  </td>
2819
2819
  </tr>
2820
+ <tr>
2821
+ <td class="with-icons is-vcentered"
2822
+ id="base-colorsSemanticNotification600"
2823
+ title="theme: base; category: colors; group: semantic; name: notification; variant: 600; ">
2824
+ colorsSemanticNotification600
2825
+ <a href="#base-colorsSemanticNotification600"
2826
+ title="permalink"
2827
+ class="permalink">
2828
+ 🔗
2829
+ </a>
2830
+ </td>
2831
+ <td class="is-vcentered">
2832
+ <pre>#bb4f00ff</pre>
2833
+ </td>
2834
+ <td class="is-vcentered">
2835
+ <div class="table__color-preview"
2836
+ style="background-color: #bb4f00ff;">
2837
+ </div>
2838
+
2839
+ </td>
2840
+ </tr>
2841
+ <tr>
2842
+ <td class="with-icons is-vcentered"
2843
+ id="base-colorsSemanticNotificationTransparent"
2844
+ title="theme: base; category: colors; group: semantic; name: notification; variant: transparent; ">
2845
+ colorsSemanticNotificationTransparent
2846
+ <a href="#base-colorsSemanticNotificationTransparent"
2847
+ title="permalink"
2848
+ class="permalink">
2849
+ 🔗
2850
+ </a>
2851
+ </td>
2852
+ <td class="is-vcentered">
2853
+ <pre>#00000000</pre>
2854
+ </td>
2855
+ <td class="is-vcentered">
2856
+ <div class="table__color-preview"
2857
+ style="background-color: #00000000;">
2858
+ </div>
2859
+
2860
+ </td>
2861
+ </tr>
2862
+ <tr>
2863
+ <td class="with-icons is-vcentered"
2864
+ id="base-colorsSemanticNotificationYin100"
2865
+ title="theme: base; category: colors; group: semantic; name: notification; subgroup: yin; variant: 100; ">
2866
+ colorsSemanticNotificationYin100
2867
+ <a href="#base-colorsSemanticNotificationYin100"
2868
+ title="permalink"
2869
+ class="permalink">
2870
+ 🔗
2871
+ </a>
2872
+ </td>
2873
+ <td class="is-vcentered">
2874
+ <pre>#000000ff</pre>
2875
+ </td>
2876
+ <td class="is-vcentered">
2877
+ <div class="table__color-preview"
2878
+ style="background-color: #000000ff;">
2879
+ </div>
2880
+
2881
+ </td>
2882
+ </tr>
2883
+ <tr>
2884
+ <td class="with-icons is-vcentered"
2885
+ id="base-colorsSemanticNotificationYin090"
2886
+ title="theme: base; category: colors; group: semantic; name: notification; subgroup: yin; variant: 090; ">
2887
+ colorsSemanticNotificationYin090
2888
+ <a href="#base-colorsSemanticNotificationYin090"
2889
+ title="permalink"
2890
+ class="permalink">
2891
+ 🔗
2892
+ </a>
2893
+ </td>
2894
+ <td class="is-vcentered">
2895
+ <pre>#000000e6</pre>
2896
+ </td>
2897
+ <td class="is-vcentered">
2898
+ <div class="table__color-preview"
2899
+ style="background-color: #000000e6;">
2900
+ </div>
2901
+
2902
+ </td>
2903
+ </tr>
2904
+ <tr>
2905
+ <td class="with-icons is-vcentered"
2906
+ id="base-colorsSemanticNotificationYang100"
2907
+ title="theme: base; category: colors; group: semantic; name: notification; subgroup: yang; variant: 100; ">
2908
+ colorsSemanticNotificationYang100
2909
+ <a href="#base-colorsSemanticNotificationYang100"
2910
+ title="permalink"
2911
+ class="permalink">
2912
+ 🔗
2913
+ </a>
2914
+ </td>
2915
+ <td class="is-vcentered">
2916
+ <pre>#ffffffff</pre>
2917
+ </td>
2918
+ <td class="is-vcentered">
2919
+ <div class="table__color-preview"
2920
+ style="background-color: #ffffffff;">
2921
+ </div>
2922
+
2923
+ </td>
2924
+ </tr>
2820
2925
  <tr>
2821
2926
  <td class="with-icons is-vcentered"
2822
2927
  id="base-colorsLogo"
package/docs/tokens/base/index.html CHANGED
@@ -2813,6 +2813,111 @@
2813
2813
 
2814
2814
  </td>
2815
2815
  </tr>
2816
+ <tr>
2817
+ <td class="with-icons is-vcentered"
2818
+ id="base-colorsSemanticNotification600"
2819
+ title="theme: base; category: colors; group: semantic; name: notification; variant: 600; ">
2820
+ colorsSemanticNotification600
2821
+ <a href="#base-colorsSemanticNotification600"
2822
+ title="permalink"
2823
+ class="permalink">
2824
+ 🔗
2825
+ </a>
2826
+ </td>
2827
+ <td class="is-vcentered">
2828
+ <pre>#bb4f00ff</pre>
2829
+ </td>
2830
+ <td class="is-vcentered">
2831
+ <div class="table__color-preview"
2832
+ style="background-color: #bb4f00ff;">
2833
+ </div>
2834
+
2835
+ </td>
2836
+ </tr>
2837
+ <tr>
2838
+ <td class="with-icons is-vcentered"
2839
+ id="base-colorsSemanticNotificationTransparent"
2840
+ title="theme: base; category: colors; group: semantic; name: notification; variant: transparent; ">
2841
+ colorsSemanticNotificationTransparent
2842
+ <a href="#base-colorsSemanticNotificationTransparent"
2843
+ title="permalink"
2844
+ class="permalink">
2845
+ 🔗
2846
+ </a>
2847
+ </td>
2848
+ <td class="is-vcentered">
2849
+ <pre>#00000000</pre>
2850
+ </td>
2851
+ <td class="is-vcentered">
2852
+ <div class="table__color-preview"
2853
+ style="background-color: #00000000;">
2854
+ </div>
2855
+
2856
+ </td>
2857
+ </tr>
2858
+ <tr>
2859
+ <td class="with-icons is-vcentered"
2860
+ id="base-colorsSemanticNotificationYin100"
2861
+ title="theme: base; category: colors; group: semantic; name: notification; subgroup: yin; variant: 100; ">
2862
+ colorsSemanticNotificationYin100
2863
+ <a href="#base-colorsSemanticNotificationYin100"
2864
+ title="permalink"
2865
+ class="permalink">
2866
+ 🔗
2867
+ </a>
2868
+ </td>
2869
+ <td class="is-vcentered">
2870
+ <pre>#000000ff</pre>
2871
+ </td>
2872
+ <td class="is-vcentered">
2873
+ <div class="table__color-preview"
2874
+ style="background-color: #000000ff;">
2875
+ </div>
2876
+
2877
+ </td>
2878
+ </tr>
2879
+ <tr>
2880
+ <td class="with-icons is-vcentered"
2881
+ id="base-colorsSemanticNotificationYin090"
2882
+ title="theme: base; category: colors; group: semantic; name: notification; subgroup: yin; variant: 090; ">
2883
+ colorsSemanticNotificationYin090
2884
+ <a href="#base-colorsSemanticNotificationYin090"
2885
+ title="permalink"
2886
+ class="permalink">
2887
+ 🔗
2888
+ </a>
2889
+ </td>
2890
+ <td class="is-vcentered">
2891
+ <pre>#000000e6</pre>
2892
+ </td>
2893
+ <td class="is-vcentered">
2894
+ <div class="table__color-preview"
2895
+ style="background-color: #000000e6;">
2896
+ </div>
2897
+
2898
+ </td>
2899
+ </tr>
2900
+ <tr>
2901
+ <td class="with-icons is-vcentered"
2902
+ id="base-colorsSemanticNotificationYang100"
2903
+ title="theme: base; category: colors; group: semantic; name: notification; subgroup: yang; variant: 100; ">
2904
+ colorsSemanticNotificationYang100
2905
+ <a href="#base-colorsSemanticNotificationYang100"
2906
+ title="permalink"
2907
+ class="permalink">
2908
+ 🔗
2909
+ </a>
2910
+ </td>
2911
+ <td class="is-vcentered">
2912
+ <pre>#ffffffff</pre>
2913
+ </td>
2914
+ <td class="is-vcentered">
2915
+ <div class="table__color-preview"
2916
+ style="background-color: #ffffffff;">
2917
+ </div>
2918
+
2919
+ </td>
2920
+ </tr>
2816
2921
  <tr>
2817
2922
  <td class="with-icons is-vcentered"
2818
2923
  id="base-colorsLogo"
package/docs/tokens/index.html CHANGED
@@ -5281,6 +5281,111 @@
5281
5281
 
5282
5282
  </td>
5283
5283
  </tr>
5284
+ <tr>
5285
+ <td class="with-icons is-vcentered"
5286
+ id="base-colorsSemanticNotification600"
5287
+ title="theme: base; category: colors; group: semantic; name: notification; variant: 600; ">
5288
+ colorsSemanticNotification600
5289
+ <a href="#base-colorsSemanticNotification600"
5290
+ title="permalink"
5291
+ class="permalink">
5292
+ 🔗
5293
+ </a>
5294
+ </td>
5295
+ <td class="is-vcentered">
5296
+ <pre>#bb4f00ff</pre>
5297
+ </td>
5298
+ <td class="is-vcentered">
5299
+ <div class="table__color-preview"
5300
+ style="background-color: #bb4f00ff;">
5301
+ </div>
5302
+
5303
+ </td>
5304
+ </tr>
5305
+ <tr>
5306
+ <td class="with-icons is-vcentered"
5307
+ id="base-colorsSemanticNotificationTransparent"
5308
+ title="theme: base; category: colors; group: semantic; name: notification; variant: transparent; ">
5309
+ colorsSemanticNotificationTransparent
5310
+ <a href="#base-colorsSemanticNotificationTransparent"
5311
+ title="permalink"
5312
+ class="permalink">
5313
+ 🔗
5314
+ </a>
5315
+ </td>
5316
+ <td class="is-vcentered">
5317
+ <pre>#00000000</pre>
5318
+ </td>
5319
+ <td class="is-vcentered">
5320
+ <div class="table__color-preview"
5321
+ style="background-color: #00000000;">
5322
+ </div>
5323
+
5324
+ </td>
5325
+ </tr>
5326
+ <tr>
5327
+ <td class="with-icons is-vcentered"
5328
+ id="base-colorsSemanticNotificationYin100"
5329
+ title="theme: base; category: colors; group: semantic; name: notification; subgroup: yin; variant: 100; ">
5330
+ colorsSemanticNotificationYin100
5331
+ <a href="#base-colorsSemanticNotificationYin100"
5332
+ title="permalink"
5333
+ class="permalink">
5334
+ 🔗
5335
+ </a>
5336
+ </td>
5337
+ <td class="is-vcentered">
5338
+ <pre>#000000ff</pre>
5339
+ </td>
5340
+ <td class="is-vcentered">
5341
+ <div class="table__color-preview"
5342
+ style="background-color: #000000ff;">
5343
+ </div>
5344
+
5345
+ </td>
5346
+ </tr>
5347
+ <tr>
5348
+ <td class="with-icons is-vcentered"
5349
+ id="base-colorsSemanticNotificationYin090"
5350
+ title="theme: base; category: colors; group: semantic; name: notification; subgroup: yin; variant: 090; ">
5351
+ colorsSemanticNotificationYin090
5352
+ <a href="#base-colorsSemanticNotificationYin090"
5353
+ title="permalink"
5354
+ class="permalink">
5355
+ 🔗
5356
+ </a>
5357
+ </td>
5358
+ <td class="is-vcentered">
5359
+ <pre>#000000e6</pre>
5360
+ </td>
5361
+ <td class="is-vcentered">
5362
+ <div class="table__color-preview"
5363
+ style="background-color: #000000e6;">
5364
+ </div>
5365
+
5366
+ </td>
5367
+ </tr>
5368
+ <tr>
5369
+ <td class="with-icons is-vcentered"
5370
+ id="base-colorsSemanticNotificationYang100"
5371
+ title="theme: base; category: colors; group: semantic; name: notification; subgroup: yang; variant: 100; ">
5372
+ colorsSemanticNotificationYang100
5373
+ <a href="#base-colorsSemanticNotificationYang100"
5374
+ title="permalink"
5375
+ class="permalink">
5376
+ 🔗
5377
+ </a>
5378
+ </td>
5379
+ <td class="is-vcentered">
5380
+ <pre>#ffffffff</pre>
5381
+ </td>
5382
+ <td class="is-vcentered">
5383
+ <div class="table__color-preview"
5384
+ style="background-color: #ffffffff;">
5385
+ </div>
5386
+
5387
+ </td>
5388
+ </tr>
5284
5389
  <tr>
5285
5390
  <td class="with-icons is-vcentered"
5286
5391
  id="base-colorsLogo"
package/ios/base.h CHANGED
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Mon, 27 Nov 2023 12:18:19 GMT
7
+ // Generated on Tue, 28 Nov 2023 09:59:29 GMT
8
8
 
9
9
 
10
10
  #import <Foundation/Foundation.h>
@@ -132,6 +132,11 @@
132
132
  #define colorsSemanticInfoYin065 #000000a6
133
133
  #define colorsSemanticInfoYin090 #000000e6
134
134
  #define colorsSemanticInfoYang100 #ffffffff
135
+ #define colorsSemanticNotification600 #bb4f00ff
136
+ #define colorsSemanticNotificationTransparent #00000000
137
+ #define colorsSemanticNotificationYin100 #000000ff
138
+ #define colorsSemanticNotificationYin090 #000000e6
139
+ #define colorsSemanticNotificationYang100 #ffffffff
135
140
  #define colorsLogo #00d639ff
136
141
  #define colorsTransparent #00000000
137
142
  #define colorsYin100 #000000ff
package/ios/dashboard/darkMode.h CHANGED
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Mon, 27 Nov 2023 12:18:19 GMT
7
+ // Generated on Tue, 28 Nov 2023 09:59:29 GMT
8
8
 
9
9
 
10
10
  #import <Foundation/Foundation.h>
package/ios/dashboard/lightMode.h CHANGED
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Mon, 27 Nov 2023 12:18:19 GMT
7
+ // Generated on Tue, 28 Nov 2023 09:59:29 GMT
8
8
 
9
9
 
10
10
  #import <Foundation/Foundation.h>
package/ios/origin.h CHANGED
@@ -4,7 +4,7 @@
4
4
  //
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Mon, 27 Nov 2023 12:18:19 GMT
7
+ // Generated on Tue, 28 Nov 2023 09:59:29 GMT
8
8
 
9
9
 
10
10
  #import <Foundation/Foundation.h>
package/js/base/common.d.ts CHANGED
@@ -120,6 +120,11 @@ export const colorsSemanticInfoYin055: string;
120
120
  export const colorsSemanticInfoYin065: string;
121
121
  export const colorsSemanticInfoYin090: string;
122
122
  export const colorsSemanticInfoYang100: string;
123
+ export const colorsSemanticNotification600: string;
124
+ export const colorsSemanticNotificationTransparent: string;
125
+ export const colorsSemanticNotificationYin100: string;
126
+ export const colorsSemanticNotificationYin090: string;
127
+ export const colorsSemanticNotificationYang100: string;
123
128
  export const colorsLogo: string;
124
129
  export const colorsTransparent: string;
125
130
  export const colorsYin100: string;
package/js/base/common.js CHANGED
@@ -4,7 +4,7 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
4
4
 
5
5
  /**
6
6
  * Do not edit directly
7
- * Generated on Mon, 27 Nov 2023 12:18:19 GMT
7
+ * Generated on Tue, 28 Nov 2023 09:59:29 GMT
8
8
  */
9
9
 
10
10
  module.exports = {
@@ -130,6 +130,11 @@ module.exports = {
130
130
  colorsSemanticInfoYin065: '#000000a6',
131
131
  colorsSemanticInfoYin090: '#000000e6',
132
132
  colorsSemanticInfoYang100: '#ffffffff',
133
+ colorsSemanticNotification600: '#bb4f00ff',
134
+ colorsSemanticNotificationTransparent: '#00000000',
135
+ colorsSemanticNotificationYin100: '#000000ff',
136
+ colorsSemanticNotificationYin090: '#000000e6',
137
+ colorsSemanticNotificationYang100: '#ffffffff',
133
138
  colorsLogo: '#00d639ff',
134
139
  colorsTransparent: '#00000000',
135
140
  colorsYin100: '#000000ff',
package/js/base/es6.d.ts CHANGED
@@ -121,6 +121,11 @@ declare namespace _default {
121
121
  const colorsSemanticInfoYin065: string;
122
122
  const colorsSemanticInfoYin090: string;
123
123
  const colorsSemanticInfoYang100: string;
124
+ const colorsSemanticNotification600: string;
125
+ const colorsSemanticNotificationTransparent: string;
126
+ const colorsSemanticNotificationYin100: string;
127
+ const colorsSemanticNotificationYin090: string;
128
+ const colorsSemanticNotificationYang100: string;
124
129
  const colorsLogo: string;
125
130
  const colorsTransparent: string;
126
131
  const colorsYin100: string;
package/js/base/es6.js CHANGED
@@ -125,6 +125,11 @@ export default {
125
125
  colorsSemanticInfoYin065: '#000000a6',
126
126
  colorsSemanticInfoYin090: '#000000e6',
127
127
  colorsSemanticInfoYang100: '#ffffffff',
128
+ colorsSemanticNotification600: '#bb4f00ff',
129
+ colorsSemanticNotificationTransparent: '#00000000',
130
+ colorsSemanticNotificationYin100: '#000000ff',
131
+ colorsSemanticNotificationYin090: '#000000e6',
132
+ colorsSemanticNotificationYang100: '#ffffffff',
128
133
  colorsLogo: '#00d639ff',
129
134
  colorsTransparent: '#00000000',
130
135
  colorsYin100: '#000000ff',
package/js/dashboard/darkMode/common.js CHANGED
@@ -4,7 +4,7 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
4
4
 
5
5
  /**
6
6
  * Do not edit directly
7
- * Generated on Mon, 27 Nov 2023 12:18:19 GMT
7
+ * Generated on Tue, 28 Nov 2023 09:59:29 GMT
8
8
  */
9
9
 
10
10
  module.exports = {
package/js/dashboard/lightMode/common.js CHANGED
@@ -4,7 +4,7 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
4
4
 
5
5
  /**
6
6
  * Do not edit directly
7
- * Generated on Mon, 27 Nov 2023 12:18:19 GMT
7
+ * Generated on Tue, 28 Nov 2023 09:59:29 GMT
8
8
  */
9
9
 
10
10
  module.exports = {
package/js/origin/common.js CHANGED
@@ -4,7 +4,7 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
4
4
 
5
5
  /**
6
6
  * Do not edit directly
7
- * Generated on Mon, 27 Nov 2023 12:18:18 GMT
7
+ * Generated on Tue, 28 Nov 2023 09:59:29 GMT
8
8
  */
9
9
 
10
10
  module.exports = {
package/package.json CHANGED
@@ -6,7 +6,7 @@
6
6
  },
7
7
  "description": "Design tokens for the Sage Design System.",
8
8
  "author": "The Sage Group plc",
9
- "version": "4.32.0",
9
+ "version": "4.33.0",
10
10
  "license": "SEE LICENSE IN https://github.com/Sage/design-tokens/blob/master/license",
11
11
  "tags": [
12
12
  "design tokens",
package/sage-design-tokens-4.33.0.tgz ADDED
Binary file
package/scss/base.scss CHANGED
@@ -4,7 +4,7 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
4
4
 
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Mon, 27 Nov 2023 12:18:19 GMT
7
+ // Generated on Tue, 28 Nov 2023 09:59:29 GMT
8
8
 
9
9
  $metaName: Base Theme;
10
10
  $metaPublic: true;
@@ -128,6 +128,11 @@ $colorsSemanticInfoYin055: #0000008c;
128
128
  $colorsSemanticInfoYin065: #000000a6;
129
129
  $colorsSemanticInfoYin090: #000000e6;
130
130
  $colorsSemanticInfoYang100: #ffffffff;
131
+ $colorsSemanticNotification600: #bb4f00ff;
132
+ $colorsSemanticNotificationTransparent: #00000000;
133
+ $colorsSemanticNotificationYin100: #000000ff;
134
+ $colorsSemanticNotificationYin090: #000000e6;
135
+ $colorsSemanticNotificationYang100: #ffffffff;
131
136
  $colorsLogo: #00d639ff;
132
137
  $colorsTransparent: #00000000;
133
138
  $colorsYin100: #000000ff;
package/scss/dashboard/darkMode.scss CHANGED
@@ -4,7 +4,7 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
4
4
 
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Mon, 27 Nov 2023 12:18:19 GMT
7
+ // Generated on Tue, 28 Nov 2023 09:59:29 GMT
8
8
 
9
9
  $metaName: Dashboard Dark-Mode Token Set;
10
10
  $metaPublic: true;
package/scss/dashboard/lightMode.scss CHANGED
@@ -4,7 +4,7 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
4
4
 
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Mon, 27 Nov 2023 12:18:19 GMT
7
+ // Generated on Tue, 28 Nov 2023 09:59:29 GMT
8
8
 
9
9
  $metaName: Dashboard Light-Mode Token Set;
10
10
  $metaPublic: true;
package/scss/origin.scss CHANGED
@@ -4,7 +4,7 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
4
4
 
5
5
 
6
6
  // Do not edit directly
7
- // Generated on Mon, 27 Nov 2023 12:18:18 GMT
7
+ // Generated on Tue, 28 Nov 2023 09:59:29 GMT
8
8
 
9
9
  $metaName: Origin Token Set;
10
10
  $metaPublic: true;
package/sage-design-tokens-4.32.0.tgz DELETED
Binary file