@pingux/astro 2.36.1-alpha.0 → 2.37.0-alpha.1

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 (4) hide show
  1. package/lib/cjs/components/Button/Buttons.styles.d.ts +22 -0
  2. package/lib/cjs/components/Button/Buttons.styles.js +8 -5
  3. package/lib/components/Button/Buttons.styles.js +8 -5
  4. package/package.json +1 -1
package/lib/cjs/components/Button/Buttons.styles.d.ts CHANGED
@@ -123,11 +123,20 @@ declare const _default: {
123
123
  };
124
124
  '&.is-hovered': {
125
125
  bg: string;
126
+ color: string;
126
127
  borderColor: string;
128
+ border: string;
129
+ boxShadow: string;
127
130
  };
128
131
  '&.is-pressed': {
129
132
  bg: string;
130
133
  borderColor: string;
134
+ border: string;
135
+ color: string;
136
+ boxShadow: string;
137
+ path: {
138
+ fill: string;
139
+ };
131
140
  };
132
141
  fontSize: string;
133
142
  fontWeight: number;
@@ -164,6 +173,7 @@ declare const _default: {
164
173
  border: string;
165
174
  borderColor: string;
166
175
  color: string;
176
+ boxShadow: string;
167
177
  path: {
168
178
  fill: string;
169
179
  };
@@ -214,6 +224,7 @@ declare const _default: {
214
224
  border: string;
215
225
  borderColor: string;
216
226
  color: string;
227
+ boxShadow: string;
217
228
  path: {
218
229
  fill: string;
219
230
  };
@@ -258,6 +269,7 @@ declare const _default: {
258
269
  bg: string;
259
270
  borderColor: string;
260
271
  color: string;
272
+ boxShadow: string;
261
273
  path: {
262
274
  fill: string;
263
275
  };
@@ -312,6 +324,7 @@ declare const _default: {
312
324
  border: string;
313
325
  borderColor: string;
314
326
  color: string;
327
+ boxShadow: string;
315
328
  path: {
316
329
  fill: string;
317
330
  };
@@ -352,6 +365,7 @@ declare const _default: {
352
365
  borderColor: string;
353
366
  bg: string;
354
367
  color: string;
368
+ boxShadow: string;
355
369
  path: {
356
370
  fill: string;
357
371
  };
@@ -360,6 +374,7 @@ declare const _default: {
360
374
  border: string;
361
375
  borderColor: string;
362
376
  color: string;
377
+ boxShadow: string;
363
378
  path: {
364
379
  fill: string;
365
380
  };
@@ -449,6 +464,7 @@ declare const _default: {
449
464
  border: string;
450
465
  borderColor: string;
451
466
  color: string;
467
+ boxShadow: string;
452
468
  };
453
469
  '&.is-focused': {
454
470
  outline: string;
@@ -583,6 +599,7 @@ declare const _default: {
583
599
  borderColor: string;
584
600
  bg: string;
585
601
  color: string;
602
+ boxShadow: string;
586
603
  path: {
587
604
  fill: string;
588
605
  };
@@ -591,6 +608,7 @@ declare const _default: {
591
608
  border: string;
592
609
  borderColor: string;
593
610
  color: string;
611
+ boxShadow: string;
594
612
  path: {
595
613
  fill: string;
596
614
  };
@@ -684,6 +702,7 @@ declare const _default: {
684
702
  border: string;
685
703
  borderColor: string;
686
704
  color: string;
705
+ boxShadow: string;
687
706
  path: {
688
707
  fill: string;
689
708
  };
@@ -737,6 +756,7 @@ declare const _default: {
737
756
  border: string;
738
757
  borderColor: string;
739
758
  color: string;
759
+ boxShadow: string;
740
760
  path: {
741
761
  fill: string;
742
762
  };
@@ -777,6 +797,7 @@ declare const _default: {
777
797
  borderColor: string;
778
798
  bg: string;
779
799
  color: string;
800
+ boxShadow: string;
780
801
  path: {
781
802
  fill: string;
782
803
  };
@@ -785,6 +806,7 @@ declare const _default: {
785
806
  border: string;
786
807
  borderColor: string;
787
808
  color: string;
809
+ boxShadow: string;
788
810
  path: {
789
811
  fill: string;
790
812
  };
package/lib/cjs/components/Button/Buttons.styles.js CHANGED
@@ -36,6 +36,7 @@ var defaultActive = {
36
36
  border: '1px solid',
37
37
  borderColor: 'active',
38
38
  color: 'white',
39
+ boxShadow: 'unset',
39
40
  'path': {
40
41
  fill: 'white'
41
42
  }
@@ -77,7 +78,8 @@ var primary = _objectSpread(_objectSpread({}, base), {}, {
77
78
  bg: 'accent.20',
78
79
  border: '1px solid',
79
80
  borderColor: 'accent.20',
80
- color: 'white'
81
+ color: 'white',
82
+ boxShadow: 'unset'
81
83
  },
82
84
  '&.is-focused': _objectSpread({}, defaultFocus)
83
85
  });
@@ -106,14 +108,15 @@ var critical = _objectSpread(_objectSpread({}, base), {}, {
106
108
  borderColor: 'critical.bright',
107
109
  color: 'white',
108
110
  '&.is-focused': _objectSpread({}, defaultFocus),
109
- '&.is-hovered': {
111
+ '&.is-hovered': _objectSpread(_objectSpread({}, defaultHover), {}, {
110
112
  bg: 'critical.primaryDark',
113
+ color: 'white',
111
114
  borderColor: 'critical.primaryDark'
112
- },
113
- '&.is-pressed': {
115
+ }),
116
+ '&.is-pressed': _objectSpread(_objectSpread({}, defaultActive), {}, {
114
117
  bg: 'critical.secondaryDark',
115
118
  borderColor: 'critical.secondaryDark'
116
- }
119
+ })
117
120
  });
118
121
  var inline = _objectSpread(_objectSpread({}, base), {}, {
119
122
  display: 'inline-flex',
package/lib/components/Button/Buttons.styles.js CHANGED
@@ -28,6 +28,7 @@ var defaultActive = {
28
28
  border: '1px solid',
29
29
  borderColor: 'active',
30
30
  color: 'white',
31
+ boxShadow: 'unset',
31
32
  'path': {
32
33
  fill: 'white'
33
34
  }
@@ -67,7 +68,8 @@ var primary = _objectSpread(_objectSpread({}, base), {}, {
67
68
  bg: 'accent.20',
68
69
  border: '1px solid',
69
70
  borderColor: 'accent.20',
70
- color: 'white'
71
+ color: 'white',
72
+ boxShadow: 'unset'
71
73
  },
72
74
  '&.is-focused': _objectSpread({}, defaultFocus)
73
75
  });
@@ -96,14 +98,15 @@ var critical = _objectSpread(_objectSpread({}, base), {}, {
96
98
  borderColor: 'critical.bright',
97
99
  color: 'white',
98
100
  '&.is-focused': _objectSpread({}, defaultFocus),
99
- '&.is-hovered': {
101
+ '&.is-hovered': _objectSpread(_objectSpread({}, defaultHover), {}, {
100
102
  bg: 'critical.primaryDark',
103
+ color: 'white',
101
104
  borderColor: 'critical.primaryDark'
102
- },
103
- '&.is-pressed': {
105
+ }),
106
+ '&.is-pressed': _objectSpread(_objectSpread({}, defaultActive), {}, {
104
107
  bg: 'critical.secondaryDark',
105
108
  borderColor: 'critical.secondaryDark'
106
- }
109
+ })
107
110
  });
108
111
  var inline = _objectSpread(_objectSpread({}, base), {}, {
109
112
  display: 'inline-flex',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pingux/astro",
3
- "version": "2.36.1-alpha.0",
3
+ "version": "2.37.0-alpha.1",
4
4
  "description": "React component library for Ping Identity's design system",
5
5
  "repository": {
6
6
  "type": "git",