@hitachivantara/uikit-react-core 4.0.2 → 4.0.4

package/dist/modern/Stack/Stack.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stack.js","names":["React","useMemo","useCallback","useRef","PropTypes","clsx","Divider","withStyles","useTheme","isString","isBoolean","styles","useWidth","Focus","getDirection","direction","width","breakpoints","i","indexOf","undefined","HvStack","classes","children","spacing","divider","withNavigation","dividerProps","others","theme","containerRef","keys","processedDirection","getDividerComponent","root","Children","map","child","length","propTypes","shape","string","isRequired","node","oneOfType","oneOf","xs","sm","md","lg","xl","bool","object","name"],"sources":["../../../src/Stack/Stack.js"],"sourcesContent":["import React, { useMemo, useCallback, useRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { Divider } from \"@mui/material\";\nimport { withStyles, useTheme } from \"@mui/styles\";\nimport isString from \"lodash/isString\";\nimport isBoolean from \"lodash/isBoolean\";\nimport styles from \"./styles\";\nimport useWidth from \"../utils/useWidth\";\nimport Focus from \"../Focus\";\n\n/**\n * @returns {string} - Returns a direction for the stack: column or row. If the\n *                     `direction` property is a string and a valid direction then we\n *                     use it. If it's an object with multiple directions by breakpoint\n *                     we use the appropriate one or search for the nearest breakpoint\n *                     smaller than the current one to use.\n */\nconst getDirection = (direction, width, breakpoints) => {\n  if (isString(direction)) return direction;\n\n  for (let i = breakpoints.indexOf(width); i >= 0; i -= 1) {\n    if (direction[breakpoints[i]] !== undefined) {\n      return direction[breakpoints[i]];\n    }\n  }\n  return \"column\";\n};\n\n/**\n * A Stack component allows the organization of its children in a vertical or horizontal layout.\n *\n * It also allows the specification of the spacing between the stack elements and the adition of a divider between the elements.\n */\nconst HvStack = ({\n  classes,\n  children,\n  direction = \"column\",\n  spacing = \"sm\",\n  divider = false,\n  withNavigation = false,\n  dividerProps = {},\n  ...others\n}) => {\n  const width = useWidth();\n  const theme = useTheme();\n  const containerRef = useRef(null);\n\n  const breakpoints = useMemo(() => [...theme.breakpoints.keys], [theme]);\n\n  const processedDirection = useMemo(\n    () => getDirection(direction, width, breakpoints),\n    [direction, width, breakpoints]\n  );\n\n  /**\n   * @returns {node} - The divider component to use. If the property `divider` is\n   *                   set to `true` then the Material-UI divider is used, otherwise\n   *                   we use the custom divider the user passed.\n   */\n  const getDividerComponent = useCallback(() => {\n    if (isBoolean(divider) && divider) {\n      return (\n        <Divider\n          orientation={processedDirection === \"column\" ? \"horizontal\" : \"vertical\"}\n          flexItem={processedDirection === \"row\"}\n          role=\"separator\"\n          {...dividerProps}\n        />\n      );\n    }\n    return divider;\n  }, [divider, dividerProps, processedDirection]);\n\n  return (\n    <div\n      ref={containerRef}\n      className={clsx(classes.root, classes[processedDirection], classes[spacing])}\n      {...others}\n    >\n      {React.Children.map(children, (child, i) => {\n        return (\n          <>\n            {divider && i !== 0 && getDividerComponent(divider, processedDirection)}\n            {withNavigation ? (\n              <Focus\n                rootRef={containerRef}\n                focusDisabled={false}\n                strategy=\"grid\"\n                navigationJump={processedDirection === \"column\" ? 1 : children.length}\n                filterClass=\"child\"\n              >\n                <div className=\"child\">{child}</div>\n              </Focus>\n            ) : (\n              child\n            )}\n          </>\n        );\n      })}\n    </div>\n  );\n};\n\nHvStack.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied to the radio button.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n  /**\n   * Children of the stack component.\n   */\n  children: PropTypes.node,\n  /**\n   * The direction of the stack.\n   * Can be either a string or an object that states the direction for each breakpoint.\n   */\n  direction: PropTypes.oneOfType([\n    PropTypes.oneOf([\"column\", \"row\"]),\n    PropTypes.shape({\n      xs: PropTypes.string,\n      sm: PropTypes.string,\n      md: PropTypes.string,\n      lg: PropTypes.string,\n      xl: PropTypes.string,\n    }),\n  ]),\n  /**\n   * The spacing between elements of the stack.\n   */\n  spacing: PropTypes.oneOf([\"xs\", \"sm\", \"md\", \"lg\", \"xl\"]),\n  /**\n   * The divider component to be used between the stack elements.\n   *\n   * - If `true` the Material-UI Divider component will be used.\n   *\n   * - If a React node is passed then the custom divider will be used.\n   */\n  divider: PropTypes.oneOfType([PropTypes.bool, PropTypes.node]),\n  /**\n   * The properties to pass on to the Material-UI component.\n   */\n  dividerProps: PropTypes.object,\n  /**\n   * Sets whether or not there should be arrow navigation between the stack elements\n   */\n  withNavigation: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvStack\" })(HvStack);\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAP,IAAgBC,OAAhB,EAAyBC,WAAzB,EAAsCC,MAAtC,QAAoD,OAApD;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,OAAT,QAAwB,eAAxB;AACA,SAASC,UAAT,EAAqBC,QAArB,QAAqC,aAArC;AACA,OAAOC,QAAP,MAAqB,iBAArB;AACA,OAAOC,SAAP,MAAsB,kBAAtB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,QAAP,MAAqB,mBAArB;AACA,OAAOC,KAAP,MAAkB,UAAlB;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;AACA,MAAMC,YAAY,GAAG,CAACC,SAAD,EAAYC,KAAZ,EAAmBC,WAAnB,KAAmC;EACtD,IAAIR,QAAQ,CAACM,SAAD,CAAZ,EAAyB,OAAOA,SAAP;;EAEzB,KAAK,IAAIG,CAAC,GAAGD,WAAW,CAACE,OAAZ,CAAoBH,KAApB,CAAb,EAAyCE,CAAC,IAAI,CAA9C,EAAiDA,CAAC,IAAI,CAAtD,EAAyD;IACvD,IAAIH,SAAS,CAACE,WAAW,CAACC,CAAD,CAAZ,CAAT,KAA8BE,SAAlC,EAA6C;MAC3C,OAAOL,SAAS,CAACE,WAAW,CAACC,CAAD,CAAZ,CAAhB;IACD;EACF;;EACD,OAAO,QAAP;AACD,CATD;AAWA;AACA;AACA;AACA;AACA;;;AACA,MAAMG,OAAO,GAAG,QASV;EAAA,IATW;IACfC,OADe;IAEfC,QAFe;IAGfR,SAAS,GAAG,QAHG;IAIfS,OAAO,GAAG,IAJK;IAKfC,OAAO,GAAG,KALK;IAMfC,cAAc,GAAG,KANF;IAOfC,YAAY,GAAG;EAPA,CASX;EAAA,IADDC,MACC;;EACJ,MAAMZ,KAAK,GAAGJ,QAAQ,EAAtB;EACA,MAAMiB,KAAK,GAAGrB,QAAQ,EAAtB;EACA,MAAMsB,YAAY,GAAG3B,MAAM,CAAC,IAAD,CAA3B;EAEA,MAAMc,WAAW,GAAGhB,OAAO,CAAC,MAAM,CAAC,GAAG4B,KAAK,CAACZ,WAAN,CAAkBc,IAAtB,CAAP,EAAoC,CAACF,KAAD,CAApC,CAA3B;EAEA,MAAMG,kBAAkB,GAAG/B,OAAO,CAChC,MAAMa,YAAY,CAACC,SAAD,EAAYC,KAAZ,EAAmBC,WAAnB,CADc,EAEhC,CAACF,SAAD,EAAYC,KAAZ,EAAmBC,WAAnB,CAFgC,CAAlC;EAKA;AACF;AACA;AACA;AACA;;EACE,MAAMgB,mBAAmB,GAAG/B,WAAW,CAAC,MAAM;IAC5C,IAAIQ,SAAS,CAACe,OAAD,CAAT,IAAsBA,OAA1B,EAAmC;MACjC,oBACE,KAAC,OAAD;QACE,WAAW,EAAEO,kBAAkB,KAAK,QAAvB,GAAkC,YAAlC,GAAiD,UADhE;QAEE,QAAQ,EAAEA,kBAAkB,KAAK,KAFnC;QAGE,IAAI,EAAC;MAHP,GAIML,YAJN,EADF;IAQD;;IACD,OAAOF,OAAP;EACD,CAZsC,EAYpC,CAACA,OAAD,EAAUE,YAAV,EAAwBK,kBAAxB,CAZoC,CAAvC;EAcA,oBACE;IACE,GAAG,EAAEF,YADP;IAEE,SAAS,EAAEzB,IAAI,CAACiB,OAAO,CAACY,IAAT,EAAeZ,OAAO,CAACU,kBAAD,CAAtB,EAA4CV,OAAO,CAACE,OAAD,CAAnD;EAFjB,GAGMI,MAHN;IAAA,UAKG5B,KAAK,CAACmC,QAAN,CAAeC,GAAf,CAAmBb,QAAnB,EAA6B,CAACc,KAAD,EAAQnB,CAAR,KAAc;MAC1C,oBACE;QAAA,WACGO,OAAO,IAAIP,CAAC,KAAK,CAAjB,IAAsBe,mBAAmB,CAACR,OAAD,EAAUO,kBAAV,CAD5C,EAEGN,cAAc,gBACb,KAAC,KAAD;UACE,OAAO,EAAEI,YADX;UAEE,aAAa,EAAE,KAFjB;UAGE,QAAQ,EAAC,MAHX;UAIE,cAAc,EAAEE,kBAAkB,KAAK,QAAvB,GAAkC,CAAlC,GAAsCT,QAAQ,CAACe,MAJjE;UAKE,WAAW,EAAC,OALd;UAAA,uBAOE;YAAK,SAAS,EAAC,OAAf;YAAA,UAAwBD;UAAxB;QAPF,EADa,GAWbA,KAbJ;MAAA,EADF;IAkBD,CAnBA;EALH,GADF;AA4BD,CApED;;AAsEA,wCAAAhB,OAAO,CAACkB,SAAR,GAAoB;EAClB;AACF;AACA;EACEjB,OAAO,EAAElB,SAAS,CAACoC,KAAV,CAAgB;IACvB;AACJ;AACA;IACIN,IAAI,EAAE9B,SAAS,CAACqC;EAJO,CAAhB,EAKNC,UATe;;EAUlB;AACF;AACA;EACEnB,QAAQ,EAAEnB,SAAS,CAACuC,IAbF;;EAclB;AACF;AACA;AACA;EACE5B,SAAS,EAAEX,SAAS,CAACwC,SAAV,CAAoB,CAC7BxC,SAAS,CAACyC,KAAV,CAAgB,CAAC,QAAD,EAAW,KAAX,CAAhB,CAD6B,EAE7BzC,SAAS,CAACoC,KAAV,CAAgB;IACdM,EAAE,EAAE1C,SAAS,CAACqC,MADA;IAEdM,EAAE,EAAE3C,SAAS,CAACqC,MAFA;IAGdO,EAAE,EAAE5C,SAAS,CAACqC,MAHA;IAIdQ,EAAE,EAAE7C,SAAS,CAACqC,MAJA;IAKdS,EAAE,EAAE9C,SAAS,CAACqC;EALA,CAAhB,CAF6B,CAApB,CAlBO;;EA4BlB;AACF;AACA;EACEjB,OAAO,EAAEpB,SAAS,CAACyC,KAAV,CAAgB,CAAC,IAAD,EAAO,IAAP,EAAa,IAAb,EAAmB,IAAnB,EAAyB,IAAzB,CAAhB,CA/BS;;EAgClB;AACF;AACA;AACA;AACA;AACA;AACA;EACEpB,OAAO,EAAErB,SAAS,CAACwC,SAAV,CAAoB,CAACxC,SAAS,CAAC+C,IAAX,EAAiB/C,SAAS,CAACuC,IAA3B,CAApB,CAvCS;;EAwClB;AACF;AACA;EACEhB,YAAY,EAAEvB,SAAS,CAACgD,MA3CN;;EA4ClB;AACF;AACA;EACE1B,cAAc,EAAEtB,SAAS,CAAC+C;AA/CR,CAApB;AAkDA,eAAe5C,UAAU,CAACI,MAAD,EAAS;EAAE0C,IAAI,EAAE;AAAR,CAAT,CAAV,CAAwChC,OAAxC,CAAf"}
+{"version":3,"file":"Stack.js","names":["React","useMemo","useCallback","useRef","PropTypes","clsx","Divider","withStyles","useTheme","isString","isBoolean","styles","useWidth","Focus","getDirection","direction","width","breakpoints","i","indexOf","undefined","HvStack","classes","children","spacing","divider","withNavigation","dividerProps","others","theme","containerRef","keys","processedDirection","getDividerComponent","root","Children","map","child","length","propTypes","shape","string","isRequired","node","oneOfType","oneOf","xs","sm","md","lg","xl","bool","object","name"],"sources":["../../../src/Stack/Stack.js"],"sourcesContent":["import React, { useMemo, useCallback, useRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { Divider } from \"@mui/material\";\nimport { withStyles, useTheme } from \"@mui/styles\";\nimport isString from \"lodash/isString\";\nimport isBoolean from \"lodash/isBoolean\";\nimport styles from \"./styles\";\nimport useWidth from \"../utils/useWidth\";\nimport Focus from \"../Focus\";\n\n/**\n * @returns {string} - Returns a direction for the stack: column or row. If the\n *                     `direction` property is a string and a valid direction then we\n *                     use it. If it's an object with multiple directions by breakpoint\n *                     we use the appropriate one or search for the nearest breakpoint\n *                     smaller than the current one to use.\n */\nconst getDirection = (direction, width, breakpoints) => {\n  if (isString(direction)) return direction;\n\n  for (let i = breakpoints.indexOf(width); i >= 0; i -= 1) {\n    if (direction[breakpoints[i]] !== undefined) {\n      return direction[breakpoints[i]];\n    }\n  }\n  return \"column\";\n};\n\n/**\n * A Stack component allows the organization of its children in a vertical or horizontal layout.\n *\n * It also allows the specification of the spacing between the stack elements and the adition of a divider between the elements.\n */\nconst HvStack = ({\n  classes,\n  children,\n  direction = \"column\",\n  spacing = \"sm\",\n  divider = false,\n  withNavigation = false,\n  dividerProps = {},\n  ...others\n}) => {\n  const width = useWidth();\n  const theme = useTheme();\n  const containerRef = useRef(null);\n\n  const breakpoints = useMemo(() => [...theme.breakpoints.keys], [theme]);\n\n  const processedDirection = useMemo(\n    () => getDirection(direction, width, breakpoints),\n    [direction, width, breakpoints]\n  );\n\n  /**\n   * @returns {node} - The divider component to use. If the property `divider` is\n   *                   set to `true` then the Material-UI divider is used, otherwise\n   *                   we use the custom divider the user passed.\n   */\n  const getDividerComponent = useCallback(() => {\n    if (isBoolean(divider) && divider) {\n      return (\n        <Divider\n          orientation={processedDirection === \"column\" ? \"horizontal\" : \"vertical\"}\n          flexItem={processedDirection === \"row\"}\n          role=\"separator\"\n          {...dividerProps}\n        />\n      );\n    }\n    return divider;\n  }, [divider, dividerProps, processedDirection]);\n\n  return (\n    <div\n      ref={containerRef}\n      className={clsx(classes.root, classes[processedDirection], classes[spacing])}\n      {...others}\n    >\n      {React.Children.map(children, (child, i) => {\n        return (\n          <>\n            {divider && i !== 0 && getDividerComponent(divider, processedDirection)}\n            {withNavigation ? (\n              <Focus\n                rootRef={containerRef}\n                focusDisabled={false}\n                strategy=\"grid\"\n                navigationJump={processedDirection === \"column\" ? 1 : children.length}\n                filterClass=\"child\"\n              >\n                <div className=\"child\">{child}</div>\n              </Focus>\n            ) : (\n              child\n            )}\n          </>\n        );\n      })}\n    </div>\n  );\n};\n\nHvStack.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied to the radio button.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n  /**\n   * Children of the stack component.\n   */\n  children: PropTypes.node,\n  /**\n   * The direction of the stack.\n   * Can be either a string or an object that states the direction for each breakpoint.\n   */\n  direction: PropTypes.oneOfType([\n    PropTypes.oneOf([\"column\", \"row\"]),\n    PropTypes.shape({\n      xs: PropTypes.string,\n      sm: PropTypes.string,\n      md: PropTypes.string,\n      lg: PropTypes.string,\n      xl: PropTypes.string,\n    }),\n  ]),\n  /**\n   * The spacing between elements of the stack.\n   */\n  spacing: PropTypes.oneOf([\"xs\", \"sm\", \"md\", \"lg\", \"xl\"]),\n  /**\n   * The divider component to be used between the stack elements.\n   *\n   * - If `true` the Material-UI Divider component will be used.\n   *\n   * - If a React node is passed then the custom divider will be used.\n   */\n  divider: PropTypes.oneOfType([PropTypes.bool, PropTypes.node]),\n  /**\n   * The properties to pass on to the Material-UI component.\n   */\n  dividerProps: PropTypes.object,\n  /**\n   * Sets whether or not there should be arrow navigation between the stack elements\n   */\n  withNavigation: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvStack\" })(HvStack);\n"],"mappings":"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"}

