@pingux/astro 1.37.2 → 1.38.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/AccordionGridGroup.stories.js +1 -1
- package/lib/cjs/components/AccordionGroup/AccordionGroup.stories.js +1 -1
- package/lib/cjs/components/AstroWrapper/AstroWrapper.js +3 -3
- package/lib/cjs/components/AstroWrapper/AstroWrapper.stories.js +1 -1
- package/lib/cjs/components/Avatar/Avatar.stories.js +1 -1
- package/lib/cjs/components/Box/Box.stories.js +1 -1
- package/lib/cjs/components/Bracket/Bracket.stories.js +1 -1
- package/lib/cjs/components/Breadcrumbs/Breadcrumbs.stories.js +1 -1
- package/lib/cjs/components/Button/Button.stories.js +1 -1
- package/lib/cjs/components/Card/Card.stories.js +1 -1
- package/lib/cjs/components/Chip/Badge.js +146 -0
- package/lib/cjs/components/Chip/{Chip.stories.js → Badge.stories.js} +63 -14
- package/lib/cjs/components/Chip/{Chip.test.js → Badge.test.js} +17 -0
- package/lib/cjs/components/Chip/Chip.js +11 -72
- package/lib/cjs/components/CodeView/CodeView.stories.js +1 -1
- package/lib/cjs/components/CollapsiblePanel/CollapsiblePanel.stories.js +1 -1
- package/lib/cjs/components/CollapsiblePanelContainer/CollapsiblePanelBadge.js +1 -1
- package/lib/cjs/components/ComboBoxField/ComboBoxField.stories.js +54 -12
- package/lib/cjs/components/ComboBoxField/ComboBoxField.test.js +59 -16
- package/lib/cjs/components/CopyText/CopyText.stories.js +1 -1
- package/lib/cjs/components/DataTable/DataTable.stories.js +1 -1
- package/lib/cjs/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.stories.js +11 -11
- package/lib/cjs/components/HelpHint/HelpHint.stories.js +1 -1
- package/lib/cjs/components/Icon/Icon.stories.js +1 -1
- package/lib/cjs/components/IconBadge/IconBadge.stories.js +1 -1
- package/lib/cjs/components/IconButton/IconButton.js +2 -2
- package/lib/cjs/components/IconButton/IconButton.stories.js +1 -1
- package/lib/cjs/components/IconButtonToggle/IconButtonToggle.stories.js +1 -1
- package/lib/cjs/components/Image/Image.stories.js +1 -1
- package/lib/cjs/components/Link/Link.stories.js +1 -1
- package/lib/cjs/components/ListItem/ListItem.stories.js +1 -1
- package/lib/cjs/components/ListView/ListView.stories.js +1 -1
- package/lib/cjs/components/Loader/Loader.stories.js +1 -1
- package/lib/cjs/components/Menu/Menu.stories.js +1 -1
- package/lib/cjs/components/Messages/Messages.stories.js +1 -1
- package/lib/cjs/components/Modal/Modal.stories.js +1 -1
- package/lib/cjs/components/MultivaluesField/MultivaluesField.js +24 -18
- package/lib/cjs/components/MultivaluesField/MultivaluesField.stories.js +236 -65
- package/lib/cjs/components/NavBar/NavBar.stories.js +1 -1
- package/lib/cjs/components/OverlayPanel/OverlayPanel.stories.js +273 -3
- package/lib/cjs/components/PopoverMenu/PopoverMenu.stories.js +1 -1
- package/lib/cjs/components/RequirementsList/RequirementsList.stories.js +1 -1
- package/lib/cjs/components/RockerButtonGroup/RockerButtonGroup.stories.js +1 -1
- package/lib/cjs/components/ScrollBox/ScrollBox.stories.js +1 -1
- package/lib/cjs/components/Separator/Separator.stories.js +1 -1
- package/lib/cjs/components/Stepper/Stepper.stories.js +1 -1
- package/lib/cjs/components/Table/Table.stories.js +1 -1
- package/lib/cjs/components/Tabs/Tabs.stories.js +1 -1
- package/lib/cjs/components/Text/Text.stories.js +1 -1
- package/lib/cjs/components/TooltipTrigger/TooltipTrigger.stories.js +1 -1
- package/lib/cjs/context/BadgeContext/index.js +15 -0
- package/lib/cjs/{styles → docs/design}/ColorDocumentation.stories.js +3 -3
- package/lib/cjs/{styles → docs/design}/ContainerSizes.stories.js +2 -2
- package/lib/cjs/{styles → docs/design}/Spacing.stories.js +4 -4
- package/lib/cjs/{styles → docs/design}/Typography.stories.js +4 -4
- package/lib/cjs/{styles → docs/theme}/ThemeDocumentation.js +1 -1
- package/lib/cjs/index.js +41 -8
- package/lib/cjs/recipes/ListAndPanel.stories.js +2 -1
- package/lib/cjs/styles/colors.js +1 -1
- package/lib/cjs/{templates → styles/templates}/Nav/HeaderBar.js +2 -2
- package/lib/cjs/{templates → styles/templates}/Nav/Nav.stories.js +1 -1
- package/lib/cjs/{templates → styles/templates}/Nav/NavData.js +1 -1
- package/lib/cjs/styles/variants/boxes.js +17 -1
- package/lib/cjs/styles/variants/buttons.js +26 -3
- package/lib/components/AccordionGridGroup/AccordionGridGroup.stories.js +1 -1
- package/lib/components/AccordionGroup/AccordionGroup.stories.js +1 -1
- package/lib/components/AstroWrapper/AstroWrapper.js +3 -3
- package/lib/components/AstroWrapper/AstroWrapper.stories.js +1 -1
- package/lib/components/Avatar/Avatar.stories.js +1 -1
- package/lib/components/Box/Box.stories.js +1 -1
- package/lib/components/Bracket/Bracket.stories.js +1 -1
- package/lib/components/Breadcrumbs/Breadcrumbs.stories.js +1 -1
- package/lib/components/Button/Button.stories.js +1 -1
- package/lib/components/Card/Card.stories.js +1 -1
- package/lib/components/Chip/Badge.js +109 -0
- package/lib/components/Chip/{Chip.stories.js → Badge.stories.js} +51 -4
- package/lib/components/Chip/{Chip.test.js → Badge.test.js} +15 -0
- package/lib/components/Chip/Chip.js +11 -56
- package/lib/components/CodeView/CodeView.stories.js +1 -1
- package/lib/components/CollapsiblePanel/CollapsiblePanel.stories.js +1 -1
- package/lib/components/CollapsiblePanelContainer/CollapsiblePanelBadge.js +1 -1
- package/lib/components/ComboBoxField/ComboBoxField.stories.js +56 -13
- package/lib/components/ComboBoxField/ComboBoxField.test.js +61 -17
- package/lib/components/CopyText/CopyText.stories.js +1 -1
- package/lib/components/DataTable/DataTable.stories.js +1 -1
- package/lib/components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.stories.js +11 -11
- package/lib/components/HelpHint/HelpHint.stories.js +1 -1
- package/lib/components/Icon/Icon.stories.js +1 -1
- package/lib/components/IconBadge/IconBadge.stories.js +1 -1
- package/lib/components/IconButton/IconButton.js +2 -2
- package/lib/components/IconButton/IconButton.stories.js +1 -1
- package/lib/components/IconButtonToggle/IconButtonToggle.stories.js +1 -1
- package/lib/components/Image/Image.stories.js +1 -1
- package/lib/components/Link/Link.stories.js +1 -1
- package/lib/components/ListItem/ListItem.stories.js +1 -1
- package/lib/components/ListView/ListView.stories.js +1 -1
- package/lib/components/Loader/Loader.stories.js +1 -1
- package/lib/components/Menu/Menu.stories.js +1 -1
- package/lib/components/Messages/Messages.stories.js +1 -1
- package/lib/components/Modal/Modal.stories.js +1 -1
- package/lib/components/MultivaluesField/MultivaluesField.js +23 -18
- package/lib/components/MultivaluesField/MultivaluesField.stories.js +224 -56
- package/lib/components/NavBar/NavBar.stories.js +1 -1
- package/lib/components/OverlayPanel/OverlayPanel.stories.js +268 -2
- package/lib/components/PopoverMenu/PopoverMenu.stories.js +1 -1
- package/lib/components/RequirementsList/RequirementsList.stories.js +1 -1
- package/lib/components/RockerButtonGroup/RockerButtonGroup.stories.js +1 -1
- package/lib/components/ScrollBox/ScrollBox.stories.js +1 -1
- package/lib/components/Separator/Separator.stories.js +1 -1
- package/lib/components/Stepper/Stepper.stories.js +1 -1
- package/lib/components/Table/Table.stories.js +1 -1
- package/lib/components/Tabs/Tabs.stories.js +1 -1
- package/lib/components/Text/Text.stories.js +1 -1
- package/lib/components/TooltipTrigger/TooltipTrigger.stories.js +1 -1
- package/lib/context/BadgeContext/index.js +3 -0
- package/lib/{styles → docs/design}/ColorDocumentation.stories.js +3 -3
- package/lib/{styles → docs/design}/ContainerSizes.stories.js +2 -2
- package/lib/{styles → docs/design}/Spacing.stories.js +4 -4
- package/lib/{styles → docs/design}/Typography.stories.js +4 -4
- package/lib/{styles → docs/theme}/ThemeDocumentation.js +1 -1
- package/lib/index.js +3 -0
- package/lib/recipes/ListAndPanel.stories.js +2 -1
- package/lib/styles/colors.js +1 -1
- package/lib/{templates → styles/templates}/Nav/HeaderBar.js +2 -2
- package/lib/{templates → styles/templates}/Nav/Nav.stories.js +1 -1
- package/lib/{templates → styles/templates}/Nav/NavData.js +1 -1
- package/lib/styles/variants/boxes.js +17 -1
- package/lib/styles/variants/buttons.js +26 -3
- package/package.json +1 -1
- package/NOTICE.html +0 -4665
- package/lib/cjs/components/Chip/ChipContext.js +0 -19
- package/lib/components/Chip/ChipContext.js +0 -3
package/lib/cjs/styles/colors.js
CHANGED
@@ -107,7 +107,7 @@ var getDecorativeColor = function getDecorativeColor(index) {
|
|
107
107
|
};
|
108
108
|
|
109
109
|
var decorative = (0, _map["default"])(_context = (0, _fill["default"])(_context2 = Array(11)).call(_context2, 0)).call(_context, function (_v, index) {
|
110
|
-
return getDecorativeColor(index);
|
110
|
+
return index !== 4 ? getDecorativeColor(index) : '#e30080';
|
111
111
|
});
|
112
112
|
exports.decorative = decorative;
|
113
113
|
var decorativeDark = (0, _map["default"])(decorative).call(decorative, function (color) {
|
@@ -26,9 +26,9 @@ var _MenuDownIcon = _interopRequireDefault(require("mdi-react/MenuDownIcon"));
|
|
26
26
|
|
27
27
|
var _CompassOutlineIcon = _interopRequireDefault(require("mdi-react/CompassOutlineIcon"));
|
28
28
|
|
29
|
-
var _EnvironmentBreadcrumb = require("
|
29
|
+
var _EnvironmentBreadcrumb = require("../../../components/EnvironmentBreadcrumb/EnvironmentBreadcrumb.stories");
|
30
30
|
|
31
|
-
var _index = require("
|
31
|
+
var _index = require("../../../index");
|
32
32
|
|
33
33
|
var _NavData = require("./NavData");
|
34
34
|
|
@@ -22,7 +22,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
22
22
|
|
23
23
|
var _GlobeIcon = _interopRequireDefault(require("mdi-react/GlobeIcon"));
|
24
24
|
|
25
|
-
var _index = require("
|
25
|
+
var _index = require("../../../index");
|
26
26
|
|
27
27
|
var _NavData = require("./NavData");
|
28
28
|
|
@@ -28,7 +28,7 @@ var _ScaleBalanceIcon = _interopRequireDefault(require("mdi-react/ScaleBalanceIc
|
|
28
28
|
|
29
29
|
var _EarthIcon = _interopRequireDefault(require("mdi-react/EarthIcon"));
|
30
30
|
|
31
|
-
var _NavBarSection = require("
|
31
|
+
var _NavBarSection = require("../../../components/NavBarSection");
|
32
32
|
|
33
33
|
var _react2 = require("@emotion/react");
|
34
34
|
|
@@ -193,7 +193,10 @@ var multivaluesChip = _objectSpread(_objectSpread({}, chip), {}, {
|
|
193
193
|
cursor: 'default',
|
194
194
|
m: 5,
|
195
195
|
mr: 10,
|
196
|
-
ml: 0
|
196
|
+
ml: 0,
|
197
|
+
'& span': {
|
198
|
+
mr: '2px'
|
199
|
+
}
|
197
200
|
});
|
198
201
|
|
199
202
|
var selectedItemChip = _objectSpread(_objectSpread({}, multivaluesChip), {}, {
|
@@ -208,6 +211,18 @@ var readOnlyChip = _objectSpread(_objectSpread({}, multivaluesChip), {}, {
|
|
208
211
|
borderColor: 'neutral.80'
|
209
212
|
});
|
210
213
|
|
214
|
+
var itemChipWithSlot = _objectSpread(_objectSpread({}, readOnlyChip), {}, {
|
215
|
+
p: 3,
|
216
|
+
my: 0,
|
217
|
+
backgroundColor: 'white',
|
218
|
+
'& span': {
|
219
|
+
color: 'text.primary',
|
220
|
+
mr: '2px',
|
221
|
+
lineHeight: '16px'
|
222
|
+
},
|
223
|
+
maxHeight: '22px'
|
224
|
+
});
|
225
|
+
|
211
226
|
var inputInContainerSlot = {
|
212
227
|
position: 'absolute',
|
213
228
|
bg: 'transparent',
|
@@ -406,6 +421,7 @@ var _default = {
|
|
406
421
|
environmentChip: environmentChip,
|
407
422
|
expandableRow: expandableRow,
|
408
423
|
inputInContainerSlot: inputInContainerSlot,
|
424
|
+
itemChipWithSlot: itemChipWithSlot,
|
409
425
|
textFieldInContainerSlot: textFieldInContainerSlot,
|
410
426
|
fileInputFieldWrapper: fileInputFieldWrapper,
|
411
427
|
listItem: listItem,
|
@@ -435,13 +435,16 @@ var quiet = {
|
|
435
435
|
all: 'unset',
|
436
436
|
display: 'flex'
|
437
437
|
};
|
438
|
-
var
|
438
|
+
var chipDeleteStandard = {
|
439
439
|
borderRadius: '50%',
|
440
440
|
cursor: 'pointer',
|
441
441
|
height: 14,
|
442
|
-
mx: '3px !important',
|
443
442
|
p: 0,
|
444
443
|
width: 14,
|
444
|
+
mx: '3px !important'
|
445
|
+
};
|
446
|
+
|
447
|
+
var chipDeleteButton = _objectSpread(_objectSpread({}, chipDeleteStandard), {}, {
|
445
448
|
'&.is-focused, &.is-hovered': _objectSpread({
|
446
449
|
bg: 'accent.40'
|
447
450
|
}, focusWithCroppedOutline),
|
@@ -449,7 +452,26 @@ var chipDeleteButton = {
|
|
449
452
|
bg: 'accent.20',
|
450
453
|
borderColor: 'accent.20'
|
451
454
|
}
|
452
|
-
};
|
455
|
+
});
|
456
|
+
|
457
|
+
var chipWithSlotDeleteButton = _objectSpread(_objectSpread({}, chipDeleteStandard), {}, {
|
458
|
+
path: {
|
459
|
+
fill: 'neutral.40'
|
460
|
+
},
|
461
|
+
'&.is-focused': _objectSpread({}, defaultFocus),
|
462
|
+
'&.is-hovered': {
|
463
|
+
backgroundColor: '#e5e9f8 !important',
|
464
|
+
path: {
|
465
|
+
fill: 'neutral.40'
|
466
|
+
}
|
467
|
+
},
|
468
|
+
'&.is-pressed': {
|
469
|
+
'path': {
|
470
|
+
fill: 'white'
|
471
|
+
},
|
472
|
+
bg: '#4462ED !important'
|
473
|
+
}
|
474
|
+
});
|
453
475
|
|
454
476
|
var rocker = _objectSpread(_objectSpread({}, base), {}, {
|
455
477
|
border: '0',
|
@@ -741,6 +763,7 @@ var navBarSectionButton = _objectSpread(_objectSpread({}, quiet), {}, {
|
|
741
763
|
var _default = {
|
742
764
|
accordionHeader: accordionHeader,
|
743
765
|
chipDeleteButton: chipDeleteButton,
|
766
|
+
chipWithSlotDeleteButton: chipWithSlotDeleteButton,
|
744
767
|
close: close,
|
745
768
|
colorField: colorField,
|
746
769
|
comboBox: comboBox,
|
@@ -16,7 +16,7 @@ import astroTheme from '../../styles/theme';
|
|
16
16
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
17
17
|
export var GlobalStyles = function GlobalStyles() {
|
18
18
|
return ___EmotionJSX(Global, {
|
19
|
-
styles: /*#__PURE__*/css("@import url(\"https://use.typekit.net/icz8cni.css\");{}", emotionNormalize, " *{box-sizing:border-box;}html,body{padding:0;margin:0;background:white;min-height:100%;font-family:\"Helvetica Neue\",Helvetica,sans-serif;}.is-disabled{opacity:0.5;pointer-events:none;}" + (process.env.NODE_ENV === "production" ? "" : ";label:GlobalStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
19
|
+
styles: /*#__PURE__*/css("@import url(\"https://use.typekit.net/icz8cni.css\");{}", emotionNormalize, " *{box-sizing:border-box;}html,body{padding:0;margin:0;background:white;min-height:100%;font-family:\"Helvetica Neue\",Helvetica,sans-serif;}.is-disabled{opacity:0.5;pointer-events:none;}[data-live-announcer]{display:none;}" + (process.env.NODE_ENV === "production" ? "" : ";label:GlobalStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvV3JhcHBlci9Bc3Ryb1dyYXBwZXIuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV1MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQXN0cm9XcmFwcGVyL0FzdHJvV3JhcHBlci5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCB1c2VNZW1vIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IFRoZW1lUHJvdmlkZXIsIG1lcmdlIH0gZnJvbSAndGhlbWUtdWknO1xuaW1wb3J0IHsgR2xvYmFsLCBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgZW1vdGlvbk5vcm1hbGl6ZSBmcm9tICdlbW90aW9uLW5vcm1hbGl6ZSc7XG5pbXBvcnQgQm94IGZyb20gJy4uL0JveCc7XG5pbXBvcnQgYXN0cm9UaGVtZSBmcm9tICcuLi8uLi9zdHlsZXMvdGhlbWUnO1xuXG5leHBvcnQgY29uc3QgR2xvYmFsU3R5bGVzID0gKCkgPT4gKFxuICA8R2xvYmFsXG4gICAgc3R5bGVzPXtcbiAgICAgIGNzc2BcbiAgICAgICAgQGltcG9ydCB1cmwoXCJodHRwczovL3VzZS50eXBla2l0Lm5ldC9pY3o4Y25pLmNzc1wiKTtcbiAgICAgICAgJHtlbW90aW9uTm9ybWFsaXplfVxuICAgICAgICAqIHtcbiAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICB9XG4gICAgICAgIGh0bWwsXG4gICAgICAgIGJvZHkge1xuICAgICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICAgIGJhY2tncm91bmQ6IHdoaXRlO1xuICAgICAgICAgIG1pbi1oZWlnaHQ6IDEwMCU7XG4gICAgICAgICAgZm9udC1mYW1pbHk6IFwiSGVsdmV0aWNhIE5ldWVcIiwgSGVsdmV0aWNhLCBzYW5zLXNlcmlmO1xuICAgICAgICB9XG4gICAgICAgIC5pcy1kaXNhYmxlZCB7XG4gICAgICAgICAgb3BhY2l0eTogMC41O1xuICAgICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgICB9XG4gICAgICAgIFtkYXRhLWxpdmUtYW5ub3VuY2VyXSB7XG4gICAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgICAgfVxuICAgICAgYFxuICAgIH1cbiAgLz5cbik7XG5cbi8qKlxuICogVGhlIG1haW4gd3JhcHBlciBmb3IgdGhlIEFzdHJvIGFwcGxpY2F0aW9uLlxuICogVGhlIEFzdHJvV3JhcHBlciBwcm92aWRlcyBhIHN0YW5kYXJkIGJhY2tncm91bmQsXG4gKiBzb21lIGdsb2JhbCBzdHlsZXMsIGFuZCB0aGUgQXN0cm8gdGhlbWUgYnkgZGVmYXVsdC5cbiAqXG4gKiBfTm90ZTogRm9yIFVJIExpYnJhcnkgYW5kIEFzdHJvIENTUyBjb25mbGljdHMsIHdlIHN1cHBseSBhIHRoZW1lIG92ZXJyaWRlIGxvY2F0ZWQgYXRfXG4gKiBgQHBpbmd1eC9hc3Ryby9saWIvc3R5bGVzL3RoZW1lT3ZlcnJpZGVzL3VpTGlicmFyeU92ZXJyaWRlLmpzYFxuICovXG5jb25zdCBBc3Ryb1dyYXBwZXIgPSBmb3J3YXJkUmVmKChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHtcbiAgICBkZWZhdWx0VGhlbWUsXG4gICAgdGhlbWVPdmVycmlkZXMsXG4gICAgY2hpbGRyZW4sXG4gICAgLi4ub3RoZXJzXG4gIH0gPSBwcm9wcztcblxuICAvLyBVbmZvcnR1bmF0ZWx5IGJlY2F1c2UgdGhpcyBpcyBhZGRpbmcgc3R5bGVzLCB3ZSBjYW5ub3Qgd3JpdGUgYSBwcm9wZXIgdGVzdCBmb3IgdGhpcy5cbiAgLyogaXN0YW5idWwgaWdub3JlIG5leHQgKi9cbiAgY29uc3QgdGhlbWUgPSB1c2VNZW1vKCgpID0+IG1lcmdlKGRlZmF1bHRUaGVtZSwgLi4udGhlbWVPdmVycmlkZXMpLFxuICAgIFtkZWZhdWx0VGhlbWUsIHRoZW1lT3ZlcnJpZGVzXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8VGhlbWVQcm92aWRlciByZWY9e3JlZn0gdGhlbWU9e3RoZW1lfSB7Li4ub3RoZXJzfT5cbiAgICAgIDxHbG9iYWxTdHlsZXMgLz5cbiAgICAgIDxCb3ggYmc9XCJiYWNrZ3JvdW5kXCIgaGVpZ2h0PVwiMTAwJVwiIHsuLi5wcm9wc30+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvQm94PlxuICAgIDwvVGhlbWVQcm92aWRlcj5cbiAgKTtcbn0pO1xuXG5Bc3Ryb1dyYXBwZXIucHJvcFR5cGVzID0ge1xuICAvKiogQXJyYXkgb2YgdGhlbWUgb2JqZWN0cyB3aGljaCB3aWxsIGJlIG1lcmdlZCB3aXRoIHRoZSBkZWZhdWx0IHRoZW1lLlxuICAgICAqIEluIHRoZSBjYXNlIG9mIGNsYXNoZXMsIHRoZXNlIHdpbGwgdGFrZSBwcmlvcml0eS5cbiAgICAgKiBVc2VmdWwgZm9yIGN1c3RvbWl6aW5nIHRoZSBkZWZhdWx0IHZhcmlhbnRzLCBhZGRpbmcgbmV3IG9uZXMsXG4gICAgICogIG9yIG92ZXJyaWRpbmcgb3RoZXIgdGhlbWUgdmFsdWVzLiAqL1xuICB0aGVtZU92ZXJyaWRlczogUHJvcFR5cGVzLmFycmF5T2YoUHJvcFR5cGVzLnNoYXBlKHt9KSksXG4gIC8qKiBUaGUgZGVmYXVsdCB0aGVtZSBhcHBsaWVkIHRvIHRoZSBBc3RybyBjb21wb25lbnRzLlxuICAgKiBPdmVycmlkaW5nIHRoaXMgaXMgYW4gYWR2YW5jZWQgdXNlIGNhc2Ugc29cbiAgICogcGxlYXNlIHVuZGVyc3RhbmQgcG90ZW50aWFsIHJlcHJlY3Vzc2lvbnMgYmVmb3JlIGVkaXRpbmcgKi9cbiAgZGVmYXVsdFRoZW1lOiBQcm9wVHlwZXMuc2hhcGUoe30pLFxufTtcblxuQXN0cm9XcmFwcGVyLmRlZmF1bHRQcm9wcyA9IHtcbiAgZGVmYXVsdFRoZW1lOiBhc3Ryb1RoZW1lLFxuICB0aGVtZU92ZXJyaWRlczogW3t9XSxcbn07XG5cbi8qKlxuICogV3JhcHBlciBmb3IgdGhlIEFzdHJvIGFwcGxpY2F0aW9uIHcvbyBnbG9iYWwgc3R5bGVzLlxuICogSXQgcHJvdmlkZXMgdGhlIHN0YW5kYXJkIGJhY2tncm91bmQgYW5kIHRoZSBBc3RybyB0aGVtZS5cbiAqL1xuZXhwb3J0IGNvbnN0IFBhZ2VXcmFwcGVyID0gZm9yd2FyZFJlZigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7XG4gICAgZGVmYXVsdFRoZW1lLFxuICAgIHRoZW1lT3ZlcnJpZGVzLFxuICAgIGNoaWxkcmVuLFxuICAgIC4uLm90aGVyc1xuICB9ID0gcHJvcHM7XG5cbiAgY29uc3QgdGhlbWUgPSB1c2VNZW1vKCgpID0+IG1lcmdlKGRlZmF1bHRUaGVtZSwgLi4udGhlbWVPdmVycmlkZXMpLFxuICAgIFtkZWZhdWx0VGhlbWUsIHRoZW1lT3ZlcnJpZGVzXSk7XG4gIHJldHVybiAoXG4gICAgPFRoZW1lUHJvdmlkZXIgcmVmPXtyZWZ9IHRoZW1lPXt0aGVtZX0gey4uLm90aGVyc30+XG4gICAgICA8R2xvYmFsXG4gICAgICAgIHN0eWxlcz17XG4gIGNzc2BcbiAgICBAaW1wb3J0IHVybChcImh0dHBzOi8vdXNlLnR5cGVraXQubmV0L2ljejhjbmkuY3NzXCIpO1xuXG4gICAgW2RhdGEtdGlwcHktcm9vdF0ge1xuICAgICAgbWF4LXdpZHRoOiBjYWxjKDEwMHZ3IC0gMTBweCk7XG4gICAgfVxuICBgXG59XG4gICAgICAvPlxuICAgICAgPEJveFxuICAgICAgICBjc3M9e1xuICBjc3NgXG4gICAgJHtlbW90aW9uTm9ybWFsaXplfVxuXG4gICAgKiB7XG4gICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgZm9udC1mYW1pbHk6IFwiSGVsdmV0aWNhIE5ldWVcIiwgSGVsdmV0aWNhLCBzYW5zLXNlcmlmO1xuXG4gICAgICAuaXMtZGlzYWJsZWQge1xuICAgICAgICBvcGFjaXR5OiAwLjU7XG4gICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgfVxuICAgIH1cbiAgYFxufVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvQm94PlxuICAgIDwvVGhlbWVQcm92aWRlcj5cbiAgKTtcbn0pO1xuXG5QYWdlV3JhcHBlci5wcm9wVHlwZXMgPSB7XG4gIC8qKiBBcnJheSBvZiB0aGVtZSBvYmplY3RzIHdoaWNoIHdpbGwgYmUgbWVyZ2VkIHdpdGggdGhlIGRlZmF1bHQgdGhlbWUuXG4gICAgICogSW4gdGhlIGNhc2Ugb2YgY2xhc2hlcywgdGhlc2Ugd2lsbCB0YWtlIHByaW9yaXR5LlxuICAgICAqIFVzZWZ1bCBmb3IgY3VzdG9taXppbmcgdGhlIGRlZmF1bHQgdmFyaWFudHMsIGFkZGluZyBuZXcgb25lcyxcbiAgICAgKiAgb3Igb3ZlcnJpZGluZyBvdGhlciB0aGVtZSB2YWx1ZXMuICovXG4gIHRoZW1lT3ZlcnJpZGVzOiBQcm9wVHlwZXMuYXJyYXlPZihQcm9wVHlwZXMuc2hhcGUoe30pKSxcbiAgLyoqIFRoZSBkZWZhdWx0IHRoZW1lIGFwcGxpZWQgdG8gdGhlIEFzdHJvIGNvbXBvbmVudHMuXG4gICAqIE92ZXJyaWRpbmcgdGhpcyBpcyBhbiBhZHZhbmNlZCB1c2UgY2FzZSBzb1xuICAgKiBwbGVhc2UgdW5kZXJzdGFuZCBwb3RlbnRpYWwgcmVwcmVjdXNzaW9ucyBiZWZvcmUgZWRpdGluZyAqL1xuICBkZWZhdWx0VGhlbWU6IFByb3BUeXBlcy5zaGFwZSh7fSksXG59O1xuXG5QYWdlV3JhcHBlci5kZWZhdWx0UHJvcHMgPSB7XG4gIGRlZmF1bHRUaGVtZTogYXN0cm9UaGVtZSxcbiAgdGhlbWVPdmVycmlkZXM6IFt7fV0sXG59O1xuXG5leHBvcnQgeyBUaGVtZVByb3ZpZGVyIH07XG5leHBvcnQgZGVmYXVsdCBBc3Ryb1dyYXBwZXI7XG4iXX0= */")
|
20
20
|
});
|
21
21
|
};
|
22
22
|
/**
|
@@ -77,7 +77,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
77
77
|
} : {
|
78
78
|
name: "1385fa1-PageWrapper",
|
79
79
|
styles: "@import url(\"https://use.typekit.net/icz8cni.css\");{}[data-tippy-root]{max-width:calc(100vw - 10px);};label:PageWrapper;",
|
80
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
80
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvV3JhcHBlci9Bc3Ryb1dyYXBwZXIuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUdLIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvV3JhcHBlci9Bc3Ryb1dyYXBwZXIuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiwgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBUaGVtZVByb3ZpZGVyLCBtZXJnZSB9IGZyb20gJ3RoZW1lLXVpJztcbmltcG9ydCB7IEdsb2JhbCwgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IGVtb3Rpb25Ob3JtYWxpemUgZnJvbSAnZW1vdGlvbi1ub3JtYWxpemUnO1xuaW1wb3J0IEJveCBmcm9tICcuLi9Cb3gnO1xuaW1wb3J0IGFzdHJvVGhlbWUgZnJvbSAnLi4vLi4vc3R5bGVzL3RoZW1lJztcblxuZXhwb3J0IGNvbnN0IEdsb2JhbFN0eWxlcyA9ICgpID0+IChcbiAgPEdsb2JhbFxuICAgIHN0eWxlcz17XG4gICAgICBjc3NgXG4gICAgICAgIEBpbXBvcnQgdXJsKFwiaHR0cHM6Ly91c2UudHlwZWtpdC5uZXQvaWN6OGNuaS5jc3NcIik7XG4gICAgICAgICR7ZW1vdGlvbk5vcm1hbGl6ZX1cbiAgICAgICAgKiB7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgfVxuICAgICAgICBodG1sLFxuICAgICAgICBib2R5IHtcbiAgICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgICAgICAgICBtaW4taGVpZ2h0OiAxMDAlO1xuICAgICAgICAgIGZvbnQtZmFtaWx5OiBcIkhlbHZldGljYSBOZXVlXCIsIEhlbHZldGljYSwgc2Fucy1zZXJpZjtcbiAgICAgICAgfVxuICAgICAgICAuaXMtZGlzYWJsZWQge1xuICAgICAgICAgIG9wYWNpdHk6IDAuNTtcbiAgICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgICAgfVxuICAgICAgICBbZGF0YS1saXZlLWFubm91bmNlcl0ge1xuICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIH1cbiAgICAgIGBcbiAgICB9XG4gIC8+XG4pO1xuXG4vKipcbiAqIFRoZSBtYWluIHdyYXBwZXIgZm9yIHRoZSBBc3RybyBhcHBsaWNhdGlvbi5cbiAqIFRoZSBBc3Ryb1dyYXBwZXIgcHJvdmlkZXMgYSBzdGFuZGFyZCBiYWNrZ3JvdW5kLFxuICogc29tZSBnbG9iYWwgc3R5bGVzLCBhbmQgdGhlIEFzdHJvIHRoZW1lIGJ5IGRlZmF1bHQuXG4gKlxuICogX05vdGU6IEZvciBVSSBMaWJyYXJ5IGFuZCBBc3RybyBDU1MgY29uZmxpY3RzLCB3ZSBzdXBwbHkgYSB0aGVtZSBvdmVycmlkZSBsb2NhdGVkIGF0X1xuICogYEBwaW5ndXgvYXN0cm8vbGliL3N0eWxlcy90aGVtZU92ZXJyaWRlcy91aUxpYnJhcnlPdmVycmlkZS5qc2BcbiAqL1xuY29uc3QgQXN0cm9XcmFwcGVyID0gZm9yd2FyZFJlZigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7XG4gICAgZGVmYXVsdFRoZW1lLFxuICAgIHRoZW1lT3ZlcnJpZGVzLFxuICAgIGNoaWxkcmVuLFxuICAgIC4uLm90aGVyc1xuICB9ID0gcHJvcHM7XG5cbiAgLy8gVW5mb3J0dW5hdGVseSBiZWNhdXNlIHRoaXMgaXMgYWRkaW5nIHN0eWxlcywgd2UgY2Fubm90IHdyaXRlIGEgcHJvcGVyIHRlc3QgZm9yIHRoaXMuXG4gIC8qIGlzdGFuYnVsIGlnbm9yZSBuZXh0ICovXG4gIGNvbnN0IHRoZW1lID0gdXNlTWVtbygoKSA9PiBtZXJnZShkZWZhdWx0VGhlbWUsIC4uLnRoZW1lT3ZlcnJpZGVzKSxcbiAgICBbZGVmYXVsdFRoZW1lLCB0aGVtZU92ZXJyaWRlc10pO1xuXG4gIHJldHVybiAoXG4gICAgPFRoZW1lUHJvdmlkZXIgcmVmPXtyZWZ9IHRoZW1lPXt0aGVtZX0gey4uLm90aGVyc30+XG4gICAgICA8R2xvYmFsU3R5bGVzIC8+XG4gICAgICA8Qm94IGJnPVwiYmFja2dyb3VuZFwiIGhlaWdodD1cIjEwMCVcIiB7Li4ucHJvcHN9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0JveD5cbiAgICA8L1RoZW1lUHJvdmlkZXI+XG4gICk7XG59KTtcblxuQXN0cm9XcmFwcGVyLnByb3BUeXBlcyA9IHtcbiAgLyoqIEFycmF5IG9mIHRoZW1lIG9iamVjdHMgd2hpY2ggd2lsbCBiZSBtZXJnZWQgd2l0aCB0aGUgZGVmYXVsdCB0aGVtZS5cbiAgICAgKiBJbiB0aGUgY2FzZSBvZiBjbGFzaGVzLCB0aGVzZSB3aWxsIHRha2UgcHJpb3JpdHkuXG4gICAgICogVXNlZnVsIGZvciBjdXN0b21pemluZyB0aGUgZGVmYXVsdCB2YXJpYW50cywgYWRkaW5nIG5ldyBvbmVzLFxuICAgICAqICBvciBvdmVycmlkaW5nIG90aGVyIHRoZW1lIHZhbHVlcy4gKi9cbiAgdGhlbWVPdmVycmlkZXM6IFByb3BUeXBlcy5hcnJheU9mKFByb3BUeXBlcy5zaGFwZSh7fSkpLFxuICAvKiogVGhlIGRlZmF1bHQgdGhlbWUgYXBwbGllZCB0byB0aGUgQXN0cm8gY29tcG9uZW50cy5cbiAgICogT3ZlcnJpZGluZyB0aGlzIGlzIGFuIGFkdmFuY2VkIHVzZSBjYXNlIHNvXG4gICAqIHBsZWFzZSB1bmRlcnN0YW5kIHBvdGVudGlhbCByZXByZWN1c3Npb25zIGJlZm9yZSBlZGl0aW5nICovXG4gIGRlZmF1bHRUaGVtZTogUHJvcFR5cGVzLnNoYXBlKHt9KSxcbn07XG5cbkFzdHJvV3JhcHBlci5kZWZhdWx0UHJvcHMgPSB7XG4gIGRlZmF1bHRUaGVtZTogYXN0cm9UaGVtZSxcbiAgdGhlbWVPdmVycmlkZXM6IFt7fV0sXG59O1xuXG4vKipcbiAqIFdyYXBwZXIgZm9yIHRoZSBBc3RybyBhcHBsaWNhdGlvbiB3L28gZ2xvYmFsIHN0eWxlcy5cbiAqIEl0IHByb3ZpZGVzIHRoZSBzdGFuZGFyZCBiYWNrZ3JvdW5kIGFuZCB0aGUgQXN0cm8gdGhlbWUuXG4gKi9cbmV4cG9ydCBjb25zdCBQYWdlV3JhcHBlciA9IGZvcndhcmRSZWYoKHByb3BzLCByZWYpID0+IHtcbiAgY29uc3Qge1xuICAgIGRlZmF1bHRUaGVtZSxcbiAgICB0aGVtZU92ZXJyaWRlcyxcbiAgICBjaGlsZHJlbixcbiAgICAuLi5vdGhlcnNcbiAgfSA9IHByb3BzO1xuXG4gIGNvbnN0IHRoZW1lID0gdXNlTWVtbygoKSA9PiBtZXJnZShkZWZhdWx0VGhlbWUsIC4uLnRoZW1lT3ZlcnJpZGVzKSxcbiAgICBbZGVmYXVsdFRoZW1lLCB0aGVtZU92ZXJyaWRlc10pO1xuICByZXR1cm4gKFxuICAgIDxUaGVtZVByb3ZpZGVyIHJlZj17cmVmfSB0aGVtZT17dGhlbWV9IHsuLi5vdGhlcnN9PlxuICAgICAgPEdsb2JhbFxuICAgICAgICBzdHlsZXM9e1xuICBjc3NgXG4gICAgQGltcG9ydCB1cmwoXCJodHRwczovL3VzZS50eXBla2l0Lm5ldC9pY3o4Y25pLmNzc1wiKTtcblxuICAgIFtkYXRhLXRpcHB5LXJvb3RdIHtcbiAgICAgIG1heC13aWR0aDogY2FsYygxMDB2dyAtIDEwcHgpO1xuICAgIH1cbiAgYFxufVxuICAgICAgLz5cbiAgICAgIDxCb3hcbiAgICAgICAgY3NzPXtcbiAgY3NzYFxuICAgICR7ZW1vdGlvbk5vcm1hbGl6ZX1cblxuICAgICoge1xuICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgIGZvbnQtZmFtaWx5OiBcIkhlbHZldGljYSBOZXVlXCIsIEhlbHZldGljYSwgc2Fucy1zZXJpZjtcblxuICAgICAgLmlzLWRpc2FibGVkIHtcbiAgICAgICAgb3BhY2l0eTogMC41O1xuICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgIH1cbiAgICB9XG4gIGBcbn1cbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0JveD5cbiAgICA8L1RoZW1lUHJvdmlkZXI+XG4gICk7XG59KTtcblxuUGFnZVdyYXBwZXIucHJvcFR5cGVzID0ge1xuICAvKiogQXJyYXkgb2YgdGhlbWUgb2JqZWN0cyB3aGljaCB3aWxsIGJlIG1lcmdlZCB3aXRoIHRoZSBkZWZhdWx0IHRoZW1lLlxuICAgICAqIEluIHRoZSBjYXNlIG9mIGNsYXNoZXMsIHRoZXNlIHdpbGwgdGFrZSBwcmlvcml0eS5cbiAgICAgKiBVc2VmdWwgZm9yIGN1c3RvbWl6aW5nIHRoZSBkZWZhdWx0IHZhcmlhbnRzLCBhZGRpbmcgbmV3IG9uZXMsXG4gICAgICogIG9yIG92ZXJyaWRpbmcgb3RoZXIgdGhlbWUgdmFsdWVzLiAqL1xuICB0aGVtZU92ZXJyaWRlczogUHJvcFR5cGVzLmFycmF5T2YoUHJvcFR5cGVzLnNoYXBlKHt9KSksXG4gIC8qKiBUaGUgZGVmYXVsdCB0aGVtZSBhcHBsaWVkIHRvIHRoZSBBc3RybyBjb21wb25lbnRzLlxuICAgKiBPdmVycmlkaW5nIHRoaXMgaXMgYW4gYWR2YW5jZWQgdXNlIGNhc2Ugc29cbiAgICogcGxlYXNlIHVuZGVyc3RhbmQgcG90ZW50aWFsIHJlcHJlY3Vzc2lvbnMgYmVmb3JlIGVkaXRpbmcgKi9cbiAgZGVmYXVsdFRoZW1lOiBQcm9wVHlwZXMuc2hhcGUoe30pLFxufTtcblxuUGFnZVdyYXBwZXIuZGVmYXVsdFByb3BzID0ge1xuICBkZWZhdWx0VGhlbWU6IGFzdHJvVGhlbWUsXG4gIHRoZW1lT3ZlcnJpZGVzOiBbe31dLFxufTtcblxuZXhwb3J0IHsgVGhlbWVQcm92aWRlciB9O1xuZXhwb3J0IGRlZmF1bHQgQXN0cm9XcmFwcGVyO1xuIl19 */",
|
81
81
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
82
82
|
};
|
83
83
|
|
@@ -98,7 +98,7 @@ export var PageWrapper = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
98
98
|
}, others), ___EmotionJSX(Global, {
|
99
99
|
styles: _ref
|
100
100
|
}), ___EmotionJSX(Box, _extends({
|
101
|
-
css: /*#__PURE__*/css(emotionNormalize, " *{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,
|
101
|
+
css: /*#__PURE__*/css(emotionNormalize, " *{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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvV3JhcHBlci9Bc3Ryb1dyYXBwZXIuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0hLIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvV3JhcHBlci9Bc3Ryb1dyYXBwZXIuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiwgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBUaGVtZVByb3ZpZGVyLCBtZXJnZSB9IGZyb20gJ3RoZW1lLXVpJztcbmltcG9ydCB7IEdsb2JhbCwgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IGVtb3Rpb25Ob3JtYWxpemUgZnJvbSAnZW1vdGlvbi1ub3JtYWxpemUnO1xuaW1wb3J0IEJveCBmcm9tICcuLi9Cb3gnO1xuaW1wb3J0IGFzdHJvVGhlbWUgZnJvbSAnLi4vLi4vc3R5bGVzL3RoZW1lJztcblxuZXhwb3J0IGNvbnN0IEdsb2JhbFN0eWxlcyA9ICgpID0+IChcbiAgPEdsb2JhbFxuICAgIHN0eWxlcz17XG4gICAgICBjc3NgXG4gICAgICAgIEBpbXBvcnQgdXJsKFwiaHR0cHM6Ly91c2UudHlwZWtpdC5uZXQvaWN6OGNuaS5jc3NcIik7XG4gICAgICAgICR7ZW1vdGlvbk5vcm1hbGl6ZX1cbiAgICAgICAgKiB7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgfVxuICAgICAgICBodG1sLFxuICAgICAgICBib2R5IHtcbiAgICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgICAgICAgICBtaW4taGVpZ2h0OiAxMDAlO1xuICAgICAgICAgIGZvbnQtZmFtaWx5OiBcIkhlbHZldGljYSBOZXVlXCIsIEhlbHZldGljYSwgc2Fucy1zZXJpZjtcbiAgICAgICAgfVxuICAgICAgICAuaXMtZGlzYWJsZWQge1xuICAgICAgICAgIG9wYWNpdHk6IDAuNTtcbiAgICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgICAgfVxuICAgICAgICBbZGF0YS1saXZlLWFubm91bmNlcl0ge1xuICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIH1cbiAgICAgIGBcbiAgICB9XG4gIC8+XG4pO1xuXG4vKipcbiAqIFRoZSBtYWluIHdyYXBwZXIgZm9yIHRoZSBBc3RybyBhcHBsaWNhdGlvbi5cbiAqIFRoZSBBc3Ryb1dyYXBwZXIgcHJvdmlkZXMgYSBzdGFuZGFyZCBiYWNrZ3JvdW5kLFxuICogc29tZSBnbG9iYWwgc3R5bGVzLCBhbmQgdGhlIEFzdHJvIHRoZW1lIGJ5IGRlZmF1bHQuXG4gKlxuICogX05vdGU6IEZvciBVSSBMaWJyYXJ5IGFuZCBBc3RybyBDU1MgY29uZmxpY3RzLCB3ZSBzdXBwbHkgYSB0aGVtZSBvdmVycmlkZSBsb2NhdGVkIGF0X1xuICogYEBwaW5ndXgvYXN0cm8vbGliL3N0eWxlcy90aGVtZU92ZXJyaWRlcy91aUxpYnJhcnlPdmVycmlkZS5qc2BcbiAqL1xuY29uc3QgQXN0cm9XcmFwcGVyID0gZm9yd2FyZFJlZigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7XG4gICAgZGVmYXVsdFRoZW1lLFxuICAgIHRoZW1lT3ZlcnJpZGVzLFxuICAgIGNoaWxkcmVuLFxuICAgIC4uLm90aGVyc1xuICB9ID0gcHJvcHM7XG5cbiAgLy8gVW5mb3J0dW5hdGVseSBiZWNhdXNlIHRoaXMgaXMgYWRkaW5nIHN0eWxlcywgd2UgY2Fubm90IHdyaXRlIGEgcHJvcGVyIHRlc3QgZm9yIHRoaXMuXG4gIC8qIGlzdGFuYnVsIGlnbm9yZSBuZXh0ICovXG4gIGNvbnN0IHRoZW1lID0gdXNlTWVtbygoKSA9PiBtZXJnZShkZWZhdWx0VGhlbWUsIC4uLnRoZW1lT3ZlcnJpZGVzKSxcbiAgICBbZGVmYXVsdFRoZW1lLCB0aGVtZU92ZXJyaWRlc10pO1xuXG4gIHJldHVybiAoXG4gICAgPFRoZW1lUHJvdmlkZXIgcmVmPXtyZWZ9IHRoZW1lPXt0aGVtZX0gey4uLm90aGVyc30+XG4gICAgICA8R2xvYmFsU3R5bGVzIC8+XG4gICAgICA8Qm94IGJnPVwiYmFja2dyb3VuZFwiIGhlaWdodD1cIjEwMCVcIiB7Li4ucHJvcHN9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0JveD5cbiAgICA8L1RoZW1lUHJvdmlkZXI+XG4gICk7XG59KTtcblxuQXN0cm9XcmFwcGVyLnByb3BUeXBlcyA9IHtcbiAgLyoqIEFycmF5IG9mIHRoZW1lIG9iamVjdHMgd2hpY2ggd2lsbCBiZSBtZXJnZWQgd2l0aCB0aGUgZGVmYXVsdCB0aGVtZS5cbiAgICAgKiBJbiB0aGUgY2FzZSBvZiBjbGFzaGVzLCB0aGVzZSB3aWxsIHRha2UgcHJpb3JpdHkuXG4gICAgICogVXNlZnVsIGZvciBjdXN0b21pemluZyB0aGUgZGVmYXVsdCB2YXJpYW50cywgYWRkaW5nIG5ldyBvbmVzLFxuICAgICAqICBvciBvdmVycmlkaW5nIG90aGVyIHRoZW1lIHZhbHVlcy4gKi9cbiAgdGhlbWVPdmVycmlkZXM6IFByb3BUeXBlcy5hcnJheU9mKFByb3BUeXBlcy5zaGFwZSh7fSkpLFxuICAvKiogVGhlIGRlZmF1bHQgdGhlbWUgYXBwbGllZCB0byB0aGUgQXN0cm8gY29tcG9uZW50cy5cbiAgICogT3ZlcnJpZGluZyB0aGlzIGlzIGFuIGFkdmFuY2VkIHVzZSBjYXNlIHNvXG4gICAqIHBsZWFzZSB1bmRlcnN0YW5kIHBvdGVudGlhbCByZXByZWN1c3Npb25zIGJlZm9yZSBlZGl0aW5nICovXG4gIGRlZmF1bHRUaGVtZTogUHJvcFR5cGVzLnNoYXBlKHt9KSxcbn07XG5cbkFzdHJvV3JhcHBlci5kZWZhdWx0UHJvcHMgPSB7XG4gIGRlZmF1bHRUaGVtZTogYXN0cm9UaGVtZSxcbiAgdGhlbWVPdmVycmlkZXM6IFt7fV0sXG59O1xuXG4vKipcbiAqIFdyYXBwZXIgZm9yIHRoZSBBc3RybyBhcHBsaWNhdGlvbiB3L28gZ2xvYmFsIHN0eWxlcy5cbiAqIEl0IHByb3ZpZGVzIHRoZSBzdGFuZGFyZCBiYWNrZ3JvdW5kIGFuZCB0aGUgQXN0cm8gdGhlbWUuXG4gKi9cbmV4cG9ydCBjb25zdCBQYWdlV3JhcHBlciA9IGZvcndhcmRSZWYoKHByb3BzLCByZWYpID0+IHtcbiAgY29uc3Qge1xuICAgIGRlZmF1bHRUaGVtZSxcbiAgICB0aGVtZU92ZXJyaWRlcyxcbiAgICBjaGlsZHJlbixcbiAgICAuLi5vdGhlcnNcbiAgfSA9IHByb3BzO1xuXG4gIGNvbnN0IHRoZW1lID0gdXNlTWVtbygoKSA9PiBtZXJnZShkZWZhdWx0VGhlbWUsIC4uLnRoZW1lT3ZlcnJpZGVzKSxcbiAgICBbZGVmYXVsdFRoZW1lLCB0aGVtZU92ZXJyaWRlc10pO1xuICByZXR1cm4gKFxuICAgIDxUaGVtZVByb3ZpZGVyIHJlZj17cmVmfSB0aGVtZT17dGhlbWV9IHsuLi5vdGhlcnN9PlxuICAgICAgPEdsb2JhbFxuICAgICAgICBzdHlsZXM9e1xuICBjc3NgXG4gICAgQGltcG9ydCB1cmwoXCJodHRwczovL3VzZS50eXBla2l0Lm5ldC9pY3o4Y25pLmNzc1wiKTtcblxuICAgIFtkYXRhLXRpcHB5LXJvb3RdIHtcbiAgICAgIG1heC13aWR0aDogY2FsYygxMDB2dyAtIDEwcHgpO1xuICAgIH1cbiAgYFxufVxuICAgICAgLz5cbiAgICAgIDxCb3hcbiAgICAgICAgY3NzPXtcbiAgY3NzYFxuICAgICR7ZW1vdGlvbk5vcm1hbGl6ZX1cblxuICAgICoge1xuICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgIGZvbnQtZmFtaWx5OiBcIkhlbHZldGljYSBOZXVlXCIsIEhlbHZldGljYSwgc2Fucy1zZXJpZjtcblxuICAgICAgLmlzLWRpc2FibGVkIHtcbiAgICAgICAgb3BhY2l0eTogMC41O1xuICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgIH1cbiAgICB9XG4gIGBcbn1cbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0JveD5cbiAgICA8L1RoZW1lUHJvdmlkZXI+XG4gICk7XG59KTtcblxuUGFnZVdyYXBwZXIucHJvcFR5cGVzID0ge1xuICAvKiogQXJyYXkgb2YgdGhlbWUgb2JqZWN0cyB3aGljaCB3aWxsIGJlIG1lcmdlZCB3aXRoIHRoZSBkZWZhdWx0IHRoZW1lLlxuICAgICAqIEluIHRoZSBjYXNlIG9mIGNsYXNoZXMsIHRoZXNlIHdpbGwgdGFrZSBwcmlvcml0eS5cbiAgICAgKiBVc2VmdWwgZm9yIGN1c3RvbWl6aW5nIHRoZSBkZWZhdWx0IHZhcmlhbnRzLCBhZGRpbmcgbmV3IG9uZXMsXG4gICAgICogIG9yIG92ZXJyaWRpbmcgb3RoZXIgdGhlbWUgdmFsdWVzLiAqL1xuICB0aGVtZU92ZXJyaWRlczogUHJvcFR5cGVzLmFycmF5T2YoUHJvcFR5cGVzLnNoYXBlKHt9KSksXG4gIC8qKiBUaGUgZGVmYXVsdCB0aGVtZSBhcHBsaWVkIHRvIHRoZSBBc3RybyBjb21wb25lbnRzLlxuICAgKiBPdmVycmlkaW5nIHRoaXMgaXMgYW4gYWR2YW5jZWQgdXNlIGNhc2Ugc29cbiAgICogcGxlYXNlIHVuZGVyc3RhbmQgcG90ZW50aWFsIHJlcHJlY3Vzc2lvbnMgYmVmb3JlIGVkaXRpbmcgKi9cbiAgZGVmYXVsdFRoZW1lOiBQcm9wVHlwZXMuc2hhcGUoe30pLFxufTtcblxuUGFnZVdyYXBwZXIuZGVmYXVsdFByb3BzID0ge1xuICBkZWZhdWx0VGhlbWU6IGFzdHJvVGhlbWUsXG4gIHRoZW1lT3ZlcnJpZGVzOiBbe31dLFxufTtcblxuZXhwb3J0IHsgVGhlbWVQcm92aWRlciB9O1xuZXhwb3J0IGRlZmF1bHQgQXN0cm9XcmFwcGVyO1xuIl19 */")
|
102
102
|
}, props), children));
|
103
103
|
});
|
104
104
|
PageWrapper.propTypes = {
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
2
2
|
import { AstroWrapper, Button, Text } from '../../index';
|
3
3
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
4
4
|
export default {
|
5
|
-
title: 'AstroWrapper',
|
5
|
+
title: 'Components/AstroWrapper',
|
6
6
|
component: AstroWrapper,
|
7
7
|
decorators: [function (Story) {
|
8
8
|
return ___EmotionJSX("div", null, ___EmotionJSX(Story, null));
|
@@ -9,7 +9,7 @@ import { flatColorList } from '../../styles/colors.js';
|
|
9
9
|
import { htmlElements } from '../../utils/devUtils/constants/htmlElements';
|
10
10
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
11
11
|
export default {
|
12
|
-
title: 'Box',
|
12
|
+
title: 'Components/Box',
|
13
13
|
component: Box,
|
14
14
|
argTypes: {
|
15
15
|
bg: {
|
@@ -3,7 +3,7 @@ import React from 'react';
|
|
3
3
|
import { Box, Bracket, Chip, Text } from '../../index';
|
4
4
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
5
5
|
export default {
|
6
|
-
title: 'Bracket',
|
6
|
+
title: 'Components/Bracket',
|
7
7
|
component: Bracket
|
8
8
|
};
|
9
9
|
export var Default = function Default() {
|
@@ -6,7 +6,7 @@ import ChevronRightIcon from 'mdi-react/ChevronRightIcon';
|
|
6
6
|
import Breadcrumbs from './Breadcrumbs';
|
7
7
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
8
8
|
export default {
|
9
|
-
title: 'Breadcrumbs',
|
9
|
+
title: 'Components/Breadcrumbs',
|
10
10
|
component: Breadcrumbs,
|
11
11
|
parameters: {
|
12
12
|
docs: {
|
@@ -16,7 +16,7 @@ delete variants.INVERTED; // add designer approved variants for devs to use here
|
|
16
16
|
|
17
17
|
var variantOptions = ['critical', 'danger', 'default', 'inline', 'inlinePrimary', 'link', 'primary', 'success', 'text'];
|
18
18
|
export default {
|
19
|
-
title: 'Button',
|
19
|
+
title: 'Components/Button',
|
20
20
|
component: Button,
|
21
21
|
argTypes: {
|
22
22
|
variant: {
|
@@ -0,0 +1,109 @@
|
|
1
|
+
import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
|
2
|
+
import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
|
3
|
+
import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
|
4
|
+
import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
|
5
|
+
import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
|
6
|
+
import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
|
7
|
+
import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
|
8
|
+
import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
|
9
|
+
import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
|
10
|
+
import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
|
11
|
+
import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
|
12
|
+
var _excluded = ["align", "bg", "children", "isUppercase", "label", "sx", "slots", "textColor", "textProps"];
|
13
|
+
|
14
|
+
function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
15
|
+
|
16
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
17
|
+
|
18
|
+
import React from 'react';
|
19
|
+
import PropTypes from 'prop-types';
|
20
|
+
import { Badge as ThemeUIBadge } from 'theme-ui';
|
21
|
+
import { BadgeContext } from '../../context/BadgeContext';
|
22
|
+
import { Box, Text } from '../../';
|
23
|
+
import * as colors from '../../styles/colors';
|
24
|
+
/**
|
25
|
+
* Badge component.
|
26
|
+
* Built on top of the [Badge from Theme-UI](https://theme-ui.com/components/box/) and uses the
|
27
|
+
* available [props from Theme-UI](https://theme-ui.com/sx-prop).
|
28
|
+
*/
|
29
|
+
|
30
|
+
import { jsx as ___EmotionJSX } from "@emotion/react";
|
31
|
+
var Badge = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
32
|
+
var align = props.align,
|
33
|
+
bg = props.bg,
|
34
|
+
children = props.children,
|
35
|
+
isUppercase = props.isUppercase,
|
36
|
+
label = props.label,
|
37
|
+
sx = props.sx,
|
38
|
+
slots = props.slots,
|
39
|
+
textColor = props.textColor,
|
40
|
+
textProps = props.textProps,
|
41
|
+
others = _objectWithoutProperties(props, _excluded);
|
42
|
+
|
43
|
+
var badgeSx = _objectSpread(_objectSpread(_objectSpread({}, isUppercase && {
|
44
|
+
paddingBottom: '3px'
|
45
|
+
}), align && _defineProperty({
|
46
|
+
position: 'absolute'
|
47
|
+
}, align, '15px')), sx);
|
48
|
+
|
49
|
+
var badgeProps = _objectSpread({
|
50
|
+
bg: bg,
|
51
|
+
isUppercase: isUppercase,
|
52
|
+
label: label,
|
53
|
+
ref: ref,
|
54
|
+
textColor: textColor,
|
55
|
+
sx: badgeSx
|
56
|
+
}, others);
|
57
|
+
|
58
|
+
return ___EmotionJSX(BadgeContext.Provider, {
|
59
|
+
value: {
|
60
|
+
bg: bg
|
61
|
+
}
|
62
|
+
}, ___EmotionJSX(ThemeUIBadge, _extends({
|
63
|
+
isRow: true,
|
64
|
+
variant: "variants.boxes.chip"
|
65
|
+
}, badgeProps), (slots === null || slots === void 0 ? void 0 : slots.leftIcon) && ___EmotionJSX(Box, {
|
66
|
+
mr: "xs"
|
67
|
+
}, slots.leftIcon), ___EmotionJSX(Text, _extends({
|
68
|
+
variant: "label",
|
69
|
+
color: textColor,
|
70
|
+
sx: isUppercase && {
|
71
|
+
textTransform: 'uppercase',
|
72
|
+
fontSize: '11px'
|
73
|
+
}
|
74
|
+
}, textProps), label), children));
|
75
|
+
});
|
76
|
+
Badge.propTypes = {
|
77
|
+
/** The text color of the badge. */
|
78
|
+
textColor: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
|
79
|
+
|
80
|
+
/** The background color of the badge. */
|
81
|
+
bg: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
|
82
|
+
|
83
|
+
/** Provides a way to insert markup in specified places. */
|
84
|
+
slots: PropTypes.shape({
|
85
|
+
/** The given node will be inserted into left side of the chip. */
|
86
|
+
leftIcon: PropTypes.node
|
87
|
+
}),
|
88
|
+
|
89
|
+
/** The label of the badge. */
|
90
|
+
label: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
|
91
|
+
|
92
|
+
/** Props object that is spread directly into the text. */
|
93
|
+
textProps: PropTypes.shape({}),
|
94
|
+
|
95
|
+
/** When true, display badge label as uppercase. */
|
96
|
+
isUppercase: PropTypes.bool,
|
97
|
+
|
98
|
+
/** Alignment of badge relative to parent container. */
|
99
|
+
align: PropTypes.oneOf(['top', 'right', 'bottom', 'left']),
|
100
|
+
|
101
|
+
/** JSX styling that is passed into the component. */
|
102
|
+
sx: PropTypes.shape({})
|
103
|
+
};
|
104
|
+
Badge.defaultProps = {
|
105
|
+
textColor: 'white',
|
106
|
+
bg: colors.neutral[10],
|
107
|
+
isUppercase: false
|
108
|
+
};
|
109
|
+
export default Badge;
|
@@ -5,14 +5,14 @@ import React from 'react';
|
|
5
5
|
import Clear from 'mdi-react/CloseIcon';
|
6
6
|
import ContentCopy from 'mdi-react/ContentCopyIcon';
|
7
7
|
import Earth from 'mdi-react/EarthIcon';
|
8
|
-
import Chip from '
|
8
|
+
import Chip from '.';
|
9
9
|
import Icon from '../Icon';
|
10
10
|
import IconButton from '../IconButton';
|
11
11
|
import Box from '../Box';
|
12
12
|
import { flatColorList } from '../../styles/colors.js';
|
13
13
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
14
14
|
export default {
|
15
|
-
title: 'Chip',
|
15
|
+
title: 'Components/Chip',
|
16
16
|
component: Chip,
|
17
17
|
argTypes: {
|
18
18
|
bg: {
|
@@ -53,6 +53,34 @@ export default {
|
|
53
53
|
}
|
54
54
|
}
|
55
55
|
};
|
56
|
+
|
57
|
+
var VariableIcon = function VariableIcon(props) {
|
58
|
+
return ___EmotionJSX("svg", _extends({
|
59
|
+
width: "16",
|
60
|
+
height: "16",
|
61
|
+
viewBox: "0 0 16 16",
|
62
|
+
fill: "none",
|
63
|
+
xmlns: "http://www.w3.org/2000/svg"
|
64
|
+
}, props), ___EmotionJSX("g", {
|
65
|
+
clipPath: "url(#clip0_709_18965)"
|
66
|
+
}, ___EmotionJSX("circle", {
|
67
|
+
cx: "8",
|
68
|
+
cy: "8",
|
69
|
+
r: "7.5",
|
70
|
+
fill: "white",
|
71
|
+
stroke: "#7AC7F2"
|
72
|
+
}), ___EmotionJSX("path", {
|
73
|
+
d: "M11.5042 4.25C12.0833 5.37917 12.3125 6.68333 12.1667 8C12.0833 9.31667 11.625 10.6208 10.8458 11.75L10.2083 11.3333C10.8792 10.3208 11.2708 9.16667 11.3333 8C11.475 6.83333 11.2875 5.67917 10.7917 4.66667L11.5042 4.25ZM5.15416 4.25L5.79166 4.66667C5.12083 5.67917 4.72916 6.83333 4.66666 8C4.525 9.16667 4.71666 10.3208 5.20833 11.3333L4.50416 11.75C3.92083 10.6208 3.6875 9.32083 3.83333 8C3.91666 6.68333 4.375 5.37917 5.15416 4.25ZM8.03333 7.45L9 6.10417H10.0542L8.47916 8.1875L9.39583 10.2375H8.45416L7.87916 8.83333L6.86666 10.2208H5.81666L7.44166 8.0875L6.55416 6.10417H7.5L8.03333 7.45Z",
|
74
|
+
fill: "#7AC7F2"
|
75
|
+
})), ___EmotionJSX("defs", null, ___EmotionJSX("clipPath", {
|
76
|
+
id: "clip0_709_18965"
|
77
|
+
}, ___EmotionJSX("rect", {
|
78
|
+
width: "16",
|
79
|
+
height: "16",
|
80
|
+
fill: "white"
|
81
|
+
}))));
|
82
|
+
};
|
83
|
+
|
56
84
|
export var Default = function Default(_ref5) {
|
57
85
|
var args = _extends({}, _ref5);
|
58
86
|
|
@@ -68,11 +96,11 @@ export var CountChip = function CountChip(_ref6) {
|
|
68
96
|
color: "white"
|
69
97
|
}, args, {
|
70
98
|
label: "1",
|
71
|
-
variant: "boxes.countChip",
|
99
|
+
variant: "variants.boxes.countChip",
|
72
100
|
mb: "12px"
|
73
101
|
})), ___EmotionJSX(Chip, _extends({}, args, {
|
74
102
|
label: "1",
|
75
|
-
variant: "boxes.countNeutral"
|
103
|
+
variant: "variants.boxes.countNeutral"
|
76
104
|
})));
|
77
105
|
};
|
78
106
|
export var ChipWithCustomColors = function ChipWithCustomColors() {
|
@@ -121,4 +149,23 @@ export var ChipWithIcon = function ChipWithIcon() {
|
|
121
149
|
"aria-hidden": "true",
|
122
150
|
focusable: "false"
|
123
151
|
})));
|
152
|
+
};
|
153
|
+
export var ChipWithLeftSlotAndIcon = function ChipWithLeftSlotAndIcon() {
|
154
|
+
return ___EmotionJSX(Chip, {
|
155
|
+
label: "Chip with Icon Button and Left Slot",
|
156
|
+
bg: "white",
|
157
|
+
variant: "variants.boxes.itemChipWithSlot",
|
158
|
+
slots: {
|
159
|
+
leftIcon: ___EmotionJSX(Icon, {
|
160
|
+
icon: VariableIcon,
|
161
|
+
size: 16
|
162
|
+
})
|
163
|
+
}
|
164
|
+
}, ___EmotionJSX(IconButton, {
|
165
|
+
"aria-label": "delete",
|
166
|
+
variant: "buttons.chipWithSlotDeleteButton"
|
167
|
+
}, ___EmotionJSX(Icon, {
|
168
|
+
icon: Clear,
|
169
|
+
size: 14
|
170
|
+
})));
|
124
171
|
};
|
@@ -1,8 +1,10 @@
|
|
1
1
|
import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
|
2
2
|
import React from 'react';
|
3
3
|
import { render, screen } from '@testing-library/react';
|
4
|
+
import Earth from 'mdi-react/EarthIcon';
|
4
5
|
import Chip from '../Chip/Chip';
|
5
6
|
import Button from '../Button/Button';
|
7
|
+
import Icon from '../Icon/Icon';
|
6
8
|
import axeTest from '../../utils/testUtils/testAxe';
|
7
9
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
8
10
|
var testId = 'test-separator';
|
@@ -48,4 +50,17 @@ test('renders Chip component with custom alignment', function () {
|
|
48
50
|
});
|
49
51
|
expect(screen.getByTestId(testId)).toHaveStyleRule('position', 'absolute');
|
50
52
|
expect(screen.getByTestId(testId)).toHaveStyleRule('right', '15px');
|
53
|
+
});
|
54
|
+
test('renders Chip component with left slot', function () {
|
55
|
+
var slots = {
|
56
|
+
leftIcon: ___EmotionJSX(Icon, {
|
57
|
+
icon: Earth,
|
58
|
+
size: 14,
|
59
|
+
"data-testid": "iconId"
|
60
|
+
})
|
61
|
+
};
|
62
|
+
getComponent({
|
63
|
+
slots: slots
|
64
|
+
});
|
65
|
+
expect(screen.getByTestId('iconId')).toBeInTheDocument();
|
51
66
|
});
|