@dxc-technology/halstack-react 0.0.0-8d998c7 → 0.0.0-9005464

package/checkbox/Checkbox.stories.tsx

@@ -0,0 +1,192 @@
+import React from "react";
+import DxcCheckbox from "./Checkbox";
+import { BackgroundColorProvider } from "../BackgroundColorContext";
+import Title from "../../.storybook/components/Title";
+import ExampleContainer from "../../.storybook/components/ExampleContainer";
+import DarkContainer from "../../.storybook/components/DarkSection";
+import { userEvent, within } from "@storybook/testing-library";
+
+export default {
+  title: "Checkbox",
+  component: DxcCheckbox,
+};
+
+const Checkbox = () => (
+  <>
+    <>
+      <ExampleContainer>
+        <Title title="Default" theme="light" level={4} />
+        <DxcCheckbox label="Checkbox" />
+      </ExampleContainer>
+      <ExampleContainer>
+        <Title title="Focused" theme="light" level={4} />
+        <DxcCheckbox label="Focused" />
+      </ExampleContainer>
+      <ExampleContainer>
+        <Title title="Checked" theme="light" level={4} />
+        <DxcCheckbox label="Checkbox" checked />
+      </ExampleContainer>
+      <ExampleContainer>
+        <Title title="Required" theme="light" level={4} />
+        <DxcCheckbox label="Checkbox" required />
+      </ExampleContainer>
+      <ExampleContainer>
+        <Title title="Disabled and checked" theme="light" level={4} />
+        <DxcCheckbox label="Checkbox" disabled checked />
+      </ExampleContainer>
+      <ExampleContainer>
+        <Title title="Disabled and required" theme="light" level={4} />
+        <DxcCheckbox label="Checkbox" disabled required />
+      </ExampleContainer>
+      <ExampleContainer>
+        <Title title="Disabled, required and checked" theme="light" level={4} />
+        <DxcCheckbox label="Checkbox" disabled required checked />
+      </ExampleContainer>
+      <ExampleContainer>
+        <Title title="Label after" theme="light" level={4} />
+        <DxcCheckbox label="Checkbox" labelPosition="after" />
+      </ExampleContainer>
+      <ExampleContainer>
+        <Title title="Checked with label after" theme="light" level={4} />
+        <DxcCheckbox label="Checkbox" checked labelPosition="after" />
+      </ExampleContainer>
+      <ExampleContainer>
+        <Title title="Required with label after" theme="light" level={4} />
+        <DxcCheckbox label="Checkbox" required labelPosition="after" />
+      </ExampleContainer>
+      <ExampleContainer>
+        <Title title="Disabled and checked with label after" theme="light" level={4} />
+        <DxcCheckbox label="Checkbox" disabled checked labelPosition="after" />
+      </ExampleContainer>
+      <ExampleContainer>
+        <Title title="Disabled and required with label after" theme="light" level={4} />
+        <DxcCheckbox label="Checkbox" disabled required labelPosition="after" />
+      </ExampleContainer>
+      <ExampleContainer>
+        <Title title="Disabled, required and checked with label after" theme="light" level={4} />
+        <DxcCheckbox label="Checkbox" disabled required checked labelPosition="after" />
+      </ExampleContainer>
+      <ExampleContainer pseudoState="pseudo-hover">
+        <Title title="Hovered" theme="light" level={4} />
+        <DxcCheckbox label="Hovered" />
+      </ExampleContainer>
+      <ExampleContainer pseudoState="pseudo-hover">
+        <Title title="Hovered and checked" theme="light" level={4} />
+        <DxcCheckbox label="Hovered" checked />
+      </ExampleContainer>
+    </>
+    <BackgroundColorProvider color="#333333">
+      <DarkContainer>
+        <>
+          <ExampleContainer>
+            <Title title="Default" theme="dark" level={4} />
+            <DxcCheckbox label="Checkbox" />
+          </ExampleContainer>
+          <ExampleContainer>
+            <Title title="Checked" theme="dark" level={4} />
+            <DxcCheckbox label="Checkbox" checked />
+          </ExampleContainer>
+          <ExampleContainer>
+            <Title title="Required" theme="dark" level={4} />
+            <DxcCheckbox label="Checkbox" required />
+          </ExampleContainer>
+          <ExampleContainer>
+            <Title title="Disabled and checked" theme="dark" level={4} />
+            <DxcCheckbox label="Checkbox" disabled checked />
+          </ExampleContainer>
+          <ExampleContainer>
+            <Title title="Disabled and required" theme="dark" level={4} />
+            <DxcCheckbox label="Checkbox" disabled required />
+          </ExampleContainer>
+          <ExampleContainer>
+            <Title title="Disabled, required and checked" theme="dark" level={4} />
+            <DxcCheckbox label="Checkbox" disabled required checked />
+          </ExampleContainer>
+          <ExampleContainer>
+            <Title title="Label after" theme="dark" level={4} />
+            <DxcCheckbox label="Checkbox" labelPosition="after" />
+          </ExampleContainer>
+          <ExampleContainer>
+            <Title title="Checked with label after" theme="dark" level={4} />
+            <DxcCheckbox label="Checkbox" checked labelPosition="after" />
+          </ExampleContainer>
+          <ExampleContainer>
+            <Title title="Required with label after" theme="dark" level={4} />
+            <DxcCheckbox label="Checkbox" required labelPosition="after" />
+          </ExampleContainer>
+          <ExampleContainer>
+            <Title title="Disabled and checked with label after" theme="dark" level={4} />
+            <DxcCheckbox label="Checkbox" disabled checked labelPosition="after" />
+          </ExampleContainer>
+          <ExampleContainer>
+            <Title title="Disabled and required with label after" theme="dark" level={4} />
+            <DxcCheckbox label="Checkbox" disabled required labelPosition="after" />
+          </ExampleContainer>
+          <ExampleContainer>
+            <Title title="Disabled, required and checked with label after" theme="dark" level={4} />
+            <DxcCheckbox label="Checkbox" disabled required checked labelPosition="after" />
+          </ExampleContainer>
+          <ExampleContainer pseudoState="pseudo-hover">
+            <Title title="Hovered" theme="dark" level={4} />
+            <DxcCheckbox label="Hovered" />
+          </ExampleContainer>
+          <ExampleContainer pseudoState="pseudo-hover">
+            <Title title="Hovered and checked" theme="dark" level={4} />
+            <DxcCheckbox label="Hovered" checked />
+          </ExampleContainer>
+        </>
+      </DarkContainer>
+    </BackgroundColorProvider>
+    <Title title="Sizes" theme="light" level={2} />
+    <ExampleContainer>
+      <DxcCheckbox label="Small" size="small" />
+    </ExampleContainer>
+    <ExampleContainer>
+      <DxcCheckbox label="Medium" size="medium" />
+    </ExampleContainer>
+    <ExampleContainer>
+      <DxcCheckbox label="Large" size="large" />
+    </ExampleContainer>
+    <ExampleContainer>
+      <DxcCheckbox label="FitContent" size="fitContent" />
+    </ExampleContainer>
+    <ExampleContainer>
+      <DxcCheckbox label="FillParent" size="fillParent" />
+    </ExampleContainer>
+    <Title title="Margins" theme="light" level={2} />
+    <ExampleContainer>
+      <Title title="Xxsmall" theme="light" level={4} />
+      <DxcCheckbox label="Xxsmall" margin={"xxsmall"} />
+    </ExampleContainer>
+    <ExampleContainer>
+      <Title title="Xsmall" theme="light" level={4} />
+      <DxcCheckbox label="Xsmall" margin={"xsmall"} />
+    </ExampleContainer>
+    <ExampleContainer>
+      <Title title="Small" theme="light" level={4} />
+      <DxcCheckbox label="Small" margin={"small"} />
+    </ExampleContainer>
+    <ExampleContainer>
+      <Title title="Medium" theme="light" level={4} />
+      <DxcCheckbox label="Medium" margin={"medium"} />
+    </ExampleContainer>
+    <ExampleContainer>
+      <Title title="Large" theme="light" level={4} />
+      <DxcCheckbox label="Large" margin={"large"} />
+    </ExampleContainer>
+    <ExampleContainer>
+      <Title title="Xlarge" theme="light" level={4} />
+      <DxcCheckbox label="Xlarge" margin={"xlarge"} />
+    </ExampleContainer>
+    <ExampleContainer>
+      <Title title="Xxlarge" theme="light" level={4} />
+      <DxcCheckbox label="Xxlarge" margin={"xxlarge"} />
+    </ExampleContainer>
+  </>
+);
+
+export const Chromatic = Checkbox.bind({});
+Chromatic.play = async () => {
+  await userEvent.tab();
+  await userEvent.tab();
+};