package/dist/modern/Stack/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../../src/Stack/index.js"],"sourcesContent":["export { default } from \"./Stack\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,SAAxB"}
+{"version":3,"file":"index.js","names":["default"],"sources":["../../../src/Stack/index.js"],"sourcesContent":["export { default } from \"./Stack\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,SAAS"}

package/dist/modern/Stack/styles.js

@@ -24,6 +24,5 @@ const styles = theme => ({
     gap: theme.hvSpacing("xl")
   }
 });
-
 export default styles;
 //# sourceMappingURL=styles.js.map

package/dist/modern/Stack/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","display","column","flexDirection","row","xs","gap","hvSpacing","sm","md","lg","xl"],"sources":["../../../src/Stack/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"flex\",\n  },\n  column: {\n    flexDirection: \"column\",\n  },\n  row: {\n    flexDirection: \"row\",\n  },\n  xs: {\n    gap: theme.hvSpacing(\"xs\"),\n  },\n  sm: {\n    gap: theme.hvSpacing(\"sm\"),\n  },\n  md: {\n    gap: theme.hvSpacing(\"md\"),\n  },\n  lg: {\n    gap: theme.hvSpacing(\"lg\"),\n  },\n  xl: {\n    gap: theme.hvSpacing(\"xl\"),\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAE;EADL,CADmB;EAIzBC,MAAM,EAAE;IACNC,aAAa,EAAE;EADT,CAJiB;EAOzBC,GAAG,EAAE;IACHD,aAAa,EAAE;EADZ,CAPoB;EAUzBE,EAAE,EAAE;IACFC,GAAG,EAAEP,KAAK,CAACQ,SAAN,CAAgB,IAAhB;EADH,CAVqB;EAazBC,EAAE,EAAE;IACFF,GAAG,EAAEP,KAAK,CAACQ,SAAN,CAAgB,IAAhB;EADH,CAbqB;EAgBzBE,EAAE,EAAE;IACFH,GAAG,EAAEP,KAAK,CAACQ,SAAN,CAAgB,IAAhB;EADH,CAhBqB;EAmBzBG,EAAE,EAAE;IACFJ,GAAG,EAAEP,KAAK,CAACQ,SAAN,CAAgB,IAAhB;EADH,CAnBqB;EAsBzBI,EAAE,EAAE;IACFL,GAAG,EAAEP,KAAK,CAACQ,SAAN,CAAgB,IAAhB;EADH;AAtBqB,CAAZ,CAAf;;AA2BA,eAAeT,MAAf"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","display","column","flexDirection","row","xs","gap","hvSpacing","sm","md","lg","xl"],"sources":["../../../src/Stack/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"flex\",\n  },\n  column: {\n    flexDirection: \"column\",\n  },\n  row: {\n    flexDirection: \"row\",\n  },\n  xs: {\n    gap: theme.hvSpacing(\"xs\"),\n  },\n  sm: {\n    gap: theme.hvSpacing(\"sm\"),\n  },\n  md: {\n    gap: theme.hvSpacing(\"md\"),\n  },\n  lg: {\n    gap: theme.hvSpacing(\"lg\"),\n  },\n  xl: {\n    gap: theme.hvSpacing(\"xl\"),\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAK,KAAM;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAE;EACX,CAAC;EACDC,MAAM,EAAE;IACNC,aAAa,EAAE;EACjB,CAAC;EACDC,GAAG,EAAE;IACHD,aAAa,EAAE;EACjB,CAAC;EACDE,EAAE,EAAE;IACFC,GAAG,EAAEP,KAAK,CAACQ,SAAS,CAAC,IAAI;EAC3B,CAAC;EACDC,EAAE,EAAE;IACFF,GAAG,EAAEP,KAAK,CAACQ,SAAS,CAAC,IAAI;EAC3B,CAAC;EACDE,EAAE,EAAE;IACFH,GAAG,EAAEP,KAAK,CAACQ,SAAS,CAAC,IAAI;EAC3B,CAAC;EACDG,EAAE,EAAE;IACFJ,GAAG,EAAEP,KAAK,CAACQ,SAAS,CAAC,IAAI;EAC3B,CAAC;EACDI,EAAE,EAAE;IACFL,GAAG,EAAEP,KAAK,CAACQ,SAAS,CAAC,IAAI;EAC3B;AACF,CAAC,CAAC;AAEF,eAAeT,MAAM"}

