@pingux/astro 2.212.1 → 2.213.0-alpha.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 (13) hide show
  1. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/variants.js +5 -5
  2. package/lib/cjs/styles/themes/next-gen/next-gen.d.ts +8 -6
  3. package/lib/cjs/styles/themes/next-gen/variants/button.d.ts +1 -0
  4. package/lib/cjs/styles/themes/next-gen/variants/button.js +1 -0
  5. package/lib/cjs/styles/themes/next-gen/variants/text.d.ts +1 -0
  6. package/lib/cjs/styles/themes/next-gen/variants/text.js +2 -1
  7. package/lib/cjs/styles/themes/next-gen/variants/variants.d.ts +6 -6
  8. package/lib/cjs/styles/themes/next-gen/variants/variants.js +8 -8
  9. package/lib/styles/themeOverrides/nextGenDarkMode/variants/variants.js +5 -5
  10. package/lib/styles/themes/next-gen/variants/button.js +1 -0
  11. package/lib/styles/themes/next-gen/variants/text.js +2 -1
  12. package/lib/styles/themes/next-gen/variants/variants.js +8 -8
  13. package/package.json +1 -1
package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/variants.js CHANGED
@@ -24,16 +24,16 @@ var listBox = {
24
24
  borderRadius: _onyxTokens.astroTokensDark.radius.md
25
25
  },
