@newskit-render/shared-components 1.3.0 → 1.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 (101) hide show
  1. package/dist/cjs/theme/sunTheme/border-radius.js +1 -1
  2. package/dist/cjs/theme/sunTheme/border-radius.js.map +1 -1
  3. package/dist/cjs/theme/sunTheme/colors.d.ts +257 -88
  4. package/dist/cjs/theme/sunTheme/colors.js +276 -107
  5. package/dist/cjs/theme/sunTheme/colors.js.map +1 -1
  6. package/dist/cjs/theme/sunTheme/fonts.d.ts +19 -98
  7. package/dist/cjs/theme/sunTheme/fonts.js +36 -115
  8. package/dist/cjs/theme/sunTheme/fonts.js.map +1 -1
  9. package/dist/cjs/theme/sunTheme/overlays.d.ts +12 -10
  10. package/dist/cjs/theme/sunTheme/overlays.js +12 -10
  11. package/dist/cjs/theme/sunTheme/overlays.js.map +1 -1
  12. package/dist/cjs/theme/sunTheme/shadows.js +6 -6
  13. package/dist/cjs/theme/sunTheme/shadows.js.map +1 -1
  14. package/dist/cjs/theme/sunTheme/typography-presets.d.ts +181 -84
  15. package/dist/cjs/theme/sunTheme/typography-presets.js +275 -178
  16. package/dist/cjs/theme/sunTheme/typography-presets.js.map +1 -1
  17. package/dist/cjs/theme/timesTheme/colors.d.ts +139 -40
  18. package/dist/cjs/theme/timesTheme/colors.js +151 -52
  19. package/dist/cjs/theme/timesTheme/colors.js.map +1 -1
  20. package/dist/cjs/theme/timesTheme/fonts.d.ts +34 -15
  21. package/dist/cjs/theme/timesTheme/fonts.js +37 -18
  22. package/dist/cjs/theme/timesTheme/fonts.js.map +1 -1
  23. package/dist/cjs/theme/timesTheme/index.js +4 -0
  24. package/dist/cjs/theme/timesTheme/index.js.map +1 -1
  25. package/dist/cjs/theme/timesTheme/overlays.d.ts +14 -0
  26. package/dist/cjs/theme/timesTheme/overlays.js +18 -0
  27. package/dist/cjs/theme/timesTheme/overlays.js.map +1 -0
  28. package/dist/cjs/theme/timesTheme/shadows.d.ts +8 -0
  29. package/dist/cjs/theme/timesTheme/shadows.js +12 -0
  30. package/dist/cjs/theme/timesTheme/shadows.js.map +1 -0
  31. package/dist/cjs/theme/timesTheme/typographyPresets.d.ts +321 -0
  32. package/dist/cjs/theme/timesTheme/typographyPresets.js +329 -8
  33. package/dist/cjs/theme/timesTheme/typographyPresets.js.map +1 -1
  34. package/dist/cjs/theme/virginTheme/borders.d.ts +1 -1
  35. package/dist/cjs/theme/virginTheme/borders.js +1 -1
  36. package/dist/cjs/theme/virginTheme/borders.js.map +1 -1
  37. package/dist/cjs/theme/virginTheme/colors.d.ts +143 -131
  38. package/dist/cjs/theme/virginTheme/colors.js +157 -145
  39. package/dist/cjs/theme/virginTheme/colors.js.map +1 -1
  40. package/dist/cjs/theme/virginTheme/fonts.d.ts +11 -12
  41. package/dist/cjs/theme/virginTheme/fonts.js +22 -20
  42. package/dist/cjs/theme/virginTheme/fonts.js.map +1 -1
  43. package/dist/cjs/theme/virginTheme/overlays.d.ts +21 -3
  44. package/dist/cjs/theme/virginTheme/overlays.js +31 -13
  45. package/dist/cjs/theme/virginTheme/overlays.js.map +1 -1
  46. package/dist/cjs/theme/virginTheme/shadows.js +6 -6
  47. package/dist/cjs/theme/virginTheme/shadows.js.map +1 -1
  48. package/dist/cjs/theme/virginTheme/typographyPresets.d.ts +175 -85
  49. package/dist/cjs/theme/virginTheme/typographyPresets.js +200 -110
  50. package/dist/cjs/theme/virginTheme/typographyPresets.js.map +1 -1
  51. package/dist/esm/theme/sunTheme/border-radius.js +1 -1
  52. package/dist/esm/theme/sunTheme/border-radius.js.map +1 -1
  53. package/dist/esm/theme/sunTheme/colors.d.ts +257 -88
  54. package/dist/esm/theme/sunTheme/colors.js +276 -107
  55. package/dist/esm/theme/sunTheme/colors.js.map +1 -1
  56. package/dist/esm/theme/sunTheme/fonts.d.ts +19 -98
  57. package/dist/esm/theme/sunTheme/fonts.js +36 -115
  58. package/dist/esm/theme/sunTheme/fonts.js.map +1 -1
  59. package/dist/esm/theme/sunTheme/overlays.d.ts +12 -10
  60. package/dist/esm/theme/sunTheme/overlays.js +12 -10
  61. package/dist/esm/theme/sunTheme/overlays.js.map +1 -1
  62. package/dist/esm/theme/sunTheme/shadows.js +6 -6
  63. package/dist/esm/theme/sunTheme/shadows.js.map +1 -1
  64. package/dist/esm/theme/sunTheme/typography-presets.d.ts +181 -84
  65. package/dist/esm/theme/sunTheme/typography-presets.js +275 -178
  66. package/dist/esm/theme/sunTheme/typography-presets.js.map +1 -1
  67. package/dist/esm/theme/timesTheme/colors.d.ts +139 -40
  68. package/dist/esm/theme/timesTheme/colors.js +151 -52
  69. package/dist/esm/theme/timesTheme/colors.js.map +1 -1
  70. package/dist/esm/theme/timesTheme/fonts.d.ts +34 -15
  71. package/dist/esm/theme/timesTheme/fonts.js +37 -18
  72. package/dist/esm/theme/timesTheme/fonts.js.map +1 -1
  73. package/dist/esm/theme/timesTheme/index.js +4 -0
  74. package/dist/esm/theme/timesTheme/index.js.map +1 -1
  75. package/dist/esm/theme/timesTheme/overlays.d.ts +14 -0
  76. package/dist/esm/theme/timesTheme/overlays.js +15 -0
  77. package/dist/esm/theme/timesTheme/overlays.js.map +1 -0
  78. package/dist/esm/theme/timesTheme/shadows.d.ts +8 -0
  79. package/dist/esm/theme/timesTheme/shadows.js +9 -0
  80. package/dist/esm/theme/timesTheme/shadows.js.map +1 -0
  81. package/dist/esm/theme/timesTheme/typographyPresets.d.ts +321 -0
  82. package/dist/esm/theme/timesTheme/typographyPresets.js +329 -8
  83. package/dist/esm/theme/timesTheme/typographyPresets.js.map +1 -1
  84. package/dist/esm/theme/virginTheme/borders.d.ts +1 -1
  85. package/dist/esm/theme/virginTheme/borders.js +1 -1
  86. package/dist/esm/theme/virginTheme/borders.js.map +1 -1
  87. package/dist/esm/theme/virginTheme/colors.d.ts +143 -131
  88. package/dist/esm/theme/virginTheme/colors.js +157 -145
  89. package/dist/esm/theme/virginTheme/colors.js.map +1 -1
  90. package/dist/esm/theme/virginTheme/fonts.d.ts +11 -12
  91. package/dist/esm/theme/virginTheme/fonts.js +22 -20
  92. package/dist/esm/theme/virginTheme/fonts.js.map +1 -1
  93. package/dist/esm/theme/virginTheme/overlays.d.ts +21 -3
  94. package/dist/esm/theme/virginTheme/overlays.js +31 -13
  95. package/dist/esm/theme/virginTheme/overlays.js.map +1 -1
  96. package/dist/esm/theme/virginTheme/shadows.js +6 -6
  97. package/dist/esm/theme/virginTheme/shadows.js.map +1 -1
  98. package/dist/esm/theme/virginTheme/typographyPresets.d.ts +175 -85
  99. package/dist/esm/theme/virginTheme/typographyPresets.js +200 -110
  100. package/dist/esm/theme/virginTheme/typographyPresets.js.map +1 -1
  101. package/package.json +1 -1