package/dist/modern/Switch/Switch.js

@@ -1,12 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["classes", "className", "id", "name", "value", "required", "readOnly", "disabled", "label", "aria-label", "aria-labelledby", "aria-describedby", "labelProps", "checked", "defaultChecked", "onChange", "status", "statusMessage", "aria-errormessage", "inputProps"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-import "core-js/modules/web.dom-collections.iterator.js";
 import React, { useCallback } from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
@@ -16,41 +12,39 @@ import { isInvalid } from "../Forms/FormElement/validationStates";
 import { setId, useControlled } from "../utils";
 import HvBaseSwitch from "../BaseSwitch";
 import styles from "./styles";
+
 /**
  * A Switch is <b>binary</b> and work as a digital on/off button.
  *
  * Use when two states are <b>opposite</b> and to trigger immediate
  * changes in the system.
  */
-
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const HvSwitch = props => {
   const {
-    classes,
-    className,
-    id,
-    name,
-    value = "on",
-    required = false,
-    readOnly = false,
-    disabled = false,
-    label,
-    "aria-label": ariaLabel,
-    "aria-labelledby": ariaLabelledBy,
-    "aria-describedby": ariaDescribedBy,
-    labelProps,
-    checked,
-    defaultChecked = false,
-    onChange,
-    status,
-    statusMessage,
-    "aria-errormessage": ariaErrorMessage,
-    inputProps
-  } = props,
-        others = _objectWithoutProperties(props, _excluded);
-
+      classes,
+      className,
+      id,
+      name,
+      value = "on",
+      required = false,
+      readOnly = false,
+      disabled = false,
+      label,
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      "aria-describedby": ariaDescribedBy,
+      labelProps,
+      checked,
+      defaultChecked = false,
+      onChange,
+      status,
+      statusMessage,
+      "aria-errormessage": ariaErrorMessage,
+      inputProps
+    } = props,
+    others = _objectWithoutProperties(props, _excluded);
   const elementId = useUniqueId(id, "hvswitch");
   const [isChecked, setIsChecked] = useControlled(checked, Boolean(defaultChecked));
   const [validationState, setValidationState] = useControlled(status, "standBy");
@@ -63,23 +57,21 @@ const HvSwitch = props => {
       } else {
         setValidationState("valid");
       }
-
       return newChecked;
     });
     onChange === null || onChange === void 0 ? void 0 : onChange(evt, newChecked, value);
-  }, [onChange, required, setIsChecked, setValidationState, value]); // the error message area will only be created if:
+  }, [onChange, required, setIsChecked, setValidationState, value]);
+
+  // the error message area will only be created if:
   // - an external element that provides an error message isn't identified via aria-errormessage AND
   //   - both status and statusMessage properties are being controlled OR
   //   - status is uncontrolled and required is true
-
   const canShowError = ariaErrorMessage == null && (status !== undefined && statusMessage !== undefined || status === undefined && required);
   const isStateInvalid = isInvalid(validationState);
   let errorMessageId;
-
   if (isStateInvalid) {
     errorMessageId = canShowError ? setId(elementId, "error") : ariaErrorMessage;
   }
