@pingux/astro 2.181.9 → 2.182.1-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 (25) hide show
  1. package/lib/cjs/components/AccordionItem/AccordionItem.js +5 -4
  2. package/lib/cjs/libs/astro/src/hooks/useGetTheme/useGetTheme.d.ts +11 -0
  3. package/lib/cjs/libs/astro/src/styles/themeOverrides/nextGenDarkMode/customProperties/index.d.ts +6 -0
  4. package/lib/cjs/libs/astro/src/styles/themeOverrides/nextGenDarkMode/variants/forms.d.ts +5 -0
  5. package/lib/cjs/libs/astro/src/styles/themes/astro/customProperties/index.d.ts +5 -0
  6. package/lib/cjs/libs/astro/src/styles/themes/next-gen/customProperties/index.d.ts +6 -0
  7. package/lib/cjs/libs/astro/src/styles/themes/next-gen/next-gen.d.ts +19 -2
  8. package/lib/cjs/libs/astro/src/styles/themes/next-gen/variants/accordion.d.ts +6 -2
  9. package/lib/cjs/libs/astro/src/styles/themes/next-gen/variants/text.d.ts +13 -0
  10. package/lib/cjs/libs/astro/src/styles/themes/next-gen/variants/variants.d.ts +6 -2
  11. package/lib/cjs/libs/astro/tsconfig.lib.tsbuildinfo +1 -1
  12. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/forms.js +6 -0
  13. package/lib/cjs/styles/themes/astro/customProperties/index.js +2 -0
  14. package/lib/cjs/styles/themes/next-gen/customProperties/index.js +8 -1
  15. package/lib/cjs/styles/themes/next-gen/variants/accordion.js +7 -3
  16. package/lib/cjs/styles/themes/next-gen/variants/input.js +3 -1
  17. package/lib/cjs/styles/themes/next-gen/variants/text.js +24 -12
  18. package/lib/components/AccordionItem/AccordionItem.js +5 -4
  19. package/lib/styles/themeOverrides/nextGenDarkMode/variants/forms.js +6 -0
  20. package/lib/styles/themes/astro/customProperties/index.js +2 -0
  21. package/lib/styles/themes/next-gen/customProperties/index.js +8 -1
  22. package/lib/styles/themes/next-gen/variants/accordion.js +7 -3
  23. package/lib/styles/themes/next-gen/variants/input.js +3 -1
  24. package/lib/styles/themes/next-gen/variants/text.js +24 -12
  25. package/package.json +1 -1
@@ -21,7 +21,6 @@ var _themeUi = require("theme-ui");
21
21
  var _AccordionContext = require("../../context/AccordionContext");
22
22
  var _hooks = require("../../hooks");
23
23
  var _index = require("../../index");
24
- var _Accordion = require("../AccordionGroup/Accordion.styles");
25
24
  var _react2 = require("@emotion/react");
26
25
  var _excluded = ["containerProps", "buttonProps", "regionProps"];
27
26
  function _interopRequireWildcard(e, t) { if ("function" == typeof _WeakMap) var r = new _WeakMap(), n = new _WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = _Object$defineProperty) && _Object$getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
