@pingux/astro 2.143.0-alpha.0 → 2.143.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.
- package/lib/cjs/components/AccordionGridGroup/AccordionGrid.styles.js +1 -2
- package/lib/cjs/components/AccordionGridGroup/AccordionGridGroup.stories.js +86 -5
- package/lib/cjs/components/AccordionGridItem/AccordionGridItemHeader.js +7 -5
- package/lib/cjs/components/AccordionGroup/AccordionGroup.js +5 -3
- package/lib/cjs/components/AccordionGroup/AccordionGroup.stories.js +3 -6
- package/lib/cjs/components/AccordionItem/AccordionItem.js +8 -4
- package/lib/cjs/components/AstroProvider/AstroProvider.js +3 -3
- package/lib/cjs/components/Breadcrumbs/Breadcrumbs.js +6 -2
- package/lib/cjs/components/Button/Button.stories.js +6 -3
- package/lib/cjs/components/Button/Buttons.styles.d.ts +40 -0
- package/lib/cjs/components/Button/Buttons.styles.js +2 -0
- package/lib/cjs/components/CollapsiblePanel/CollapsiblePanel.stories.js +5 -1
- package/lib/cjs/components/CopyText/CopyButton.js +4 -1
- package/lib/cjs/components/CopyText/CopyText.js +2 -1
- package/lib/cjs/components/GridList/GridList.stories.js +0 -1
- package/lib/cjs/components/Icon/Icon.js +2 -1
- package/lib/cjs/components/Icon/Icon.stories.js +1 -1
- package/lib/cjs/components/IconBadge/IconBadge.js +4 -4
- package/lib/cjs/components/IconBadge/IconBadge.stories.js +2 -2
- package/lib/cjs/components/Input/Input.styles.js +3 -0
- package/lib/cjs/components/ListView/ListView.stories.js +27 -10
- package/lib/cjs/components/ListView/ListViewItem.js +1 -1
- package/lib/cjs/components/Loader/Loader.js +71 -5
- package/lib/cjs/components/Loader/Loader.stories.js +17 -2
- package/lib/cjs/components/Loader/Loader.styles.d.ts +7 -0
- package/lib/cjs/components/Loader/Loader.styles.js +11 -1
- package/lib/cjs/components/MultivaluesField/CondensedMultivaluesField.js +6 -4
- package/lib/cjs/components/MultivaluesField/DefaultMultivaluesField.js +26 -15
- package/lib/cjs/components/PageHeader/PageHeader.js +5 -2
- package/lib/cjs/components/PanelHeader/PanelHeader.js +43 -10
- package/lib/cjs/components/PanelHeader/PanelHeader.stories.js +9 -4
- package/lib/cjs/components/PanelHeader/PanelHeader.styles.js +5 -0
- package/lib/cjs/components/PanelHeader/PanelHeader.test.js +22 -0
- package/lib/cjs/components/RequirementsList/RequirementsList.js +11 -8
- package/lib/cjs/components/Stepper/Step.js +1 -1
- package/lib/cjs/components/Stepper/Stepper.styles.js +1 -0
- package/lib/cjs/components/Switch/Switch.js +12 -2
- package/lib/cjs/components/Switch/Switch.styles.js +1 -1
- package/lib/cjs/components/SwitchField/SwitchField.js +7 -2
- package/lib/cjs/components/Tabs/Tabs.stories.js +23 -7
- package/lib/cjs/components/Text/Text.stories.d.ts +1 -0
- package/lib/cjs/components/Text/Text.stories.js +354 -1
- package/lib/cjs/components/Text/Text.styles.d.ts +10 -0
- package/lib/cjs/components/Text/Text.styles.js +5 -0
- package/lib/cjs/components/TextField/TextField.stories.js +12 -2
- package/lib/cjs/hooks/useCircularLoader/useCircularLoader.d.ts +23 -0
- package/lib/cjs/hooks/useCircularLoader/useCircularLoader.js +80 -0
- package/lib/cjs/hooks/useCircularLoader/useCircularLoader.test.d.ts +1 -0
- package/lib/cjs/hooks/useCircularLoader/useCircularLoader.test.js +136 -0
- package/lib/cjs/hooks/useField/useField.d.ts +6 -6
- package/lib/cjs/hooks/useGetTheme/useGetTheme.d.ts +75 -0
- package/lib/cjs/hooks/usePagination/usePagination.d.ts +4 -4
- package/lib/cjs/styles/colors.d.ts +6 -0
- package/lib/cjs/styles/colors.js +4 -1
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/colors.d.ts +36 -0
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/colors.js +23 -2
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/customProperties/icons.d.ts +5 -0
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/customProperties/index.d.ts +17 -0
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/customProperties/index.js +7 -1
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/buttons.d.ts +66 -0
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/buttons.js +18 -0
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/forms.d.ts +15 -0
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/forms.js +18 -1
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/input.d.ts +0 -8
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/input.js +9 -9
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/links.d.ts +14 -0
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/links.js +15 -0
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/variants.d.ts +5 -0
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/variants.js +5 -0
- package/lib/cjs/styles/themes/astro/customProperties/icons.d.ts +5 -0
- package/lib/cjs/styles/themes/astro/customProperties/icons.js +11 -4
- package/lib/cjs/styles/themes/astro/customProperties/index.d.ts +18 -0
- package/lib/cjs/styles/themes/astro/customProperties/index.js +26 -1
- package/lib/cjs/styles/themes/next-gen/codeView/codeView.d.ts +2 -0
- package/lib/cjs/styles/themes/next-gen/codeView/codeView.js +4 -2
- package/lib/cjs/styles/themes/next-gen/colors/colors.d.ts +37 -0
- package/lib/cjs/styles/themes/next-gen/colors/colors.js +5 -2
- package/lib/cjs/styles/themes/next-gen/colors/iconWrapper.js +14 -35
- package/lib/cjs/styles/themes/next-gen/colors/twoTone.d.ts +37 -0
- package/lib/cjs/styles/themes/next-gen/colors/twoTone.js +46 -0
- package/lib/cjs/styles/themes/next-gen/convertedComponentList.d.ts +4 -1
- package/lib/cjs/styles/themes/next-gen/convertedComponentList.js +6 -3
- package/lib/cjs/styles/themes/next-gen/customProperties/customSizes.d.ts +10 -0
- package/lib/cjs/styles/themes/next-gen/customProperties/customSizes.js +22 -0
- package/lib/cjs/styles/themes/next-gen/customProperties/icons.d.ts +5 -0
- package/lib/cjs/styles/themes/next-gen/customProperties/icons.js +10 -3
- package/lib/cjs/styles/themes/next-gen/customProperties/index.d.ts +17 -0
- package/lib/cjs/styles/themes/next-gen/customProperties/index.js +26 -4
- package/lib/cjs/styles/themes/next-gen/customProperties/tShirtSizes.js +4 -4
- package/lib/cjs/styles/themes/next-gen/forms.d.ts +42 -0
- package/lib/cjs/styles/themes/next-gen/forms.js +5 -0
- package/lib/cjs/styles/themes/next-gen/next-gen.d.ts +1151 -857
- package/lib/cjs/styles/themes/next-gen/next-gen.js +1 -1
- package/lib/cjs/styles/themes/next-gen/text.js +2 -2
- package/lib/cjs/styles/themes/next-gen/variants/accordion.d.ts +16 -0
- package/lib/cjs/styles/themes/next-gen/variants/accordion.js +26 -0
- package/lib/cjs/styles/themes/next-gen/variants/badges.d.ts +0 -17
- package/lib/cjs/styles/themes/next-gen/variants/badges.js +1 -3
- package/lib/cjs/styles/themes/next-gen/variants/button.d.ts +151 -105
- package/lib/cjs/styles/themes/next-gen/variants/button.js +38 -7
- package/lib/cjs/styles/themes/next-gen/variants/cards.js +1 -1
- package/lib/cjs/styles/themes/next-gen/variants/input.js +16 -5
- package/lib/cjs/styles/themes/next-gen/variants/label.js +5 -3
- package/lib/cjs/styles/themes/next-gen/variants/links.d.ts +4 -2
- package/lib/cjs/styles/themes/next-gen/variants/listview.js +1 -1
- package/lib/cjs/styles/themes/next-gen/variants/panelHeader.d.ts +16 -0
- package/lib/cjs/styles/themes/next-gen/variants/panelHeader.js +26 -0
- package/lib/cjs/styles/themes/next-gen/variants/stepper.d.ts +66 -0
- package/lib/cjs/styles/themes/next-gen/variants/stepper.js +74 -0
- package/lib/cjs/styles/themes/next-gen/variants/switch.d.ts +36 -0
- package/lib/cjs/styles/themes/next-gen/variants/switch.js +44 -0
- package/lib/cjs/styles/themes/next-gen/variants/text.d.ts +62 -0
- package/lib/cjs/styles/themes/next-gen/variants/text.js +67 -7
- package/lib/cjs/styles/themes/next-gen/variants/variants.d.ts +900 -743
- package/lib/cjs/styles/themes/next-gen/variants/variants.js +88 -38
- package/lib/cjs/types/loader.d.ts +5 -2
- package/lib/cjs/types/shared/style.d.ts +2 -0
- package/lib/components/AccordionGridGroup/AccordionGrid.styles.js +1 -2
- package/lib/components/AccordionGridGroup/AccordionGridGroup.stories.js +86 -5
- package/lib/components/AccordionGridItem/AccordionGridItemHeader.js +6 -4
- package/lib/components/AccordionGroup/AccordionGroup.js +5 -3
- package/lib/components/AccordionGroup/AccordionGroup.stories.js +3 -6
- package/lib/components/AccordionItem/AccordionItem.js +8 -4
- package/lib/components/AstroProvider/AstroProvider.js +3 -3
- package/lib/components/Breadcrumbs/Breadcrumbs.js +7 -3
- package/lib/components/Button/Button.stories.js +4 -1
- package/lib/components/Button/Buttons.styles.js +2 -0
- package/lib/components/CollapsiblePanel/CollapsiblePanel.stories.js +5 -1
- package/lib/components/CopyText/CopyButton.js +4 -1
- package/lib/components/CopyText/CopyText.js +2 -1
- package/lib/components/GridList/GridList.stories.js +0 -1
- package/lib/components/Icon/Icon.js +2 -1
- package/lib/components/Icon/Icon.stories.js +1 -1
- package/lib/components/IconBadge/IconBadge.js +4 -4
- package/lib/components/IconBadge/IconBadge.stories.js +2 -2
- package/lib/components/Input/Input.styles.js +3 -0
- package/lib/components/ListView/ListView.stories.js +28 -11
- package/lib/components/ListView/ListViewItem.js +1 -1
- package/lib/components/Loader/Loader.js +71 -3
- package/lib/components/Loader/Loader.stories.js +13 -0
- package/lib/components/Loader/Loader.styles.js +11 -1
- package/lib/components/MultivaluesField/CondensedMultivaluesField.js +6 -4
- package/lib/components/MultivaluesField/DefaultMultivaluesField.js +27 -16
- package/lib/components/PageHeader/PageHeader.js +5 -2
- package/lib/components/PanelHeader/PanelHeader.js +44 -11
- package/lib/components/PanelHeader/PanelHeader.stories.js +9 -4
- package/lib/components/PanelHeader/PanelHeader.styles.js +5 -0
- package/lib/components/PanelHeader/PanelHeader.test.js +23 -1
- package/lib/components/RequirementsList/RequirementsList.js +7 -4
- package/lib/components/Stepper/Step.js +1 -1
- package/lib/components/Stepper/Stepper.styles.js +1 -0
- package/lib/components/Switch/Switch.js +12 -2
- package/lib/components/Switch/Switch.styles.js +1 -1
- package/lib/components/SwitchField/SwitchField.js +7 -2
- package/lib/components/Tabs/Tabs.stories.js +23 -7
- package/lib/components/Text/Text.stories.js +352 -0
- package/lib/components/Text/Text.styles.js +5 -0
- package/lib/components/TextField/TextField.stories.js +12 -2
- package/lib/hooks/useCircularLoader/useCircularLoader.js +71 -0
- package/lib/hooks/useCircularLoader/useCircularLoader.test.js +129 -0
- package/lib/styles/colors.js +4 -1
- package/lib/styles/themeOverrides/nextGenDarkMode/colors.js +23 -2
- package/lib/styles/themeOverrides/nextGenDarkMode/customProperties/index.js +7 -1
- package/lib/styles/themeOverrides/nextGenDarkMode/variants/buttons.js +18 -0
- package/lib/styles/themeOverrides/nextGenDarkMode/variants/forms.js +18 -1
- package/lib/styles/themeOverrides/nextGenDarkMode/variants/input.js +9 -9
- package/lib/styles/themeOverrides/nextGenDarkMode/variants/links.js +15 -0
- package/lib/styles/themeOverrides/nextGenDarkMode/variants/variants.js +5 -0
- package/lib/styles/themes/astro/customProperties/icons.js +12 -5
- package/lib/styles/themes/astro/customProperties/index.js +26 -1
- package/lib/styles/themes/next-gen/codeView/codeView.js +4 -2
- package/lib/styles/themes/next-gen/colors/colors.js +5 -2
- package/lib/styles/themes/next-gen/colors/iconWrapper.js +14 -35
- package/lib/styles/themes/next-gen/colors/twoTone.js +38 -0
- package/lib/styles/themes/next-gen/convertedComponentList.js +6 -3
- package/lib/styles/themes/next-gen/customProperties/customSizes.js +14 -0
- package/lib/styles/themes/next-gen/customProperties/icons.js +10 -3
- package/lib/styles/themes/next-gen/customProperties/index.js +26 -2
- package/lib/styles/themes/next-gen/customProperties/tShirtSizes.js +4 -4
- package/lib/styles/themes/next-gen/forms.js +5 -0
- package/lib/styles/themes/next-gen/next-gen.js +1 -1
- package/lib/styles/themes/next-gen/text.js +2 -2
- package/lib/styles/themes/next-gen/variants/accordion.js +18 -0
- package/lib/styles/themes/next-gen/variants/badges.js +1 -3
- package/lib/styles/themes/next-gen/variants/button.js +38 -7
- package/lib/styles/themes/next-gen/variants/cards.js +1 -1
- package/lib/styles/themes/next-gen/variants/input.js +16 -5
- package/lib/styles/themes/next-gen/variants/label.js +5 -3
- package/lib/styles/themes/next-gen/variants/listview.js +1 -1
- package/lib/styles/themes/next-gen/variants/panelHeader.js +18 -0
- package/lib/styles/themes/next-gen/variants/stepper.js +66 -0
- package/lib/styles/themes/next-gen/variants/switch.js +36 -0
- package/lib/styles/themes/next-gen/variants/text.js +67 -7
- package/lib/styles/themes/next-gen/variants/variants.js +82 -37
- package/package.json +1 -1
@@ -23,6 +23,7 @@ var _reactStately = require("react-stately");
|
|
23
23
|
var _CreateIcon = _interopRequireDefault(require("@pingux/mdi-react/CreateIcon"));
|
24
24
|
var _MoreVertIcon = _interopRequireDefault(require("@pingux/mdi-react/MoreVertIcon"));
|
25
25
|
var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
|
26
|
+
var _hooks = require("../../hooks");
|
26
27
|
var _index = require("../../index");
|
27
28
|
var _AccordionGridGroup = _interopRequireDefault(require("./AccordionGridGroup.mdx"));
|
28
29
|
var _react2 = require("@emotion/react");
|
@@ -196,6 +197,77 @@ var Header = function Header(props) {
|
|
196
197
|
}
|
197
198
|
})))));
|
198
199
|
};
|
200
|
+
var HeaderOnyx = function HeaderOnyx(props) {
|
201
|
+
var item = props.item;
|
202
|
+
return (0, _react2.jsx)(_index.Box, {
|
203
|
+
isRow: true,
|
204
|
+
sx: {
|
205
|
+
flexGrow: 1
|
206
|
+
}
|
207
|
+
}, (0, _react2.jsx)(_index.Box, {
|
208
|
+
isRow: true,
|
209
|
+
alignSelf: "center",
|
210
|
+
sx: {
|
211
|
+
flexGrow: 1,
|
212
|
+
width: '50%'
|
213
|
+
}
|
214
|
+
}, (0, _react2.jsx)(_index.Text, {
|
215
|
+
as: "h5",
|
216
|
+
variant: "h5",
|
217
|
+
alignSelf: "center"
|
218
|
+
}, item.name)), (0, _react2.jsx)(_index.Box, {
|
219
|
+
isRow: true,
|
220
|
+
alignSelf: "center",
|
221
|
+
sx: {
|
222
|
+
flexGrow: 1,
|
223
|
+
width: '50%'
|
224
|
+
}
|
225
|
+
}, (0, _react2.jsx)(_index.Box, {
|
226
|
+
isRow: true,
|
227
|
+
alignSelf: "center",
|
228
|
+
gap: "sm"
|
229
|
+
}, (0, _react2.jsx)(_index.Badge, {
|
230
|
+
label: "".concat(item.organizations.length, " Organizations"),
|
231
|
+
bg: "twoTone.bg.green",
|
232
|
+
textColor: "twoTone.text.green"
|
233
|
+
}), (0, _react2.jsx)(_index.Badge, {
|
234
|
+
label: "2 Environment",
|
235
|
+
bg: "twoTone.bg.indigo",
|
236
|
+
textColor: "twoTone.text.indigo"
|
237
|
+
}), (0, _react2.jsx)(_index.Badge, {
|
238
|
+
label: "2 Population",
|
239
|
+
bg: "twoTone.bg.yellow",
|
240
|
+
textColor: "twoTone.text.yellow"
|
241
|
+
})), (0, _react2.jsx)(_index.Box, {
|
242
|
+
isRow: true,
|
243
|
+
alignSelf: "center",
|
244
|
+
sx: {
|
245
|
+
ml: 'auto'
|
246
|
+
}
|
247
|
+
}, (0, _react2.jsx)(_index.IconButton, {
|
248
|
+
"aria-label": "create-icon",
|
249
|
+
sx: {
|
250
|
+
mr: '4px'
|
251
|
+
}
|
252
|
+
}, (0, _react2.jsx)(_index.Icon, {
|
253
|
+
icon: _CreateIcon["default"],
|
254
|
+
size: "sm",
|
255
|
+
title: {
|
256
|
+
name: 'Create Icon'
|
257
|
+
}
|
258
|
+
})), (0, _react2.jsx)(_index.IconButton, {
|
259
|
+
"aria-label": "vertical-lines-icon",
|
260
|
+
sx: {
|
261
|
+
mr: '4px'
|
262
|
+
}
|
263
|
+
}, (0, _react2.jsx)(_index.Icon, {
|
264
|
+
icon: _MoreVertIcon["default"],
|
265
|
+
size: "sm",
|
266
|
+
title: {
|
267
|
+
name: 'Vertical Lines Icon'
|
268
|
+
}
|
269
|
+
})))));
|
270
|
+
};
|
199
271
|
var Body = function Body(props) {
|
200
272
|
var _context;
|
201
273
|
var item = props.item;
|
@@ -208,7 +280,6 @@ var Body = function Body(props) {
|
|
208
280
|
}
|
209
281
|
}, (0, _react2.jsx)(_index.Link, {
|
210
282
|
"aria-label": "permissions",
|
211
|
-
variant: "link",
|
212
283
|
sx: {
|
213
284
|
marginTop: '15px',
|
214
285
|
whiteSpace: 'nowrap',
|
@@ -253,12 +324,15 @@ var Body = function Body(props) {
|
|
253
324
|
})));
|
254
325
|
};
|
255
326
|
var Default = function Default() {
|
327
|
+
var _useGetTheme = (0, _hooks.useGetTheme)(),
|
328
|
+
themeState = _useGetTheme.themeState;
|
329
|
+
var isOnyx = themeState.isOnyx;
|
256
330
|
return (
|
257
331
|
// See story source for info about the data used
|
258
332
|
(0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_index.Text, {
|
259
333
|
sx: {
|
260
334
|
fontWeight: 3,
|
261
|
-
fontSize: '
|
335
|
+
fontSize: 'sm'
|
262
336
|
}
|
263
337
|
}, "Role"), (0, _react2.jsx)(_index.Separator, {
|
264
338
|
sx: {
|
@@ -271,7 +345,9 @@ var Default = function Default() {
|
|
271
345
|
return (0, _react2.jsx)(_reactStately.Item, {
|
272
346
|
key: item.key,
|
273
347
|
textValue: item.name
|
274
|
-
}, (0, _react2.jsx)(
|
348
|
+
}, isOnyx ? (0, _react2.jsx)(HeaderOnyx, {
|
349
|
+
item: item
|
350
|
+
}) : (0, _react2.jsx)(Header, {
|
275
351
|
item: item
|
276
352
|
}), (0, _react2.jsx)(Body, {
|
277
353
|
item: item
|
@@ -290,12 +366,15 @@ var Controlled = function Controlled() {
|
|
290
366
|
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
291
367
|
selectedKeys = _useState2[0],
|
292
368
|
setSelectedKeys = _useState2[1];
|
369
|
+
var _useGetTheme2 = (0, _hooks.useGetTheme)(),
|
370
|
+
themeState = _useGetTheme2.themeState;
|
371
|
+
var isOnyx = themeState.isOnyx;
|
293
372
|
return (
|
294
373
|
// See story source for info about the data used
|
295
374
|
(0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_index.Text, {
|
296
375
|
sx: {
|
297
376
|
fontWeight: 3,
|
298
|
-
fontSize: '
|
377
|
+
fontSize: 'sm'
|
299
378
|
}
|
300
379
|
}, "Role"), (0, _react2.jsx)(_index.Separator, {
|
301
380
|
sx: {
|
@@ -309,7 +388,9 @@ var Controlled = function Controlled() {
|
|
309
388
|
return (0, _react2.jsx)(_reactStately.Item, {
|
310
389
|
key: item.key,
|
311
390
|
textValue: item.name
|
312
|
-
}, (0, _react2.jsx)(
|
391
|
+
}, isOnyx ? (0, _react2.jsx)(HeaderOnyx, {
|
392
|
+
item: item
|
393
|
+
}) : (0, _react2.jsx)(Header, {
|
313
394
|
item: item
|
314
395
|
}), (0, _react2.jsx)(Body, {
|
315
396
|
item: item
|
@@ -14,8 +14,6 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/e
|
|
14
14
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
|
15
15
|
var _react = _interopRequireWildcard(require("react"));
|
16
16
|
var _reactAria = require("react-aria");
|
17
|
-
var _MenuDownIcon = _interopRequireDefault(require("@pingux/mdi-react/MenuDownIcon"));
|
18
|
-
var _MenuUpIcon = _interopRequireDefault(require("@pingux/mdi-react/MenuUpIcon"));
|
19
17
|
var _grid = require("@react-aria/grid");
|
20
18
|
var _interactions = require("@react-aria/interactions");
|
21
19
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
@@ -41,6 +39,10 @@ var AccordionGridItemHeader = /*#__PURE__*/(0, _react.forwardRef)(function (prop
|
|
41
39
|
var _useAccordionGridCont = (0, _AccordionGridContext.useAccordionGridContext)(),
|
42
40
|
state = _useAccordionGridCont.state;
|
43
41
|
var cellRef = (0, _react.useRef)();
|
42
|
+
var _useGetTheme = (0, _hooks.useGetTheme)(),
|
43
|
+
icons = _useGetTheme.icons;
|
44
|
+
var MenuDown = icons.MenuDown,
|
45
|
+
MenuUp = icons.MenuUp;
|
44
46
|
|
45
47
|
/* istanbul ignore next */
|
46
48
|
(0, _react.useImperativeHandle)(ref, function () {
|
@@ -89,8 +91,8 @@ var AccordionGridItemHeader = /*#__PURE__*/(0, _react.forwardRef)(function (prop
|
|
89
91
|
mergedProps.tabIndex = 0;
|
90
92
|
mergedProps.onKeyPress = handleKeyPress;
|
91
93
|
}
|
92
|
-
var downArrow = customDownArrow ||
|
93
|
-
var upArrow = customUpArrow ||
|
94
|
+
var downArrow = customDownArrow || MenuDown;
|
95
|
+
var upArrow = customUpArrow || MenuUp;
|
94
96
|
return (0, _react2.jsx)(_Box["default"], (0, _extends2["default"])({
|
95
97
|
as: "div",
|
96
98
|
ref: cellRef
|
@@ -110,8 +112,8 @@ var AccordionGridItemHeader = /*#__PURE__*/(0, _react.forwardRef)(function (prop
|
|
110
112
|
mr: '0px'
|
111
113
|
}
|
112
114
|
}, (0, _react2.jsx)(_Icon["default"], {
|
115
|
+
color: "text.primary",
|
113
116
|
icon: isSelected ? upArrow : downArrow,
|
114
|
-
size: 20,
|
115
117
|
title: {
|
116
118
|
name: isSelected ? 'Menu Up Icon' : 'Menu Down Icon'
|
117
119
|
}
|
@@ -25,6 +25,7 @@ var _reactAria = require("react-aria");
|
|
25
25
|
var _reactStately = require("react-stately");
|
26
26
|
var _accordion = require("@react-aria/accordion");
|
27
27
|
var _AccordionContext = require("../../context/AccordionContext");
|
28
|
+
var _hooks = require("../../hooks");
|
28
29
|
var _index = require("../../index");
|
29
30
|
var _AccordionItem = _interopRequireDefault(require("../AccordionItem"));
|
30
31
|
var _react2 = require("@emotion/react");
|
@@ -41,10 +42,11 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (
|
|
41
42
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
42
43
|
var AccordionGroup = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
43
44
|
var _context;
|
44
|
-
var
|
45
|
-
labelHeadingTag = _props$labelHeadingTa === void 0 ? 'span' : _props$labelHeadingTa,
|
45
|
+
var labelHeadingTag = props.labelHeadingTag,
|
46
46
|
onExpandedChange = props.onExpandedChange,
|
47
47
|
others = (0, _objectWithoutProperties2["default"])(props, _excluded);
|
48
|
+
var _useGetTheme = (0, _hooks.useGetTheme)(),
|
49
|
+
accordionItemDefaultLabelTag = _useGetTheme.accordionItemDefaultLabelTag;
|
48
50
|
var state = (0, _reactStately.useTreeState)(props);
|
49
51
|
var accordionRef = (0, _react.useRef)(null);
|
50
52
|
|
@@ -78,7 +80,7 @@ var AccordionGroup = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
78
80
|
"data-id": item['data-id'],
|
79
81
|
item: item,
|
80
82
|
key: item.key,
|
81
|
-
labelHeadingTag: labelHeadingTag
|
83
|
+
labelHeadingTag: labelHeadingTag || accordionItemDefaultLabelTag
|
82
84
|
}, item.props.children);
|
83
85
|
})));
|
84
86
|
});
|
@@ -9,8 +9,8 @@ _Object$defineProperty(exports, "__esModule", {
|
|
9
9
|
value: true
|
10
10
|
});
|
11
11
|
exports["default"] = exports.UncontrolledExpanded = exports.Multiple = exports.LabelWithBadge = exports.DisabledState = exports.DifferentLevels = exports.Default = exports.CustomPresentation = exports.ControlledExpanded = exports.AccordionWithSlot = void 0;
|
12
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
|
13
12
|
var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
13
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
|
14
14
|
var _react = _interopRequireWildcard(require("react"));
|
15
15
|
var _storybookAddonDesigns = require("storybook-addon-designs");
|
16
16
|
var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
|
@@ -96,9 +96,7 @@ var _default = {
|
|
96
96
|
};
|
97
97
|
exports["default"] = _default;
|
98
98
|
var Default = function Default(args) {
|
99
|
-
return (0, _react2.jsx)(_index.AccordionGroup, (0,
|
100
|
-
labelHeadingTag: "h3"
|
101
|
-
}, args), (0, _react2.jsx)(_index.Item, {
|
99
|
+
return (0, _react2.jsx)(_index.AccordionGroup, args, (0, _react2.jsx)(_index.Item, {
|
102
100
|
key: "accordionKey",
|
103
101
|
textValue: "accordionKey",
|
104
102
|
label: "Accordion Label",
|
@@ -147,8 +145,7 @@ var Multiple = function Multiple() {
|
|
147
145
|
*/
|
148
146
|
(0, _react2.jsx)(_index.AccordionGroup, {
|
149
147
|
defaultExpandedKeys: ['t2'],
|
150
|
-
items: itemArray
|
151
|
-
labelHeadingTag: "h3"
|
148
|
+
items: itemArray
|
152
149
|
}, function (item) {
|
153
150
|
var _label;
|
154
151
|
return (0, _react2.jsx)(_index.Item, {
|
@@ -14,8 +14,6 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/e
|
|
14
14
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
|
15
15
|
var _react = _interopRequireWildcard(require("react"));
|
16
16
|
var _reactAria = require("react-aria");
|
17
|
-
var _MenuDownIcon = _interopRequireDefault(require("@pingux/mdi-react/MenuDownIcon"));
|
18
|
-
var _MenuUpIcon = _interopRequireDefault(require("@pingux/mdi-react/MenuUpIcon"));
|
19
17
|
var _accordion = require("@react-aria/accordion");
|
20
18
|
var _focus = require("@react-aria/focus");
|
21
19
|
var _interactions = require("@react-aria/interactions");
|
@@ -43,6 +41,11 @@ var AccordionItem = function AccordionItem(props) {
|
|
43
41
|
_item$props$regionPro = _item$props.regionProps,
|
44
42
|
regionProps = _item$props$regionPro === void 0 ? {} : _item$props$regionPro,
|
45
43
|
others = (0, _objectWithoutProperties2["default"])(_item$props, _excluded);
|
44
|
+
var _useGetTheme = (0, _hooks.useGetTheme)(),
|
45
|
+
icons = _useGetTheme.icons,
|
46
|
+
accordionItemMarginLeft = _useGetTheme.accordionItemMarginLeft;
|
47
|
+
var MenuUp = icons.MenuUp,
|
48
|
+
MenuDown = icons.MenuDown;
|
46
49
|
var state = (0, _react.useContext)(_AccordionContext.AccordionContext);
|
47
50
|
var buttonRef = (0, _react.useRef)(null);
|
48
51
|
var _useAccordionItem = (0, _accordion.useAccordionItem)(props, state, buttonRef),
|
@@ -101,9 +104,10 @@ var AccordionItem = function AccordionItem(props) {
|
|
101
104
|
sx: _Accordion.hoveredState
|
102
105
|
}, item.props.label), (0, _react2.jsx)(_index.Box, {
|
103
106
|
as: "span",
|
104
|
-
ml:
|
107
|
+
ml: accordionItemMarginLeft
|
105
108
|
}, (0, _react2.jsx)(_index.Icon, {
|
106
|
-
|
109
|
+
color: "text.primary",
|
110
|
+
icon: isOpen ? MenuUp : MenuDown,
|
107
111
|
title: {
|
108
112
|
name: isOpen ? 'Menu Up Icon' : 'Menu Down Icon'
|
109
113
|
}
|
@@ -41,7 +41,7 @@ var GlobalStyles = function GlobalStyles(_ref2) {
|
|
41
41
|
isOnyx = _useGetTheme$themeSta.isOnyx,
|
42
42
|
isOnyxDark = _useGetTheme$themeSta.isOnyxDark;
|
43
43
|
return (0, _react2.jsx)(_react2.Global, {
|
44
|
-
styles: /*#__PURE__*/(0, _react2.css)("@import url(\"https://use.typekit.net/icz8cni.css\");{}", _emotionNormalize["default"], " ", _fonts.pingitoFont, " ", _fonts.openSansFont, " *{box-sizing:border-box;}html,body{padding:0;margin:0;background:white;min-height:100%;font-family:", isEndUserTheme && 'pingito, ', "\"Helvetica Neue\",Helvetica,sans-serif;}.is-disabled{opacity:", isOnyx || isOnyxDark ? 0.65 : 0.5, ";pointer-events:none;}[data-live-announcer]{display:none;}button:focus-visible,[type=\"button\"]:focus-visible,[type=\"reset\"]:focus-visible,[type=\"submit\"]:focus-visible{outline:0;}" + (process.env.NODE_ENV === "production" ? "" : ";label:GlobalStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
44
|
+
styles: /*#__PURE__*/(0, _react2.css)("@import url(\"https://use.typekit.net/icz8cni.css\");{}", _emotionNormalize["default"], " ", _fonts.pingitoFont, " ", _fonts.openSansFont, " *{box-sizing:border-box;}html,body{padding:0;margin:0;background:white;min-height:100%;font-family:", isEndUserTheme && 'pingito, ', " ", isOnyx && 'Open Sans, ', " \"Helvetica Neue\",Helvetica,sans-serif;}.is-disabled{opacity:", isOnyx || isOnyxDark ? 0.65 : 0.5, ";pointer-events:none;}[data-live-announcer]{display:none;}button:focus-visible,[type=\"button\"]:focus-visible,[type=\"reset\"]:focus-visible,[type=\"submit\"]:focus-visible{outline:0;}" + (process.env.NODE_ENV === "production" ? "" : ";label:GlobalStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvUHJvdmlkZXIvQXN0cm9Qcm92aWRlci5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlaUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQXN0cm9Qcm92aWRlci9Bc3Ryb1Byb3ZpZGVyLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MsIEdsb2JhbCwgVGhlbWVQcm92aWRlciB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBlbW90aW9uTm9ybWFsaXplIGZyb20gJ2Vtb3Rpb24tbm9ybWFsaXplJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBtZXJnZSB9IGZyb20gJ3RoZW1lLXVpJztcblxuaW1wb3J0IHsgb3BlblNhbnNGb250LCBwaW5naXRvRm9udCB9IGZyb20gJy4uLy4uL2ZvbnRzJztcbmltcG9ydCB1c2VHZXRUaGVtZSBmcm9tICcuLi8uLi9ob29rcy91c2VHZXRUaGVtZSc7XG5pbXBvcnQgYXN0cm9UaGVtZSBmcm9tICcuLi8uLi9zdHlsZXMvdGhlbWUnO1xuaW1wb3J0IEJveCBmcm9tICcuLi9Cb3gnO1xuXG5leHBvcnQgY29uc3QgR2xvYmFsU3R5bGVzID0gKHsgaXNFbmRVc2VyVGhlbWUgPSBmYWxzZSB9KSA9PiB7XG4gIGNvbnN0IHsgdGhlbWVTdGF0ZTogeyBpc09ueXgsIGlzT255eERhcmsgfSB9ID0gdXNlR2V0VGhlbWUoKTtcbiAgcmV0dXJuIChcbiAgICA8R2xvYmFsXG4gICAgICBzdHlsZXM9e2Nzc2BcbiAgICAgICAgQGltcG9ydCB1cmwoXCJodHRwczovL3VzZS50eXBla2l0Lm5ldC9pY3o4Y25pLmNzc1wiKTtcbiAgICAgICAgJHtlbW90aW9uTm9ybWFsaXplfVxuICAgICAgICAke3BpbmdpdG9Gb250fVxuICAgICAgICAke29wZW5TYW5zRm9udH1cbiAgICAgICAgKiB7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgfVxuICAgICAgICBodG1sLFxuICAgICAgICBib2R5IHtcbiAgICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgICAgICAgICBtaW4taGVpZ2h0OiAxMDAlO1xuICAgICAgICAgIGZvbnQtZmFtaWx5OiAke2lzRW5kVXNlclRoZW1lICYmICdwaW5naXRvLCAnfSAke2lzT255eCAmJiAnT3BlbiBTYW5zLCAnfSBcIkhlbHZldGljYSBOZXVlXCIsIEhlbHZldGljYSwgc2Fucy1zZXJpZjtcbiAgICAgICAgfVxuICAgICAgICAuaXMtZGlzYWJsZWQge1xuICAgICAgICAgIG9wYWNpdHk6ICR7aXNPbnl4IHx8IGlzT255eERhcmsgPyAwLjY1IDogMC41fTtcbiAgICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgICAgfVxuICAgICAgICBbZGF0YS1saXZlLWFubm91bmNlcl0ge1xuICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIH1cbiAgICAgICAgYnV0dG9uOmZvY3VzLXZpc2libGUsXG4gICAgICAgIFt0eXBlPVwiYnV0dG9uXCJdOmZvY3VzLXZpc2libGUsXG4gICAgICAgIFt0eXBlPVwicmVzZXRcIl06Zm9jdXMtdmlzaWJsZSxcbiAgICAgICAgW3R5cGU9XCJzdWJtaXRcIl06Zm9jdXMtdmlzaWJsZSB7XG4gICAgICAgICAgb3V0bGluZTogMDtcbiAgICAgICAgfVxuICAgICAgYH1cbiAgICAvPlxuICApO1xufTtcblxuR2xvYmFsU3R5bGVzLnByb3BUeXBlcyA9IHtcbiAgaXNFbmRVc2VyVGhlbWU6IFByb3BUeXBlcy5ib29sLFxufTtcblxuLyoqXG4gKiBfTm90ZTogRm9yIFVJIExpYnJhcnkgYW5kIEFzdHJvIENTUyBjb25mbGljdHMsIHdlIHN1cHBseSBhIHRoZW1lIG92ZXJyaWRlIGxvY2F0ZWQgYXRfXG4gKiBgQHBpbmd1eC9hc3Ryby9saWIvc3R5bGVzL3RoZW1lT3ZlcnJpZGVzL3VpTGlicmFyeU92ZXJyaWRlLmpzYFxuICovXG5jb25zdCBBc3Ryb1Byb3ZpZGVyID0gZm9yd2FyZFJlZigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7IGRlZmF1bHRUaGVtZSA9IGFzdHJvVGhlbWUsIHRoZW1lT3ZlcnJpZGVzID0gW3t9XSwgY2hpbGRyZW4sIC4uLm90aGVycyB9ID0gcHJvcHM7XG5cbiAgLy8gVW5mb3J0dW5hdGVseSBiZWNhdXNlIHRoaXMgaXMgYWRkaW5nIHN0eWxlcywgd2UgY2Fubm90IHdyaXRlIGEgcHJvcGVyIHRlc3QgZm9yIHRoaXMuXG4gIC8qIGlzdGFuYnVsIGlnbm9yZSBuZXh0ICovXG4gIGNvbnN0IHRoZW1lID0gdXNlTWVtbyhcbiAgICAoKSA9PiBtZXJnZShkZWZhdWx0VGhlbWUsIC4uLnRoZW1lT3ZlcnJpZGVzKSxcbiAgICBbZGVmYXVsdFRoZW1lLCB0aGVtZU92ZXJyaWRlc10sXG4gICk7XG4gIGNvbnN0IGlzRW5kVXNlclRoZW1lID0gdGhlbWUgJiYgdGhlbWUubmFtZSA9PT0gJ0VuZCBVc2VyJztcblxuICByZXR1cm4gKFxuICAgIDxUaGVtZVByb3ZpZGVyIHRoZW1lPXt0aGVtZX0gey4uLm90aGVyc30+XG4gICAgICA8R2xvYmFsU3R5bGVzIGlzRW5kVXNlclRoZW1lPXtpc0VuZFVzZXJUaGVtZX0gLz5cbiAgICAgIDxCb3ggcmVmPXtyZWZ9IGJnPVwiYmFja2dyb3VuZFwiIGhlaWdodD1cIjEwMCVcIiB7Li4ucHJvcHN9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0JveD5cbiAgICA8L1RoZW1lUHJvdmlkZXI+XG4gICk7XG59KTtcblxuQXN0cm9Qcm92aWRlci5wcm9wVHlwZXMgPSB7XG4gIC8qKiBBcnJheSBvZiB0aGVtZSBvYmplY3RzIHdoaWNoIHdpbGwgYmUgbWVyZ2VkIHdpdGggdGhlIGRlZmF1bHQgdGhlbWUuXG4gICAqIEluIHRoZSBjYXNlIG9mIGNsYXNoZXMsIHRoZXNlIHdpbGwgdGFrZSBwcmlvcml0eS5cbiAgICogVXNlZnVsIGZvciBjdXN0b21pemluZyB0aGUgZGVmYXVsdCB2YXJpYW50cywgYWRkaW5nIG5ldyBvbmVzLFxuICAgKiAgb3Igb3ZlcnJpZGluZyBvdGhlciB0aGVtZSB2YWx1ZXMuICovXG4gIHRoZW1lT3ZlcnJpZGVzOiBQcm9wVHlwZXMuYXJyYXlPZihQcm9wVHlwZXMuc2hhcGUoe30pKSxcbiAgLyoqIFRoZSBkZWZhdWx0IHRoZW1lIGFwcGxpZWQgdG8gdGhlIEFzdHJvIGNvbXBvbmVudHMuXG4gICAqIE92ZXJyaWRpbmcgdGhpcyBpcyBhbiBhZHZhbmNlZCB1c2UgY2FzZSBzb1xuICAgKiBwbGVhc2UgdW5kZXJzdGFuZCBwb3RlbnRpYWwgcmVwcmVjdXNzaW9ucyBiZWZvcmUgZWRpdGluZyAqL1xuICBkZWZhdWx0VGhlbWU6IFByb3BUeXBlcy5zaGFwZSh7fSksXG59O1xuXG4vKipcbiAqIFdyYXBwZXIgZm9yIHRoZSBBc3RybyBhcHBsaWNhdGlvbiB3L28gZ2xvYmFsIHN0eWxlcy5cbiAqIEl0IHByb3ZpZGVzIHRoZSBzdGFuZGFyZCBiYWNrZ3JvdW5kIGFuZCB0aGUgQXN0cm8gdGhlbWUuXG4gKi9cbmV4cG9ydCBjb25zdCBQYWdlV3JhcHBlciA9IGZvcndhcmRSZWYoKHByb3BzLCByZWYpID0+IHtcbiAgY29uc3QgeyBkZWZhdWx0VGhlbWUgPSBhc3Ryb1RoZW1lLCB0aGVtZU92ZXJyaWRlcyA9IFt7fV0sIGNoaWxkcmVuLCAuLi5vdGhlcnMgfSA9IHByb3BzO1xuXG4gIGNvbnN0IHRoZW1lID0gdXNlTWVtbyhcbiAgICAoKSA9PiBtZXJnZShkZWZhdWx0VGhlbWUsIC4uLnRoZW1lT3ZlcnJpZGVzKSxcbiAgICBbZGVmYXVsdFRoZW1lLCB0aGVtZU92ZXJyaWRlc10sXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8VGhlbWVQcm92aWRlciByZWY9e3JlZn0gdGhlbWU9e3RoZW1lfSB7Li4ub3RoZXJzfT5cbiAgICAgIDxHbG9iYWxcbiAgICAgICAgc3R5bGVzPXtjc3NgXG4gICAgICAgICAgQGltcG9ydCB1cmwoXCJodHRwczovL3VzZS50eXBla2l0Lm5ldC9pY3o4Y25pLmNzc1wiKTtcblxuICAgICAgICAgIFtkYXRhLXRpcHB5LXJvb3RdIHtcbiAgICAgICAgICAgIG1heC13aWR0aDogY2FsYygxMDB2dyAtIDEwcHgpO1xuICAgICAgICAgIH1cbiAgICAgICAgYH1cbiAgICAgIC8+XG4gICAgICA8Qm94XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICR7ZW1vdGlvbk5vcm1hbGl6ZX1cblxuICAgICAgICAgICoge1xuICAgICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICAgIGZvbnQtZmFtaWx5OiBcIkhlbHZldGljYSBOZXVlXCIsIEhlbHZldGljYSwgc2Fucy1zZXJpZjtcblxuICAgICAgICAgICAgLmlzLWRpc2FibGVkIHtcbiAgICAgICAgICAgICAgb3BhY2l0eTogMC41O1xuICAgICAgICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgIGB9XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9Cb3g+XG4gICAgPC9UaGVtZVByb3ZpZGVyPlxuICApO1xufSk7XG5cblBhZ2VXcmFwcGVyLnByb3BUeXBlcyA9IHtcbiAgLyoqIEFycmF5IG9mIHRoZW1lIG9iamVjdHMgd2hpY2ggd2lsbCBiZSBtZXJnZWQgd2l0aCB0aGUgZGVmYXVsdCB0aGVtZS5cbiAgICogSW4gdGhlIGNhc2Ugb2YgY2xhc2hlcywgdGhlc2Ugd2lsbCB0YWtlIHByaW9yaXR5LlxuICAgKiBVc2VmdWwgZm9yIGN1c3RvbWl6aW5nIHRoZSBkZWZhdWx0IHZhcmlhbnRzLCBhZGRpbmcgbmV3IG9uZXMsXG4gICAqICBvciBvdmVycmlkaW5nIG90aGVyIHRoZW1lIHZhbHVlcy4gKi9cbiAgdGhlbWVPdmVycmlkZXM6IFByb3BUeXBlcy5hcnJheU9mKFByb3BUeXBlcy5zaGFwZSh7fSkpLFxuICAvKiogVGhlIGRlZmF1bHQgdGhlbWUgYXBwbGllZCB0byB0aGUgQXN0cm8gY29tcG9uZW50cy5cbiAgICogT3ZlcnJpZGluZyB0aGlzIGlzIGFuIGFkdmFuY2VkIHVzZSBjYXNlIHNvXG4gICAqIHBsZWFzZSB1bmRlcnN0YW5kIHBvdGVudGlhbCByZXByZWN1c3Npb25zIGJlZm9yZSBlZGl0aW5nICovXG4gIGRlZmF1bHRUaGVtZTogUHJvcFR5cGVzLnNoYXBlKHt9KSxcbn07XG5cbmV4cG9ydCB7IFRoZW1lUHJvdmlkZXIgfTtcbmV4cG9ydCBkZWZhdWx0IEFzdHJvUHJvdmlkZXI7XG4iXX0= */")
|
45
45
|
});
|
46
46
|
};
|
47
47
|
exports.GlobalStyles = GlobalStyles;
|
@@ -100,7 +100,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
100
100
|
} : {
|
101
101
|
name: "1385fa1-PageWrapper",
|
102
102
|
styles: "@import url(\"https://use.typekit.net/icz8cni.css\");{}[data-tippy-root]{max-width:calc(100vw - 10px);};label:PageWrapper;",
|
103
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
103
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvUHJvdmlkZXIvQXN0cm9Qcm92aWRlci5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5R21CIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvUHJvdmlkZXIvQXN0cm9Qcm92aWRlci5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCB1c2VNZW1vIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzLCBHbG9iYWwsIFRoZW1lUHJvdmlkZXIgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgZW1vdGlvbk5vcm1hbGl6ZSBmcm9tICdlbW90aW9uLW5vcm1hbGl6ZSc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgbWVyZ2UgfSBmcm9tICd0aGVtZS11aSc7XG5cbmltcG9ydCB7IG9wZW5TYW5zRm9udCwgcGluZ2l0b0ZvbnQgfSBmcm9tICcuLi8uLi9mb250cyc7XG5pbXBvcnQgdXNlR2V0VGhlbWUgZnJvbSAnLi4vLi4vaG9va3MvdXNlR2V0VGhlbWUnO1xuaW1wb3J0IGFzdHJvVGhlbWUgZnJvbSAnLi4vLi4vc3R5bGVzL3RoZW1lJztcbmltcG9ydCBCb3ggZnJvbSAnLi4vQm94JztcblxuZXhwb3J0IGNvbnN0IEdsb2JhbFN0eWxlcyA9ICh7IGlzRW5kVXNlclRoZW1lID0gZmFsc2UgfSkgPT4ge1xuICBjb25zdCB7IHRoZW1lU3RhdGU6IHsgaXNPbnl4LCBpc09ueXhEYXJrIH0gfSA9IHVzZUdldFRoZW1lKCk7XG4gIHJldHVybiAoXG4gICAgPEdsb2JhbFxuICAgICAgc3R5bGVzPXtjc3NgXG4gICAgICAgIEBpbXBvcnQgdXJsKFwiaHR0cHM6Ly91c2UudHlwZWtpdC5uZXQvaWN6OGNuaS5jc3NcIik7XG4gICAgICAgICR7ZW1vdGlvbk5vcm1hbGl6ZX1cbiAgICAgICAgJHtwaW5naXRvRm9udH1cbiAgICAgICAgJHtvcGVuU2Fuc0ZvbnR9XG4gICAgICAgICoge1xuICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgIH1cbiAgICAgICAgaHRtbCxcbiAgICAgICAgYm9keSB7XG4gICAgICAgICAgcGFkZGluZzogMDtcbiAgICAgICAgICBtYXJnaW46IDA7XG4gICAgICAgICAgYmFja2dyb3VuZDogd2hpdGU7XG4gICAgICAgICAgbWluLWhlaWdodDogMTAwJTtcbiAgICAgICAgICBmb250LWZhbWlseTogJHtpc0VuZFVzZXJUaGVtZSAmJiAncGluZ2l0bywgJ30gJHtpc09ueXggJiYgJ09wZW4gU2FucywgJ30gXCJIZWx2ZXRpY2EgTmV1ZVwiLCBIZWx2ZXRpY2EsIHNhbnMtc2VyaWY7XG4gICAgICAgIH1cbiAgICAgICAgLmlzLWRpc2FibGVkIHtcbiAgICAgICAgICBvcGFjaXR5OiAke2lzT255eCB8fCBpc09ueXhEYXJrID8gMC42NSA6IDAuNX07XG4gICAgICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgICAgIH1cbiAgICAgICAgW2RhdGEtbGl2ZS1hbm5vdW5jZXJdIHtcbiAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICB9XG4gICAgICAgIGJ1dHRvbjpmb2N1cy12aXNpYmxlLFxuICAgICAgICBbdHlwZT1cImJ1dHRvblwiXTpmb2N1cy12aXNpYmxlLFxuICAgICAgICBbdHlwZT1cInJlc2V0XCJdOmZvY3VzLXZpc2libGUsXG4gICAgICAgIFt0eXBlPVwic3VibWl0XCJdOmZvY3VzLXZpc2libGUge1xuICAgICAgICAgIG91dGxpbmU6IDA7XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgLz5cbiAgKTtcbn07XG5cbkdsb2JhbFN0eWxlcy5wcm9wVHlwZXMgPSB7XG4gIGlzRW5kVXNlclRoZW1lOiBQcm9wVHlwZXMuYm9vbCxcbn07XG5cbi8qKlxuICogX05vdGU6IEZvciBVSSBMaWJyYXJ5IGFuZCBBc3RybyBDU1MgY29uZmxpY3RzLCB3ZSBzdXBwbHkgYSB0aGVtZSBvdmVycmlkZSBsb2NhdGVkIGF0X1xuICogYEBwaW5ndXgvYXN0cm8vbGliL3N0eWxlcy90aGVtZU92ZXJyaWRlcy91aUxpYnJhcnlPdmVycmlkZS5qc2BcbiAqL1xuY29uc3QgQXN0cm9Qcm92aWRlciA9IGZvcndhcmRSZWYoKHByb3BzLCByZWYpID0+IHtcbiAgY29uc3QgeyBkZWZhdWx0VGhlbWUgPSBhc3Ryb1RoZW1lLCB0aGVtZU92ZXJyaWRlcyA9IFt7fV0sIGNoaWxkcmVuLCAuLi5vdGhlcnMgfSA9IHByb3BzO1xuXG4gIC8vIFVuZm9ydHVuYXRlbHkgYmVjYXVzZSB0aGlzIGlzIGFkZGluZyBzdHlsZXMsIHdlIGNhbm5vdCB3cml0ZSBhIHByb3BlciB0ZXN0IGZvciB0aGlzLlxuICAvKiBpc3RhbmJ1bCBpZ25vcmUgbmV4dCAqL1xuICBjb25zdCB0aGVtZSA9IHVzZU1lbW8oXG4gICAgKCkgPT4gbWVyZ2UoZGVmYXVsdFRoZW1lLCAuLi50aGVtZU92ZXJyaWRlcyksXG4gICAgW2RlZmF1bHRUaGVtZSwgdGhlbWVPdmVycmlkZXNdLFxuICApO1xuICBjb25zdCBpc0VuZFVzZXJUaGVtZSA9IHRoZW1lICYmIHRoZW1lLm5hbWUgPT09ICdFbmQgVXNlcic7XG5cbiAgcmV0dXJuIChcbiAgICA8VGhlbWVQcm92aWRlciB0aGVtZT17dGhlbWV9IHsuLi5vdGhlcnN9PlxuICAgICAgPEdsb2JhbFN0eWxlcyBpc0VuZFVzZXJUaGVtZT17aXNFbmRVc2VyVGhlbWV9IC8+XG4gICAgICA8Qm94IHJlZj17cmVmfSBiZz1cImJhY2tncm91bmRcIiBoZWlnaHQ9XCIxMDAlXCIgey4uLnByb3BzfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9Cb3g+XG4gICAgPC9UaGVtZVByb3ZpZGVyPlxuICApO1xufSk7XG5cbkFzdHJvUHJvdmlkZXIucHJvcFR5cGVzID0ge1xuICAvKiogQXJyYXkgb2YgdGhlbWUgb2JqZWN0cyB3aGljaCB3aWxsIGJlIG1lcmdlZCB3aXRoIHRoZSBkZWZhdWx0IHRoZW1lLlxuICAgKiBJbiB0aGUgY2FzZSBvZiBjbGFzaGVzLCB0aGVzZSB3aWxsIHRha2UgcHJpb3JpdHkuXG4gICAqIFVzZWZ1bCBmb3IgY3VzdG9taXppbmcgdGhlIGRlZmF1bHQgdmFyaWFudHMsIGFkZGluZyBuZXcgb25lcyxcbiAgICogIG9yIG92ZXJyaWRpbmcgb3RoZXIgdGhlbWUgdmFsdWVzLiAqL1xuICB0aGVtZU92ZXJyaWRlczogUHJvcFR5cGVzLmFycmF5T2YoUHJvcFR5cGVzLnNoYXBlKHt9KSksXG4gIC8qKiBUaGUgZGVmYXVsdCB0aGVtZSBhcHBsaWVkIHRvIHRoZSBBc3RybyBjb21wb25lbnRzLlxuICAgKiBPdmVycmlkaW5nIHRoaXMgaXMgYW4gYWR2YW5jZWQgdXNlIGNhc2Ugc29cbiAgICogcGxlYXNlIHVuZGVyc3RhbmQgcG90ZW50aWFsIHJlcHJlY3Vzc2lvbnMgYmVmb3JlIGVkaXRpbmcgKi9cbiAgZGVmYXVsdFRoZW1lOiBQcm9wVHlwZXMuc2hhcGUoe30pLFxufTtcblxuLyoqXG4gKiBXcmFwcGVyIGZvciB0aGUgQXN0cm8gYXBwbGljYXRpb24gdy9vIGdsb2JhbCBzdHlsZXMuXG4gKiBJdCBwcm92aWRlcyB0aGUgc3RhbmRhcmQgYmFja2dyb3VuZCBhbmQgdGhlIEFzdHJvIHRoZW1lLlxuICovXG5leHBvcnQgY29uc3QgUGFnZVdyYXBwZXIgPSBmb3J3YXJkUmVmKChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHsgZGVmYXVsdFRoZW1lID0gYXN0cm9UaGVtZSwgdGhlbWVPdmVycmlkZXMgPSBbe31dLCBjaGlsZHJlbiwgLi4ub3RoZXJzIH0gPSBwcm9wcztcblxuICBjb25zdCB0aGVtZSA9IHVzZU1lbW8oXG4gICAgKCkgPT4gbWVyZ2UoZGVmYXVsdFRoZW1lLCAuLi50aGVtZU92ZXJyaWRlcyksXG4gICAgW2RlZmF1bHRUaGVtZSwgdGhlbWVPdmVycmlkZXNdLFxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPFRoZW1lUHJvdmlkZXIgcmVmPXtyZWZ9IHRoZW1lPXt0aGVtZX0gey4uLm90aGVyc30+XG4gICAgICA8R2xvYmFsXG4gICAgICAgIHN0eWxlcz17Y3NzYFxuICAgICAgICAgIEBpbXBvcnQgdXJsKFwiaHR0cHM6Ly91c2UudHlwZWtpdC5uZXQvaWN6OGNuaS5jc3NcIik7XG5cbiAgICAgICAgICBbZGF0YS10aXBweS1yb290XSB7XG4gICAgICAgICAgICBtYXgtd2lkdGg6IGNhbGMoMTAwdncgLSAxMHB4KTtcbiAgICAgICAgICB9XG4gICAgICAgIGB9XG4gICAgICAvPlxuICAgICAgPEJveFxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAke2Vtb3Rpb25Ob3JtYWxpemV9XG5cbiAgICAgICAgICAqIHtcbiAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICBmb250LWZhbWlseTogXCJIZWx2ZXRpY2EgTmV1ZVwiLCBIZWx2ZXRpY2EsIHNhbnMtc2VyaWY7XG5cbiAgICAgICAgICAgIC5pcy1kaXNhYmxlZCB7XG4gICAgICAgICAgICAgIG9wYWNpdHk6IDAuNTtcbiAgICAgICAgICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuICAgICAgICBgfVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvQm94PlxuICAgIDwvVGhlbWVQcm92aWRlcj5cbiAgKTtcbn0pO1xuXG5QYWdlV3JhcHBlci5wcm9wVHlwZXMgPSB7XG4gIC8qKiBBcnJheSBvZiB0aGVtZSBvYmplY3RzIHdoaWNoIHdpbGwgYmUgbWVyZ2VkIHdpdGggdGhlIGRlZmF1bHQgdGhlbWUuXG4gICAqIEluIHRoZSBjYXNlIG9mIGNsYXNoZXMsIHRoZXNlIHdpbGwgdGFrZSBwcmlvcml0eS5cbiAgICogVXNlZnVsIGZvciBjdXN0b21pemluZyB0aGUgZGVmYXVsdCB2YXJpYW50cywgYWRkaW5nIG5ldyBvbmVzLFxuICAgKiAgb3Igb3ZlcnJpZGluZyBvdGhlciB0aGVtZSB2YWx1ZXMuICovXG4gIHRoZW1lT3ZlcnJpZGVzOiBQcm9wVHlwZXMuYXJyYXlPZihQcm9wVHlwZXMuc2hhcGUoe30pKSxcbiAgLyoqIFRoZSBkZWZhdWx0IHRoZW1lIGFwcGxpZWQgdG8gdGhlIEFzdHJvIGNvbXBvbmVudHMuXG4gICAqIE92ZXJyaWRpbmcgdGhpcyBpcyBhbiBhZHZhbmNlZCB1c2UgY2FzZSBzb1xuICAgKiBwbGVhc2UgdW5kZXJzdGFuZCBwb3RlbnRpYWwgcmVwcmVjdXNzaW9ucyBiZWZvcmUgZWRpdGluZyAqL1xuICBkZWZhdWx0VGhlbWU6IFByb3BUeXBlcy5zaGFwZSh7fSksXG59O1xuXG5leHBvcnQgeyBUaGVtZVByb3ZpZGVyIH07XG5leHBvcnQgZGVmYXVsdCBBc3Ryb1Byb3ZpZGVyO1xuIl19 */",
|
104
104
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
105
105
|
};
|
106
106
|
var PageWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
@@ -120,7 +120,7 @@ var PageWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
120
120
|
}, others), (0, _react2.jsx)(_react2.Global, {
|
121
121
|
styles: _ref
|
122
122
|
}), (0, _react2.jsx)(_Box["default"], (0, _extends2["default"])({
|
123
|
-
css: /*#__PURE__*/(0, _react2.css)(_emotionNormalize["default"], " *{box-sizing:border-box;font-family:\"Helvetica Neue\",Helvetica,sans-serif;.is-disabled{opacity:0.5;pointer-events:none;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:PageWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
123
|
+
css: /*#__PURE__*/(0, _react2.css)(_emotionNormalize["default"], " *{box-sizing:border-box;font-family:\"Helvetica Neue\",Helvetica,sans-serif;.is-disabled{opacity:0.5;pointer-events:none;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:PageWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvUHJvdmlkZXIvQXN0cm9Qcm92aWRlci5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrSGdCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvUHJvdmlkZXIvQXN0cm9Qcm92aWRlci5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCB1c2VNZW1vIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzLCBHbG9iYWwsIFRoZW1lUHJvdmlkZXIgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgZW1vdGlvbk5vcm1hbGl6ZSBmcm9tICdlbW90aW9uLW5vcm1hbGl6ZSc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgbWVyZ2UgfSBmcm9tICd0aGVtZS11aSc7XG5cbmltcG9ydCB7IG9wZW5TYW5zRm9udCwgcGluZ2l0b0ZvbnQgfSBmcm9tICcuLi8uLi9mb250cyc7XG5pbXBvcnQgdXNlR2V0VGhlbWUgZnJvbSAnLi4vLi4vaG9va3MvdXNlR2V0VGhlbWUnO1xuaW1wb3J0IGFzdHJvVGhlbWUgZnJvbSAnLi4vLi4vc3R5bGVzL3RoZW1lJztcbmltcG9ydCBCb3ggZnJvbSAnLi4vQm94JztcblxuZXhwb3J0IGNvbnN0IEdsb2JhbFN0eWxlcyA9ICh7IGlzRW5kVXNlclRoZW1lID0gZmFsc2UgfSkgPT4ge1xuICBjb25zdCB7IHRoZW1lU3RhdGU6IHsgaXNPbnl4LCBpc09ueXhEYXJrIH0gfSA9IHVzZUdldFRoZW1lKCk7XG4gIHJldHVybiAoXG4gICAgPEdsb2JhbFxuICAgICAgc3R5bGVzPXtjc3NgXG4gICAgICAgIEBpbXBvcnQgdXJsKFwiaHR0cHM6Ly91c2UudHlwZWtpdC5uZXQvaWN6OGNuaS5jc3NcIik7XG4gICAgICAgICR7ZW1vdGlvbk5vcm1hbGl6ZX1cbiAgICAgICAgJHtwaW5naXRvRm9udH1cbiAgICAgICAgJHtvcGVuU2Fuc0ZvbnR9XG4gICAgICAgICoge1xuICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgIH1cbiAgICAgICAgaHRtbCxcbiAgICAgICAgYm9keSB7XG4gICAgICAgICAgcGFkZGluZzogMDtcbiAgICAgICAgICBtYXJnaW46IDA7XG4gICAgICAgICAgYmFja2dyb3VuZDogd2hpdGU7XG4gICAgICAgICAgbWluLWhlaWdodDogMTAwJTtcbiAgICAgICAgICBmb250LWZhbWlseTogJHtpc0VuZFVzZXJUaGVtZSAmJiAncGluZ2l0bywgJ30gJHtpc09ueXggJiYgJ09wZW4gU2FucywgJ30gXCJIZWx2ZXRpY2EgTmV1ZVwiLCBIZWx2ZXRpY2EsIHNhbnMtc2VyaWY7XG4gICAgICAgIH1cbiAgICAgICAgLmlzLWRpc2FibGVkIHtcbiAgICAgICAgICBvcGFjaXR5OiAke2lzT255eCB8fCBpc09ueXhEYXJrID8gMC42NSA6IDAuNX07XG4gICAgICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgICAgIH1cbiAgICAgICAgW2RhdGEtbGl2ZS1hbm5vdW5jZXJdIHtcbiAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICB9XG4gICAgICAgIGJ1dHRvbjpmb2N1cy12aXNpYmxlLFxuICAgICAgICBbdHlwZT1cImJ1dHRvblwiXTpmb2N1cy12aXNpYmxlLFxuICAgICAgICBbdHlwZT1cInJlc2V0XCJdOmZvY3VzLXZpc2libGUsXG4gICAgICAgIFt0eXBlPVwic3VibWl0XCJdOmZvY3VzLXZpc2libGUge1xuICAgICAgICAgIG91dGxpbmU6IDA7XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgLz5cbiAgKTtcbn07XG5cbkdsb2JhbFN0eWxlcy5wcm9wVHlwZXMgPSB7XG4gIGlzRW5kVXNlclRoZW1lOiBQcm9wVHlwZXMuYm9vbCxcbn07XG5cbi8qKlxuICogX05vdGU6IEZvciBVSSBMaWJyYXJ5IGFuZCBBc3RybyBDU1MgY29uZmxpY3RzLCB3ZSBzdXBwbHkgYSB0aGVtZSBvdmVycmlkZSBsb2NhdGVkIGF0X1xuICogYEBwaW5ndXgvYXN0cm8vbGliL3N0eWxlcy90aGVtZU92ZXJyaWRlcy91aUxpYnJhcnlPdmVycmlkZS5qc2BcbiAqL1xuY29uc3QgQXN0cm9Qcm92aWRlciA9IGZvcndhcmRSZWYoKHByb3BzLCByZWYpID0+IHtcbiAgY29uc3QgeyBkZWZhdWx0VGhlbWUgPSBhc3Ryb1RoZW1lLCB0aGVtZU92ZXJyaWRlcyA9IFt7fV0sIGNoaWxkcmVuLCAuLi5vdGhlcnMgfSA9IHByb3BzO1xuXG4gIC8vIFVuZm9ydHVuYXRlbHkgYmVjYXVzZSB0aGlzIGlzIGFkZGluZyBzdHlsZXMsIHdlIGNhbm5vdCB3cml0ZSBhIHByb3BlciB0ZXN0IGZvciB0aGlzLlxuICAvKiBpc3RhbmJ1bCBpZ25vcmUgbmV4dCAqL1xuICBjb25zdCB0aGVtZSA9IHVzZU1lbW8oXG4gICAgKCkgPT4gbWVyZ2UoZGVmYXVsdFRoZW1lLCAuLi50aGVtZU92ZXJyaWRlcyksXG4gICAgW2RlZmF1bHRUaGVtZSwgdGhlbWVPdmVycmlkZXNdLFxuICApO1xuICBjb25zdCBpc0VuZFVzZXJUaGVtZSA9IHRoZW1lICYmIHRoZW1lLm5hbWUgPT09ICdFbmQgVXNlcic7XG5cbiAgcmV0dXJuIChcbiAgICA8VGhlbWVQcm92aWRlciB0aGVtZT17dGhlbWV9IHsuLi5vdGhlcnN9PlxuICAgICAgPEdsb2JhbFN0eWxlcyBpc0VuZFVzZXJUaGVtZT17aXNFbmRVc2VyVGhlbWV9IC8+XG4gICAgICA8Qm94IHJlZj17cmVmfSBiZz1cImJhY2tncm91bmRcIiBoZWlnaHQ9XCIxMDAlXCIgey4uLnByb3BzfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9Cb3g+XG4gICAgPC9UaGVtZVByb3ZpZGVyPlxuICApO1xufSk7XG5cbkFzdHJvUHJvdmlkZXIucHJvcFR5cGVzID0ge1xuICAvKiogQXJyYXkgb2YgdGhlbWUgb2JqZWN0cyB3aGljaCB3aWxsIGJlIG1lcmdlZCB3aXRoIHRoZSBkZWZhdWx0IHRoZW1lLlxuICAgKiBJbiB0aGUgY2FzZSBvZiBjbGFzaGVzLCB0aGVzZSB3aWxsIHRha2UgcHJpb3JpdHkuXG4gICAqIFVzZWZ1bCBmb3IgY3VzdG9taXppbmcgdGhlIGRlZmF1bHQgdmFyaWFudHMsIGFkZGluZyBuZXcgb25lcyxcbiAgICogIG9yIG92ZXJyaWRpbmcgb3RoZXIgdGhlbWUgdmFsdWVzLiAqL1xuICB0aGVtZU92ZXJyaWRlczogUHJvcFR5cGVzLmFycmF5T2YoUHJvcFR5cGVzLnNoYXBlKHt9KSksXG4gIC8qKiBUaGUgZGVmYXVsdCB0aGVtZSBhcHBsaWVkIHRvIHRoZSBBc3RybyBjb21wb25lbnRzLlxuICAgKiBPdmVycmlkaW5nIHRoaXMgaXMgYW4gYWR2YW5jZWQgdXNlIGNhc2Ugc29cbiAgICogcGxlYXNlIHVuZGVyc3RhbmQgcG90ZW50aWFsIHJlcHJlY3Vzc2lvbnMgYmVmb3JlIGVkaXRpbmcgKi9cbiAgZGVmYXVsdFRoZW1lOiBQcm9wVHlwZXMuc2hhcGUoe30pLFxufTtcblxuLyoqXG4gKiBXcmFwcGVyIGZvciB0aGUgQXN0cm8gYXBwbGljYXRpb24gdy9vIGdsb2JhbCBzdHlsZXMuXG4gKiBJdCBwcm92aWRlcyB0aGUgc3RhbmRhcmQgYmFja2dyb3VuZCBhbmQgdGhlIEFzdHJvIHRoZW1lLlxuICovXG5leHBvcnQgY29uc3QgUGFnZVdyYXBwZXIgPSBmb3J3YXJkUmVmKChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHsgZGVmYXVsdFRoZW1lID0gYXN0cm9UaGVtZSwgdGhlbWVPdmVycmlkZXMgPSBbe31dLCBjaGlsZHJlbiwgLi4ub3RoZXJzIH0gPSBwcm9wcztcblxuICBjb25zdCB0aGVtZSA9IHVzZU1lbW8oXG4gICAgKCkgPT4gbWVyZ2UoZGVmYXVsdFRoZW1lLCAuLi50aGVtZU92ZXJyaWRlcyksXG4gICAgW2RlZmF1bHRUaGVtZSwgdGhlbWVPdmVycmlkZXNdLFxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPFRoZW1lUHJvdmlkZXIgcmVmPXtyZWZ9IHRoZW1lPXt0aGVtZX0gey4uLm90aGVyc30+XG4gICAgICA8R2xvYmFsXG4gICAgICAgIHN0eWxlcz17Y3NzYFxuICAgICAgICAgIEBpbXBvcnQgdXJsKFwiaHR0cHM6Ly91c2UudHlwZWtpdC5uZXQvaWN6OGNuaS5jc3NcIik7XG5cbiAgICAgICAgICBbZGF0YS10aXBweS1yb290XSB7XG4gICAgICAgICAgICBtYXgtd2lkdGg6IGNhbGMoMTAwdncgLSAxMHB4KTtcbiAgICAgICAgICB9XG4gICAgICAgIGB9XG4gICAgICAvPlxuICAgICAgPEJveFxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAke2Vtb3Rpb25Ob3JtYWxpemV9XG5cbiAgICAgICAgICAqIHtcbiAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICBmb250LWZhbWlseTogXCJIZWx2ZXRpY2EgTmV1ZVwiLCBIZWx2ZXRpY2EsIHNhbnMtc2VyaWY7XG5cbiAgICAgICAgICAgIC5pcy1kaXNhYmxlZCB7XG4gICAgICAgICAgICAgIG9wYWNpdHk6IDAuNTtcbiAgICAgICAgICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuICAgICAgICBgfVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvQm94PlxuICAgIDwvVGhlbWVQcm92aWRlcj5cbiAgKTtcbn0pO1xuXG5QYWdlV3JhcHBlci5wcm9wVHlwZXMgPSB7XG4gIC8qKiBBcnJheSBvZiB0aGVtZSBvYmplY3RzIHdoaWNoIHdpbGwgYmUgbWVyZ2VkIHdpdGggdGhlIGRlZmF1bHQgdGhlbWUuXG4gICAqIEluIHRoZSBjYXNlIG9mIGNsYXNoZXMsIHRoZXNlIHdpbGwgdGFrZSBwcmlvcml0eS5cbiAgICogVXNlZnVsIGZvciBjdXN0b21pemluZyB0aGUgZGVmYXVsdCB2YXJpYW50cywgYWRkaW5nIG5ldyBvbmVzLFxuICAgKiAgb3Igb3ZlcnJpZGluZyBvdGhlciB0aGVtZSB2YWx1ZXMuICovXG4gIHRoZW1lT3ZlcnJpZGVzOiBQcm9wVHlwZXMuYXJyYXlPZihQcm9wVHlwZXMuc2hhcGUoe30pKSxcbiAgLyoqIFRoZSBkZWZhdWx0IHRoZW1lIGFwcGxpZWQgdG8gdGhlIEFzdHJvIGNvbXBvbmVudHMuXG4gICAqIE92ZXJyaWRpbmcgdGhpcyBpcyBhbiBhZHZhbmNlZCB1c2UgY2FzZSBzb1xuICAgKiBwbGVhc2UgdW5kZXJzdGFuZCBwb3RlbnRpYWwgcmVwcmVjdXNzaW9ucyBiZWZvcmUgZWRpdGluZyAqL1xuICBkZWZhdWx0VGhlbWU6IFByb3BUeXBlcy5zaGFwZSh7fSksXG59O1xuXG5leHBvcnQgeyBUaGVtZVByb3ZpZGVyIH07XG5leHBvcnQgZGVmYXVsdCBBc3Ryb1Byb3ZpZGVyO1xuIl19 */")
|
124
124
|
}, props), children));
|
125
125
|
});
|
126
126
|
exports.PageWrapper = PageWrapper;
|
@@ -29,6 +29,9 @@ var Breadcrumbs = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
29
29
|
iconProps = props.iconProps,
|
30
30
|
onAction = props.onAction,
|
31
31
|
others = (0, _objectWithoutProperties2["default"])(props, _excluded);
|
32
|
+
var _useGetTheme = (0, _hooks.useGetTheme)(),
|
33
|
+
breadcrumbIconSize = _useGetTheme.breadcrumbIconSize,
|
34
|
+
breadcrumbIconMargin = _useGetTheme.breadcrumbIconMargin;
|
32
35
|
|
33
36
|
// the following filters undefined values passed as a child
|
34
37
|
var filteredChildren = (0, _isArray["default"])(children) ? (0, _filter["default"])(children).call(children, function (child) {
|
@@ -49,12 +52,13 @@ var Breadcrumbs = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
49
52
|
onAction: onAction
|
50
53
|
}, child.props), child.props.children), icon && !isCurrentItem && (0, _react2.jsx)(_index.Icon, (0, _extends2["default"])({
|
51
54
|
"aria-hidden": "true",
|
52
|
-
mx:
|
53
|
-
size:
|
55
|
+
mx: breadcrumbIconMargin,
|
56
|
+
size: breadcrumbIconSize,
|
54
57
|
title: {
|
55
58
|
name: 'Breadcrumb Separator'
|
56
59
|
}
|
57
60
|
}, iconProps, {
|
61
|
+
color: "text.primary",
|
58
62
|
icon: icon
|
59
63
|
})));
|
60
64
|
}, [(0, _isArray["default"])(children) && children.length, filteredChildren, icon, iconProps, onAction]);
|
@@ -17,10 +17,10 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-c
|
|
17
17
|
var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
18
18
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
|
19
19
|
var _react = _interopRequireDefault(require("react"));
|
20
|
-
var _CreateIcon = _interopRequireDefault(require("@pingux/mdi-react/CreateIcon"));
|
21
20
|
var _PlusIcon = _interopRequireDefault(require("@pingux/mdi-react/PlusIcon"));
|
22
21
|
var _storybookAddonDesigns = require("storybook-addon-designs");
|
23
22
|
var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
|
23
|
+
var _hooks = require("../../hooks");
|
24
24
|
var _index = require("../../index");
|
25
25
|
var _figmaLinks = require("../../utils/designUtils/figmaLinks");
|
26
26
|
var _Button = _interopRequireDefault(require("./Button.mdx"));
|
@@ -173,6 +173,9 @@ var ColorBlockButton = function ColorBlockButton(args) {
|
|
173
173
|
// Change `isConfigured` property in storybook controls
|
174
174
|
var isConfigured = args.isConfigured,
|
175
175
|
props = (0, _objectWithoutProperties2["default"])(args, _excluded);
|
176
|
+
var _useGetTheme = (0, _hooks.useGetTheme)(),
|
177
|
+
icons = _useGetTheme.icons;
|
178
|
+
var CreateIcon = icons.CreateIcon;
|
176
179
|
return (0, _react2.jsx)(_index.Box, null, (0, _react2.jsx)(_index.Button, (0, _extends2["default"])({
|
177
180
|
mb: "sm"
|
178
181
|
}, props, {
|
@@ -183,7 +186,7 @@ var ColorBlockButton = function ColorBlockButton(args) {
|
|
183
186
|
}, "Title"), (0, _react2.jsx)(_index.Text, {
|
184
187
|
variant: "buttonSubtitle"
|
185
188
|
}, "Info")), (0, _react2.jsx)(_index.Icon, {
|
186
|
-
icon:
|
189
|
+
icon: CreateIcon,
|
187
190
|
title: {
|
188
191
|
name: 'Create Icon'
|
189
192
|
}
|
@@ -195,7 +198,7 @@ var ColorBlockButton = function ColorBlockButton(args) {
|
|
195
198
|
}, "Title"), (0, _react2.jsx)(_index.Text, {
|
196
199
|
variant: "buttonSubtitle"
|
197
200
|
}, "Info")), (0, _react2.jsx)(_index.Icon, {
|
198
|
-
icon:
|
201
|
+
icon: CreateIcon,
|
199
202
|
title: {
|
200
203
|
name: 'Create Icon'
|
201
204
|
}
|
@@ -681,6 +681,46 @@ declare const _default: {
|
|
681
681
|
flexShrink: number;
|
682
682
|
whiteSpace: string;
|
683
683
|
};
|
684
|
+
listBoxLink: {
|
685
|
+
lineHeight: string;
|
686
|
+
textDecoration: string;
|
687
|
+
display: string;
|
688
|
+
justifyContent: string;
|
689
|
+
width: string;
|
690
|
+
'&.is-current': {
|
691
|
+
cursor: string;
|
692
|
+
color: string;
|
693
|
+
};
|
694
|
+
'&.is-focused': {
|
695
|
+
boxShadow: string;
|
696
|
+
outline: string;
|
697
|
+
outlineColor: string;
|
698
|
+
outlineOffset: string;
|
699
|
+
};
|
700
|
+
bg: string;
|
701
|
+
border: string;
|
702
|
+
borderColor: string;
|
703
|
+
color: string;
|
704
|
+
height: string;
|
705
|
+
padding: string;
|
706
|
+
'&.is-hovered': {
|
707
|
+
textDecoration: string;
|
708
|
+
};
|
709
|
+
fontSize: string;
|
710
|
+
fontWeight: number;
|
711
|
+
fontFamily: string;
|
712
|
+
overflowWrap: import("../..").overflowWrap;
|
713
|
+
maxWidth: string;
|
714
|
+
wordWrap: import("../..").wordWrap;
|
715
|
+
wordBreak: import("../..").wordBreak;
|
716
|
+
cursor: string;
|
717
|
+
minWidth: string;
|
718
|
+
outline: string;
|
719
|
+
alignItems: string;
|
720
|
+
borderRadius: string;
|
721
|
+
flexShrink: number;
|
722
|
+
whiteSpace: string;
|
723
|
+
};
|
684
724
|
paginationMenu: {
|
685
725
|
fontWeight: number;
|
686
726
|
lineHeight: string;
|
@@ -189,6 +189,7 @@ var link = _objectSpread(_objectSpread({}, text), {}, {
|
|
189
189
|
'&.is-focused': _objectSpread({}, focusWithCroppedOutline)
|
190
190
|
});
|
191
191
|
exports.link = link;
|
192
|
+
var listBoxLink = _objectSpread({}, link);
|
192
193
|
var defaultVariant = _objectSpread(_objectSpread({}, base), {}, {
|
193
194
|
bg: 'white',
|
194
195
|
border: '1px solid',
|
@@ -313,6 +314,7 @@ var _default = {
|
|
313
314
|
inlinePrimaryWithIcon: inlinePrimaryWithIcon,
|
314
315
|
inlineWithIcon: inlineWithIcon,
|
315
316
|
link: link,
|
317
|
+
listBoxLink: listBoxLink,
|
316
318
|
paginationMenu: paginationMenu,
|
317
319
|
primary: primary,
|
318
320
|
primaryWithIcon: primaryWithIcon,
|
@@ -6,6 +6,7 @@ _Object$defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
7
7
|
});
|
8
8
|
exports["default"] = exports.Default = void 0;
|
9
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
9
10
|
var _react = _interopRequireDefault(require("react"));
|
10
11
|
var _storybookAddonDesigns = require("storybook-addon-designs");
|
11
12
|
var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
|
@@ -46,7 +47,10 @@ var _default = {
|
|
46
47
|
};
|
47
48
|
exports["default"] = _default;
|
48
49
|
var Default = function Default(args) {
|
49
|
-
return (0, _react2.jsx)(_index.CollapsiblePanel, args
|
50
|
+
return (0, _react2.jsx)(_index.CollapsiblePanel, (0, _extends2["default"])({}, args, {
|
51
|
+
listTitle: "Panel Title",
|
52
|
+
selectedFilterCount: 1000
|
53
|
+
}));
|
50
54
|
};
|
51
55
|
exports.Default = Default;
|
52
56
|
Default.parameters = {
|
@@ -13,6 +13,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/e
|
|
13
13
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
|
14
14
|
var _react = _interopRequireWildcard(require("react"));
|
15
15
|
var _ContentCopyIcon = _interopRequireDefault(require("@pingux/mdi-react/ContentCopyIcon"));
|
16
|
+
var _hooks = require("../../hooks");
|
16
17
|
var _Icon = _interopRequireDefault(require("../Icon"));
|
17
18
|
var _IconButton = _interopRequireDefault(require("../IconButton"));
|
18
19
|
var _react2 = require("@emotion/react");
|
@@ -22,13 +23,15 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
22
23
|
var CopyButton = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
23
24
|
var iconProps = props.iconProps,
|
24
25
|
others = (0, _objectWithoutProperties2["default"])(props, _excluded);
|
26
|
+
var _useGetTheme = (0, _hooks.useGetTheme)(),
|
27
|
+
copyButtonSize = _useGetTheme.copyButtonSize;
|
25
28
|
return (0, _react2.jsx)(_IconButton["default"], (0, _extends2["default"])({
|
26
29
|
ref: ref,
|
27
30
|
"aria-label": "copy to clipboard",
|
28
31
|
variant: "copyButton"
|
29
32
|
}, others), (0, _react2.jsx)(_Icon["default"], (0, _extends2["default"])({
|
30
33
|
icon: _ContentCopyIcon["default"],
|
31
|
-
size:
|
34
|
+
size: copyButtonSize,
|
32
35
|
color: "text.secondary",
|
33
36
|
title: {
|
34
37
|
name: 'Content Copy Icon'
|
@@ -149,7 +149,8 @@ var CopyText = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
149
149
|
isRow: true,
|
150
150
|
variant: "copyText.copy"
|
151
151
|
}, others, {
|
152
|
-
role: "presentation"
|
152
|
+
role: "presentation",
|
153
|
+
gap: "sm"
|
153
154
|
}), mode !== 'rightText' && content, (0, _react2.jsx)(_CopyButton["default"], (0, _extends2["default"])({
|
154
155
|
onPress: copyToClipboard
|
155
156
|
}, focusProps, iconButtonProps)), mode === 'rightText' && content)));
|
@@ -43,6 +43,7 @@ var Icon = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
43
43
|
sizes: theme.tShirtSizes
|
44
44
|
}),
|
45
45
|
sizeProps = _useTShirtSize.sizeProps;
|
46
|
+
var defaultIconColor = theme.defaultIconColor;
|
46
47
|
var resolvedTitle = title !== null && title !== void 0 ? title : (0, _typeof2["default"])(IconComponent) === 'object' && 'type' in IconComponent ? {
|
47
48
|
name: IconComponent.type.name
|
48
49
|
} : '';
|
@@ -54,7 +55,7 @@ var Icon = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
54
55
|
variant: variant,
|
55
56
|
size: sizeProps.size,
|
56
57
|
sx: _objectSpread({
|
57
|
-
fill: color,
|
58
|
+
fill: color || defaultIconColor,
|
58
59
|
minWidth: sizeProps.size
|
59
60
|
}, sx)
|
60
61
|
}, others));
|