-
   return /*#__PURE__*/_jsxs(HvFormElement, {
     id: id,
     name: name,
@@ -122,13 +114,11 @@ const HvSwitch = props => {
     })]
   });
 };
-
 process.env.NODE_ENV !== "production" ? HvSwitch.propTypes = {
   /**
    * Class names to be applied.
    */
   className: PropTypes.string,
-
   /**
    * A Jss Object used to override or extend the styles applied to the switch.
    */
@@ -137,38 +127,31 @@ process.env.NODE_ENV !== "production" ? HvSwitch.propTypes = {
      * Styles applied to the component.
      */
     root: PropTypes.string,
-
     /**
      * Styles applied to the label.
      */
     label: PropTypes.string,
-
     /**
      * Styles applied to the error area.
      */
     error: PropTypes.string,
-
     /**
      * Styles applied to the switch container.
      */
     switchContainer: PropTypes.string,
-
     /**
      * Styles applied to the switch container when the validations status is invalid.
      */
     invalidSwitch: PropTypes.string
   }).isRequired,
-
   /**
    * Id to be applied to the form element root node.
    */
   id: PropTypes.string,
-
   /**
    * The form element name.
    */
   name: PropTypes.string,
-
   /**
    * The value of the form element.
    *
@@ -179,7 +162,6 @@ process.env.NODE_ENV !== "production" ? HvSwitch.propTypes = {
    */
   // eslint-disable-next-line react/forbid-prop-types
   value: PropTypes.any,
-
   /**
    * The label of the form element.
    *
@@ -187,54 +169,44 @@ process.env.NODE_ENV !== "production" ? HvSwitch.propTypes = {
    * If not provided, an aria-label or aria-labelledby must be inputted via inputProps.
    */
   label: PropTypes.node,
-
   /**
    * @ignore
    */
   "aria-label": PropTypes.string,
-
   /**
    * @ignore
    */
   "aria-labelledby": PropTypes.string,
-
   /**
    * @ignore
    */
   "aria-describedby": PropTypes.string,
-
   /**
    * Properties passed on to the label element.
    */
   labelProps: PropTypes.instanceOf(Object),
-
   /**
    * Indicates that the form element is disabled.
    */
   disabled: PropTypes.bool,
-
   /**
    * Indicates that the form element is not editable.
    */
   readOnly: PropTypes.bool,
-
   /**
    * Indicates that user input is required on the form element.
    */
   required: PropTypes.bool,
-
   /**
    * If `true` the switch is selected, if set to `false` the switch is not selected.
    *
    * When defined the switch state becomes controlled.
    */
   checked: PropTypes.bool,
-
   /**
    * When uncontrolled, defines the initial checked state.
    */
   defaultChecked: PropTypes.bool,
-
   /**
    * The status of the form element.
    *
@@ -244,26 +216,22 @@ process.env.NODE_ENV !== "production" ? HvSwitch.propTypes = {
    * or "invalid" after any change to `checked`, depending of the values of both `required` and `checked`.
    */
   status: PropTypes.oneOf(["standBy", "valid", "invalid"]),
-
   /**
    * The error message to show when the validation status is "invalid".
    *
    * Defaults to "Required" when the status is uncontrolled and no `aria-errormessage` is provided.
    */
   statusMessage: PropTypes.string,
-
   /**
    * Identifies the element that provides an error message for the switch.
    *
    * Will only be used when the validation status is invalid.
    */
   "aria-errormessage": PropTypes.string,
-
   /**
    * The callback fired when the switch is pressed.
    */
   onChange: PropTypes.func,
-
   /**
    * Properties passed on to the input element.
    */

