@sage/design-tokens 2.64.0 → 2.65.0

package/index.js

@@ -4,5 +4,9 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
 
 export * as baseCommon from './js/base/common'
 export * as baseEs6 from './js/base/es6'
+export * as darkModeCommon from './js/darkMode/common'
+export * as darkModeEs6 from './js/darkMode/es6'
+export * as lightModeCommon from './js/lightMode/common'
+export * as lightModeEs6 from './js/lightMode/es6'
 export * as originCommon from './js/origin/common'
 export * as originEs6 from './js/origin/es6'

package/ios/base.h

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Wed, 14 Dec 2022 11:43:20 GMT
+// Generated on Wed, 21 Dec 2022 15:17:51 GMT
 
 
 #import <Foundation/Foundation.h>
@@ -227,6 +227,7 @@
 #define colorsComponentsMenuYin090 #000000e6
 #define colorsComponentsMenuYang100 #ffffffff
 #define colorsComponentsMenuYang080 #ffffffcc
+#define colorsComponentsMenuYang030 #ffffff4d
 #define colorsComponentsMenuTransparent #00000000
 #define sizing100 8px
 #define sizing125 10px
@@ -322,9 +323,10 @@
 #define borderRadius200 16px
 #define borderRadius400 32px
 #define borderRadiusCircle 50%
+#define borderRadius000 0px
+#define borderRadius010 1px
 #define borderRadius025 2px
 #define borderRadius050 4px
-#define borderRadius000 0px
 #define typographyAccordionTitleM Medium 20px/125% Sage UI
 #define typographyAccordionTitleS Medium 16px/125% Sage UI
 #define typographyAccordionSubtitleM Regular 14px/150% Sage UI

package/ios/dashboard/darkMode.h

@@ -0,0 +1,15 @@
+
+//
+// dashboard/darkMode.h
+//
+
+// Do not edit directly
+// Generated on Wed, 21 Dec 2022 15:17:51 GMT
+
+
+#import <Foundation/Foundation.h>
+#import <UIKit/UIKit.h>
+
+#define metaName Dashboard Dark-Mode Token Set
+#define metaPublic true
+

package/ios/dashboard/lightMode.h

@@ -0,0 +1,15 @@
+
+//
+// dashboard/lightMode.h
+//
+
+// Do not edit directly
+// Generated on Wed, 21 Dec 2022 15:17:51 GMT
+
+
+#import <Foundation/Foundation.h>
+#import <UIKit/UIKit.h>
+
+#define metaName Dashboard Light-Mode Token Set
+#define metaPublic true
+

package/ios/origin.h

@@ -4,7 +4,7 @@
 //
 
 // Do not edit directly
-// Generated on Wed, 14 Dec 2022 11:43:20 GMT
+// Generated on Wed, 21 Dec 2022 15:17:51 GMT
 
 
 #import <Foundation/Foundation.h>
@@ -12,100 +12,111 @@
 
 #define metaName Origin Token Set
 #define metaPublic true
