@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.
- package/lib/cjs/components/AccordionItem/AccordionItem.js +5 -4
- package/lib/cjs/libs/astro/src/hooks/useGetTheme/useGetTheme.d.ts +11 -0
- package/lib/cjs/libs/astro/src/styles/themeOverrides/nextGenDarkMode/customProperties/index.d.ts +6 -0
- package/lib/cjs/libs/astro/src/styles/themeOverrides/nextGenDarkMode/variants/forms.d.ts +5 -0
- package/lib/cjs/libs/astro/src/styles/themes/astro/customProperties/index.d.ts +5 -0
- package/lib/cjs/libs/astro/src/styles/themes/next-gen/customProperties/index.d.ts +6 -0
- package/lib/cjs/libs/astro/src/styles/themes/next-gen/next-gen.d.ts +19 -2
- package/lib/cjs/libs/astro/src/styles/themes/next-gen/variants/accordion.d.ts +6 -2
- package/lib/cjs/libs/astro/src/styles/themes/next-gen/variants/text.d.ts +13 -0
- package/lib/cjs/libs/astro/src/styles/themes/next-gen/variants/variants.d.ts +6 -2
- package/lib/cjs/libs/astro/tsconfig.lib.tsbuildinfo +1 -1
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/forms.js +6 -0
- package/lib/cjs/styles/themes/astro/customProperties/index.js +2 -0
- package/lib/cjs/styles/themes/next-gen/customProperties/index.js +8 -1
- package/lib/cjs/styles/themes/next-gen/variants/accordion.js +7 -3
- package/lib/cjs/styles/themes/next-gen/variants/input.js +3 -1
- package/lib/cjs/styles/themes/next-gen/variants/text.js +24 -12
- package/lib/components/AccordionItem/AccordionItem.js +5 -4
- package/lib/styles/themeOverrides/nextGenDarkMode/variants/forms.js +6 -0
- package/lib/styles/themes/astro/customProperties/index.js +2 -0
- package/lib/styles/themes/next-gen/customProperties/index.js +8 -1
- package/lib/styles/themes/next-gen/variants/accordion.js +7 -3
- package/lib/styles/themes/next-gen/variants/input.js +3 -1
- package/lib/styles/themes/next-gen/variants/text.js +24 -12
- 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:
|
|
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: "
|
|
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: {
|
package/lib/cjs/libs/astro/src/styles/themeOverrides/nextGenDarkMode/customProperties/index.d.ts
CHANGED
|
@@ -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: {
|
|
@@ -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
|
-
|
|
4642
|
+
pt: string;
|
|
4628
4643
|
};
|
|
4629
4644
|
header: {
|
|
4630
|
-
|
|
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
|
-
|
|
12
|
+
pt: string;
|
|
11
13
|
};
|
|
12
14
|
header: {
|
|
13
|
-
|
|
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
|
-
|
|
45
|
+
pt: string;
|
|
44
46
|
};
|
|
45
47
|
header: {
|
|
46
|
-
|
|
48
|
+
'&.is-focused': {
|
|
49
|
+
borderRadius: string;
|
|
50
|
+
};
|
|
47
51
|
};
|
|
48
52
|
};
|
|
49
53
|
accordionGrid: {
|