package/dist/modern/Switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","names":["React","useCallback","PropTypes","clsx","withStyles","HvFormElement","HvLabel","HvWarningText","useUniqueId","isInvalid","setId","useControlled","HvBaseSwitch","styles","HvSwitch","props","classes","className","id","name","value","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","ariaDescribedBy","labelProps","checked","defaultChecked","onChange","status","statusMessage","ariaErrorMessage","inputProps","others","elementId","isChecked","setIsChecked","Boolean","validationState","setValidationState","validationMessage","onLocalChange","evt","newChecked","canShowError","undefined","isStateInvalid","errorMessageId","root","switchContainer","invalidSwitch","error","propTypes","string","shape","isRequired","any","node","instanceOf","Object","bool","oneOf","func"],"sources":["../../../src/Switch/Switch.js"],"sourcesContent":["import React, { useCallback } from \"react\";\n\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@mui/styles\";\n\nimport { HvFormElement, HvLabel, HvWarningText, useUniqueId } from \"..\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\n\nimport { setId, useControlled } from \"../utils\";\n\nimport HvBaseSwitch from \"../BaseSwitch\";\n\nimport styles from \"./styles\";\n\n/**\n * A Switch is <b>binary</b> and work as a digital on/off button.\n *\n * Use when two states are <b>opposite</b> and to trigger immediate\n * changes in the system.\n */\nconst HvSwitch = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n    value = \"on\",\n    required = false,\n    readOnly = false,\n    disabled = false,\n\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    \"aria-describedby\": ariaDescribedBy,\n    labelProps,\n\n    checked,\n    defaultChecked = false,\n\n    onChange,\n\n    status,\n    statusMessage,\n    \"aria-errormessage\": ariaErrorMessage,\n\n    inputProps,\n\n    ...others\n  } = props;\n\n  const elementId = useUniqueId(id, \"hvswitch\");\n\n  const [isChecked, setIsChecked] = useControlled(checked, Boolean(defaultChecked));\n\n  const [validationState, setValidationState] = useControlled(status, \"standBy\");\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const onLocalChange = useCallback(\n    (evt, newChecked) => {\n      setIsChecked(() => {\n        // this will only run if uncontrolled\n        if (required && !newChecked) {\n          setValidationState(\"invalid\");\n        } else {\n          setValidationState(\"valid\");\n        }\n\n        return newChecked;\n      });\n\n      onChange?.(evt, newChecked, value);\n    },\n    [onChange, required, setIsChecked, setValidationState, value]\n  );\n\n  // the error message area will only be created if:\n  // - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled OR\n  //   - status is uncontrolled and required is true\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) || (status === undefined && required));\n\n  const isStateInvalid = isInvalid(validationState);\n\n  let errorMessageId;\n  if (isStateInvalid) {\n    errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\n  }\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      status={validationState}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={clsx(className, classes.root)}\n    >\n      {label && (\n        <HvLabel\n          id={setId(elementId, \"label\")}\n          htmlFor={setId(elementId, \"input\")}\n          label={label}\n          className={clsx(classes.label)}\n          {...labelProps}\n        />\n      )}\n      <div className={clsx(classes.switchContainer, { [classes.invalidSwitch]: isStateInvalid })}>\n        <HvBaseSwitch\n          id={label ? setId(elementId, \"input\") : setId(id, \"input\")}\n          name={name}\n          disabled={disabled}\n          readOnly={readOnly}\n          required={required}\n          onChange={onLocalChange}\n          value={value}\n          checked={isChecked}\n          inputProps={{\n            \"aria-invalid\": isStateInvalid ? true : undefined,\n            \"aria-errormessage\": errorMessageId,\n            \"aria-label\": ariaLabel,\n            \"aria-labelledby\": ariaLabelledBy,\n            \"aria-describedby\": ariaDescribedBy,\n            ...inputProps,\n          }}\n          {...others}\n        />\n      </div>\n      {canShowError && (\n        <HvWarningText\n          id={setId(elementId, \"error\")}\n          className={clsx(classes.error)}\n          disableBorder\n          disableAdornment\n          hideText\n        >\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n\nHvSwitch.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the switch.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the label.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the error area.\n     */\n    error: PropTypes.string,\n    /**\n     * Styles applied to the switch container.\n     */\n    switchContainer: PropTypes.string,\n    /**\n     * Styles applied to the switch container when the validations status is invalid.\n     */\n    invalidSwitch: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Id to be applied to the form element root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * The form element name.\n   */\n  name: PropTypes.string,\n  /**\n   * The value of the form element.\n   *\n   * Is up to the application's logic when to consider the submission of this value.\n   * Generally it should be used only when the switch is neither unchecked nor indeterminate.\n   *\n   * The default value is \"on\".\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  value: PropTypes.any,\n\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be inputted via inputProps.\n   */\n  label: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-label\": PropTypes.string,\n  /**\n   * @ignore\n   */\n  \"aria-labelledby\": PropTypes.string,\n  /**\n   * @ignore\n   */\n  \"aria-describedby\": PropTypes.string,\n  /**\n   * Properties passed on to the label element.\n   */\n  labelProps: PropTypes.instanceOf(Object),\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that the form element is not editable.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required: PropTypes.bool,\n\n  /**\n   * If `true` the switch is selected, if set to `false` the switch is not selected.\n   *\n   * When defined the switch state becomes controlled.\n   */\n  checked: PropTypes.bool,\n  /**\n   * When uncontrolled, defines the initial checked state.\n   */\n  defaultChecked: PropTypes.bool,\n\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to `checked`, depending of the values of both `required` and `checked`.\n   */\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * The error message to show when the validation status is \"invalid\".\n   *\n   * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n   */\n  statusMessage: PropTypes.string,\n  /**\n   * Identifies the element that provides an error message for the switch.\n   *\n   * Will only be used when the validation status is invalid.\n   */\n  \"aria-errormessage\": PropTypes.string,\n\n  /**\n   * The callback fired when the switch is pressed.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * Properties passed on to the input element.\n   */\n  inputProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvSwitch\" })(HvSwitch);\n"],"mappings":"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"}
+{"version":3,"file":"Switch.js","names":["React","useCallback","PropTypes","clsx","withStyles","HvFormElement","HvLabel","HvWarningText","useUniqueId","isInvalid","setId","useControlled","HvBaseSwitch","styles","HvSwitch","props","classes","className","id","name","value","required","readOnly","disabled","label","ariaLabel","ariaLabelledBy","ariaDescribedBy","labelProps","checked","defaultChecked","onChange","status","statusMessage","ariaErrorMessage","inputProps","others","elementId","isChecked","setIsChecked","Boolean","validationState","setValidationState","validationMessage","onLocalChange","evt","newChecked","canShowError","undefined","isStateInvalid","errorMessageId","root","switchContainer","invalidSwitch","error","propTypes","string","shape","isRequired","any","node","instanceOf","Object","bool","oneOf","func"],"sources":["../../../src/Switch/Switch.js"],"sourcesContent":["import React, { useCallback } from \"react\";\n\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@mui/styles\";\n\nimport { HvFormElement, HvLabel, HvWarningText, useUniqueId } from \"..\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\n\nimport { setId, useControlled } from \"../utils\";\n\nimport HvBaseSwitch from \"../BaseSwitch\";\n\nimport styles from \"./styles\";\n\n/**\n * A Switch is <b>binary</b> and work as a digital on/off button.\n *\n * Use when two states are <b>opposite</b> and to trigger immediate\n * changes in the system.\n */\nconst HvSwitch = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n    value = \"on\",\n    required = false,\n    readOnly = false,\n    disabled = false,\n\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    \"aria-describedby\": ariaDescribedBy,\n    labelProps,\n\n    checked,\n    defaultChecked = false,\n\n    onChange,\n\n    status,\n    statusMessage,\n    \"aria-errormessage\": ariaErrorMessage,\n\n    inputProps,\n\n    ...others\n  } = props;\n\n  const elementId = useUniqueId(id, \"hvswitch\");\n\n  const [isChecked, setIsChecked] = useControlled(checked, Boolean(defaultChecked));\n\n  const [validationState, setValidationState] = useControlled(status, \"standBy\");\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const onLocalChange = useCallback(\n    (evt, newChecked) => {\n      setIsChecked(() => {\n        // this will only run if uncontrolled\n        if (required && !newChecked) {\n          setValidationState(\"invalid\");\n        } else {\n          setValidationState(\"valid\");\n        }\n\n        return newChecked;\n      });\n\n      onChange?.(evt, newChecked, value);\n    },\n    [onChange, required, setIsChecked, setValidationState, value]\n  );\n\n  // the error message area will only be created if:\n  // - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled OR\n  //   - status is uncontrolled and required is true\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) || (status === undefined && required));\n\n  const isStateInvalid = isInvalid(validationState);\n\n  let errorMessageId;\n  if (isStateInvalid) {\n    errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\n  }\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      status={validationState}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={clsx(className, classes.root)}\n    >\n      {label && (\n        <HvLabel\n          id={setId(elementId, \"label\")}\n          htmlFor={setId(elementId, \"input\")}\n          label={label}\n          className={clsx(classes.label)}\n          {...labelProps}\n        />\n      )}\n      <div className={clsx(classes.switchContainer, { [classes.invalidSwitch]: isStateInvalid })}>\n        <HvBaseSwitch\n          id={label ? setId(elementId, \"input\") : setId(id, \"input\")}\n          name={name}\n          disabled={disabled}\n          readOnly={readOnly}\n          required={required}\n          onChange={onLocalChange}\n          value={value}\n          checked={isChecked}\n          inputProps={{\n            \"aria-invalid\": isStateInvalid ? true : undefined,\n            \"aria-errormessage\": errorMessageId,\n            \"aria-label\": ariaLabel,\n            \"aria-labelledby\": ariaLabelledBy,\n            \"aria-describedby\": ariaDescribedBy,\n            ...inputProps,\n          }}\n          {...others}\n        />\n      </div>\n      {canShowError && (\n        <HvWarningText\n          id={setId(elementId, \"error\")}\n          className={clsx(classes.error)}\n          disableBorder\n          disableAdornment\n          hideText\n        >\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n\nHvSwitch.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the switch.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the label.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the error area.\n     */\n    error: PropTypes.string,\n    /**\n     * Styles applied to the switch container.\n     */\n    switchContainer: PropTypes.string,\n    /**\n     * Styles applied to the switch container when the validations status is invalid.\n     */\n    invalidSwitch: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Id to be applied to the form element root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * The form element name.\n   */\n  name: PropTypes.string,\n  /**\n   * The value of the form element.\n   *\n   * Is up to the application's logic when to consider the submission of this value.\n   * Generally it should be used only when the switch is neither unchecked nor indeterminate.\n   *\n   * The default value is \"on\".\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  value: PropTypes.any,\n\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be inputted via inputProps.\n   */\n  label: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-label\": PropTypes.string,\n  /**\n   * @ignore\n   */\n  \"aria-labelledby\": PropTypes.string,\n  /**\n   * @ignore\n   */\n  \"aria-describedby\": PropTypes.string,\n  /**\n   * Properties passed on to the label element.\n   */\n  labelProps: PropTypes.instanceOf(Object),\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that the form element is not editable.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required: PropTypes.bool,\n\n  /**\n   * If `true` the switch is selected, if set to `false` the switch is not selected.\n   *\n   * When defined the switch state becomes controlled.\n   */\n  checked: PropTypes.bool,\n  /**\n   * When uncontrolled, defines the initial checked state.\n   */\n  defaultChecked: PropTypes.bool,\n\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to `checked`, depending of the values of both `required` and `checked`.\n   */\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * The error message to show when the validation status is \"invalid\".\n   *\n   * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n   */\n  statusMessage: PropTypes.string,\n  /**\n   * Identifies the element that provides an error message for the switch.\n   *\n   * Will only be used when the validation status is invalid.\n   */\n  \"aria-errormessage\": PropTypes.string,\n\n  /**\n   * The callback fired when the switch is pressed.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * Properties passed on to the input element.\n   */\n  inputProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvSwitch\" })(HvSwitch);\n"],"mappings":"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"}

package/dist/modern/Switch/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../../src/Switch/index.js"],"sourcesContent":["export { default } from \"./Switch\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,UAAxB"}
+{"version":3,"file":"index.js","names":["default"],"sources":["../../../src/Switch/index.js"],"sourcesContent":["export { default } from \"./Switch\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,UAAU"}

package/dist/modern/Switch/styles.js

@@ -19,6 +19,5 @@ const styles = theme => ({
   },
   error: {}
 });
-
 export default styles;
 //# sourceMappingURL=styles.js.map