-#define colorsJade100 #8ff8b7ff
-#define colorsJade200 #44ed90ff
-#define colorsJade300 #00ca71ff
-#define colorsJade400 #00a65cff
-#define colorsJade500 #00884aff
-#define colorsJade600 #006d3bff
-#define colorsJade700 #00522cff
-#define colorsJade800 #00361eff
-#define colorsJade900 #001b0fff
-#define colorsJade010 #f2fef7ff
-#define colorsJade050 #c4fcd8ff
-#define colorsNavy100 #89d7edff
-#define colorsNavy200 #65bedfff
-#define colorsNavy300 #41a5d1ff
-#define colorsNavy400 #1d8cc3ff
-#define colorsNavy500 #0e74a7ff
-#define colorsNavy600 #095b84ff
-#define colorsNavy700 #054262ff
-#define colorsNavy800 #00293fff
-#define colorsNavy900 #001520ff
-#define colorsNavy010 #f4fcfeff
-#define colorsNavy050 #caf1fcff
-#define colorsTeal100 #89edeaff
-#define colorsTeal200 #5bcfcdff
-#define colorsTeal300 #2eb2b1ff
-#define colorsTeal400 #009494ff
-#define colorsTeal500 #007776ff
-#define colorsTeal600 #006362ff
-#define colorsTeal700 #004a4aff
-#define colorsTeal800 #003231ff
-#define colorsTeal900 #001919ff
-#define colorsTeal010 #f4fefeff
-#define colorsTeal050 #c3faf8ff
-#define colorsCherry100 #f7b3c2ff
-#define colorsCherry200 #ed94aaff
-#define colorsCherry300 #e27491ff
-#define colorsCherry400 #d85579ff
-#define colorsCherry500 #ba3c63ff
-#define colorsCherry600 #95304fff
-#define colorsCherry700 #70243bff
-#define colorsCherry800 #4a1828ff
-#define colorsCherry900 #250c14ff
-#define colorsCherry010 #fef5f7ff
-#define colorsCherry050 #fad4deff
-#define colorsTerra100 #ffbca6ff
-#define colorsTerra200 #f59a83ff
-#define colorsTerra300 #ea7961ff
-#define colorsTerra400 #e0583eff
-#define colorsTerra500 #c94633ff
-#define colorsTerra600 #a13829ff
-#define colorsTerra700 #782a1eff
-#define colorsTerra800 #501c14ff
-#define colorsTerra900 #280e0aff
-#define colorsTerra010 #fff7f5ff
-#define colorsTerra050 #ffdcd1ff
-#define colorsAmber100 #ffe290ff
-#define colorsAmber200 #f5ce55ff
-#define colorsAmber300 #efab2fff
-#define colorsAmber400 #e98709ff
-#define colorsAmber500 #c15708ff
-#define colorsAmber600 #9b4609ff
-#define colorsAmber700 #75330aff
-#define colorsAmber800 #4f220bff
-#define colorsAmber900 #281106ff
-#define colorsAmber010 #fffcefff
-#define colorsAmber050 #fff0c3ff
-#define colorsMalachite100 #8df79fff
-#define colorsMalachite200 #42eb64ff
-#define colorsMalachite300 #00d639ff
-#define colorsMalachite400 #00af2dff
-#define colorsMalachite500 #008a21ff
-#define colorsMalachite600 #006716ff
-#define colorsMalachite700 #00460cff
-#define colorsMalachite800 #002f08ff
-#define colorsMalachite900 #001704ff
-#define colorsMalachite010 #effcf0ff
-#define colorsMalachite050 #c1fac7ff
-#define colorsGray100 #e6e6e6ff
-#define colorsGray200 #ccccccff
-#define colorsGray300 #b3b3b3ff
-#define colorsGray400 #999999ff
-#define colorsGray500 #808080ff
-#define colorsGray600 #666666ff
-#define colorsGray700 #4d4d4dff
-#define colorsGray800 #333333ff
-#define colorsGray900 #191919ff
-#define colorsGray1000 #000000ff
-#define colorsGray000 #ffffffff
-#define colorsGray010 #fcfcfcff
-#define colorsGray050 #f2f2f2ff
-#define colorsSkin400 #ddb89eff
-#define colorsSkin500 #e84d4fff
-#define colorsSkin600 #b26e3dff
-#define colorsSkin700 #3a2417ff
-#define colorsFuchsia400 #bf47c3ff
-#define colorsFuchsia500 #b832bcff
+#define originColorsReferenceOnlyYin100 #000000ff
+#define originColorsReferenceOnlyYin010 #0000001a
+#define originColorsReferenceOnlyYin020 #00000033
+#define originColorsReferenceOnlyYin030 #0000004d
+#define originColorsReferenceOnlyYin055 #0000008c
+#define originColorsReferenceOnlyYin065 #000000a6
+#define originColorsReferenceOnlyYin075 #000000bf
+#define originColorsReferenceOnlyYin090 #000000e6
+#define originColorsReferenceOnlyYang100 #ffffffff
+#define originColorsReferenceOnlyYang030 #ffffff4d
+#define originColorsReferenceOnlyYang080 #ffffffcc
+#define originColorsReferenceOnlyMalachite100 #8df79fff
+#define originColorsReferenceOnlyMalachite200 #42eb64ff
+#define originColorsReferenceOnlyMalachite300 #00d639ff
+#define originColorsReferenceOnlyMalachite400 #00af2dff
+#define originColorsReferenceOnlyMalachite500 #008a21ff
+#define originColorsReferenceOnlyMalachite600 #006716ff
+#define originColorsReferenceOnlyMalachite700 #00460cff
+#define originColorsReferenceOnlyMalachite800 #002f08ff
+#define originColorsReferenceOnlyMalachite900 #001704ff
+#define originColorsReferenceOnlyMalachite010 #effcf0ff
+#define originColorsReferenceOnlyMalachite050 #c1fac7ff
+#define originColorsReferenceOnlyJade100 #8ff8b7ff
+#define originColorsReferenceOnlyJade200 #44ed90ff
+#define originColorsReferenceOnlyJade300 #00ca71ff
+#define originColorsReferenceOnlyJade400 #00a65cff
+#define originColorsReferenceOnlyJade500 #00884aff
+#define originColorsReferenceOnlyJade600 #006d3bff
+#define originColorsReferenceOnlyJade700 #00522cff
+#define originColorsReferenceOnlyJade800 #00361eff
+#define originColorsReferenceOnlyJade900 #001b0fff
+#define originColorsReferenceOnlyJade010 #f2fef7ff
+#define originColorsReferenceOnlyJade050 #c4fcd8ff
+#define originColorsReferenceOnlyNavy100 #89d7edff
+#define originColorsReferenceOnlyNavy200 #65bedfff
+#define originColorsReferenceOnlyNavy300 #41a5d1ff
+#define originColorsReferenceOnlyNavy400 #1d8cc3ff
+#define originColorsReferenceOnlyNavy500 #0e74a7ff
+#define originColorsReferenceOnlyNavy600 #095b84ff
+#define originColorsReferenceOnlyNavy700 #054262ff
+#define originColorsReferenceOnlyNavy800 #00293fff
+#define originColorsReferenceOnlyNavy900 #001520ff
+#define originColorsReferenceOnlyNavy010 #f4fcfeff
+#define originColorsReferenceOnlyNavy050 #caf1fcff
+#define originColorsReferenceOnlyTeal100 #89edeaff
+#define originColorsReferenceOnlyTeal200 #5bcfcdff
+#define originColorsReferenceOnlyTeal300 #2eb2b1ff
+#define originColorsReferenceOnlyTeal400 #009494ff
+#define originColorsReferenceOnlyTeal500 #007776ff
+#define originColorsReferenceOnlyTeal600 #006362ff
+#define originColorsReferenceOnlyTeal700 #004a4aff
+#define originColorsReferenceOnlyTeal800 #003231ff
+#define originColorsReferenceOnlyTeal900 #001919ff
+#define originColorsReferenceOnlyTeal010 #f4fefeff
+#define originColorsReferenceOnlyTeal050 #c3faf8ff
+#define originColorsReferenceOnlyAmber100 #ffe290ff
+#define originColorsReferenceOnlyAmber200 #f5ce55ff
+#define originColorsReferenceOnlyAmber300 #efab2fff
+#define originColorsReferenceOnlyAmber400 #e98709ff
+#define originColorsReferenceOnlyAmber500 #c15708ff
+#define originColorsReferenceOnlyAmber600 #9b4609ff
+#define originColorsReferenceOnlyAmber700 #75330aff
+#define originColorsReferenceOnlyAmber800 #4f220bff
+#define originColorsReferenceOnlyAmber900 #281106ff
+#define originColorsReferenceOnlyAmber010 #fffcefff
+#define originColorsReferenceOnlyAmber050 #fff0c3ff
+#define originColorsReferenceOnlyCherry100 #f7b3c2ff
+#define originColorsReferenceOnlyCherry200 #ed94aaff
+#define originColorsReferenceOnlyCherry300 #e27491ff
+#define originColorsReferenceOnlyCherry400 #d85579ff
+#define originColorsReferenceOnlyCherry500 #ba3c63ff
+#define originColorsReferenceOnlyCherry600 #95304fff
+#define originColorsReferenceOnlyCherry700 #70243bff
+#define originColorsReferenceOnlyCherry800 #4a1828ff
+#define originColorsReferenceOnlyCherry900 #250c14ff
+#define originColorsReferenceOnlyCherry010 #fef5f7ff
+#define originColorsReferenceOnlyCherry050 #fad4deff
+#define originColorsReferenceOnlyTerra100 #ffbca6ff
+#define originColorsReferenceOnlyTerra200 #f59a83ff
+#define originColorsReferenceOnlyTerra300 #ea7961ff
+#define originColorsReferenceOnlyTerra400 #e0583eff
+#define originColorsReferenceOnlyTerra500 #c94633ff
+#define originColorsReferenceOnlyTerra600 #a13829ff
+#define originColorsReferenceOnlyTerra700 #782a1eff
+#define originColorsReferenceOnlyTerra800 #501c14ff
+#define originColorsReferenceOnlyTerra900 #280e0aff
+#define originColorsReferenceOnlyTerra010 #fff7f5ff
+#define originColorsReferenceOnlyTerra050 #ffdcd1ff
+#define originColorsReferenceOnlyGray100 #e6e6e6ff
+#define originColorsReferenceOnlyGray200 #ccccccff
+#define originColorsReferenceOnlyGray300 #b3b3b3ff
+#define originColorsReferenceOnlyGray400 #999999ff
+#define originColorsReferenceOnlyGray500 #808080ff
+#define originColorsReferenceOnlyGray600 #666666ff
+#define originColorsReferenceOnlyGray700 #4d4d4dff
+#define originColorsReferenceOnlyGray800 #333333ff
+#define originColorsReferenceOnlyGray900 #191919ff
+#define originColorsReferenceOnlyGray1000 #000000ff
+#define originColorsReferenceOnlyGray000 #ffffffff
+#define originColorsReferenceOnlyGray010 #fcfcfcff
+#define originColorsReferenceOnlyGray050 #f2f2f2ff
+#define originColorsReferenceOnlySkin400 #ddb89eff
+#define originColorsReferenceOnlySkin500 #e84d4fff
+#define originColorsReferenceOnlySkin600 #b26e3dff
+#define originColorsReferenceOnlySkin700 #3a2417ff
+#define originColorsReferenceOnlyFuchsia400 #bf47c3ff
+#define originColorsReferenceOnlyFuchsia500 #b832bcff
 

