@pingux/astro 1.42.2 → 1.42.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 (20) hide show
  1. package/lib/cjs/components/Button/Button.stories.js +19 -3
  2. package/lib/cjs/styles/colors.js +3 -1
  3. package/lib/cjs/styles/variants/buttons.js +9 -1
  4. package/lib/components/Button/Button.stories.js +11 -1
  5. package/lib/styles/colors.js +3 -1
  6. package/lib/styles/variants/buttons.js +9 -1
  7. package/package.json +3 -3
  8. package/NOTICE.html +0 -4707
  9. /package/lib/cjs/{Patterns → patterns}/AttributeMappingDisplayViewPattern.stories.hidden.js +0 -0
  10. /package/lib/cjs/{Patterns → patterns}/AttributeMappingEditViewPattern.stories.hidden.js +0 -0
  11. /package/lib/cjs/{Patterns → patterns}/ListAndPanelPattern.stories.hidden.js +0 -0
  12. /package/lib/cjs/{Patterns → patterns}/MessagesPattern.stories.hidden.js +0 -0
  13. /package/lib/cjs/{Patterns → patterns}/SaveBarPattern.stories.hidden.js +0 -0
  14. /package/lib/cjs/{Patterns → patterns}/UnsavedChangesPattern.stories.hidden.js +0 -0
  15. /package/lib/{Patterns → patterns}/AttributeMappingDisplayViewPattern.stories.hidden.js +0 -0
  16. /package/lib/{Patterns → patterns}/AttributeMappingEditViewPattern.stories.hidden.js +0 -0
  17. /package/lib/{Patterns → patterns}/ListAndPanelPattern.stories.hidden.js +0 -0
  18. /package/lib/{Patterns → patterns}/MessagesPattern.stories.hidden.js +0 -0
  19. /package/lib/{Patterns → patterns}/SaveBarPattern.stories.hidden.js +0 -0
  20. /package/lib/{Patterns → patterns}/UnsavedChangesPattern.stories.hidden.js +0 -0
package/lib/cjs/components/Button/Button.stories.js CHANGED
@@ -8,7 +8,7 @@ _Object$defineProperty(exports, "__esModule", {
8
8
  value: true
9
9
  });
10
10
 
11
- exports["default"] = exports.TextIconButton = exports.InlineButton = exports.FilterButton = exports.Disabled = exports.Default = exports.ColorBlockButton = void 0;
11
+ exports["default"] = exports.TextIconButton = exports.Primary = exports.InlineButton = exports.FilterButton = exports.Disabled = exports.Default = exports.Critical = exports.ColorBlockButton = void 0;
12
12
 
13
13
  var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
14
14
 
@@ -39,7 +39,7 @@ delete variants.ICON;
39
39
  delete variants.ICON_BUTTON;
40
40
  delete variants.INVERTED; // add designer approved variants for devs to use here
41
41
 
42
- var variantOptions = ['critical', 'danger', 'default', 'inline', 'inlinePrimary', 'link', 'primary', 'success', 'text'];
42
+ var variantOptions = ['critical', 'default', 'inline', 'inlinePrimary', 'link', 'primary'];
43
43
  var _default = {
44
44
  title: 'Components/Button',
45
45
  component: _index.Button,
@@ -162,4 +162,20 @@ var FilterButton = function FilterButton() {
162
162
  })));
163
163
  };
164
164
 
165
- exports.FilterButton = FilterButton;
165
+ exports.FilterButton = FilterButton;
166
+
167
+ var Critical = function Critical() {
168
+ return (0, _react2.jsx)(_index.Button, {
169
+ variant: "critical"
170
+ }, "Button Text");
171
+ };
172
+
173
+ exports.Critical = Critical;
174
+
175
+ var Primary = function Primary() {
176
+ return (0, _react2.jsx)(_index.Button, {
177
+ variant: "primary"
178
+ }, "Button Text");
179
+ };
180
+
181
+ exports.Primary = Primary;
package/lib/cjs/styles/colors.js CHANGED
@@ -34,7 +34,9 @@ exports.active = active;
34
34
  var critical = {
35
35
  bright: '#a31300',
36
36
  dark: '#a31300',
37
- light: '#ffebe7'
37
+ light: '#ffebe7',
38
+ primaryDark: _chromaJs["default"].mix('#a31300', '#000000', 0.2).hex(),
39
+ secondaryDark: _chromaJs["default"].mix('#a31300', '#000000', 0.4).hex()
38
40
  };
39
41
  exports.critical = critical;
