@pingux/astro 2.210.0 → 2.210.2-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 (12) hide show
  1. package/lib/cjs/styles/themeOverrides/onyxDarkUiLibraryOverride.js +20 -0
  2. package/lib/cjs/styles/themeOverrides/onyxUiLibraryOverride.d.ts +20 -0
  3. package/lib/cjs/styles/themeOverrides/onyxUiLibraryOverride.js +20 -0
  4. package/lib/cjs/styles/themeOverrides/stories/Button.chromatic.stories.js +6 -1
  5. package/lib/cjs/styles/themes/next-gen/next-gen.d.ts +1 -1
  6. package/lib/cjs/styles/themes/next-gen/variants/variants.d.ts +1 -1
  7. package/lib/cjs/styles/themes/next-gen/variants/variants.js +2 -2
  8. package/lib/styles/themeOverrides/onyxDarkUiLibraryOverride.js +20 -0
  9. package/lib/styles/themeOverrides/onyxUiLibraryOverride.js +20 -0
  10. package/lib/styles/themeOverrides/stories/Button.chromatic.stories.js +5 -0
  11. package/lib/styles/themes/next-gen/variants/variants.js +2 -2
  12. package/package.json +1 -1
package/lib/cjs/styles/themeOverrides/onyxDarkUiLibraryOverride.js CHANGED
@@ -57,6 +57,26 @@ var buttons = {
57
57
  borderColor: 'transparent'
58
58
  }
59
59
  },