package/dist/modern/Switch/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","display","flexDirection","alignItems","label","marginBottom","hv","spacing","xs","switchContainer","height","justifyContent","borderBottom","invalidSwitch","palette","semantic","sema4","error"],"sources":["../../../src/Switch/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"inline-flex\",\n    flexDirection: \"column\",\n    alignItems: \"flex-start\",\n  },\n\n  label: {\n    marginBottom: theme.hv.spacing.xs,\n  },\n\n  switchContainer: {\n    height: 32,\n    display: \"flex\",\n    flexDirection: \"column\",\n    justifyContent: \"center\",\n    borderBottom: `1px solid transparent`,\n  },\n\n  invalidSwitch: {\n    borderBottom: `1px solid ${theme.hv.palette.semantic.sema4}`,\n  },\n\n  error: {},\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAE,aADL;IAEJC,aAAa,EAAE,QAFX;IAGJC,UAAU,EAAE;EAHR,CADmB;EAOzBC,KAAK,EAAE;IACLC,YAAY,EAAEN,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBC;EAD1B,CAPkB;EAWzBC,eAAe,EAAE;IACfC,MAAM,EAAE,EADO;IAEfT,OAAO,EAAE,MAFM;IAGfC,aAAa,EAAE,QAHA;IAIfS,cAAc,EAAE,QAJD;IAKfC,YAAY,EAAG;EALA,CAXQ;EAmBzBC,aAAa,EAAE;IACbD,YAAY,EAAG,aAAYb,KAAK,CAACO,EAAN,CAASQ,OAAT,CAAiBC,QAAjB,CAA0BC,KAAM;EAD9C,CAnBU;EAuBzBC,KAAK,EAAE;AAvBkB,CAAZ,CAAf;;AA0BA,eAAenB,MAAf"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","display","flexDirection","alignItems","label","marginBottom","hv","spacing","xs","switchContainer","height","justifyContent","borderBottom","invalidSwitch","palette","semantic","sema4","error"],"sources":["../../../src/Switch/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"inline-flex\",\n    flexDirection: \"column\",\n    alignItems: \"flex-start\",\n  },\n\n  label: {\n    marginBottom: theme.hv.spacing.xs,\n  },\n\n  switchContainer: {\n    height: 32,\n    display: \"flex\",\n    flexDirection: \"column\",\n    justifyContent: \"center\",\n    borderBottom: `1px solid transparent`,\n  },\n\n  invalidSwitch: {\n    borderBottom: `1px solid ${theme.hv.palette.semantic.sema4}`,\n  },\n\n  error: {},\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAK,KAAM;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAE,aAAa;IACtBC,aAAa,EAAE,QAAQ;IACvBC,UAAU,EAAE;EACd,CAAC;EAEDC,KAAK,EAAE;IACLC,YAAY,EAAEN,KAAK,CAACO,EAAE,CAACC,OAAO,CAACC;EACjC,CAAC;EAEDC,eAAe,EAAE;IACfC,MAAM,EAAE,EAAE;IACVT,OAAO,EAAE,MAAM;IACfC,aAAa,EAAE,QAAQ;IACvBS,cAAc,EAAE,QAAQ;IACxBC,YAAY,EAAG;EACjB,CAAC;EAEDC,aAAa,EAAE;IACbD,YAAY,EAAG,aAAYb,KAAK,CAACO,EAAE,CAACQ,OAAO,CAACC,QAAQ,CAACC,KAAM;EAC7D,CAAC;EAEDC,KAAK,EAAE,CAAC;AACV,CAAC,CAAC;AAEF,eAAenB,MAAM"}

package/dist/modern/Tab/Tab.js