package/js/base/common.d.ts

@@ -215,6 +215,7 @@ export const colorsComponentsMenuYin065: string;
 export const colorsComponentsMenuYin090: string;
 export const colorsComponentsMenuYang100: string;
 export const colorsComponentsMenuYang080: string;
+export const colorsComponentsMenuYang030: string;
 export const colorsComponentsMenuTransparent: string;
 export const sizing100: string;
 export const sizing125: string;
@@ -310,9 +311,10 @@ export const borderRadius100: string;
 export const borderRadius200: string;
 export const borderRadius400: string;
 export const borderRadiusCircle: string;
+export const borderRadius000: string;
+export const borderRadius010: string;
 export const borderRadius025: string;
 export const borderRadius050: string;
-export const borderRadius000: string;
 export const typographyAccordionTitleM: string;
 export const typographyAccordionTitleS: string;
 export const typographyAccordionSubtitleM: string;

package/js/base/common.js

@@ -4,7 +4,7 @@ Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
 
 /**
  * Do not edit directly
- * Generated on Wed, 14 Dec 2022 11:43:20 GMT
+ * Generated on Wed, 21 Dec 2022 15:17:51 GMT
  */
 
 module.exports = {
@@ -225,6 +225,7 @@ module.exports = {
   colorsComponentsMenuYin090: '#000000e6',
   colorsComponentsMenuYang100: '#ffffffff',
   colorsComponentsMenuYang080: '#ffffffcc',
+  colorsComponentsMenuYang030: '#ffffff4d',
   colorsComponentsMenuTransparent: '#00000000',
   sizing100: '8px',
   sizing125: '10px',
@@ -320,9 +321,10 @@ module.exports = {
   borderRadius200: '16px',
   borderRadius400: '32px',
   borderRadiusCircle: '50%',
+  borderRadius000: '0px',
+  borderRadius010: '1px',
   borderRadius025: '2px',
   borderRadius050: '4px',
-  borderRadius000: '0px',
   typographyAccordionTitleM: '500 20px/125% Sage UI',
   typographyAccordionTitleS: '500 16px/125% Sage UI',
   typographyAccordionSubtitleM: '400 14px/150% Sage UI',

package/js/base/es6.d.ts

@@ -216,6 +216,7 @@ declare namespace _default {
     const colorsComponentsMenuYin090: string;
     const colorsComponentsMenuYang100: string;
     const colorsComponentsMenuYang080: string;
+    const colorsComponentsMenuYang030: string;
     const colorsComponentsMenuTransparent: string;
     const sizing100: string;
     const sizing125: string;
@@ -311,9 +312,10 @@ declare namespace _default {
     const borderRadius200: string;
     const borderRadius400: string;
     const borderRadiusCircle: string;
+    const borderRadius000: string;
+    const borderRadius010: string;
     const borderRadius025: string;
     const borderRadius050: string;
-    const borderRadius000: string;
     const typographyAccordionTitleM: string;
     const typographyAccordionTitleS: string;
     const typographyAccordionSubtitleM: string;

package/js/base/es6.js

@@ -220,6 +220,7 @@ export default {
   colorsComponentsMenuYin090: '#000000e6',
   colorsComponentsMenuYang100: '#ffffffff',
   colorsComponentsMenuYang080: '#ffffffcc',
+  colorsComponentsMenuYang030: '#ffffff4d',
   colorsComponentsMenuTransparent: '#00000000',
   sizing100: '8px',
   sizing125: '10px',
@@ -315,9 +316,10 @@ export default {
   borderRadius200: '16px',
   borderRadius400: '32px',
   borderRadiusCircle: '50%',
+  borderRadius000: '0px',
+  borderRadius010: '1px',
   borderRadius025: '2px',
   borderRadius050: '4px',
-  borderRadius000: '0px',
   typographyAccordionTitleM: '500 20px/125% Sage UI',
   typographyAccordionTitleS: '500 16px/125% Sage UI',
   typographyAccordionSubtitleM: '400 14px/150% Sage UI',

package/js/dashboard/darkMode/common.d.ts

@@ -0,0 +1,2 @@
+export const metaName: string;
+export const metaPublic: string;

package/js/dashboard/darkMode/common.js

@@ -0,0 +1,13 @@
+/*
+Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
+ */
+
+/**
+ * Do not edit directly
+ * Generated on Wed, 21 Dec 2022 15:17:51 GMT
+ */
+
+module.exports = {
+  metaName: 'Dashboard Dark-Mode Token Set',
+  metaPublic: 'true'
+}

package/js/dashboard/darkMode/es6.d.ts

@@ -0,0 +1,5 @@
+declare namespace _default {
+    const metaName: string;
+    const metaPublic: string;
+}
+export default _default;

package/js/dashboard/darkMode/es6.js

@@ -0,0 +1,8 @@
+/*
+Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
+ */
+
+export default {
+  metaName: 'Dashboard Dark-Mode Token Set',
+  metaPublic: 'true'
+}

package/js/dashboard/lightMode/common.d.ts

@@ -0,0 +1,2 @@
+export const metaName: string;
+export const metaPublic: string;

package/js/dashboard/lightMode/common.js

@@ -0,0 +1,13 @@
+/*
+Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
+ */
+
+/**
+ * Do not edit directly
+ * Generated on Wed, 21 Dec 2022 15:17:51 GMT
+ */
+
+module.exports = {
+  metaName: 'Dashboard Light-Mode Token Set',
+  metaPublic: 'true'
+}

package/js/dashboard/lightMode/es6.d.ts

@@ -0,0 +1,5 @@
+declare namespace _default {
+    const metaName: string;
+    const metaPublic: string;
+}
+export default _default;

package/js/dashboard/lightMode/es6.js

@@ -0,0 +1,8 @@
+/*
+Copyright © 2021 The Sage Group plc or its licensors. All Rights reserved
+ */
+
+export default {
+  metaName: 'Dashboard Light-Mode Token Set',
+  metaPublic: 'true'
+}