@@ -41,7 +40,8 @@ var AccordionItem = function AccordionItem(props) {
41
40
  others = (0, _objectWithoutProperties2["default"])(_item$props, _excluded);
42
41
  var _useGetTheme = (0, _hooks.useGetTheme)(),
43
42
  icons = _useGetTheme.icons,
44
- accordionItemMarginLeft = _useGetTheme.accordionItemMarginLeft;
43
+ accordionItemMarginLeft = _useGetTheme.accordionItemMarginLeft,
44
+ accordionHoveredState = _useGetTheme.accordionHoveredState;
45
45
  var MenuUp = icons.MenuUp,
46
46
  MenuDown = icons.MenuDown;
47
47
  var state = (0, _react.useContext)(_AccordionContext.AccordionContext);
@@ -99,13 +99,14 @@ var AccordionItem = function AccordionItem(props) {
99
99
  as: validLabelHeadingTag,
100
100
  className: buttonClasses,
101
101
  variant: validLabelHeadingTag,
102
- sx: _Accordion.hoveredState
102
+ sx: accordionHoveredState
103
103
  }, item.props.label), (0, _react2.jsx)(_index.Box, {
104
104
  as: "span",
105
105
  ml: accordionItemMarginLeft
106
106
  }, (0, _react2.jsx)(_index.Icon, {
107
- color: "text.primary",
107
+ color: "font.base",
108
108
  icon: isOpen ? MenuUp : MenuDown,
109
+ size: "sm",
109
110
  title: {
110
111
  name: isOpen ? 'Menu Up Icon' : 'Menu Down Icon'
111
112
  }
@@ -6,6 +6,11 @@ export declare const baseState: {
6
6
  };
7
7
  declare const useGetTheme: () => {
8
8
  name: string;
9
+ accordionHoveredState: {
10
+ '&.is-hovered': {
11
+ color: string;
12
+ };
13
+ };
9
14
  accordionItemDefaultLabelTag: string;
10
15
  navBarIconSize: import("../..").IconSize;
11
16
  activeColor: string;
@@ -158,6 +163,12 @@ declare const useGetTheme: () => {
158
163
  pageHeaderAddIconMargin: string;
159
164
  pageHeaderAddIconSize: string;
160
165
  defaultLoaderSize: number;
166
+ accordionHoveredState: {
167
+ '&.is-hovered': {
168
+ color: string;
169
+ textDecoration: string;
170
+ };
171
+ };
161
172
  activeColor: string;
162
173
  navBarIconSize: import("../..").IconSize;
163
174
  styles: {
@@ -58,6 +58,12 @@ export declare const nextGenDarkThemeValues: {
58
58
  pageHeaderAddIconMargin: string;
59
59
  pageHeaderAddIconSize: string;
60
60
  defaultLoaderSize: number;
61
+ accordionHoveredState: {
62
+ '&.is-hovered': {
63
+ color: string;
64
+ textDecoration: string;
65
+ };
66
+ };
61
67
  activeColor: string;
62
68
  navBarIconSize: import("../../../..").IconSize;
63
69
  styles: {
@@ -41,6 +41,11 @@ declare const _default: {
41
41
  color: string;
42
42
  };
43
43
  };
44
+ search: {
45
+ icon: {
46
+ fill: string;
47
+ };
48
+ };
44
49
  select: {
45
50
  option: {
46
51
  backgroundColor: string;
@@ -1,5 +1,10 @@
1
1
  import { IconSize, LoaderSize } from '../../../../types';
2
2
  export declare const astroThemeValues: {
3
+ accordionHoveredState: {
4
+ '&.is-hovered': {
5
+ color: string;
6
+ };
7
+ };
3
8
  accordionItemDefaultLabelTag: string;
4
9
  navBarIconSize: IconSize;
5
10
  activeColor: string;
@@ -9,6 +9,12 @@ export declare const nextGenThemeValues: {
9
9
  pageHeaderAddIconMargin: string;
10
10
  pageHeaderAddIconSize: string;
11
11
  defaultLoaderSize: number;
12
+ accordionHoveredState: {
13
+ '&.is-hovered': {
14
+ color: string;
15
+ textDecoration: string;
16
+ };
17
+ };
12
18
  activeColor: string;
13
19
  navBarIconSize: IconSize;
14
20
  backgroundBaseColor: string;
@@ -2969,41 +2969,48 @@ declare const _default: {
2969
2969
  };
2970
2970
  stepperTabContentHeader: {
2971
2971
  color: string;
2972
+ lineHeight: string;
2972
2973
  fontSize: any;
2973
2974
  fontWeight: number;
2974
2975
  fontFamily: string;
2975
2976
  };
2976
2977
  H1: {
2978
+ lineHeight: string;
2977
2979
  fontSize: any;
2978
2980
  fontWeight: number;
2979
2981
  color: string;
2980
2982
  fontFamily: string;
2981
2983
  };
2982
2984
  H2: {
2985
+ lineHeight: string;
2983
2986
  fontSize: any;
2984
2987
  fontWeight: number;
2985
2988
  color: string;
2986
2989
  fontFamily: string;
2987
2990
  };
2988
2991
  H3: {
2992
+ lineHeight: string;
2989
2993
  fontSize: any;
2990
2994
  fontWeight: number;
2991
2995
  color: string;
2992
2996
  fontFamily: string;
2993
2997
  };
2994
2998
  H4: {
2999
+ lineHeight: string;
2995
3000
  fontSize: any;
2996
3001
  fontWeight: number;
2997
3002
  color: string;
2998
3003
  fontFamily: string;
2999
3004
  };
3000
3005
  H5: {
3006
+ lineHeight: string;
3001
3007
  fontSize: any;
3002
3008
  fontWeight: number;
3003
3009
  color: string;
3004
3010
  fontFamily: string;
3005
3011
  };
3006
3012
  H6: {
3013
+ lineHeight: string;
3007
3014
  textTransform: string;
3008
3015
  color: string;
3009
3016
  fontFamily: string;
@@ -3012,36 +3019,42 @@ declare const _default: {
3012
3019
  letterSpacing: string;
3013
3020
  };
3014
3021
  h1: {
3022
+ lineHeight: string;
3015
3023
  fontSize: any;
3016
3024
  fontWeight: number;
3017
3025
  color: string;
3018
3026
  fontFamily: string;
3019
3027
  };
3020
3028
  h2: {
3029
+ lineHeight: string;
3021
3030
  fontSize: any;
3022
3031
  fontWeight: number;
3023
3032
  color: string;
3024
3033
  fontFamily: string;
3025
3034
  };
3026
3035
  h3: {
3036
+ lineHeight: string;
3027
3037
  fontSize: any;
3028
3038
  fontWeight: number;
3029
3039
  color: string;
3030
3040
  fontFamily: string;
3031
3041
  };
3032
3042
  h4: {
3043
+ lineHeight: string;
3033
3044
  fontSize: any;
3034
3045
  fontWeight: number;
3035
3046
  color: string;
3036
3047
  fontFamily: string;
3037
3048
  };
3038
3049
  h5: {
3050
+ lineHeight: string;
3039
3051
  fontSize: any;
3040
3052
  fontWeight: number;
3041
3053
  color: string;
3042
3054
  fontFamily: string;
3043
3055
  };
3044
3056
  h6: {
3057
+ lineHeight: string;
3045
3058
  textTransform: string;
3046
3059
  color: string;
3047
3060
  fontFamily: string;
@@ -4622,12 +4635,16 @@ declare const _default: {
4622
4635
  borderBottomColor: string;
4623
4636
  };
4624
4637
  pb: string;
4638
+ mb: string;
4639
+ mt: string;
4625
4640
  };
4626
4641
  body: {
4627
- py: string;
4642
+ pt: string;
4628
4643
  };
4629
4644
  header: {
4630
- p: string;
4645
+ '&.is-focused': {
4646
+ borderRadius: string;
4647
+ };
4631
4648
  };
4632
4649
  };
4633
4650
  accordionGrid: {
@@ -5,12 +5,16 @@ declare const _default: {
5
5
  borderBottomColor: string;
6
6
  };
7
7
  pb: string;
8
+ mb: string;
9
+ mt: string;
8
10
  };
9
11
  body: {
10
- py: string;
12
+ pt: string;
11
13
  };
12
14
  header: {
13
- p: string;
15
+ '&.is-focused': {
16
+ borderRadius: string;
17
+ };
14
18
  };
15
19
  };
16
20
  export default _default;
@@ -49,41 +49,48 @@ export declare const text: {
49
49
  };
50
50
  stepperTabContentHeader: {
51
51
  color: string;
52
+ lineHeight: string;
52
53
  fontSize: any;
53
54
  fontWeight: number;
54
55
  fontFamily: string;
55
56
  };
56
57
  H1: {
58
+ lineHeight: string;
57
59
  fontSize: any;
58
60
  fontWeight: number;
59
61
  color: string;
60
62
  fontFamily: string;
61
63
  };
62
64
  H2: {
65
+ lineHeight: string;
63
66
  fontSize: any;
64
67
  fontWeight: number;
65
68
  color: string;
66
69
  fontFamily: string;
67
70
  };
68
71
  H3: {
72
+ lineHeight: string;
69
73
  fontSize: any;
70
74
  fontWeight: number;
71
75
  color: string;
72
76
  fontFamily: string;
73
77
  };
74
78
  H4: {
79
+ lineHeight: string;
75
80
  fontSize: any;
76
81
  fontWeight: number;
77
82
  color: string;
78
83
  fontFamily: string;
79
84
  };
80
85
  H5: {
86
+ lineHeight: string;
81
87
  fontSize: any;
82
88
  fontWeight: number;
83
89
  color: string;
84
90
  fontFamily: string;
85
91
  };
86
92
  H6: {
93
+ lineHeight: string;
87
94
  textTransform: string;
88
95
  color: string;
89
96
  fontFamily: string;
@@ -92,36 +99,42 @@ export declare const text: {
92
99
  letterSpacing: string;
93
100
  };
94
101
  h1: {
102
+ lineHeight: string;
95
103
  fontSize: any;
96
104
  fontWeight: number;
97
105
  color: string;
98
106
  fontFamily: string;
99
107
  };
100
108
  h2: {
109
+ lineHeight: string;
101
110
  fontSize: any;
102
111
  fontWeight: number;
103
112
  color: string;
104
113
  fontFamily: string;
105
114
  };
106
115
  h3: {
116
+ lineHeight: string;
107
117
  fontSize: any;
108
118
  fontWeight: number;
109
119
  color: string;
110
120
  fontFamily: string;
111
121
  };
112
122
  h4: {
123
+ lineHeight: string;
113
124
  fontSize: any;
114
125
  fontWeight: number;
115
126
  color: string;
116
127
  fontFamily: string;
117
128
  };
118
129
  h5: {
130
+ lineHeight: string;
119
131
  fontSize: any;
120
132
  fontWeight: number;
121
133
  color: string;
122
134
  fontFamily: string;
123
135
  };
124
136
  h6: {
137
+ lineHeight: string;
125
138
  textTransform: string;
126
139
  color: string;
127
140
  fontFamily: string;
@@ -38,12 +38,16 @@ declare const _default: {
38
38
  borderBottomColor: string;
39
39
  };
40
40
  pb: string;
41
+ mb: string;
42
+ mt: string;
41
43
  };
42
44
  body: {
43
- py: string;
45
+ pt: string;
44
46
  };
45
47
  header: {
46
- p: string;
48
+ '&.is-focused': {
49
+ borderRadius: string;
50
+ };
47
51
  };
48
52
  };
49
53
  accordionGrid: {