26
26
  option: {
27
- color: _onyxTokens.astroTokensDark.color.gray[400],
27
+ color: _onyxTokens.astroTokensDark.color.common.menu.item.text,
28
28
  '&.is-focused': {
29
- color: _onyxTokens.astroTokensDark.color.gray[200],
29
+ color: _onyxTokens.astroTokensDark.color.common.menu.item.hover.text,
30
30
  bg: '#2C323A'
31
31
  },
32
32
  '&.is-selected': {
33
- color: _onyxTokens.astroTokensDark.color.gray[200],
33
+ color: _onyxTokens.astroTokensDark.color.common.menu.item.selected.text,
34
34
  bg: '#2C323A',
35
35
  '&.is-focused': {
36
- color: _onyxTokens.astroTokensDark.color.gray[200]
36
+ color: _onyxTokens.astroTokensDark.color.common.menu.item.selected.text
37
37
  }
38
38
  },
39
39
  '&.is-condensed': {
@@ -308,7 +308,7 @@ var _default = exports["default"] = {
308
308
  color: 'text.fieldHelper'
309
309
  },
310
310
  '&.is-error': {
311
- color: 'text.error'
311
+ color: 'critical.bright'
312
312
  },
313
313
  '&.is-warning': {
314
314
  color: 'warning.bright'
package/lib/cjs/styles/themes/next-gen/next-gen.d.ts CHANGED
@@ -1804,6 +1804,7 @@ declare const _default: {
1804
1804
  };
1805
1805
  selectLink: {
1806
1806
  textDecoration: string;
1807
+ fontWeight: number;
1807
1808
  px: string;
1808
1809
  '&.is-hovered': {
1809
1810
  textDecoration: string;
@@ -3022,6 +3023,7 @@ declare const _default: {
3022
3023
  };
3023
3024
  linkSelectFieldLabel: {
3024
3025
  color: any;
3026
+ fontWeight: number;
3025
3027
  fontSize: any;
3026
3028
  };
3027
3029
  H1: {
@@ -5783,15 +5785,15 @@ declare const _default: {
5783
5785
  p: any;
5784
5786
  };
5785
5787
  option: {
5786
- py: number;
5787
- pl: number;
5788
+ py: any;
5789
+ pl: any;
5788
5790
  pr: any;
5789
5791
  justifyContent: string;
5790
5792
  borderRadius: any;
5791
5793
  lineHeight: string;
5792
- color: string;
5794
+ color: any;
5793
5795
  '&.is-focused': {
5794
- color: string;
5796
+ color: any;
5795
5797
  bg: string;
5796
5798
  borderRadius: any;
5797
5799
  };
@@ -5801,13 +5803,13 @@ declare const _default: {
5801
5803
  zIndex: number;
5802
5804
  };
5803
5805
  '&.is-selected': {
5806
+ color: any;
5804
5807
  fontWeight: string;
5805
- color: string;
5806
5808
  bg: string;
5807
5809
  pl: string;
5808
5810
  borderRadius: any;
5809
5811
  '&.is-focused': {
5810
- color: string;
5812
+ color: any;
5811
5813
  };
5812
5814
  '&.is-focus-visible': {
5813
5815
  bg: string;
package/lib/cjs/styles/themes/next-gen/variants/button.d.ts CHANGED
@@ -1500,6 +1500,7 @@ declare const buttons: {
1500
1500
  };
1501
1501
  selectLink: {
1502
1502
  textDecoration: string;
1503
+ fontWeight: number;
1503
1504
  px: string;
1504
1505
  '&.is-hovered': {
1505
1506
  textDecoration: string;
package/lib/cjs/styles/themes/next-gen/variants/button.js CHANGED
@@ -258,6 +258,7 @@ var criticalLink = _objectSpread(_objectSpread({}, link), {}, {
258
258
  });
259
259
  var selectLink = _objectSpread(_objectSpread({}, link), {}, {
260
260
  textDecoration: 'none',
261
+ fontWeight: 400,
261
262
  px: '0',
262
263
  '&.is-hovered': {
263
264
  textDecoration: 'none'
package/lib/cjs/styles/themes/next-gen/variants/text.d.ts CHANGED
@@ -65,6 +65,7 @@ export declare const text: {
65
65
  };
66
66
  linkSelectFieldLabel: {
67
67
  color: any;
68
+ fontWeight: number;
68
69
  fontSize: any;
69
70
  };
70
71
  H1: {
package/lib/cjs/styles/themes/next-gen/variants/text.js CHANGED
@@ -270,6 +270,7 @@ var text = exports.text = _objectSpread(_objectSpread({
270
270
  },
271
271
  label: label,
272
272
  linkSelectFieldLabel: _objectSpread(_objectSpread({}, label), {}, {
273
- color: _onyxTokens.astroTokens.color.font.link
273
+ color: _onyxTokens.astroTokens.color.font.link,
274
+ fontWeight: 0
274
275
  })
275
276
  });
package/lib/cjs/styles/themes/next-gen/variants/variants.d.ts CHANGED
@@ -854,15 +854,15 @@ declare const _default: {
854
854
  p: any;
855
855
  };
856
856
  option: {
857
- py: number;
858
- pl: number;
857
+ py: any;
858
+ pl: any;
859
859
  pr: any;
860
860
  justifyContent: string;
861
861
  borderRadius: any;
862
862
  lineHeight: string;
863
- color: string;
863
+ color: any;
864
864
  '&.is-focused': {
865
- color: string;
865
+ color: any;
866
866
  bg: string;
867
867
  borderRadius: any;
868
868
  };
@@ -872,13 +872,13 @@ declare const _default: {
872
872
  zIndex: number;
873
873
  };
874
874
  '&.is-selected': {
875
+ color: any;
875
876
  fontWeight: string;
876
- color: string;
877
877
  bg: string;
878
878
  pl: string;
879
879
  borderRadius: any;
880
880
  '&.is-focused': {
881
- color: string;
881
+ color: any;
882
882
  };
883
883
  '&.is-focus-visible': {
884
884
  bg: string;
package/lib/cjs/styles/themes/next-gen/variants/variants.js CHANGED
@@ -61,7 +61,7 @@ var fieldHelperText = {
61
61
  color: 'text.fieldHelper'
62
62
  },
63
63
  '&.is-error': {
64
- color: 'text.error'
64
+ color: 'critical.bright'
65
65
  },
66
66
  '&.is-warning': {
67
67
  color: 'warning.bright'
@@ -164,15 +164,15 @@ var listBox = {
164
164
  p: _onyxTokens.astroTokens.spacing.sm
165
165
  },
166
166
  option: {
167
- py: 12,
168
- pl: 12,
167
+ py: _onyxTokens.astroTokens.spacing['md-s'],
168
+ pl: _onyxTokens.astroTokens.spacing['md-s'],
169
169
  pr: _onyxTokens.astroTokens.spacing.md,
170
170
  justifyContent: 'space-between',
171
171
  borderRadius: _onyxTokens.astroTokens.radius.md,
172
172
  lineHeight: 'body',
173
- color: 'gray-700',
173
+ color: _onyxTokens.astroTokens.color.common.menu.item.text,
174
174
  '&.is-focused': {
175
- color: 'font.hover',
175
+ color: _onyxTokens.astroTokens.color.common.menu.item.hover.text,
176
176
  bg: 'gray-100',
177
177
  borderRadius: _onyxTokens.astroTokens.radius.md
178
178
  },
@@ -182,13 +182,13 @@ var listBox = {
182
182
  zIndex: 1
183
183
  },
184
184
  '&.is-selected': {
185
+ color: _onyxTokens.astroTokens.color.common.menu.item.selected.text,
185
186
  fontWeight: '0',
186
- color: 'black',
187
187
  bg: 'lightblue',
188
188
  pl: '.75rem',
189
189
  borderRadius: _onyxTokens.astroTokens.radius.md,
190
190
  '&.is-focused': {
191
- color: 'text.primary'
191
+ color: _onyxTokens.astroTokens.color.common.menu.item.selected.text
192
192
  },
193
193
  '&.is-focus-visible': {
194
194
  bg: 'lightblue'
@@ -229,7 +229,7 @@ var listBox = {
229
229
  var separator = {
230
230
  base: {
231
231
  bg: 'border.base',
232
- my: 'sm',
232
+ my: 'md',
233
233
  '&.is-vertical': {
234
234
  m: '0'
235
235
  }
package/lib/styles/themeOverrides/nextGenDarkMode/variants/variants.js CHANGED
@@ -16,16 +16,16 @@ var listBox = {
16
16
  borderRadius: astroTokensDark.radius.md
17
17
  },
18
18
  option: {
19
- color: astroTokensDark.color.gray[400],
19
+ color: astroTokensDark.color.common.menu.item.text,
20
20
  '&.is-focused': {
21
- color: astroTokensDark.color.gray[200],
21
+ color: astroTokensDark.color.common.menu.item.hover.text,
22
22
  bg: '#2C323A'
23
23
  },
24
24
  '&.is-selected': {
25
- color: astroTokensDark.color.gray[200],
25
+ color: astroTokensDark.color.common.menu.item.selected.text,
26
26
  bg: '#2C323A',
27
27
  '&.is-focused': {
28
- color: astroTokensDark.color.gray[200]
28
+ color: astroTokensDark.color.common.menu.item.selected.text
29
29
  }
30
30
  },
31
31
  '&.is-condensed': {
@@ -300,7 +300,7 @@ export default {
300
300
  color: 'text.fieldHelper'
301
301
  },
302
302
  '&.is-error': {
303
- color: 'text.error'
303
+ color: 'critical.bright'
304
304
  },
305
305
  '&.is-warning': {
306
306
  color: 'warning.bright'
package/lib/styles/themes/next-gen/variants/button.js CHANGED
@@ -251,6 +251,7 @@ var criticalLink = _objectSpread(_objectSpread({}, link), {}, {
251
251
  });
252
252
  var selectLink = _objectSpread(_objectSpread({}, link), {}, {
253
253
  textDecoration: 'none',
254
+ fontWeight: 400,
254
255
  px: '0',
255
256
  '&.is-hovered': {
256
257
  textDecoration: 'none'
package/lib/styles/themes/next-gen/variants/text.js CHANGED
@@ -263,6 +263,7 @@ export var text = _objectSpread(_objectSpread({
263
263
  },
264
264
  label: label,
265
265
  linkSelectFieldLabel: _objectSpread(_objectSpread({}, label), {}, {
266
- color: astroTokens.color.font.link
266
+ color: astroTokens.color.font.link,
267
+ fontWeight: 0
267
268
  })
268
269
  });
package/lib/styles/themes/next-gen/variants/variants.js CHANGED
@@ -51,7 +51,7 @@ var fieldHelperText = {
51
51
  color: 'text.fieldHelper'
52
52
  },
53
53
  '&.is-error': {
54
- color: 'text.error'
54
+ color: 'critical.bright'
55
55
  },
56
56
  '&.is-warning': {
57
57
  color: 'warning.bright'
@@ -154,15 +154,15 @@ var listBox = {
154
154
  p: astroTokens.spacing.sm
155
155
  },
156
156
  option: {
157
- py: 12,
158
- pl: 12,
157
+ py: astroTokens.spacing['md-s'],
158
+ pl: astroTokens.spacing['md-s'],
159
159
  pr: astroTokens.spacing.md,
160
160
  justifyContent: 'space-between',
161
161
  borderRadius: astroTokens.radius.md,
162
162
  lineHeight: 'body',
163
- color: 'gray-700',
163
+ color: astroTokens.color.common.menu.item.text,
164
164
  '&.is-focused': {
165
- color: 'font.hover',
165
+ color: astroTokens.color.common.menu.item.hover.text,
166
166
  bg: 'gray-100',
167
167
  borderRadius: astroTokens.radius.md
168
168
  },
@@ -172,13 +172,13 @@ var listBox = {
172
172
  zIndex: 1
173
173
  },
174
174
  '&.is-selected': {
175
+ color: astroTokens.color.common.menu.item.selected.text,
175
176
  fontWeight: '0',
176
- color: 'black',
177
177
  bg: 'lightblue',
178
178
  pl: '.75rem',
179
179
  borderRadius: astroTokens.radius.md,
180
180
  '&.is-focused': {
181
- color: 'text.primary'
181
+ color: astroTokens.color.common.menu.item.selected.text
182
182
  },
183
183
  '&.is-focus-visible': {
184
184
  bg: 'lightblue'
@@ -219,7 +219,7 @@ var listBox = {
219
219
  var separator = {
220
220
  base: {
221
221
  bg: 'border.base',
222
- my: 'sm',
222
+ my: 'md',
223
223
  '&.is-vertical': {
224
224
  m: '0'
225
225
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pingux/astro",
3
- "version": "2.212.1",
3
+ "version": "2.213.0-alpha.0",
4
4
  "description": "React component library for Ping Identity's design system",
5
5
  "repository": {
6
6
  "type": "git",