newskit 6.6.0 → 6.7.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 (95) hide show
  1. package/cjs/menu/context.d.ts +9 -3
  2. package/cjs/menu/context.d.ts.map +1 -1
  3. package/cjs/menu/context.js.map +1 -1
  4. package/cjs/menu/defaults.d.ts +24 -0
  5. package/cjs/menu/defaults.d.ts.map +1 -1
  6. package/cjs/menu/defaults.js +24 -0
  7. package/cjs/menu/defaults.js.map +1 -1
  8. package/cjs/menu/menu-item.d.ts.map +1 -1
  9. package/cjs/menu/menu-item.js +2 -2
  10. package/cjs/menu/menu-item.js.map +1 -1
  11. package/cjs/menu/menu-sub.d.ts +5 -1
  12. package/cjs/menu/menu-sub.d.ts.map +1 -1
  13. package/cjs/menu/menu-sub.js +5 -3
  14. package/cjs/menu/menu-sub.js.map +1 -1
  15. package/cjs/menu/style-presets.d.ts.map +1 -1
  16. package/cjs/menu/style-presets.js +76 -0
  17. package/cjs/menu/style-presets.js.map +1 -1
  18. package/cjs/menu/styled.d.ts.map +1 -1
  19. package/cjs/menu/styled.js +8 -2
  20. package/cjs/menu/styled.js.map +1 -1
  21. package/cjs/menu/types.d.ts +5 -1
  22. package/cjs/menu/types.d.ts.map +1 -1
  23. package/cjs/select/use-virtualized-list.d.ts.map +1 -1
  24. package/cjs/select/use-virtualized-list.js +10 -36
  25. package/cjs/select/use-virtualized-list.js.map +1 -1
  26. package/cjs/theme-checker/themes/market-watch-theme/borders.json +3 -0
  27. package/cjs/theme-checker/themes/market-watch-theme/colors.json +250 -0
  28. package/cjs/theme-checker/themes/market-watch-theme/fonts.json +58 -0
  29. package/cjs/theme-checker/themes/market-watch-theme/market-watch-theme.d.ts +709 -0
  30. package/cjs/theme-checker/themes/market-watch-theme/market-watch-theme.d.ts.map +1 -0
  31. package/cjs/theme-checker/themes/market-watch-theme/market-watch-theme.js +28 -0
  32. package/cjs/theme-checker/themes/market-watch-theme/market-watch-theme.js.map +1 -0
  33. package/cjs/theme-checker/themes/market-watch-theme/overlays.json +14 -0
  34. package/cjs/theme-checker/themes/market-watch-theme/shadows.json +8 -0
  35. package/cjs/theme-checker/themes/market-watch-theme/typography-presets.json +372 -0
  36. package/cjs/theme-checker/themes/storybook-newskit-dark/colors.json +1 -1
  37. package/cjs/theme-checker/themes/wsj-theme/borders.json +3 -0
  38. package/cjs/theme-checker/themes/wsj-theme/colors.json +250 -0
  39. package/cjs/theme-checker/themes/wsj-theme/fonts.json +85 -0
  40. package/cjs/theme-checker/themes/wsj-theme/overlays.json +14 -0
  41. package/cjs/theme-checker/themes/wsj-theme/shadows.json +8 -0
  42. package/cjs/theme-checker/themes/wsj-theme/typography-presets.json +390 -0
  43. package/cjs/theme-checker/themes/wsj-theme/wsj-theme.d.ts +754 -0
  44. package/cjs/theme-checker/themes/wsj-theme/wsj-theme.d.ts.map +1 -0
  45. package/cjs/theme-checker/themes/wsj-theme/wsj-theme.js +28 -0
  46. package/cjs/theme-checker/themes/wsj-theme/wsj-theme.js.map +1 -0
  47. package/cjs/version-number.json +1 -1
  48. package/esm/menu/context.d.ts +9 -3
  49. package/esm/menu/context.d.ts.map +1 -1
  50. package/esm/menu/context.js.map +1 -1
  51. package/esm/menu/defaults.d.ts +24 -0
  52. package/esm/menu/defaults.d.ts.map +1 -1
  53. package/esm/menu/defaults.js +24 -0
  54. package/esm/menu/defaults.js.map +1 -1
  55. package/esm/menu/menu-item.d.ts.map +1 -1
  56. package/esm/menu/menu-item.js +2 -2
  57. package/esm/menu/menu-item.js.map +1 -1
  58. package/esm/menu/menu-sub.d.ts +5 -1
  59. package/esm/menu/menu-sub.d.ts.map +1 -1
  60. package/esm/menu/menu-sub.js +6 -4
  61. package/esm/menu/menu-sub.js.map +1 -1
  62. package/esm/menu/style-presets.d.ts.map +1 -1
  63. package/esm/menu/style-presets.js +76 -0
  64. package/esm/menu/style-presets.js.map +1 -1
  65. package/esm/menu/styled.d.ts.map +1 -1
  66. package/esm/menu/styled.js +8 -2
  67. package/esm/menu/styled.js.map +1 -1
  68. package/esm/menu/types.d.ts +5 -1
  69. package/esm/menu/types.d.ts.map +1 -1
  70. package/esm/select/use-virtualized-list.d.ts.map +1 -1
  71. package/esm/select/use-virtualized-list.js +8 -18
  72. package/esm/select/use-virtualized-list.js.map +1 -1
  73. package/esm/theme-checker/themes/market-watch-theme/borders.json +3 -0
  74. package/esm/theme-checker/themes/market-watch-theme/colors.json +250 -0
  75. package/esm/theme-checker/themes/market-watch-theme/fonts.json +58 -0
  76. package/esm/theme-checker/themes/market-watch-theme/market-watch-theme.d.ts +709 -0
  77. package/esm/theme-checker/themes/market-watch-theme/market-watch-theme.d.ts.map +1 -0
  78. package/esm/theme-checker/themes/market-watch-theme/market-watch-theme.js +22 -0
  79. package/esm/theme-checker/themes/market-watch-theme/market-watch-theme.js.map +1 -0
  80. package/esm/theme-checker/themes/market-watch-theme/overlays.json +14 -0
  81. package/esm/theme-checker/themes/market-watch-theme/shadows.json +8 -0
  82. package/esm/theme-checker/themes/market-watch-theme/typography-presets.json +372 -0
  83. package/esm/theme-checker/themes/storybook-newskit-dark/colors.json +1 -1
  84. package/esm/theme-checker/themes/wsj-theme/borders.json +3 -0
  85. package/esm/theme-checker/themes/wsj-theme/colors.json +250 -0
  86. package/esm/theme-checker/themes/wsj-theme/fonts.json +85 -0
  87. package/esm/theme-checker/themes/wsj-theme/overlays.json +14 -0
  88. package/esm/theme-checker/themes/wsj-theme/shadows.json +8 -0
  89. package/esm/theme-checker/themes/wsj-theme/typography-presets.json +390 -0
  90. package/esm/theme-checker/themes/wsj-theme/wsj-theme.d.ts +754 -0
  91. package/esm/theme-checker/themes/wsj-theme/wsj-theme.d.ts.map +1 -0
  92. package/esm/theme-checker/themes/wsj-theme/wsj-theme.js +22 -0
  93. package/esm/theme-checker/themes/wsj-theme/wsj-theme.js.map +1 -0
  94. package/esm/version-number.json +1 -1
  95. package/package.json +1 -1
