@pingux/astro 1.38.0-alpha.0 → 1.38.0-alpha.2
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/CHANGELOG.md +12 -0
- 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} +14 -14
- package/lib/cjs/components/Chip/{Chip.test.js → Badge.test.js} +0 -0
- package/lib/cjs/components/Chip/Chip.js +5 -75
- 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 +2 -2
- package/lib/cjs/components/MultivaluesField/MultivaluesField.stories.js +3 -3
- 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/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} +5 -5
- package/lib/components/Chip/{Chip.test.js → Badge.test.js} +0 -0
- package/lib/components/Chip/Chip.js +5 -59
- 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 +2 -2
- package/lib/components/MultivaluesField/MultivaluesField.stories.js +3 -3
- 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/package.json +1 -1
- 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
|
|
@@ -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: {
|
@@ -96,11 +96,11 @@ export var CountChip = function CountChip(_ref6) {
|
|
96
96
|
color: "white"
|
97
97
|
}, args, {
|
98
98
|
label: "1",
|
99
|
-
variant: "boxes.countChip",
|
99
|
+
variant: "variants.boxes.countChip",
|
100
100
|
mb: "12px"
|
101
101
|
})), ___EmotionJSX(Chip, _extends({}, args, {
|
102
102
|
label: "1",
|
103
|
-
variant: "boxes.countNeutral"
|
103
|
+
variant: "variants.boxes.countNeutral"
|
104
104
|
})));
|
105
105
|
};
|
106
106
|
export var ChipWithCustomColors = function ChipWithCustomColors() {
|
@@ -154,7 +154,7 @@ export var ChipWithLeftSlotAndIcon = function ChipWithLeftSlotAndIcon() {
|
|
154
154
|
return ___EmotionJSX(Chip, {
|
155
155
|
label: "Chip with Icon Button and Left Slot",
|
156
156
|
bg: "white",
|
157
|
-
variant: "boxes.itemChipWithSlot",
|
157
|
+
variant: "variants.boxes.itemChipWithSlot",
|
158
158
|
slots: {
|
159
159
|
leftIcon: ___EmotionJSX(Icon, {
|
160
160
|
icon: VariableIcon,
|
File without changes
|
@@ -1,24 +1,8 @@
|
|
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
1
|
import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
|
10
|
-
import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
|
11
|
-
|
12
|
-
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; }
|
13
|
-
|
14
|
-
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; }
|
15
|
-
|
16
2
|
import React from 'react';
|
17
3
|
import PropTypes from 'prop-types';
|
18
|
-
import
|
19
|
-
import
|
20
|
-
import Text from '../Text/Text';
|
21
|
-
import * as colors from '../../styles/colors';
|
4
|
+
import Badge from './Badge';
|
5
|
+
import { useDeprecationWarning } from '../../hooks';
|
22
6
|
/**
|
23
7
|
* Chip component.
|
24
8
|
* Built on top of the [Box from Theme-UI](https://theme-ui.com/components/box/) and uses the
|
@@ -27,43 +11,10 @@ import * as colors from '../../styles/colors';
|
|
27
11
|
|
28
12
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
29
13
|
var Chip = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
30
|
-
|
31
|
-
|
32
|
-
textColor = props.textColor,
|
33
|
-
textProps = props.textProps,
|
34
|
-
label = props.label,
|
35
|
-
align = props.align,
|
36
|
-
isUppercase = props.isUppercase,
|
37
|
-
slots = props.slots;
|
38
|
-
|
39
|
-
var sx = _objectSpread({}, isUppercase && {
|
40
|
-
paddingBottom: '3px'
|
41
|
-
});
|
42
|
-
|
43
|
-
if (align) {
|
44
|
-
sx.position = 'absolute';
|
45
|
-
sx[align] = '15px';
|
46
|
-
}
|
47
|
-
|
48
|
-
return ___EmotionJSX(ChipContext.Provider, {
|
49
|
-
value: {
|
50
|
-
bg: bg
|
51
|
-
}
|
52
|
-
}, ___EmotionJSX(Box, _extends({
|
53
|
-
isRow: true,
|
54
|
-
variant: "boxes.chip",
|
55
|
-
sx: sx,
|
14
|
+
useDeprecationWarning('The Chip component will be deprecated in Astro-UI 2.0.0 and replaced by the `Badge` component instead.');
|
15
|
+
return ___EmotionJSX(Badge, _extends({
|
56
16
|
ref: ref
|
57
|
-
}, props)
|
58
|
-
mr: "xs"
|
59
|
-
}, slots.leftIcon), ___EmotionJSX(Text, _extends({
|
60
|
-
variant: "label",
|
61
|
-
color: textColor,
|
62
|
-
sx: isUppercase && {
|
63
|
-
textTransform: 'uppercase',
|
64
|
-
fontSize: '11px'
|
65
|
-
}
|
66
|
-
}, textProps), label), children));
|
17
|
+
}, props));
|
67
18
|
});
|
68
19
|
Chip.propTypes = {
|
69
20
|
/** The text color of the chip. */
|
@@ -90,9 +41,4 @@ Chip.propTypes = {
|
|
90
41
|
/** Alignment of chip relative to parent container. */
|
91
42
|
align: PropTypes.oneOf(['top', 'right', 'bottom', 'left'])
|
92
43
|
};
|
93
|
-
Chip.defaultProps = {
|
94
|
-
textColor: 'white',
|
95
|
-
bg: colors.neutral[10],
|
96
|
-
isUppercase: false
|
97
|
-
};
|
98
44
|
export default Chip;
|
@@ -7,7 +7,7 @@ import { Text } from '../..';
|
|
7
7
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
8
8
|
var code = "{\n \"_links\": {\n \"self\": {\n \"href\": \"https://api.pingone.com/v1/environments/94e3268d-847d-47aa-a45e-1ef8dd8f4df0/users/5a5d4c0c-8383-4796-9cdc-16b5a22f45ad\"\n },\n \"password\": {\n \"href\": \"https://api.pingone.com/v1/environments/94e3268d-847d-47aa-a45e-1ef8dd8f4df0/users/5a5d4c0c-8383-4796-9cdc-16b5a22f45ad/password\"\n },\n \"password.set\": {\n \"href\": \"https://api.pingone.com/v1/environments/94e3268d-847d-47aa-a45e-1ef8dd8f4df0/users/5a5d4c0c-8383-4796-9cdc-16b5a22f45ad/password\"\n },\n \"password.reset\": {\n \"href\": \"https://api.pingone.com/v1/environments/94e3268d-847d-47aa-a45e-1ef8dd8f4df0/users/5a5d4c0c-8383-4796-9cdc-16b5a22f45ad/password\"\n },\n \"password.check\": {\n \"href\": \"https://api.pingone.com/v1/environments/94e3268d-847d-47aa-a45e-1ef8dd8f4df0/users/5a5d4c0c-8383-4796-9cdc-16b5a22f45ad/password\"\n },\n \"password.recover\": {\n \"href\": \"https://api.pingone.com/v1/environments/94e3268d-847d-47aa-a45e-1ef8dd8f4df0/users/5a5d4c0c-8383-4796-9cdc-16b5a22f45ad/password\"\n },\n \"account.sendVerificationCode\": {\n \"href\": \"https://api.pingone.com/v1/environments/94e3268d-847d-47aa-a45e-1ef8dd8f4df0/users/5a5d4c0c-8383-4796-9cdc-16b5a22f45ad\"\n },\n \"linkedAccounts\": {\n \"href\": \"https://api.pingone.com/v1/environments/94e3268d-847d-47aa-a45e-1ef8dd8f4df0/users/5a5d4c0c-8383-4796-9cdc-16b5a22f45ad/linkedAccounts\"\n }\n },\n \"id\": \"5a5d4c0c-8383-4796-9cdc-16b5a22f45ad\",\n \"environment\": {\n \"id\": \"94e3268d-847d-47aa-a45e-1ef8dd8f4df0\"\n },\n \"account\": {\n \"canAuthenticate\": true,\n \"status\": \"OK\"\n },\n \"createdAt\": \"2021-09-03T15:01:43.555Z\",\n \"email\": \"allegraweldon@pingidentity.com\",\n \"enabled\": true,\n \"identityProvider\": {\n \"type\": \"PING_ONE\"\n },\n \"lifecycle\": {\n \"status\": \"ACCOUNT_OK\"\n },\n \"mfaEnabled\": false,\n \"population\": {\n \"id\": \"c1adbc29-f188-4ea6-a015-49bddd74bc84\"\n },\n \"updatedAt\": \"2021-09-03T15:01:43.555Z\",\n \"username\": \"allegraweldon@pingidentity.com\",\n \"verifyStatus\": \"NOT_INITIATED\"\n}";
|
9
9
|
export default {
|
10
|
-
title: 'CodeView',
|
10
|
+
title: 'Components/CodeView',
|
11
11
|
component: CodeView,
|
12
12
|
argTypes: {
|
13
13
|
children: {
|
@@ -29,7 +29,7 @@ import { useOverlayPanelState } from '../../hooks';
|
|
29
29
|
import { Breadcrumbs, Box, Button, CheckboxField, Chip, ListView, Item, Icon, IconButton, CollapsiblePanelItem, OverlayPanel, OverlayProvider, SearchField, Text } from '../../index';
|
30
30
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
31
31
|
export default {
|
32
|
-
title: 'CollapsiblePanel',
|
32
|
+
title: 'Components/CollapsiblePanel',
|
33
33
|
component: CollapsiblePanel,
|
34
34
|
argTypes: {
|
35
35
|
listTitle: {
|
@@ -19,7 +19,7 @@ var CollapsiblePanelBadge = function CollapsiblePanelBadge(props) {
|
|
19
19
|
bg: "neutral.90",
|
20
20
|
label: selectedFilterCount.toString(),
|
21
21
|
textColor: "neutral.30",
|
22
|
-
variant: "collapsiblePanel.collapsiblePanelBadge",
|
22
|
+
variant: "variants.collapsiblePanel.collapsiblePanelBadge",
|
23
23
|
isUppercase: true
|
24
24
|
}, others));
|
25
25
|
};
|
@@ -21,7 +21,7 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (
|
|
21
21
|
|
22
22
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context3 = ownKeys(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context4 = ownKeys(Object(source))).call(_context4, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
23
23
|
|
24
|
-
import React, { useState
|
24
|
+
import React, { useState } from 'react';
|
25
25
|
import { action } from '@storybook/addon-actions';
|
26
26
|
import { useFilter } from '@react-aria/i18n';
|
27
27
|
import { useAsyncList } from '@react-stately/data';
|
@@ -324,22 +324,65 @@ export var ControlledFiltering = function ControlledFiltering() {
|
|
324
324
|
}),
|
325
325
|
startsWith = _startsWithInstanceProperty(_useFilter);
|
326
326
|
|
327
|
-
var _useState7 = useState(
|
327
|
+
var _useState7 = useState({
|
328
|
+
inputValue: '',
|
329
|
+
selectedKey: '',
|
330
|
+
itemsList: items
|
331
|
+
}),
|
328
332
|
_useState8 = _slicedToArray(_useState7, 2),
|
329
|
-
|
330
|
-
|
333
|
+
fieldState = _useState8[0],
|
334
|
+
setFieldState = _useState8[1];
|
335
|
+
|
336
|
+
var onSelectionChange = function onSelectionChange(key) {
|
337
|
+
var selectedItem = _filterInstanceProperty(items).call(items, function (_ref2) {
|
338
|
+
var id = _ref2.id;
|
339
|
+
return id === key;
|
340
|
+
});
|
341
|
+
|
342
|
+
setFieldState({
|
343
|
+
inputValue: selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.name,
|
344
|
+
selectedKey: key,
|
345
|
+
itemsList: _filterInstanceProperty(items).call(items, function (item) {
|
346
|
+
var _selectedItem$name;
|
347
|
+
|
348
|
+
return startsWith(item.name, (_selectedItem$name = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.name) !== null && _selectedItem$name !== void 0 ? _selectedItem$name : '');
|
349
|
+
})
|
350
|
+
});
|
351
|
+
};
|
331
352
|
|
332
|
-
var
|
333
|
-
|
334
|
-
return
|
353
|
+
var onInputChange = function onInputChange(value) {
|
354
|
+
setFieldState(function (oldValues) {
|
355
|
+
return {
|
356
|
+
inputValue: value,
|
357
|
+
selectedKey: value === '' ? null : oldValues.selectedKey,
|
358
|
+
itemsList: _filterInstanceProperty(items).call(items, function (item) {
|
359
|
+
return startsWith(item.name, value);
|
360
|
+
})
|
361
|
+
};
|
335
362
|
});
|
336
|
-
}
|
363
|
+
};
|
364
|
+
|
365
|
+
var onOpenChange = function onOpenChange(isOpen, menuTrigger) {
|
366
|
+
if (menuTrigger === 'manual' && isOpen) {
|
367
|
+
setFieldState(function (oldValues) {
|
368
|
+
return {
|
369
|
+
inputValue: oldValues.inputValue,
|
370
|
+
selectedKey: oldValues.selectedKey,
|
371
|
+
itemsList: items
|
372
|
+
};
|
373
|
+
});
|
374
|
+
}
|
375
|
+
};
|
376
|
+
|
337
377
|
return ___EmotionJSX(OverlayProvider, null, ___EmotionJSX(ComboBoxField, _extends({
|
338
378
|
label: "Example label"
|
339
379
|
}, actions, {
|
340
|
-
items:
|
341
|
-
inputValue:
|
342
|
-
|
380
|
+
items: fieldState.itemsList,
|
381
|
+
inputValue: fieldState.inputValue,
|
382
|
+
selectedKey: fieldState.selectedKey,
|
383
|
+
onInputChange: onInputChange,
|
384
|
+
onSelectionChange: onSelectionChange,
|
385
|
+
onOpenChange: onOpenChange
|
343
386
|
}), function (item) {
|
344
387
|
return ___EmotionJSX(Item, {
|
345
388
|
key: item.name
|
@@ -504,8 +547,8 @@ export var ControlledWithAddOption = function ControlledWithAddOption() {
|
|
504
547
|
|
505
548
|
var onSelectionChange = function onSelectionChange(key) {
|
506
549
|
// Add new option to options array
|
507
|
-
if (key && !_findInstanceProperty(options).call(options, function (
|
508
|
-
var name =
|
550
|
+
if (key && !_findInstanceProperty(options).call(options, function (_ref3) {
|
551
|
+
var name = _ref3.name;
|
509
552
|
return name === key;
|
510
553
|
})) {
|
511
554
|
var _context2;
|