@@ -2,6 +2,6 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.borders = void 0;
4
4
  exports.borders = {
5
- borderRadiusDefault: '{{sizing.sizing010}}',
5
+ borderRadiusDefault: '{{borders.borderRadiusRounded010}}',
6
6
  };
7
7
  //# sourceMappingURL=border-radius.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"border-radius.js","sourceRoot":"","sources":["../../../../src/theme/sunTheme/border-radius.ts"],"names":[],"mappings":";;;AAAa,QAAA,OAAO,GAAG;IACrB,mBAAmB,EAAE,sBAAsB;CAC5C,CAAA"}
1
+ {"version":3,"file":"border-radius.js","sourceRoot":"","sources":["../../../../src/theme/sunTheme/border-radius.ts"],"names":[],"mappings":";;;AAAa,QAAA,OAAO,GAAG;IACrB,mBAAmB,EAAE,oCAAoC;CAC1D,CAAA"}
@@ -1,72 +1,207 @@
1
1
  export declare const colors: {
2
- amber010: string;
3
- amber020: string;
4
- amber030: string;
5
- amber040: string;
6
- amber050: string;
7
- amber060: string;
8
- amber070: string;
9
- amber080: string;
10
- amber090: string;
11
- amber100: string;
12
- black: string;
13
- white: string;
14
- blue010: string;
15
- blue020: string;
16
- blue030: string;
17
- blue040: string;
18
- blue050: string;
19
- blue060: string;
20
- blue070: string;
21
- blue080: string;
22
- blue090: string;
2
+ focus010: string;
3
+ purple100: string;
4
+ purple090: string;
5
+ purple080: string;
6
+ purple070: string;
7
+ purple060: string;
8
+ purple050: string;
9
+ purple040: string;
10
+ purple030: string;
11
+ purple020: string;
12
+ purple010: string;
23
13
  blue100: string;
24
- green010: string;
25
- green020: string;
26
- green030: string;
27
- green040: string;
28
- green050: string;
29
- green060: string;
30
- green070: string;
31
- green080: string;
32
- green090: string;
14
+ blue090: string;
15
+ blue080: string;
16
+ blue070: string;
17
+ blue060: string;
18
+ blue050: string;
19
+ blue040: string;
20
+ blue030: string;
21
+ blue020: string;
22
+ blue010: string;
23
+ teal100: string;
24
+ teal090: string;
25
+ teal080: string;
26
+ teal070: string;
27
+ teal060: string;
28
+ teal050: string;
29
+ teal040: string;
30
+ teal030: string;
31
+ teal020: string;
32
+ teal010: string;
33
+ amber100: string;
34
+ amber090: string;
35
+ amber080: string;
36
+ amber070: string;
37
+ amber060: string;
38
+ amber050: string;
39
+ amber040: string;
40
+ amber030: string;
41
+ amber020: string;
42
+ amber010: string;
43
+ red100: string;
44
+ red090: string;
45
+ red080: string;
46
+ red070: string;
47
+ red060: string;
48
+ red050: string;
49
+ red040: string;
50
+ red030: string;
51
+ red020: string;
52
+ red010: string;
33
53
  green100: string;
34
- neutral010: string;
35
- neutral020: string;
36
- neutral030: string;
37
- neutral040: string;
38
- neutral050: string;
39
- neutral060: string;
40
- neutral070: string;
41
- neutral080: string;
42
- neutral090: string;
54
+ green090: string;
55
+ green080: string;
56
+ green070: string;
57
+ green060: string;
58
+ green050: string;
59
+ green040: string;
60
+ green030: string;
61
+ green020: string;
62
+ green010: string;
43
63
  neutral100: string;
44
- purple010: string;
45
- purple020: string;
46
- purple030: string;
47
- purple040: string;
48
- purple050: string;
49
- purple060: string;
50
- purple070: string;
51
- purple080: string;
52
- purple090: string;
53
- purple100: string;
54
- red010: string;
55
- red020: string;
56
- red030: string;
57
- red040: string;
58
- red050: string;
59
- red060: string;
60
- red070: string;
61
- red080: string;
62
- red090: string;
63
- red100: string;
64
- socialFacebook: string;
65
- socialInstagram: string;
64
+ neutral090: string;
65
+ neutral080: string;
66
+ neutral070: string;
67
+ neutral060: string;
68
+ neutral050: string;
69
+ neutral040: string;
70
+ neutral030: string;
71
+ neutral020: string;
72
+ neutral010: string;
73
+ black: string;
74
+ white: string;
75
+ whiteTint090: string;
76
+ whiteTint080: string;
77
+ whiteTint070: string;
78
+ whiteTint060: string;
79
+ whiteTint050: string;
80
+ whiteTint040: string;
81
+ whiteTint030: string;
82
+ whiteTint020: string;
83
+ whiteTint010: string;
84
+ blackTint090: string;
85
+ blackTint080: string;
86
+ blackTint070: string;
87
+ blackTint060: string;
88
+ blackTint050: string;
89
+ blackTint040: string;
90
+ blackTint030: string;
91
+ blackTint020: string;
92
+ blackTint010: string;
66
93
  socialReddit: string;
67
- socialTwitter: string;
68
94
  socialWhatsapp: string;
69
95
  socialYoutube: string;
96
+ socialInstagram: string;
97
+ socialFacebook: string;
98
+ socialTwitter: string;
99
+ socialGithub: string;
100
+ socialApple: string;
101
+ socialGoogleBlue: string;
102
+ socialGoogleRed: string;
103
+ socialGoogleYellow: string;
104
+ socialGoogleGreen: string;
105
+ money010: string;
106
+ money020: string;
107
+ money030: string;
108
+ money040: string;
109
+ money050: string;
110
+ money060: string;
111
+ money070: string;
112
+ money080: string;
113
+ money090: string;
114
+ money100: string;
115
+ motors010: string;
116
+ motors020: string;
117
+ motors030: string;
118
+ motors040: string;
119
+ motors050: string;
120
+ motors060: string;
121
+ motors070: string;
122
+ motors080: string;
123
+ motors090: string;
124
+ motors100: string;
125
+ news010: string;
126
+ news020: string;
127
+ news030: string;
128
+ news040: string;
129
+ news050: string;
130
+ news060: string;
131
+ news070: string;
132
+ news080: string;
133
+ news090: string;
134
+ news100: string;
135
+ showbiz010: string;
136
+ showbiz020: string;
137
+ showbiz030: string;
138
+ showbiz040: string;
139
+ showbiz050: string;
140
+ showbiz060: string;
141
+ showbiz070: string;
142
+ showbiz080: string;
143
+ showbiz090: string;
144
+ showbiz100: string;
145
+ tv010: string;
146
+ tv020: string;
147
+ tv030: string;
148
+ tv040: string;
149
+ tv050: string;
150
+ tv060: string;
151
+ tv070: string;
152
+ tv080: string;
153
+ tv090: string;
154
+ tv100: string;
155
+ sport010: string;
156
+ sport020: string;
157
+ sport030: string;
158
+ sport040: string;
159
+ sport050: string;
160
+ sport060: string;
161
+ sport070: string;
162
+ sport080: string;
163
+ sport090: string;
164
+ sport100: string;
165
+ tech010: string;
166
+ tech020: string;
167
+ tech030: string;
168
+ tech040: string;
169
+ tech050: string;
170
+ tech060: string;
171
+ tech070: string;
172
+ tech080: string;
173
+ tech090: string;
174
+ tech100: string;
175
+ travel010: string;
176
+ travel020: string;
177
+ travel030: string;
178
+ travel040: string;
179
+ travel050: string;
180
+ travel060: string;
181
+ travel070: string;
182
+ travel080: string;
183
+ travel090: string;
184
+ travel100: string;
185
+ lifestyle010: string;
186
+ lifestyle020: string;
187
+ lifestyle030: string;
188
+ lifestyle040: string;
189
+ lifestyle050: string;
190
+ lifestyle060: string;
191
+ lifestyle070: string;
192
+ lifestyle080: string;
193
+ lifestyle090: string;
194
+ lifestyle100: string;
195
+ health010: string;
196
+ health020: string;
197
+ health030: string;
198
+ health040: string;
199
+ health050: string;
200
+ health060: string;
201
+ health070: string;
202
+ health080: string;
203
+ health090: string;
204
+ health100: string;
70
205
  sun010: string;
71
206
  sun020: string;
72
207
  sun030: string;
@@ -77,51 +212,60 @@ export declare const colors: {
77
212
  sun080: string;
78
213
  sun090: string;
79
214
  sun100: string;
215
+ fabulous010: string;
216
+ fabulous020: string;
217
+ fabulous030: string;
218
+ fabulous040: string;
219
+ fabulous050: string;
220
+ fabulous060: string;
221
+ fabulous070: string;
222
+ fabulous080: string;
223
+ fabulous090: string;
224
+ fabulous100: string;
225
+ football010: string;
226
+ football020: string;
227
+ football030: string;
228
+ football040: string;
229
+ football050: string;
230
+ football060: string;
231
+ football070: string;
232
+ football080: string;
233
+ football090: string;
234
+ football100: string;
80
235
  inkBase: string;
81
- inkBrand010: string;
82
- inkBrand020: string;
83
236
  inkContrast: string;
84
- inkInformative: string;
237
+ inkSubtle: string;
238
+ inkNonEssential: string;
85
239
  inkInverse: string;
240
+ inkLight010: string;
241
+ inkDark010: string;
242
+ inkPositive: string;
86
243
  inkNegative: string;
87
- inkNonEssential: string;
88
244
  inkNotice: string;
89
- inkPositive: string;
90
- inkSubtle: string;
245
+ inkInformative: string;
246
+ inkBrand010: string;
247
+ inkBrand020: string;
248
+ interfaceBackground: string;
91
249
  interface010: string;
92
250
  interface020: string;
93
251
  interface030: string;
94
252
  interface040: string;
95
253
  interface050: string;
96
254
  interface060: string;
97
- interfaceBackground: string;
98
255
  interfaceBrand010: string;
99
256
  interfaceBrand020: string;
100
- interfaceInformative010: string;
101
- interfaceInformative020: string;
257
+ interfacePositive010: string;
258
+ interfacePositive020: string;
102
259
  interfaceNegative010: string;
103
260
  interfaceNegative020: string;
104
- interfaceNeutral010: string;
105
- interfaceNeutral020: string;
106
261
  interfaceNotice010: string;
107
262
  interfaceNotice020: string;
108
- interfacePositive010: string;
109
- interfacePositive020: string;
263
+ interfaceInformative010: string;
264
+ interfaceInformative020: string;
265
+ interfaceNeutral010: string;
266
+ interfaceNeutral020: string;
110
267
  interfaceSkeleton010: string;
111
268
  interfaceSkeleton020: string;
112
- customInterfaceBrand: string;
113
- transparent: string;
114
- interactiveDisabled010: string;
115
- interactiveNegative010: string;
116
- interactiveNegative020: string;
117
- interactiveNegative030: string;
118
- interactiveNegative040: string;
119
- interactiveNegative050: string;
120
- interactivePositive010: string;
121
- interactivePositive020: string;
122
- interactivePositive030: string;
123
- interactivePositive040: string;
124
- interactivePositive050: string;
125
269
  interactivePrimary010: string;
126
270
  interactivePrimary020: string;
127
271
  interactivePrimary030: string;
@@ -132,5 +276,30 @@ export declare const colors: {
132
276
  interactiveSecondary030: string;
133
277
  interactiveSecondary040: string;
134
278
  interactiveSecondary050: string;
279
+ interactivePositive010: string;
280
+ interactivePositive020: string;
281
+ interactivePositive030: string;
282
+ interactivePositive040: string;
283
+ interactivePositive050: string;
284
+ interactiveNegative010: string;
285
+ interactiveNegative020: string;
286
+ interactiveNegative030: string;
287
+ interactiveNegative040: string;
288
+ interactiveNegative050: string;
289
+ interactiveDisabled010: string;
135
290
  interactiveVisited010: string;
291
+ interactiveFocus010: string;
292
+ interactiveInverse010: string;
293
+ interactiveInverse020: string;
294
+ interactiveInverse030: string;
295
+ interactiveInverse040: string;
296
+ interactiveInverse050: string;
297
+ interactiveLink010: string;
298
+ interactiveLink020: string;
299
+ interactiveLink030: string;
300
+ interactiveInput010: string;
301
+ interactiveInput020: string;
302
+ interactiveInput030: string;
303
+ interactiveInput040: string;
304
+ interactiveInput050: string;
136
305
  };