@pingux/astro 2.210.1-alpha.0 → 2.210.3-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 (14) 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 +2 -2
  6. package/lib/cjs/styles/themes/next-gen/variants/input.js +1 -1
  7. package/lib/cjs/styles/themes/next-gen/variants/variants.d.ts +2 -2
  8. package/lib/cjs/styles/themes/next-gen/variants/variants.js +2 -2
  9. package/lib/styles/themeOverrides/onyxDarkUiLibraryOverride.js +20 -0
  10. package/lib/styles/themeOverrides/onyxUiLibraryOverride.js +20 -0
  11. package/lib/styles/themeOverrides/stories/Button.chromatic.stories.js +5 -0
  12. package/lib/styles/themes/next-gen/variants/input.js +1 -1
  13. package/lib/styles/themes/next-gen/variants/variants.js +2 -2
  14. 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
@@ -5761,8 +5761,8 @@ declare const _default: {
5761
5761
  p: any;
5762
5762
  };
5763
5763
  option: {
5764
- py: any;
5765
- pl: any;
5764
+ py: number;
5765
+ pl: number;
5766
5766
  pr: any;
5767
5767
  justifyContent: string;
5768
5768
  borderRadius: any;
package/lib/cjs/styles/themes/next-gen/variants/input.js CHANGED
@@ -65,7 +65,7 @@ input.search = _objectSpread(_objectSpread({}, input), {}, {
65
65
  borderRadius: _onyxTokens.astroTokens.radius.input,
66
66
  height: _onyxTokens.astroTokens.size.input.height,
67
67
  pl: '4em !important',
68
- pr: "".concat(_onyxTokens.astroTokens.spacing['md-l'], "px !important"),
68
+ pr: '20px !important',
69
69
  py: '13px !important',
70
70
  lineHeight: 'body',
71
71
  color: 'font.base',
package/lib/cjs/styles/themes/next-gen/variants/variants.d.ts CHANGED
@@ -832,8 +832,8 @@ declare const _default: {
832
832
  p: any;
833
833
  };
834
834
  option: {
835
- py: any;
836
- pl: any;
835
+ py: number;
836
+ pl: number;
837
837
  pr: any;
838
838
  justifyContent: string;
839
839
  borderRadius: any;
package/lib/cjs/styles/themes/next-gen/variants/variants.js CHANGED
@@ -163,8 +163,8 @@ var listBox = {
163
163
  p: _onyxTokens.astroTokens.spacing.sm
164
164
  },
165
165
  option: {
166
- py: _onyxTokens.astroTokens.spacing['md-s'],
167
- pl: _onyxTokens.astroTokens.spacing['md-s'],
166
+ py: 12,
167
+ pl: 12,
168
168
  pr: _onyxTokens.astroTokens.spacing.md,
169
169
  justifyContent: 'space-between',
170
170
  borderRadius: _onyxTokens.astroTokens.radius.md,
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/input.js CHANGED
@@ -58,7 +58,7 @@ input.search = _objectSpread(_objectSpread({}, input), {}, {
58
58
  borderRadius: astroTokens.radius.input,
59
59
  height: astroTokens.size.input.height,
60
60
  pl: '4em !important',
61
- pr: "".concat(astroTokens.spacing['md-l'], "px !important"),
61
+ pr: '20px !important',
62
62
  py: '13px !important',
63
63
  lineHeight: 'body',
64
64
  color: 'font.base',
package/lib/styles/themes/next-gen/variants/variants.js CHANGED
@@ -153,8 +153,8 @@ var listBox = {
153
153
  p: astroTokens.spacing.sm
154
154
  },
155
155
  option: {
156
- py: astroTokens.spacing['md-s'],
157
- pl: astroTokens.spacing['md-s'],
156
+ py: 12,
157
+ pl: 12,
158
158
  pr: astroTokens.spacing.md,
159
159
  justifyContent: 'space-between',
160
160
  borderRadius: astroTokens.radius.md,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pingux/astro",
3
- "version": "2.210.1-alpha.0",
3
+ "version": "2.210.3-alpha.0",
4
4
  "description": "React component library for Ping Identity's design system",
5
5
  "repository": {
6
6
  "type": "git",