60
+ criticalLink: {
61
+ '&': _nextGenDarkMode["default"].buttons.criticalLink,
62
+ '&:hover': _nextGenDarkMode["default"].buttons.criticalLink,
63
+ '&:not(.disabled):hover': {
64
+ color: 'critical.bright',
65
+ borderColor: 'transparent'
66
+ },
67
+ '&.is-pressed': {
68
+ borderColor: 'transparent'
69
+ },
70
+ '&:active': {
71
+ borderColor: 'transparent'
72
+ },
73
+ '&:focus': {
74
+ borderColor: 'transparent'
75
+ },
76
+ '&.is-focused': {
77
+ borderColor: 'transparent'
78
+ }
79
+ },
60
80
  iconButtons: _objectSpread(_objectSpread({}, _nextGenDarkMode["default"].buttons.iconButtons), {}, {
61
81
  base: _objectSpread(_objectSpread({}, _nextGenDarkMode["default"].buttons.iconButtons.base), {}, {
62
82
  ':focus': _objectSpread(_objectSpread({}, _nextGenDarkMode["default"].buttons.defaultFocus), {}, {
package/lib/cjs/styles/themeOverrides/onyxUiLibraryOverride.d.ts CHANGED
@@ -34,6 +34,26 @@ declare const _default: {
34
34
  borderColor: string;
35
35
  };
36
36
  };
37
+ criticalLink: {
38
+ '&': any;
39
+ '&:hover': any;
40
+ '&:not(.disabled):hover': {
41
+ color: string;
42
+ borderColor: string;
43
+ };
44
+ '&.is-pressed': {
45
+ borderColor: string;
46
+ };
47
+ '&:active': {
48
+ borderColor: string;
49
+ };
50
+ '&:focus': {
51
+ borderColor: string;
52
+ };
53
+ '&.is-focused': {
54
+ borderColor: string;
55
+ };
56
+ };
37
57
  iconButtons: any;
38
58
  filter: {
39
59
  '&:not(.disabled):hover': {
package/lib/cjs/styles/themeOverrides/onyxUiLibraryOverride.js CHANGED
@@ -57,6 +57,26 @@ var buttons = {
57
57
  borderColor: 'transparent'
58
58
  }
59
59
  },
60
+ criticalLink: {
61
+ '&': _nextGen["default"].buttons.criticalLink,
62
+ '&:hover': _nextGen["default"].buttons.criticalLink,
63
+ '&:not(.disabled):hover': {
64
+ color: 'critical.bright',
65
+ borderColor: 'transparent'
66
+ },
67
+ '&.is-pressed': {
68
+ borderColor: 'transparent'
69
+ },
70
+ '&:active': {
71
+ borderColor: 'transparent'
72
+ },
73
+ '&:focus': {
74
+ borderColor: 'transparent'
75
+ },
76
+ '&.is-focused': {
77
+ borderColor: 'transparent'
78
+ }
79
+ },
60
80
  iconButtons: _objectSpread(_objectSpread({}, _nextGen["default"].buttons.iconButtons), {}, {
61
81
  base: _objectSpread(_objectSpread({}, _nextGen["default"].buttons.iconButtons.base), {}, {
62
82
  ':focus': _objectSpread(_objectSpread({}, _nextGen["default"].buttons.defaultFocus), {}, {
package/lib/cjs/styles/themeOverrides/stories/Button.chromatic.stories.js CHANGED
@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequ
5
5
  _Object$defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
- exports["default"] = exports.Success = exports.Primary = exports.Link = exports.Inline = exports.Default = exports.Critical = void 0;
8
+ exports["default"] = exports.Success = exports.Primary = exports.Link = exports.Inline = exports.Default = exports.CriticalLink = exports.Critical = void 0;
9
9
  var _react = _interopRequireDefault(require("react"));
10
10
  var _index = require("../../../index");
11
11
  var _withUiLibraryCss = _interopRequireDefault(require("../withUiLibraryCss"));
@@ -43,4 +43,9 @@ var Link = exports.Link = function Link() {
43
43
  return (0, _react2.jsx)(_index.Button, {
44
44
  variant: "link"
45
45
  }, "Button Text");
46
+ };
47
+ var CriticalLink = exports.CriticalLink = function CriticalLink() {
48
+ return (0, _react2.jsx)(_index.Button, {
49
+ variant: "criticalLink"
50
+ }, "Button Text");
46
51
  };
package/lib/cjs/styles/themes/next-gen/next-gen.d.ts CHANGED
@@ -6319,6 +6319,7 @@ declare const _default: {
6319
6319
  container: {
6320
6320
  backgroundColor: string;
6321
6321
  borderColor: string;
6322
+ p: number;
6322
6323
  };
6323
6324
  aiPanelContainer: {
6324
6325
  backgroundColor: string;
@@ -6349,7 +6350,6 @@ declare const _default: {
6349
6350
  };
6350
6351
  };
6351
6352
  body: {
6352
- gap: string;
6353
6353
  minHeight: string;
6354
6354
  maxWidth: string;
6355
6355
  alignSelf: string;
package/lib/cjs/styles/themes/next-gen/variants/variants.d.ts CHANGED
@@ -1390,6 +1390,7 @@ declare const _default: {
1390
1390
  container: {
1391
1391
  backgroundColor: string;
1392
1392
  borderColor: string;
1393
+ p: number;
1393
1394
  };
1394
1395
  aiPanelContainer: {
1395
1396
  backgroundColor: string;
@@ -1420,7 +1421,6 @@ declare const _default: {
1420
1421
  };
1421
1422
  };
1422
1423
  body: {
1423
- gap: string;
1424
1424
  minHeight: string;
1425
1425
  maxWidth: string;
1426
1426
  alignSelf: string;
package/lib/cjs/styles/themes/next-gen/variants/variants.js CHANGED
@@ -258,7 +258,8 @@ var progressBar = {
258
258
  var overlayPanel = {
259
259
  container: {
260
260
  backgroundColor: 'backgroundBase',
261
- borderColor: 'border.hairline'
261
+ borderColor: 'border.hairline',
262
+ p: 0
262
263
  },
263
264
  aiPanelContainer: {
264
265
  backgroundColor: 'backgroundBase',
@@ -289,7 +290,6 @@ var overlayPanel = {
289
290
  }
290
291
  },
291
292
  body: {
292
- gap: 'md',
293
293
  minHeight: '100%',
294
294
  maxWidth: '100%',
295
295
  alignSelf: 'center'
package/lib/styles/themeOverrides/onyxDarkUiLibraryOverride.js CHANGED
@@ -50,6 +50,26 @@ var buttons = {
50
50
  borderColor: 'transparent'
51
51
  }
52
52
  },
53
+ criticalLink: {
54
+ '&': theme.buttons.criticalLink,
55
+ '&:hover': theme.buttons.criticalLink,
56
+ '&:not(.disabled):hover': {
57
+ color: 'critical.bright',
58
+ borderColor: 'transparent'
59
+ },
60
+ '&.is-pressed': {
61
+ borderColor: 'transparent'
62
+ },
63
+ '&:active': {
64
+ borderColor: 'transparent'
65
+ },
66
+ '&:focus': {
67
+ borderColor: 'transparent'
68
+ },
69
+ '&.is-focused': {
70
+ borderColor: 'transparent'
71
+ }
72
+ },
53
73
  iconButtons: _objectSpread(_objectSpread({}, theme.buttons.iconButtons), {}, {
54
74
  base: _objectSpread(_objectSpread({}, theme.buttons.iconButtons.base), {}, {
55
75
  ':focus': _objectSpread(_objectSpread({}, theme.buttons.defaultFocus), {}, {
package/lib/styles/themeOverrides/onyxUiLibraryOverride.js CHANGED
@@ -50,6 +50,26 @@ var buttons = {
50
50
  borderColor: 'transparent'
51
51
  }
52
52
  },
53
+ criticalLink: {
54
+ '&': theme.buttons.criticalLink,
55
+ '&:hover': theme.buttons.criticalLink,
56
+ '&:not(.disabled):hover': {
57
+ color: 'critical.bright',
58
+ borderColor: 'transparent'
59
+ },
60
+ '&.is-pressed': {
61
+ borderColor: 'transparent'
62
+ },
63
+ '&:active': {
64
+ borderColor: 'transparent'
65
+ },
66
+ '&:focus': {
67
+ borderColor: 'transparent'
68
+ },
69
+ '&.is-focused': {
70
+ borderColor: 'transparent'
71
+ }
72
+ },
53
73
  iconButtons: _objectSpread(_objectSpread({}, theme.buttons.iconButtons), {}, {
54
74
  base: _objectSpread(_objectSpread({}, theme.buttons.iconButtons.base), {}, {
55
75
  ':focus': _objectSpread(_objectSpread({}, theme.buttons.defaultFocus), {}, {
package/lib/styles/themeOverrides/stories/Button.chromatic.stories.js CHANGED
@@ -35,4 +35,9 @@ export var Link = function Link() {
35
35
  return ___EmotionJSX(Button, {
36
36
  variant: "link"
37
37
  }, "Button Text");
38
+ };
39
+ export var CriticalLink = function CriticalLink() {
40
+ return ___EmotionJSX(Button, {
41
+ variant: "criticalLink"
42
+ }, "Button Text");
38
43
  };
package/lib/styles/themes/next-gen/variants/variants.js CHANGED
@@ -248,7 +248,8 @@ var progressBar = {
248
248
  var overlayPanel = {
249
249
  container: {
250
250
  backgroundColor: 'backgroundBase',
251
- borderColor: 'border.hairline'
251
+ borderColor: 'border.hairline',
252
+ p: 0
252
253
  },
253
254
  aiPanelContainer: {
254
255
  backgroundColor: 'backgroundBase',
@@ -279,7 +280,6 @@ var overlayPanel = {
279
280
  }
280
281
  },
281
282
  body: {
282
- gap: 'md',
283
283
  minHeight: '100%',
284
284
  maxWidth: '100%',
285
285
  alignSelf: 'center'
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pingux/astro",
3
- "version": "2.210.0",
3
+ "version": "2.210.2-alpha.0",
4
4
  "description": "React component library for Ping Identity's design system",
5
5
  "repository": {
6
6
  "type": "git",