40
42
  var success = {
package/lib/cjs/styles/variants/buttons.js CHANGED
@@ -293,7 +293,15 @@ var critical = _objectSpread(_objectSpread({}, base), {}, {
293
293
  border: '1px solid',
294
294
  borderColor: 'critical.bright',
295
295
  color: 'white',
296
- '&.is-focused': _objectSpread({}, defaultFocus)
296
+ '&.is-focused': _objectSpread({}, defaultFocus),
297
+ '&.is-hovered': {
298
+ bg: 'critical.primaryDark',
299
+ borderColor: 'critical.primaryDark'
300
+ },
301
+ '&.is-pressed': {
302
+ bg: 'critical.secondaryDark',
303
+ borderColor: 'critical.secondaryDark'
304
+ }
297
305
  });
298
306
 
299
307
  var inverted = _objectSpread(_objectSpread({}, iconButton), {}, {
package/lib/components/Button/Button.stories.js CHANGED
@@ -16,7 +16,7 @@ delete variants.ICON;
16
16
  delete variants.ICON_BUTTON;
17
17
  delete variants.INVERTED; // add designer approved variants for devs to use here
18
18
 
19
- var variantOptions = ['critical', 'danger', 'default', 'inline', 'inlinePrimary', 'link', 'primary', 'success', 'text'];
19
+ var variantOptions = ['critical', 'default', 'inline', 'inlinePrimary', 'link', 'primary'];
20
20
  export default {
21
21
  title: 'Components/Button',
22
22
  component: Button,
@@ -121,4 +121,14 @@ export var FilterButton = function FilterButton() {
121
121
  }, ___EmotionJSX(Icon, {
122
122
  icon: FilterIcon
123
123
  })));
124
+ };
125
+ export var Critical = function Critical() {
126
+ return ___EmotionJSX(Button, {
127
+ variant: "critical"
128
+ }, "Button Text");
129
+ };
130
+ export var Primary = function Primary() {
131
+ return ___EmotionJSX(Button, {
132
+ variant: "primary"
133
+ }, "Button Text");
124
134
  };
package/lib/styles/colors.js CHANGED
@@ -14,7 +14,9 @@ export var active = '#4462ED';
14
14
  export var critical = {
15
15
  bright: '#a31300',
16
16
  dark: '#a31300',
17
- light: '#ffebe7'
17
+ light: '#ffebe7',
18
+ primaryDark: chroma.mix('#a31300', '#000000', 0.2).hex(),
19
+ secondaryDark: chroma.mix('#a31300', '#000000', 0.4).hex()
18
20
  };
19
21
  export var success = {
20
22
  bright: '#00af18',
package/lib/styles/variants/buttons.js CHANGED
@@ -271,7 +271,15 @@ var critical = _objectSpread(_objectSpread({}, base), {}, {
271
271
  border: '1px solid',
272
272
  borderColor: 'critical.bright',
273
273
  color: 'white',
274
- '&.is-focused': _objectSpread({}, defaultFocus)
274
+ '&.is-focused': _objectSpread({}, defaultFocus),
275
+ '&.is-hovered': {
276
+ bg: 'critical.primaryDark',
277
+ borderColor: 'critical.primaryDark'
278
+ },
279
+ '&.is-pressed': {
280
+ bg: 'critical.secondaryDark',
281
+ borderColor: 'critical.secondaryDark'
282
+ }
275
283
  });
276
284
 
277
285
  var inverted = _objectSpread(_objectSpread({}, iconButton), {}, {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pingux/astro",
3
- "version": "1.42.2",
3
+ "version": "1.42.3-alpha.0",
4
4
  "description": "PingUX themeable React component library",
5
5
  "repository": {
6
6
  "type": "git",
@@ -64,7 +64,7 @@
64
64
  "@react-aria/separator": "^3.1.1",
65
65
  "@react-aria/slider": "^3.0.7",
66
66
  "@react-aria/switch": "3.1.1",
67
- "@react-aria/table": "^3.3.0",
67
+ "@react-aria/table": "~3.3.0",
68
68
  "@react-aria/tabs": "^3.0.1",
69
69
  "@react-aria/tooltip": "^3.1.2",
70
70
  "@react-aria/utils": "^3.12.0",
@@ -85,7 +85,7 @@
85
85
  "@react-stately/select": "^3.1.1",
86
86
  "@react-stately/selection": "~3.10.2",
87
87
  "@react-stately/slider": "^3.0.7",
88
- "@react-stately/table": "^3.2.1",
88
+ "@react-stately/table": "~3.3.0",
89
89
  "@react-stately/tabs": "^3.0.1",
90
90
  "@react-stately/toggle": "^3.2.0",
91
91
  "@react-stately/tooltip": "^3.0.4",