package/common/variables.js

@@ -1042,9 +1042,13 @@ var componentTokens = {
   },
   slider: {
     fontFamily: globalTokens.type_sans,
-    fontSize: globalTokens.type_scale_03,
-    fontStyle: globalTokens.type_normal,
-    fontWeight: globalTokens.type_regular,
+    limitValuesFontColor: globalTokens.hal_black,
+    limitValuesFontColorOnDark: globalTokens.hal_white,
+    limitValuesFontSize: globalTokens.type_scale_03,
+    limitValuesFontStyle: globalTokens.type_normal,
+    limitValuesFontWeight: globalTokens.type_regular,
+    limitValuesFontLetterSpacing: globalTokens.type_spacing_normal,
+    disabledLimitValuesFontColor: globalTokens.hal_grey_l_60,
     labelFontFamily: globalTokens.type_sans,
     labelFontSize: globalTokens.type_scale_02,
     labelFontStyle: globalTokens.type_normal,
@@ -1058,9 +1062,13 @@ var componentTokens = {
     fontColor: globalTokens.hal_black,
     fontColorOnDark: globalTokens.hal_white,
     labelFontColor: globalTokens.hal_black,
+    labelFontColorOnDark: globalTokens.hal_white,
     helperTextFontColor: globalTokens.hal_black,
-    disabledFontColor: globalTokens.hal_grey_l_60,
-    fontLetterSpacing: globalTokens.type_spacing_normal,
+    helperTextFontColorOnDark: globalTokens.hal_white,
+    disabledLabelFontColor: globalTokens.hal_grey_l_60,
+    disabledLabelFontColorOnDark: globalTokens.hal_grey_l_60,
+    disabledHelperTextFontColor: globalTokens.hal_grey_l_60,
+    disabledHelperTextFontColorOnDark: globalTokens.hal_grey_l_60,
     thumbHeight: "12px",
     thumbWidth: "12px",
     hoverThumbHeight: "14px",
@@ -1142,30 +1150,30 @@ var componentTokens = {
   "switch": {
     checkedTrackBackgroundColor: globalTokens.hal_purple_s_38,
     checkedTrackBackgroundColorOnDark: globalTokens.hal_purple_s_38,
-    checkedThumbBackgroundColor: globalTokens.white,
-    checkedThumbBackgroundColorOnDark: globalTokens.white,
-    uncheckedTrackBackgroundColor: globalTokens.lightGrey,
-    uncheckedTrackBackgroundColorOnDark: globalTokens.lightGrey,
-    uncheckedThumbBackgroundColor: globalTokens.white,
-    uncheckedThumbBackgroundColorOnDark: globalTokens.white,
-    disabledCheckedTrackBackgroundColor: globalTokens.lightPurple,
+    checkedThumbBackgroundColor: globalTokens.hal_white,
+    checkedThumbBackgroundColorOnDark: globalTokens.hal_white,
+    uncheckedTrackBackgroundColor: globalTokens.hal_grey_l_75,
+    uncheckedTrackBackgroundColorOnDark: globalTokens.hal_grey_l_75,
+    uncheckedThumbBackgroundColor: globalTokens.hal_white,
+    uncheckedThumbBackgroundColorOnDark: globalTokens.hal_white,
+    disabledCheckedTrackBackgroundColor: globalTokens.hal_purple_l_95,
     disabledCheckedTrackBackgroundColorOnDark: "#1c0b24",
-    disabledCheckedThumbBackgroundColor: globalTokens.white,
-    disabledCheckedThumbBackgroundColorOnDark: globalTokens.white,
-    disabledUncheckedTrackBackgroundColor: globalTokens.lightWhite,
+    disabledCheckedThumbBackgroundColor: globalTokens.hal_white,
+    disabledCheckedThumbBackgroundColorOnDark: globalTokens.hal_white,
+    disabledUncheckedTrackBackgroundColor: globalTokens.hal_grey_l_95,
     disabledUncheckedTrackBackgroundColorOnDark: "#363636",
-    disabledUncheckedThumbBackgroundColor: globalTokens.white,
-    disabledUncheckedThumbBackgroundColorOnDark: globalTokens.white,
-    disabledLabelFontColor: globalTokens.lighterBlack,
+    disabledUncheckedThumbBackgroundColor: globalTokens.hal_white,
+    disabledUncheckedThumbBackgroundColorOnDark: globalTokens.hal_white,
+    disabledLabelFontColor: globalTokens.hal_grey_l_60,
     disabledLabelFontColorOnDark: "#575757",
     disabledLabelFontStyle: globalTokens.type_normal,
     labelFontFamily: globalTokens.type_sans,
     labelFontSize: globalTokens.type_scale_root,
     labelFontStyle: globalTokens.type_normal,
     labelFontWeight: globalTokens.type_regular,
-    labelFontColor: globalTokens.black,
-    labelFontColorOnDark: globalTokens.white,
-    thumbFocusColor: globalTokens.blue,
+    labelFontColor: globalTokens.hal_black,
+    labelFontColorOnDark: globalTokens.hal_white,
+    thumbFocusColor: globalTokens.hal_blue_l_50,
     thumbFocusColorOnDark: "#1682FF",
     thumbHeight: "24px",
     thumbWidth: "24px",

package/date-input/DateInput.stories.tsx

@@ -0,0 +1,138 @@
+import React from "react";
+import { userEvent, within, fireEvent, screen } from "@storybook/testing-library";
+import DxcDateInput from "./DateInput";
+import Title from "../../.storybook/components/Title";
+import ExampleContainer from "../../.storybook/components/ExampleContainer";
+import { BackgroundColorProvider } from "../BackgroundColorContext";
+import DarkContainer from "../../.storybook/components/DarkSection";
+
+export default {
+  title: "Date input",
+  component: DxcDateInput,
+};
+
+export const Chromatic = () => (
+  <>
+    <ExampleContainer>
+      <Title title="Complete date input" theme="light" level={4} />
+      <DxcDateInput label="Date input" helperText="Help message" format="dd/mm/yy" placeholder optional />
+    </ExampleContainer>
+    <ExampleContainer>
+      <Title title="Disabled" theme="light" level={4} />
+      <DxcDateInput label="Disabled date input" helperText="Help message" value="06-04-2027" clearable disabled />
+    </ExampleContainer>
+    <ExampleContainer>
+      <Title title="Invalid" theme="light" level={4} />
+      <DxcDateInput label="Error date input" error="Error message." placeholder />
+    </ExampleContainer>
+    <ExampleContainer>
+      <Title title="Relation between icons" theme="light" level={4} />
+      <DxcDateInput label="Error date input" error="Error message." value="06-04-2027" clearable />
+    </ExampleContainer>
+    <BackgroundColorProvider color="#333333">
+      <DarkContainer>
+        <Title title="Dark" theme="dark" level={2} />
+        <ExampleContainer>
+          <Title title="Complete date input" theme="dark" level={4} />
+          <DxcDateInput label="Date input" helperText="Help message" format="yyyy/dd/mm" placeholder optional />
+        </ExampleContainer>
+        <ExampleContainer>
+          <Title title="Disabled" theme="dark" level={4} />
+          <DxcDateInput label="Disabled Date input" helperText="Help message" value="06-04-2027" clearable disabled />
+        </ExampleContainer>
+        <ExampleContainer>
+          <Title title="Invalid" theme="dark" level={4} />
+          <DxcDateInput label="Error date input" error="Error message." placeholder />
+        </ExampleContainer>
+        <ExampleContainer>
+          <Title title="Relation between icons" theme="dark" level={4} />
+          <DxcDateInput label="Error date input" value="06-04-2027" error="Error message." clearable />
+        </ExampleContainer>
+      </DarkContainer>
+    </BackgroundColorProvider>
+    <Title title="Margins" theme="light" level={2} />
+    <ExampleContainer>
+      <Title title="Xxsmall" theme="light" level={4} />
+      <DxcDateInput label="Xxsmall" margin="xxsmall" />
+    </ExampleContainer>
+    <ExampleContainer>
+      <Title title="Xsmall" theme="light" level={4} />
+      <DxcDateInput label="Xsmall" margin="xsmall" />
+    </ExampleContainer>
+    <ExampleContainer>
+      <Title title="Small" theme="light" level={4} />
+      <DxcDateInput label="Small" margin="small" />
+    </ExampleContainer>
+    <ExampleContainer>
+      <Title title="Medium" theme="light" level={4} />
+      <DxcDateInput label="Medium" margin="medium" />
+    </ExampleContainer>
+    <ExampleContainer>
+      <Title title="Large" theme="light" level={4} />
+      <DxcDateInput label="Large" margin="large" />
+    </ExampleContainer>
+    <ExampleContainer>
+      <Title title="Xlarge" theme="light" level={4} />
+      <DxcDateInput label="Xlarge" margin="xlarge" />
+    </ExampleContainer>
+    <ExampleContainer>
+      <Title title="Xxlarge" theme="light" level={4} />
+      <DxcDateInput label="Xxlarge" margin="xxlarge" />
+    </ExampleContainer>
+    <Title title="Sizes" theme="light" level={2} />
+    <ExampleContainer>
+      <Title title="Medium size" theme="light" level={4} />
+      <DxcDateInput label="Medium" size="medium" />
+    </ExampleContainer>
+    <ExampleContainer>
+      <Title title="Large size" theme="light" level={4} />
+      <DxcDateInput label="Large" size="large" />
+    </ExampleContainer>
+    <ExampleContainer>
+      <Title title="FillParent size" theme="light" level={4} />
+      <DxcDateInput label="FillParent" size="fillParent" />
+    </ExampleContainer>
+  </>
+);
+
+const DatePicker = () => (
+  <ExampleContainer expanded>
+    <Title title="Show date input" theme="light" level={4} />
+    <DxcDateInput label="Date input" value="10-06-2023" />
+  </ExampleContainer>
+);
+
+export const ShowDatePicker = DatePicker.bind({});
+ShowDatePicker.play = async ({ canvasElement }) => {
+  const canvas = within(canvasElement);
+  const dateBtn = canvas.getByRole("button");
+  await userEvent.click(dateBtn);
+  await userEvent.tab();
+};
+
+const YearPicker = () => (
+  <ExampleContainer expanded>
+    <Title title="Show date input" theme="light" level={4} />
+    <DxcDateInput label="Date input" value="10-06-2023" />
+  </ExampleContainer>
+);
+
+export const ShowYearPicker = YearPicker.bind({});
+ShowYearPicker.play = async () => {
+  await fireEvent.click(screen.getByRole("button"));
+  await fireEvent.click(screen.getByText("2023"));
+};
+
+const YearPickerFocus = () => (
+  <ExampleContainer expanded>
+    <Title title="Show date input" theme="light" level={4} />
+    <DxcDateInput label="Date input" value="10-06-2023" />
+  </ExampleContainer>
+);
+
+export const ShowYearPickerFocus = YearPickerFocus.bind({});
+ShowYearPickerFocus.play = async () => {
+  await fireEvent.click(screen.getByRole("button"));
+  await fireEvent.click(screen.getByText("2023"));
+  await screen.getByText("2021").focus();
+};

package/dialog/Dialog.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import DialogPropsType from "./types";
+declare const DxcDialog: ({ isCloseVisible, onCloseClick, children, overlay, onBackgroundClick, padding, tabIndex, }: DialogPropsType) => JSX.Element;
+export default DxcDialog;

package/dialog/Dialog.js

@@ -9,8 +9,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
@@ -23,8 +21,6 @@ var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
 var _Dialog = _interopRequireDefault(require("@material-ui/core/Dialog"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _variables = require("../common/variables.js");
 
 var _useTheme = _interopRequireDefault(require("../useTheme.js"));
@@ -49,7 +45,7 @@ var DxcDialog = function DxcDialog(_ref) {
       _ref$tabIndex = _ref.tabIndex,
       tabIndex = _ref$tabIndex === void 0 ? 0 : _ref$tabIndex;
 
-  var _useState = (0, _react.useState)(),
+  var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
       isResponsive = _useState2[0],
       setIsResponsive = _useState2[1];
@@ -57,15 +53,15 @@ var DxcDialog = function DxcDialog(_ref) {
   var colorsTheme = (0, _useTheme["default"])();
 
   var handleClose = function handleClose() {
-    typeof onCloseClick === "function" && onCloseClick();
+    onCloseClick === null || onCloseClick === void 0 ? void 0 : onCloseClick();
   };
 
   var handleOverlayClick = function handleOverlayClick() {
-    typeof onBackgroundClick === "function" && onBackgroundClick();
+    onBackgroundClick === null || onBackgroundClick === void 0 ? void 0 : onBackgroundClick();
   };
 
   var handleResize = function handleResize(width) {
-    width && width <= _variables.responsiveSizes.tablet ? setIsResponsive(true) : setIsResponsive(false);
+    setIsResponsive(width && width <= _variables.responsiveSizes.tablet);
   };
 
   var handleEventListener = function handleEventListener() {
@@ -165,20 +161,5 @@ var CloseIcon = _styledComponents["default"].svg(_templateObject4 || (_templateO
   return props.theme.closeIconBorderColor;
 });
 
-DxcDialog.propTypes = {
-  padding: _propTypes["default"].oneOfType([_propTypes["default"].shape({
-    top: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
-    bottom: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
-    left: _propTypes["default"].oneOf(Object.keys(_variables.spaces)),
-    right: _propTypes["default"].oneOf(Object.keys(_variables.spaces))
-  }), _propTypes["default"].oneOf((0, _toConsumableArray2["default"])(Object.keys(_variables.spaces)))]),
-  isVisible: _propTypes["default"].bool,
-  isCloseVisible: _propTypes["default"].bool,
-  onClose: _propTypes["default"].func,
-  onCloseClick: _propTypes["default"].func,
-  onBackgroundClick: _propTypes["default"].func,
-  overlay: _propTypes["default"].bool,
-  tabIndex: _propTypes["default"].number
-};
 var _default = DxcDialog;
 exports["default"] = _default;

package/dialog/types.d.ts

@@ -0,0 +1,43 @@
+/// <reference types="react" />
+declare type Space = "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge";
+declare type Padding = {
+    top?: Space;
+    bottom?: Space;
+    left?: Space;
+    right?: Space;
+};
+declare type Props = {
+    /**
+     * If true, the close 'x' button will be visible.
+     */
+    isCloseVisible?: boolean;
+    /**
+     * This function will be called when the user clicks the close 'x' button.
+     * The responsibility of hiding the modal lies with the user.
+     */
+    onCloseClick?: () => void;
+    /**
+     * If true, the dialog will be displayed over a darker background that covers the content behind.
+     */
+    overlay?: boolean;
+    /**
+     * This function will be called when the user clicks background of the modal.
+     * The responsibility of hiding the modal lies with the user.
+     */
+    onBackgroundClick?: () => void;
+    /**
+     * Size of the padding to be applied to the component ('xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge').
+     * You can pass an object with 'top', 'bottom', 'left' and 'right' properties in order to specify different padding sizes.
+     */
+    padding?: Padding | Space;
+    /**
+     * Value of the tabindex given to the close 'x' button.
+     */
+    tabIndex?: number;
+    /**
+     * The area inside the dialog. This area can be used to render
+     * custom content.
+     */
+    children: React.ReactNode;
+};
+export default Props;

package/dialog/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});