@@ -1,11 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["classes"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import React from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
@@ -13,13 +10,11 @@ import { Tab } from "@mui/material";
 import { withStyles } from "@mui/styles";
 import styles from "./styles";
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const HvTab = props => {
   const {
-    classes
-  } = props,
-        others = _objectWithoutProperties(props, _excluded);
-
+      classes
+    } = props,
+    others = _objectWithoutProperties(props, _excluded);
   return /*#__PURE__*/_jsx(Tab, _objectSpread({
     classes: {
       root: classes.root,
@@ -27,24 +22,22 @@ const HvTab = props => {
       disabled: classes.disabled
     },
     disableRipple: true,
-    disableTouchRipple: true // expose the global class HvIsFocusVisible as a marker
+    disableTouchRipple: true
+    // expose the global class HvIsFocusVisible as a marker
     // not to be styled directly, only as helper in specific css queries
     ,
     focusVisibleClassName: clsx("HvIsFocusVisible", classes.focusVisible)
   }, others));
 };
-
 process.env.NODE_ENV !== "production" ? HvTab.propTypes = {
   /**
    * Identifier.
    */
   id: PropTypes.string,
-
   /**
    * Class names to be applied.
    */
   className: PropTypes.string,
-
   /**
    * A Jss Object used to override or extend the component styles.
    */
@@ -53,38 +46,31 @@ process.env.NODE_ENV !== "production" ? HvTab.propTypes = {
      * Styles applied to the root element.
      */
     root: PropTypes.string,
-
     /**
      * Styles applied to the label container element if `label` is provided.
      */
     labelContainer: PropTypes.string,
-
     /**
      * Styles applied to the root element if `selected={true}` (controlled by the Tabs component).
      */
     selected: PropTypes.string,
-
     /**
      * Styles applied to the root element if `disabled={true}` (controlled by the Tabs component).
      */
     disabled: PropTypes.string,
-
     /**
      * Styles applied to the root element if keyboard focused.
      */
     focusVisible: PropTypes.string
   }).isRequired,
-
   /**
    * If `true`, the tab will be disabled.
    */
   disabled: PropTypes.bool,
-
   /**
    * The icon element.
    */
   icon: PropTypes.node,
-
   /**
    * The label element.
    */

package/dist/modern/Tab/Tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.js","names":["React","PropTypes","clsx","Tab","withStyles","styles","HvTab","props","classes","others","root","selected","disabled","focusVisible","propTypes","id","string","className","shape","labelContainer","isRequired","bool","icon","node","label","defaultProps","name"],"sources":["../../../src/Tab/Tab.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { Tab } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\n\nconst HvTab = (props) => {\n  const { classes, ...others } = props;\n\n  return (\n    <Tab\n      classes={{\n        root: classes.root,\n        selected: classes.selected,\n        disabled: classes.disabled,\n      }}\n      disableRipple\n      disableTouchRipple\n      // expose the global class HvIsFocusVisible as a marker\n      // not to be styled directly, only as helper in specific css queries\n      focusVisibleClassName={clsx(\"HvIsFocusVisible\", classes.focusVisible)}\n      {...others}\n    />\n  );\n};\n\nHvTab.propTypes = {\n  /**\n   * Identifier.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root element.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the label container element if `label` is provided.\n     */\n    labelContainer: PropTypes.string,\n    /**\n     * Styles applied to the root element if `selected={true}` (controlled by the Tabs component).\n     */\n    selected: PropTypes.string,\n    /**\n     * Styles applied to the root element if `disabled={true}` (controlled by the Tabs component).\n     */\n    disabled: PropTypes.string,\n    /**\n     * Styles applied to the root element if keyboard focused.\n     */\n    focusVisible: PropTypes.string,\n  }).isRequired,\n  /**\n   * If `true`, the tab will be disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * The icon element.\n   */\n  icon: PropTypes.node,\n  /**\n   * The label element.\n   */\n  label: PropTypes.node,\n};\n\nHvTab.defaultProps = {\n  disabled: false,\n  icon: null,\n  label: null,\n};\n\nexport default withStyles(styles, { name: \"HvTab\" })(HvTab);\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,GAAT,QAAoB,eAApB;AACA,SAASC,UAAT,QAA2B,aAA3B;AACA,OAAOC,MAAP,MAAmB,UAAnB;;;AAEA,MAAMC,KAAK,GAAIC,KAAD,IAAW;EACvB,MAAM;IAAEC;EAAF,IAAyBD,KAA/B;EAAA,MAAoBE,MAApB,4BAA+BF,KAA/B;;EAEA,oBACE,KAAC,GAAD;IACE,OAAO,EAAE;MACPG,IAAI,EAAEF,OAAO,CAACE,IADP;MAEPC,QAAQ,EAAEH,OAAO,CAACG,QAFX;MAGPC,QAAQ,EAAEJ,OAAO,CAACI;IAHX,CADX;IAME,aAAa,MANf;IAOE,kBAAkB,MAPpB,CAQE;IACA;IATF;IAUE,qBAAqB,EAAEV,IAAI,CAAC,kBAAD,EAAqBM,OAAO,CAACK,YAA7B;EAV7B,GAWMJ,MAXN,EADF;AAeD,CAlBD;;AAoBA,wCAAAH,KAAK,CAACQ,SAAN,GAAkB;EAChB;AACF;AACA;EACEC,EAAE,EAAEd,SAAS,CAACe,MAJE;;EAKhB;AACF;AACA;EACEC,SAAS,EAAEhB,SAAS,CAACe,MARL;;EAShB;AACF;AACA;EACER,OAAO,EAAEP,SAAS,CAACiB,KAAV,CAAgB;IACvB;AACJ;AACA;IACIR,IAAI,EAAET,SAAS,CAACe,MAJO;;IAKvB;AACJ;AACA;IACIG,cAAc,EAAElB,SAAS,CAACe,MARH;;IASvB;AACJ;AACA;IACIL,QAAQ,EAAEV,SAAS,CAACe,MAZG;;IAavB;AACJ;AACA;IACIJ,QAAQ,EAAEX,SAAS,CAACe,MAhBG;;IAiBvB;AACJ;AACA;IACIH,YAAY,EAAEZ,SAAS,CAACe;EApBD,CAAhB,EAqBNI,UAjCa;;EAkChB;AACF;AACA;EACER,QAAQ,EAAEX,SAAS,CAACoB,IArCJ;;EAsChB;AACF;AACA;EACEC,IAAI,EAAErB,SAAS,CAACsB,IAzCA;;EA0ChB;AACF;AACA;EACEC,KAAK,EAAEvB,SAAS,CAACsB;AA7CD,CAAlB;AAgDAjB,KAAK,CAACmB,YAAN,GAAqB;EACnBb,QAAQ,EAAE,KADS;EAEnBU,IAAI,EAAE,IAFa;EAGnBE,KAAK,EAAE;AAHY,CAArB;AAMA,eAAepB,UAAU,CAACC,MAAD,EAAS;EAAEqB,IAAI,EAAE;AAAR,CAAT,CAAV,CAAsCpB,KAAtC,CAAf"}
+{"version":3,"file":"Tab.js","names":["React","PropTypes","clsx","Tab","withStyles","styles","HvTab","props","classes","others","root","selected","disabled","focusVisible","propTypes","id","string","className","shape","labelContainer","isRequired","bool","icon","node","label","defaultProps","name"],"sources":["../../../src/Tab/Tab.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { Tab } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\n\nconst HvTab = (props) => {\n  const { classes, ...others } = props;\n\n  return (\n    <Tab\n      classes={{\n        root: classes.root,\n        selected: classes.selected,\n        disabled: classes.disabled,\n      }}\n      disableRipple\n      disableTouchRipple\n      // expose the global class HvIsFocusVisible as a marker\n      // not to be styled directly, only as helper in specific css queries\n      focusVisibleClassName={clsx(\"HvIsFocusVisible\", classes.focusVisible)}\n      {...others}\n    />\n  );\n};\n\nHvTab.propTypes = {\n  /**\n   * Identifier.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root element.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the label container element if `label` is provided.\n     */\n    labelContainer: PropTypes.string,\n    /**\n     * Styles applied to the root element if `selected={true}` (controlled by the Tabs component).\n     */\n    selected: PropTypes.string,\n    /**\n     * Styles applied to the root element if `disabled={true}` (controlled by the Tabs component).\n     */\n    disabled: PropTypes.string,\n    /**\n     * Styles applied to the root element if keyboard focused.\n     */\n    focusVisible: PropTypes.string,\n  }).isRequired,\n  /**\n   * If `true`, the tab will be disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * The icon element.\n   */\n  icon: PropTypes.node,\n  /**\n   * The label element.\n   */\n  label: PropTypes.node,\n};\n\nHvTab.defaultProps = {\n  disabled: false,\n  icon: null,\n  label: null,\n};\n\nexport default withStyles(styles, { name: \"HvTab\" })(HvTab);\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,IAAI,MAAM,MAAM;AACvB,SAASC,GAAG,QAAQ,eAAe;AACnC,SAASC,UAAU,QAAQ,aAAa;AACxC,OAAOC,MAAM,MAAM,UAAU;AAAC;AAE9B,MAAMC,KAAK,GAAIC,KAAK,IAAK;EACvB,MAAM;MAAEC;IAAmB,CAAC,GAAGD,KAAK;IAAhBE,MAAM,4BAAKF,KAAK;EAEpC,oBACE,KAAC,GAAG;IACF,OAAO,EAAE;MACPG,IAAI,EAAEF,OAAO,CAACE,IAAI;MAClBC,QAAQ,EAAEH,OAAO,CAACG,QAAQ;MAC1BC,QAAQ,EAAEJ,OAAO,CAACI;IACpB,CAAE;IACF,aAAa;IACb,kBAAkB;IAClB;IACA;IAAA;IACA,qBAAqB,EAAEV,IAAI,CAAC,kBAAkB,EAAEM,OAAO,CAACK,YAAY;EAAE,GAClEJ,MAAM,EACV;AAEN,CAAC;AAED,wCAAAH,KAAK,CAACQ,SAAS,GAAG;EAChB;AACF;AACA;EACEC,EAAE,EAAEd,SAAS,CAACe,MAAM;EACpB;AACF;AACA;EACEC,SAAS,EAAEhB,SAAS,CAACe,MAAM;EAC3B;AACF;AACA;EACER,OAAO,EAAEP,SAAS,CAACiB,KAAK,CAAC;IACvB;AACJ;AACA;IACIR,IAAI,EAAET,SAAS,CAACe,MAAM;IACtB;AACJ;AACA;IACIG,cAAc,EAAElB,SAAS,CAACe,MAAM;IAChC;AACJ;AACA;IACIL,QAAQ,EAAEV,SAAS,CAACe,MAAM;IAC1B;AACJ;AACA;IACIJ,QAAQ,EAAEX,SAAS,CAACe,MAAM;IAC1B;AACJ;AACA;IACIH,YAAY,EAAEZ,SAAS,CAACe;EAC1B,CAAC,CAAC,CAACI,UAAU;EACb;AACF;AACA;EACER,QAAQ,EAAEX,SAAS,CAACoB,IAAI;EACxB;AACF;AACA;EACEC,IAAI,EAAErB,SAAS,CAACsB,IAAI;EACpB;AACF;AACA;EACEC,KAAK,EAAEvB,SAAS,CAACsB;AACnB,CAAC;AAEDjB,KAAK,CAACmB,YAAY,GAAG;EACnBb,QAAQ,EAAE,KAAK;EACfU,IAAI,EAAE,IAAI;EACVE,KAAK,EAAE;AACT,CAAC;AAED,eAAepB,UAAU,CAACC,MAAM,EAAE;EAAEqB,IAAI,EAAE;AAAQ,CAAC,CAAC,CAACpB,KAAK,CAAC"}

package/dist/modern/Tab/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../../src/Tab/index.js"],"sourcesContent":["export { default } from \"./Tab\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,OAAxB"}
+{"version":3,"file":"index.js","names":["default"],"sources":["../../../src/Tab/index.js"],"sourcesContent":["export { default } from \"./Tab\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,OAAO"}

package/dist/modern/Tab/styles.js

@@ -1,11 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import { outlineStyles } from "../Focus/styles";
-
 const styles = theme => ({
   root: _objectSpread(_objectSpread({
     marginTop: "3px",
@@ -51,6 +47,5 @@ const styles = theme => ({
   selected: {},
   disabled: {}
 });
-
 export default styles;
 //# sourceMappingURL=styles.js.map

package/dist/modern/Tab/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["outlineStyles","styles","theme","root","marginTop","padding","minWidth","minHeight","textTransform","fontFamily","hv","typography","normalText","height","backgroundColor","palette","atmosphere","atmo5","color","highlightText","fontWeight","lineHeight","lineWeight","letterSpacing","cursor","pointerEvents","opacity","background","position","left","top","width","atmo4","content","focusVisible","selected","disabled"],"sources":["../../../src/Tab/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {\n    marginTop: \"3px\",\n    padding: \"0 20px\",\n    minWidth: 70,\n    minHeight: 32,\n    textTransform: \"none\",\n    fontFamily: theme.hv.typography.fontFamily,\n    ...theme.hv.typography.normalText,\n    \"&:hover\": {\n      \"&::after\": {\n        height: \"1px\",\n        backgroundColor: theme.hv.palette.atmosphere.atmo5,\n      },\n    },\n    \"&$selected\": {\n      color: theme.hv.typography.highlightText.color,\n      fontWeight: theme.hv.typography.highlightText.fontWeight,\n      lineHeight: theme.hv.typography.highlightText.lineWeight,\n      letterSpacing: theme.hv.typography.highlightText.letterSpacing,\n    },\n    \"&$disabled\": {\n      color: theme.hv.palette.atmosphere.atmo5,\n      cursor: \"not-allowed\",\n      pointerEvents: \"all\",\n      opacity: 1,\n      \"&:hover\": {\n        background: \"none\",\n      },\n    },\n    opacity: 1,\n    \"&::after\": {\n      position: \"absolute\",\n      left: 0,\n      top: \"calc(100% - 1px)\",\n      height: \"1px\",\n      width: \"100%\",\n      backgroundColor: theme.hv.palette.atmosphere.atmo4,\n      content: \"''\",\n    },\n  },\n  focusVisible: {\n    ...outlineStyles,\n  },\n  selected: {},\n  disabled: {},\n});\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,SAASA,aAAT,QAA8B,iBAA9B;;AAEA,MAAMC,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI;IACFC,SAAS,EAAE,KADT;IAEFC,OAAO,EAAE,QAFP;IAGFC,QAAQ,EAAE,EAHR;IAIFC,SAAS,EAAE,EAJT;IAKFC,aAAa,EAAE,MALb;IAMFC,UAAU,EAAEP,KAAK,CAACQ,EAAN,CAASC,UAAT,CAAoBF;EAN9B,GAOCP,KAAK,CAACQ,EAAN,CAASC,UAAT,CAAoBC,UAPrB;IAQF,WAAW;MACT,YAAY;QACVC,MAAM,EAAE,KADE;QAEVC,eAAe,EAAEZ,KAAK,CAACQ,EAAN,CAASK,OAAT,CAAiBC,UAAjB,CAA4BC;MAFnC;IADH,CART;IAcF,cAAc;MACZC,KAAK,EAAEhB,KAAK,CAACQ,EAAN,CAASC,UAAT,CAAoBQ,aAApB,CAAkCD,KAD7B;MAEZE,UAAU,EAAElB,KAAK,CAACQ,EAAN,CAASC,UAAT,CAAoBQ,aAApB,CAAkCC,UAFlC;MAGZC,UAAU,EAAEnB,KAAK,CAACQ,EAAN,CAASC,UAAT,CAAoBQ,aAApB,CAAkCG,UAHlC;MAIZC,aAAa,EAAErB,KAAK,CAACQ,EAAN,CAASC,UAAT,CAAoBQ,aAApB,CAAkCI;IAJrC,CAdZ;IAoBF,cAAc;MACZL,KAAK,EAAEhB,KAAK,CAACQ,EAAN,CAASK,OAAT,CAAiBC,UAAjB,CAA4BC,KADvB;MAEZO,MAAM,EAAE,aAFI;MAGZC,aAAa,EAAE,KAHH;MAIZC,OAAO,EAAE,CAJG;MAKZ,WAAW;QACTC,UAAU,EAAE;MADH;IALC,CApBZ;IA6BFD,OAAO,EAAE,CA7BP;IA8BF,YAAY;MACVE,QAAQ,EAAE,UADA;MAEVC,IAAI,EAAE,CAFI;MAGVC,GAAG,EAAE,kBAHK;MAIVjB,MAAM,EAAE,KAJE;MAKVkB,KAAK,EAAE,MALG;MAMVjB,eAAe,EAAEZ,KAAK,CAACQ,EAAN,CAASK,OAAT,CAAiBC,UAAjB,CAA4BgB,KANnC;MAOVC,OAAO,EAAE;IAPC;EA9BV,EADqB;EAyCzBC,YAAY,oBACPlC,aADO,CAzCa;EA4CzBmC,QAAQ,EAAE,EA5Ce;EA6CzBC,QAAQ,EAAE;AA7Ce,CAAZ,CAAf;;AAgDA,eAAenC,MAAf"}
+{"version":3,"file":"styles.js","names":["outlineStyles","styles","theme","root","marginTop","padding","minWidth","minHeight","textTransform","fontFamily","hv","typography","normalText","height","backgroundColor","palette","atmosphere","atmo5","color","highlightText","fontWeight","lineHeight","lineWeight","letterSpacing","cursor","pointerEvents","opacity","background","position","left","top","width","atmo4","content","focusVisible","selected","disabled"],"sources":["../../../src/Tab/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {\n    marginTop: \"3px\",\n    padding: \"0 20px\",\n    minWidth: 70,\n    minHeight: 32,\n    textTransform: \"none\",\n    fontFamily: theme.hv.typography.fontFamily,\n    ...theme.hv.typography.normalText,\n    \"&:hover\": {\n      \"&::after\": {\n        height: \"1px\",\n        backgroundColor: theme.hv.palette.atmosphere.atmo5,\n      },\n    },\n    \"&$selected\": {\n      color: theme.hv.typography.highlightText.color,\n      fontWeight: theme.hv.typography.highlightText.fontWeight,\n      lineHeight: theme.hv.typography.highlightText.lineWeight,\n      letterSpacing: theme.hv.typography.highlightText.letterSpacing,\n    },\n    \"&$disabled\": {\n      color: theme.hv.palette.atmosphere.atmo5,\n      cursor: \"not-allowed\",\n      pointerEvents: \"all\",\n      opacity: 1,\n      \"&:hover\": {\n        background: \"none\",\n      },\n    },\n    opacity: 1,\n    \"&::after\": {\n      position: \"absolute\",\n      left: 0,\n      top: \"calc(100% - 1px)\",\n      height: \"1px\",\n      width: \"100%\",\n      backgroundColor: theme.hv.palette.atmosphere.atmo4,\n      content: \"''\",\n    },\n  },\n  focusVisible: {\n    ...outlineStyles,\n  },\n  selected: {},\n  disabled: {},\n});\n\nexport default styles;\n"],"mappings":";;;AAAA,SAASA,aAAa,QAAQ,iBAAiB;AAE/C,MAAMC,MAAM,GAAIC,KAAK,KAAM;EACzBC,IAAI;IACFC,SAAS,EAAE,KAAK;IAChBC,OAAO,EAAE,QAAQ;IACjBC,QAAQ,EAAE,EAAE;IACZC,SAAS,EAAE,EAAE;IACbC,aAAa,EAAE,MAAM;IACrBC,UAAU,EAAEP,KAAK,CAACQ,EAAE,CAACC,UAAU,CAACF;EAAU,GACvCP,KAAK,CAACQ,EAAE,CAACC,UAAU,CAACC,UAAU;IACjC,SAAS,EAAE;MACT,UAAU,EAAE;QACVC,MAAM,EAAE,KAAK;QACbC,eAAe,EAAEZ,KAAK,CAACQ,EAAE,CAACK,OAAO,CAACC,UAAU,CAACC;MAC/C;IACF,CAAC;IACD,YAAY,EAAE;MACZC,KAAK,EAAEhB,KAAK,CAACQ,EAAE,CAACC,UAAU,CAACQ,aAAa,CAACD,KAAK;MAC9CE,UAAU,EAAElB,KAAK,CAACQ,EAAE,CAACC,UAAU,CAACQ,aAAa,CAACC,UAAU;MACxDC,UAAU,EAAEnB,KAAK,CAACQ,EAAE,CAACC,UAAU,CAACQ,aAAa,CAACG,UAAU;MACxDC,aAAa,EAAErB,KAAK,CAACQ,EAAE,CAACC,UAAU,CAACQ,aAAa,CAACI;IACnD,CAAC;IACD,YAAY,EAAE;MACZL,KAAK,EAAEhB,KAAK,CAACQ,EAAE,CAACK,OAAO,CAACC,UAAU,CAACC,KAAK;MACxCO,MAAM,EAAE,aAAa;MACrBC,aAAa,EAAE,KAAK;MACpBC,OAAO,EAAE,CAAC;MACV,SAAS,EAAE;QACTC,UAAU,EAAE;MACd;IACF,CAAC;IACDD,OAAO,EAAE,CAAC;IACV,UAAU,EAAE;MACVE,QAAQ,EAAE,UAAU;MACpBC,IAAI,EAAE,CAAC;MACPC,GAAG,EAAE,kBAAkB;MACvBjB,MAAM,EAAE,KAAK;MACbkB,KAAK,EAAE,MAAM;MACbjB,eAAe,EAAEZ,KAAK,CAACQ,EAAE,CAACK,OAAO,CAACC,UAAU,CAACgB,KAAK;MAClDC,OAAO,EAAE;IACX;EAAC,EACF;EACDC,YAAY,oBACPlC,aAAa,CACjB;EACDmC,QAAQ,EAAE,CAAC,CAAC;EACZC,QAAQ,EAAE,CAAC;AACb,CAAC,CAAC;AAEF,eAAenC,MAAM"}