@pingux/astro 2.200.3-alpha.0 → 2.200.4-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 (6) hide show
  1. package/lib/cjs/styles/themes/next-gen/next-gen.d.ts +5 -0
  2. package/lib/cjs/styles/themes/next-gen/variants/iconWrapper.d.ts +5 -0
  3. package/lib/cjs/styles/themes/next-gen/variants/iconWrapper.js +15 -10
  4. package/lib/cjs/styles/themes/next-gen/variants/variants.d.ts +5 -0
  5. package/lib/styles/themes/next-gen/variants/iconWrapper.js +15 -10
  6. package/package.json +1 -1
package/lib/cjs/styles/themes/next-gen/next-gen.d.ts CHANGED
@@ -5447,6 +5447,7 @@ declare const _default: {
5447
5447
  '&.is-circle': {
5448
5448
  borderRadius: string;
5449
5449
  };
5450
+ display: string;
5450
5451
  borderRadius: string;
5451
5452
  minHeight: string;
5452
5453
  minWidth: string;
@@ -5460,6 +5461,7 @@ declare const _default: {
5460
5461
  '&.is-circle': {
5461
5462
  borderRadius: string;
5462
5463
  };
5464
+ display: string;
5463
5465
  borderRadius: string;
5464
5466
  minHeight: string;
5465
5467
  minWidth: string;
@@ -5473,6 +5475,7 @@ declare const _default: {
5473
5475
  '&.is-circle': {
5474
5476
  borderRadius: string;
5475
5477
  };
5478
+ display: string;
5476
5479
  borderRadius: string;
5477
5480
  minHeight: string;
5478
5481
  minWidth: string;
@@ -5486,6 +5489,7 @@ declare const _default: {
5486
5489
  '&.is-circle': {
5487
5490
  borderRadius: string;
5488
5491
  };
5492
+ display: string;
5489
5493
  borderRadius: string;
5490
5494
  minHeight: string;
5491
5495
  minWidth: string;
@@ -5499,6 +5503,7 @@ declare const _default: {
5499
5503
  '&.is-circle': {
5500
5504
  borderRadius: string;
5501
5505
  };
5506
+ display: string;
5502
5507
  borderRadius: string;
5503
5508
  minHeight: string;
5504
5509
  minWidth: string;
package/lib/cjs/styles/themes/next-gen/variants/iconWrapper.d.ts CHANGED
@@ -5,6 +5,7 @@ declare const _default: {
5
5
  '&.is-circle': {
6
6
  borderRadius: string;
7
7
  };
8
+ display: string;
8
9
  borderRadius: string;
9
10
  minHeight: string;
10
11
  minWidth: string;
@@ -18,6 +19,7 @@ declare const _default: {
18
19
  '&.is-circle': {
19
20
  borderRadius: string;
20
21
  };
22
+ display: string;
21
23
  borderRadius: string;
22
24
  minHeight: string;
23
25
  minWidth: string;
@@ -31,6 +33,7 @@ declare const _default: {
31
33
  '&.is-circle': {
32
34
  borderRadius: string;
33
35
  };
36
+ display: string;
34
37
  borderRadius: string;
35
38
  minHeight: string;
36
39
  minWidth: string;
@@ -44,6 +47,7 @@ declare const _default: {
44
47
  '&.is-circle': {
45
48
  borderRadius: string;
46
49
  };
50
+ display: string;
47
51
  borderRadius: string;
48
52
  minHeight: string;
49
53
  minWidth: string;
@@ -57,6 +61,7 @@ declare const _default: {
57
61
  '&.is-circle': {
58
62
  borderRadius: string;
59
63
  };
64
+ display: string;
60
65
  borderRadius: string;
61
66
  minHeight: string;
62
67
  minWidth: string;
package/lib/cjs/styles/themes/next-gen/variants/iconWrapper.js CHANGED
@@ -24,46 +24,51 @@ var circle = {
24
24
  borderRadius: '50%'
25
25
  }
26
26
  };
27
+ var centered = {
28
+ display: 'flex',
29
+ alignItems: 'center',
30
+ justifyContent: 'center'
31
+ };
27
32
  var iconWrapper = {
28
- xs: _objectSpread({
33
+ xs: _objectSpread(_objectSpread({
29
34
  borderRadius: '.25rem',
30
35
  minHeight: _sizes["default"].avatar.xs,
31
36
  minWidth: _sizes["default"].avatar.xs,
32
37
  height: _sizes["default"].avatar.xs,
33
38
  width: _sizes["default"].avatar.xs,
34
39
  fontSize: _sizes["default"].avatarFontSize.xs
35
- }, circle),
36
- sm: _objectSpread({
40
+ }, centered), circle),
41
+ sm: _objectSpread(_objectSpread({
37
42
  borderRadius: '.25rem',
38
43
  minHeight: _sizes["default"].avatar.sm,
39
44
  minWidth: _sizes["default"].avatar.sm,
40
45
  height: _sizes["default"].avatar.sm,
41
46
  width: _sizes["default"].avatar.sm,
42
47
  fontSize: _sizes["default"].avatarFontSize.sm
43
- }, circle),
44
- md: _objectSpread({
48
+ }, centered), circle),
49
+ md: _objectSpread(_objectSpread({
45
50
  borderRadius: '.25rem',
46
51
  minHeight: _sizes["default"].avatar.md,
47
52
  minWidth: _sizes["default"].avatar.md,
48
53
  height: _sizes["default"].avatar.md,
49
54
  width: _sizes["default"].avatar.md,
50
55
  fontSize: _sizes["default"].avatarFontSize.md
51
- }, circle),
52
- lg: _objectSpread({
56
+ }, centered), circle),
57
+ lg: _objectSpread(_objectSpread({
53
58
  borderRadius: '.25rem',
54
59
  minHeight: _sizes["default"].avatar.lg,
55
60
  minWidth: _sizes["default"].avatar.lg,
56
61
  height: _sizes["default"].avatar.lg,
57
62
  width: _sizes["default"].avatar.lg,
58
63
  fontSize: _sizes["default"].avatarFontSize.lg
59
- }, circle),
60
- xl: _objectSpread({
64
+ }, centered), circle),
65
+ xl: _objectSpread(_objectSpread({
61
66
  borderRadius: '.25rem',
62
67
  minHeight: _sizes["default"].avatar.xl,
63
68
  minWidth: _sizes["default"].avatar.xl,
64
69
  height: _sizes["default"].avatar.xl,
65
70
  width: _sizes["default"].avatar.xl,
66
71
  fontSize: _sizes["default"].avatarFontSize.xl
67
- }, circle)
72
+ }, centered), circle)
68
73
  };
69
74
  var _default = exports["default"] = _objectSpread({}, iconWrapper);
package/lib/cjs/styles/themes/next-gen/variants/variants.d.ts CHANGED
@@ -762,6 +762,7 @@ declare const _default: {
762
762
  '&.is-circle': {
763
763
  borderRadius: string;
764
764
  };
765
+ display: string;
765
766
  borderRadius: string;
766
767
  minHeight: string;
767
768
  minWidth: string;
@@ -775,6 +776,7 @@ declare const _default: {
775
776
  '&.is-circle': {
776
777
  borderRadius: string;
777
778
  };
779
+ display: string;
778
780
  borderRadius: string;
779
781
  minHeight: string;
780
782
  minWidth: string;
@@ -788,6 +790,7 @@ declare const _default: {
788
790
  '&.is-circle': {
789
791
  borderRadius: string;
790
792
  };
793
+ display: string;
791
794
  borderRadius: string;
792
795
  minHeight: string;
793
796
  minWidth: string;
@@ -801,6 +804,7 @@ declare const _default: {
801
804
  '&.is-circle': {
802
805
  borderRadius: string;
803
806
  };
807
+ display: string;
804
808
  borderRadius: string;
805
809
  minHeight: string;
806
810
  minWidth: string;
@@ -814,6 +818,7 @@ declare const _default: {
814
818
  '&.is-circle': {
815
819
  borderRadius: string;
816
820
  };
821
+ display: string;
817
822
  borderRadius: string;
818
823
  minHeight: string;
819
824
  minWidth: string;
package/lib/styles/themes/next-gen/variants/iconWrapper.js CHANGED
@@ -17,46 +17,51 @@ var circle = {
17
17
  borderRadius: '50%'
18
18
  }
19
19
  };
20
+ var centered = {
21
+ display: 'flex',
22
+ alignItems: 'center',
23
+ justifyContent: 'center'
24
+ };
20
25
  var iconWrapper = {
21
- xs: _objectSpread({
26
+ xs: _objectSpread(_objectSpread({
22
27
  borderRadius: '.25rem',
23
28
  minHeight: sizes.avatar.xs,
24
29
  minWidth: sizes.avatar.xs,
25
30
  height: sizes.avatar.xs,
26
31
  width: sizes.avatar.xs,
27
32
  fontSize: sizes.avatarFontSize.xs
28
- }, circle),
29
- sm: _objectSpread({
33
+ }, centered), circle),
34
+ sm: _objectSpread(_objectSpread({
30
35
  borderRadius: '.25rem',
31
36
  minHeight: sizes.avatar.sm,
32
37
  minWidth: sizes.avatar.sm,
33
38
  height: sizes.avatar.sm,
34
39
  width: sizes.avatar.sm,
35
40
  fontSize: sizes.avatarFontSize.sm
36
- }, circle),
37
- md: _objectSpread({
41
+ }, centered), circle),
42
+ md: _objectSpread(_objectSpread({
38
43
  borderRadius: '.25rem',
39
44
  minHeight: sizes.avatar.md,
40
45
  minWidth: sizes.avatar.md,
41
46
  height: sizes.avatar.md,
42
47
  width: sizes.avatar.md,
43
48
  fontSize: sizes.avatarFontSize.md
44
- }, circle),
45
- lg: _objectSpread({
49
+ }, centered), circle),
50
+ lg: _objectSpread(_objectSpread({
46
51
  borderRadius: '.25rem',
47
52
  minHeight: sizes.avatar.lg,
48
53
  minWidth: sizes.avatar.lg,
49
54
  height: sizes.avatar.lg,
50
55
  width: sizes.avatar.lg,
51
56
  fontSize: sizes.avatarFontSize.lg
52
- }, circle),
53
- xl: _objectSpread({
57
+ }, centered), circle),
58
+ xl: _objectSpread(_objectSpread({
54
59
  borderRadius: '.25rem',
55
60
  minHeight: sizes.avatar.xl,
56
61
  minWidth: sizes.avatar.xl,
57
62
  height: sizes.avatar.xl,
58
63
  width: sizes.avatar.xl,
59
64
  fontSize: sizes.avatarFontSize.xl
60
- }, circle)
65
+ }, centered), circle)
61
66
  };
62
67
  export default _objectSpread({}, iconWrapper);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pingux/astro",
3
- "version": "2.200.3-alpha.0",
3
+ "version": "2.200.4-alpha.0",
4
4
  "description": "React component library for Ping Identity's design system",
5
5
  "repository": {
6
6
  "type": "git",