@@ -0,0 +1,250 @@
1
+ {
2
+ "primary015": "rgba(242,250,242,1)",
3
+ "primary025": "rgba(229,245,228,1)",
4
+ "primary050": "rgba(205,235,202,1)",
5
+ "primary075": "rgba(152,213,149,1)",
6
+ "primary085": "rgba(77,183,77,1)",
7
+ "primary100": "rgba(68,164,68,1)",
8
+ "primary200": "rgba(60,149,60,1)",
9
+ "primary300": "rgba(55,134,50,1)",
10
+ "primary400": "rgba(54,127,46,1)",
11
+ "primary500": "rgba(43,107,37,1)",
12
+ "primary600": "rgba(38,90,32,1)",
13
+ "primary700": "rgba(19,56,15,1)",
14
+ "primary800": "rgba(14,44,11,1)",
15
+ "primary900": "rgba(8,33,2,1)",
16
+ "secondary015": "rgba(240,249,253,1)",
17
+ "secondary025": "rgba(227,243,252,1)",
18
+ "secondary050": "rgba(202,231,246,1)",
19
+ "secondary075": "rgba(142,207,238,1)",
20
+ "secondary085": "rgba(99,190,232,1)",
21
+ "secondary100": "rgba(39,149,233,1)",
22
+ "secondary200": "rgba(45,137,207,1)",
23
+ "secondary300": "rgba(54,119,168,1)",
24
+ "secondary400": "rgba(47,112,157,1)",
25
+ "secondary500": "rgba(26,93,128,1)",
26
+ "secondary600": "rgba(21,75,104,1)",
27
+ "secondary700": "rgba(8,52,74,1)",
28
+ "secondary800": "rgba(9,40,58,1)",
29
+ "secondary900": "rgba(5,30,43,1)",
30
+ "tertiary015": "rgba(240,249,253,1)",
31
+ "tertiary025": "rgba(227,243,252,1)",
32
+ "tertiary050": "rgba(202,231,246,1)",
33
+ "tertiary075": "rgba(142,207,238,1)",
34
+ "tertiary085": "rgba(99,190,232,1)",
35
+ "tertiary100": "rgba(39,149,233,1)",
36
+ "tertiary200": "rgba(45,137,207,1)",
37
+ "tertiary300": "rgba(54,119,168,1)",
38
+ "tertiary400": "rgba(47,112,157,1)",
39
+ "tertiary500": "rgba(26,93,128,1)",
40
+ "tertiary600": "rgba(21,75,104,1)",
41
+ "tertiary700": "rgba(8,52,74,1)",
42
+ "tertiary800": "rgba(9,40,58,1)",
43
+ "tertiary900": "rgba(5,30,43,1)",
44
+ "positive015": "rgba(240,250,241,1)",
45
+ "positive025": "rgba(227,246,227,1)",
46
+ "positive050": "rgba(197,236,198,1)",
47
+ "positive075": "rgba(142,216,147,1)",
48
+ "positive085": "rgba(0,184,58,1)",
49
+ "positive100": "rgba(0,168,52,1)",
50
+ "positive200": "rgba(0,153,46,1)",
51
+ "positive300": "rgba(0,138,41,1)",
52
+ "positive400": "rgba(0,124,35,1)",
53
+ "positive500": "rgba(2,110,32,1)",
54
+ "positive600": "rgba(1,83,22,1)",
55
+ "positive700": "rgba(0,57,12,1)",
56
+ "positive800": "rgba(0,45,6,1)",
57
+ "positive900": "rgba(1,33,7,1)",
58
+ "negative015": "rgba(255,243,243,1)",
59
+ "negative025": "rgba(254,237,236,1)",
60
+ "negative050": "rgba(255,218,215,1)",
61
+ "negative075": "rgba(255,179,173,1)",
62
+ "negative085": "rgba(255,113,108,1)",
63
+ "negative100": "rgba(240,98,91,1)",
64
+ "negative200": "rgba(220,78,65,1)",
65
+ "negative300": "rgba(211,68,58,1)",
66
+ "negative400": "rgba(198,51,50,1)",
67
+ "negative500": "rgba(181,26,40,1)",
68
+ "negative600": "rgba(136,20,30,1)",
69
+ "negative700": "rgba(82,5,10,1)",
70
+ "negative800": "rgba(62,4,9,1)",
71
+ "negative900": "rgba(44,0,2,1)",
72
+ "highlight015": "rgba(255,247,235,1)",
73
+ "highlight025": "rgba(255,239,215,1)",
74
+ "highlight050": "rgba(254,222,172,1)",
75
+ "highlight075": "rgba(252,184,57,1)",
76
+ "highlight085": "rgba(220,161,49,1)",
77
+ "highlight100": "rgba(186,136,39,1)",
78
+ "highlight200": "rgba(170,123,36,1)",
79
+ "highlight300": "rgba(153,111,29,1)",
80
+ "highlight400": "rgba(139,99,27,1)",
81
+ "highlight500": "rgba(108,77,18,1)",
82
+ "highlight600": "rgba(79,55,9,1)",
83
+ "highlight700": "rgba(51,35,5,1)",
84
+ "highlight800": "rgba(39,25,1,1)",
85
+ "highlight900": "rgba(25,15,0,1)",
86
+ "attention015": "rgba(255,246,240,1)",
87
+ "attention025": "rgba(255,237,225,1)",
88
+ "attention050": "rgba(254,220,200,1)",
89
+ "attention075": "rgba(255,182,138,1)",
90
+ "attention085": "rgba(248,145,75,1)",
91
+ "attention100": "rgba(245,124,19,1)",
92
+ "attention200": "rgba(206,103,14,1)",
93
+ "attention300": "rgba(185,93,14,1)",
94
+ "attention400": "rgba(169,83,7,1)",
95
+ "attention500": "rgba(132,63,4,1)",
96
+ "attention600": "rgba(97,45,2,1)",
97
+ "attention700": "rgba(64,28,0,1)",
98
+ "attention800": "rgba(48,19,7,1)",
99
+ "attention900": "rgba(31,12,2,1)",
100
+ "info015": "rgba(243,249,255,1)",
101
+ "info025": "rgba(229,242,254,1)",
102
+ "info050": "rgba(207,229,251,1)",
103
+ "info075": "rgba(158,203,245,1)",
104
+ "info085": "rgba(105,177,241,1)",
105
+ "info100": "rgba(39,149,233,1)",
106
+ "info200": "rgba(29,136,218,1)",
107
+ "info300": "rgba(29,121,201,1)",
108
+ "info400": "rgba(7,109,187,1)",
109
+ "info500": "rgba(0,82,156,1)",
110
+ "info600": "rgba(8,59,114,1)",
111
+ "info700": "rgba(0,38,77,1)",
112
+ "info800": "rgba(0,28,59,1)",
113
+ "info900": "rgba(1,17,40,1)",
114
+ "system015": "rgba(243,249,255,1)",
115
+ "system025": "rgba(229,242,255,1)",
116
+ "system050": "rgba(207,228,255,1)",
117
+ "system075": "rgba(160,201,255,1)",
118
+ "system085": "rgba(112,173,255,1)",
119
+ "system100": "rgba(62,144,253,1)",
120
+ "system200": "rgba(0,122,255,1)",
121
+ "system300": "rgba(4,114,238,1)",
122
+ "system400": "rgba(10,102,216,1)",
123
+ "system500": "rgba(0,79,171,1)",
124
+ "system600": "rgba(0,57,127,1)",
125
+ "system700": "rgba(0,36,86,1)",
126
+ "system800": "rgba(1,26,65,1)",
127
+ "system900": "rgba(1,16,43,1)",
128
+ "neutral015": "rgba(248,248,248,1)",
129
+ "neutral025": "rgba(241,241,241,1)",
130
+ "neutral050": "rgba(226,226,226,1)",
131
+ "neutral075": "rgba(198,198,198,1)",
132
+ "neutral085": "rgba(171,171,171,1)",
133
+ "neutral100": "rgba(145,145,145,1)",
134
+ "neutral200": "rgba(132,132,132,1)",
135
+ "neutral300": "rgba(118,118,118,1)",
136
+ "neutral400": "rgba(106,106,106,1)",
137
+ "neutral500": "rgba(82,82,82,1)",
138
+ "neutral600": "rgba(59,59,59,1)",
139
+ "neutral700": "rgba(38,38,38,1)",
140
+ "neutral800": "rgba(27,27,27,1)",
141
+ "neutral900": "rgba(17,17,17,1)",
142
+ "black": "rgba(0,0,0,1)",
143
+ "white": "rgba(255,255,255,1)",
144
+ "black05a": "rgba(0,0,0,0.05)",
145
+ "black10a": "rgba(0,0,0,0.1)",
146
+ "black20a": "rgba(0,0,0,0.2)",
147
+ "black30a": "rgba(0,0,0,0.3)",
148
+ "black40a": "rgba(0,0,0,0.4)",
149
+ "black50a": "rgba(0,0,0,0.5)",
150
+ "black60a": "rgba(0,0,0,0.6)",
151
+ "black70a": "rgba(0,0,0,0.7)",
152
+ "black80a": "rgba(0,0,0,0.8)",
153
+ "black90a": "rgba(0,0,0,0.9)",
154
+ "black95a": "rgba(0,0,0,0.95)",
155
+ "white05a": "rgba(255,255,255,0.05)",
156
+ "white10a": "rgba(255,255,255,0.1)",
157
+ "white20a": "rgba(255,255,255,0.2)",
158
+ "white30a": "rgba(255,255,255,0.3)",
159
+ "white40a": "rgba(255,255,255,0.4)",
160
+ "white50a": "rgba(255,255,255,0.5)",
161
+ "white60a": "rgba(255,255,255,0.6)",
162
+ "white70a": "rgba(255,255,255,0.7)",
163
+ "white80a": "rgba(255,255,255,0.8)",
164
+ "white90a": "rgba(255,255,255,0.9)",
165
+ "white95a": "rgba(255,255,255,0.95)",
166
+ "transparent": "rgba(255,255,255,0)",
167
+ "focus010": "rgba(55,104,251,1)",
168
+ "socialReddit": "rgba(255,69,0,1)",
169
+ "socialWhatsapp": "rgba(37,211,102,1)",
170
+ "socialYoutube": "rgba(255,0,0,1)",
171
+ "socialInstagram": "rgba(195,42,163,1)",
172
+ "socialFacebook": "rgba(24,119,242,1)",
173
+ "socialTwitter": "rgba(29,161,242,1)",
174
+ "socialGithub": "rgba(0,0,0,1)",
175
+ "socialApple": "rgba(0,0,0,1)",
176
+ "socialGoogleBlue": "rgba(66,133,244,1)",
177
+ "socialGoogleRed": "rgba(219,68,55,1)",
178
+ "socialGoogleYellow": "rgba(244,180,0,1)",
179
+ "socialGoogleGreen": "rgba(15,157,88,1)",
180
+ "inkBase": "{{colors.neutral700}}",
181
+ "inkContrast": "{{colors.neutral900}}",
182
+ "inkSubtle": "{{colors.neutral500}}",
183
+ "inkNonEssential": "{{colors.neutral200}}",
184
+ "inkInverse": "{{colors.white}}",
185
+ "inkLight010": "{{colors.white}}",
186
+ "inkDark010": "{{colors.neutral900}}",
187
+ "inkPositive": "{{colors.positive400}}",
188
+ "inkNegative": "{{colors.negative200}}",
189
+ "inkNotice": "{{colors.neutral500}}",
190
+ "inkInformative": "{{colors.info500}}",
191
+ "inkBrand010": "{{colors.primary400}}",
192
+ "inkBrand020": "{{colors.secondary500}}",
193
+ "interfaceBackground": "{{colors.white}}",
194
+ "interface010": "{{colors.white}}",
195
+ "interface020": "{{colors.neutral025}}",
196
+ "interface030": "{{colors.neutral050}}",
197
+ "interface040": "{{colors.neutral075}}",
198
+ "interface050": "{{colors.neutral700}}",
199
+ "interface060": "{{colors.neutral800}}",
200
+ "interfaceBrand010": "{{colors.primary400}}",
201
+ "interfaceBrand020": "{{colors.secondary300}}",
202
+ "interfacePositive010": "{{colors.positive400}}",
203
+ "interfacePositive020": "{{colors.primary085}}",
204
+ "interfaceNegative010": "{{colors.negative500}}",
205
+ "interfaceNegative020": "{{colors.negative085}}",
206
+ "interfaceNotice010": "{{colors.neutral400}}",
207
+ "interfaceNotice020": "{{colors.neutral015}}",
208
+ "interfaceInformative010": "{{colors.info500}}",
209
+ "interfaceInformative020": "{{colors.secondary100}}",
210
+ "interfaceNeutral010": "{{colors.neutral400}}",
211
+ "interfaceNeutral020": "{{colors.neutral050}}",
212
+ "interfaceSkeleton010": "{{colors.neutral025}}",
213
+ "interfaceSkeleton020": "{{colors.neutral075}}",
214
+ "interactivePrimary010": "{{colors.primary015}}",
215
+ "interactivePrimary020": "{{colors.primary025}}",
216
+ "interactivePrimary030": "{{colors.primary400}}",
217
+ "interactivePrimary040": "{{colors.primary600}}",
218
+ "interactivePrimary050": "{{colors.primary600}}",
219
+ "interactiveSecondary010": "{{colors.secondary015}}",
220
+ "interactiveSecondary020": "{{colors.secondary025}}",
221
+ "interactiveSecondary030": "{{colors.secondary300}}",
222
+ "interactiveSecondary040": "{{colors.secondary500}}",
223
+ "interactiveSecondary050": "{{colors.secondary500}}",
224
+ "interactivePositive010": "{{colors.positive015}}",
225
+ "interactivePositive020": "{{colors.positive050}}",
226
+ "interactivePositive030": "{{colors.positive300}}",
227
+ "interactivePositive040": "{{colors.positive500}}",
228
+ "interactivePositive050": "{{colors.primary500}}",
229
+ "interactiveNegative010": "{{colors.negative025}}",
230
+ "interactiveNegative020": "{{colors.negative050}}",
231
+ "interactiveNegative030": "{{colors.negative500}}",
232
+ "interactiveNegative040": "{{colors.negative600}}",
233
+ "interactiveNegative050": "{{colors.negative600}}",
234
+ "interactiveDisabled010": "{{colors.neutral015}}",
235
+ "interactiveVisited010": "{{colors.primary400}}",
236
+ "interactiveFocus010": "{{colors.focus010}}",
237
+ "interactiveInverse010": "{{colors.neutral600}}",
238
+ "interactiveInverse020": "{{colors.neutral500}}",
239
+ "interactiveInverse030": "{{colors.neutral015}}",
240
+ "interactiveInverse040": "{{colors.neutral050}}",
241
+ "interactiveInverse050": "{{colors.neutral050}}",
242
+ "interactiveLink010": "{{colors.primary400}}",
243
+ "interactiveLink020": "{{colors.primary600}}",
244
+ "interactiveLink030": "{{colors.primary600}}",
245
+ "interactiveInput010": "{{colors.neutral015}}",
246
+ "interactiveInput020": "{{colors.neutral400}}",
247
+ "interactiveInput030": "{{colors.primary025}}",
248
+ "interactiveInput040": "{{colors.primary400}}",
249
+ "interactiveInput050": "{{colors.primary600}}"
250
+ }
@@ -0,0 +1,58 @@
1
+ {
2
+ "fontFamily010": {
3
+ "fontFamily": "Mulish",
4
+ "fontMetrics": {
5
+ "fontWeight010": {
6
+ "capHeight": 701,
7
+ "ascent": 1005,
8
+ "descent": -250,
9
+ "lineGap": 0,
10
+ "unitsPerEm": 1000
11
+ }
12
+ }
13
+ },
14
+ "fontFamily020": {
15
+ "fontFamily": "Lato",
16
+ "fontMetrics": {
17
+ "fontWeight010": {
18
+ "capHeight": 1424,
19
+ "ascent": 1974,
20
+ "descent": -426,
21
+ "lineGap": 0,
22
+ "unitsPerEm": 2000
23
+ }
24
+ }
25
+ },
26
+ "fontWeight010": 400,
27
+ "fontWeight020": 500,
28
+ "fontWeight030": 600,
29
+ "fontWeight040": 700,
30
+ "fontWeight050": 800,
31
+ "fontSize010": "12px",
32
+ "fontSize020": "14px",
33
+ "fontSize030": "16px",
34
+ "fontSize040": "18px",
35
+ "fontSize050": "20px",
36
+ "fontSize060": "22px",
37
+ "fontSize070": "24px",
38
+ "fontSize080": "28px",
39
+ "fontSize090": "32px",
40
+ "fontSize100": "36px",
41
+ "fontSize110": "40px",
42
+ "fontSize120": "44px",
43
+ "fontSize130": "48px",
44
+ "fontSize140": "56px",
45
+ "fontSize150": "64px",
46
+ "fontSize160": "80px",
47
+ "fontLineHeight010": "1",
48
+ "fontLineHeight020": "1.125",
49
+ "fontLineHeight030": "1.25",
50
+ "fontLineHeight040": "1.5",
51
+ "fontLineHeight050": "1.75",
52
+ "fontLineHeight060": "2",
53
+ "fontLetterSpacing010": "-0.5px",
54
+ "fontLetterSpacing020": "-0.25px",
55
+ "fontLetterSpacing030": "0px",
56
+ "fontLetterSpacing040": "0.25px",
57
+ "fontLetterSpacing050": "0.5px"
58
+ }