@hitachivantara/uikit-react-core 5.0.0-next.1 → 5.0.0-next.3
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/dist/cjs/components/Button/Button.cjs +1 -1
- package/dist/cjs/components/Button/Button.cjs.map +1 -1
- package/dist/cjs/components/Button/Button.styles.cjs +18 -15
- package/dist/cjs/components/Button/Button.styles.cjs.map +1 -1
- package/dist/cjs/components/Login/Login.cjs +30 -0
- package/dist/cjs/components/Login/Login.cjs.map +1 -0
- package/dist/cjs/components/Login/Login.styles.cjs +37 -0
- package/dist/cjs/components/Login/Login.styles.cjs.map +1 -0
- package/dist/cjs/index.cjs +2 -0
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/cjs/providers/Provider.cjs +1 -1
- package/dist/cjs/providers/Provider.cjs.map +1 -1
- package/dist/cjs/utils/theme.cjs +1 -0
- package/dist/cjs/utils/theme.cjs.map +1 -1
- package/dist/esm/components/Button/Button.js +1 -1
- package/dist/esm/components/Button/Button.js.map +1 -1
- package/dist/esm/components/Button/Button.styles.js +18 -15
- package/dist/esm/components/Button/Button.styles.js.map +1 -1
- package/dist/esm/components/Login/Login.js +28 -0
- package/dist/esm/components/Login/Login.js.map +1 -0
- package/dist/esm/components/Login/Login.styles.js +35 -0
- package/dist/esm/components/Login/Login.styles.js.map +1 -0
- package/dist/esm/index.js +2 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/providers/Provider.js +1 -1
- package/dist/esm/providers/Provider.js.map +1 -1
- package/dist/esm/utils/theme.js +1 -0
- package/dist/esm/utils/theme.js.map +1 -1
- package/dist/types/components/Button/Button.styles.d.ts.map +1 -1
- package/dist/types/components/Login/Login.d.ts +25 -0
- package/dist/types/components/Login/Login.d.ts.map +1 -0
- package/dist/types/components/Login/Login.styles.d.ts +10 -0
- package/dist/types/components/Login/Login.styles.d.ts.map +1 -0
- package/dist/types/components/Login/index.d.ts +2 -0
- package/dist/types/components/Login/index.d.ts.map +1 -0
- package/dist/types/components/index.d.ts +1 -0
- package/dist/types/components/index.d.ts.map +1 -1
- package/dist/types/providers/Provider.d.ts +1 -1
- package/dist/types/providers/Provider.d.ts.map +1 -1
- package/dist/types/types/theme.d.ts +6 -6
- package/dist/types/types/theme.d.ts.map +1 -1
- package/dist/types/utils/theme.d.ts.map +1 -1
- package/package.json +4 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { CSSProperties, forwardRef, ReactElement } from \"react\";\nimport {\n StyledButton,\n StyledChildren,\n StyledContentDiv,\n StyledIconSpan,\n} from \"./Button.styles\";\nimport { HvButtonClasses } from \"./buttonClasses\";\n\nexport type HvButtonVariant =\n | \"primary\"\n | \"primarySubtle\"\n | \"primaryGhost\"\n | \"secondarySubtle\"\n | \"secondaryGhost\"\n | \"semantic\"\n // deprecated props\n | \"secondary\"\n | \"ghost\";\n\nexport type HvButtonSize = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n\nexport type HvButtonRadius = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"none\" | \"base\";\n\nexport interface HvButtonProps\n extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n /** Use the variant prop to change the visual style of the Button. */\n variant?: HvButtonVariant;\n sx?: CSSProperties;\n icon?: boolean;\n className?: string;\n startIcon?: ReactElement;\n size?: HvButtonSize;\n radius?: HvButtonRadius;\n overrideIconColors?: boolean;\n selected?: boolean;\n classes?: HvButtonClasses;\n}\n\n/**\n * Normalize the button variant. It's meant to give us some retro-compatibility with\n * the DS 3.6 API.\n *\n * @param variant the variant of the button\n * @returns the normalized variant in DS 5 API\n */\nconst mapVariant = (variant: HvButtonVariant): HvButtonVariant => {\n if (variant === \"secondary\") {\n console.warn(\n \"Button variant 'secondary' is deprecated. Please use 'secondarySubtle'.\"\n );\n return \"secondarySubtle\";\n }\n if (variant === \"ghost\") {\n console.warn(\n \"Button variant 'ghost' is deprecated. Please use 'primaryGhost'.\"\n );\n return \"primaryGhost\";\n }\n return variant;\n};\n\nconst onFocusHandler = (event) => {\n event.target.classList.add(\"HvIsFocusVisible\");\n};\n\nconst onBlurHandler = (event) => {\n event.target.classList.remove(\"HvIsFocusVisible\");\n};\n\n/**\n * Button component is used to trigger an action or event.\n */\nexport const HvButton = forwardRef<HTMLButtonElement, HvButtonProps>(\n (props, ref) => {\n const {\n id,\n classes,\n children,\n variant = \"primary\",\n onClick,\n disabled,\n className,\n startIcon,\n icon = false,\n size
|
|
1
|
+
{"version":3,"file":"Button.js","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { CSSProperties, forwardRef, ReactElement } from \"react\";\nimport {\n StyledButton,\n StyledChildren,\n StyledContentDiv,\n StyledIconSpan,\n} from \"./Button.styles\";\nimport { HvButtonClasses } from \"./buttonClasses\";\n\nexport type HvButtonVariant =\n | \"primary\"\n | \"primarySubtle\"\n | \"primaryGhost\"\n | \"secondarySubtle\"\n | \"secondaryGhost\"\n | \"semantic\"\n // deprecated props\n | \"secondary\"\n | \"ghost\";\n\nexport type HvButtonSize = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n\nexport type HvButtonRadius = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"none\" | \"base\";\n\nexport interface HvButtonProps\n extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n /** Use the variant prop to change the visual style of the Button. */\n variant?: HvButtonVariant;\n sx?: CSSProperties;\n icon?: boolean;\n className?: string;\n startIcon?: ReactElement;\n size?: HvButtonSize;\n radius?: HvButtonRadius;\n overrideIconColors?: boolean;\n selected?: boolean;\n classes?: HvButtonClasses;\n}\n\n/**\n * Normalize the button variant. It's meant to give us some retro-compatibility with\n * the DS 3.6 API.\n *\n * @param variant the variant of the button\n * @returns the normalized variant in DS 5 API\n */\nconst mapVariant = (variant: HvButtonVariant): HvButtonVariant => {\n if (variant === \"secondary\") {\n console.warn(\n \"Button variant 'secondary' is deprecated. Please use 'secondarySubtle'.\"\n );\n return \"secondarySubtle\";\n }\n if (variant === \"ghost\") {\n console.warn(\n \"Button variant 'ghost' is deprecated. Please use 'primaryGhost'.\"\n );\n return \"primaryGhost\";\n }\n return variant;\n};\n\nconst onFocusHandler = (event) => {\n event.target.classList.add(\"HvIsFocusVisible\");\n};\n\nconst onBlurHandler = (event) => {\n event.target.classList.remove(\"HvIsFocusVisible\");\n};\n\n/**\n * Button component is used to trigger an action or event.\n */\nexport const HvButton = forwardRef<HTMLButtonElement, HvButtonProps>(\n (props, ref) => {\n const {\n id,\n classes,\n children,\n variant = \"primary\",\n onClick,\n disabled,\n className,\n startIcon,\n icon = false,\n size,\n radius = \"base\",\n overrideIconColors = true,\n ...others\n }: HvButtonProps = props;\n\n return (\n <StyledButton\n id={id}\n className={className}\n ref={ref}\n onClick={onClick}\n disabled={disabled}\n onFocus={onFocusHandler}\n onBlur={onBlurHandler}\n $variant={mapVariant(variant)}\n $iconOnly={!!icon}\n $size={size}\n $radius={radius}\n $overrideIconColors={overrideIconColors}\n $disabled={!!disabled}\n {...others}\n >\n <StyledContentDiv>\n {startIcon && <StyledIconSpan>{startIcon}</StyledIconSpan>}\n {children && <StyledChildren>{children}</StyledChildren>}\n </StyledContentDiv>\n </StyledButton>\n );\n }\n);\n"],"names":["mapVariant","variant","console","warn","onFocusHandler","event","target","classList","add","onBlurHandler","remove","HvButton","forwardRef","props","ref","id","classes","children","onClick","disabled","className","startIcon","icon","size","radius","overrideIconColors","others","StyledButton","onFocus","onBlur","$variant","$iconOnly","$size","$radius","$overrideIconColors","$disabled","StyledContentDiv","_jsx","StyledIconSpan","StyledChildren"],"mappings":";;;AA8CA,MAAMA,aAAaA,CAACC,YAA8C;AAChE,MAAIA,YAAY,aAAa;AAC3BC,YAAQC,KACN,yEAAyE;AAEpE,WAAA;AAAA,EACT;AACA,MAAIF,YAAY,SAAS;AACvBC,YAAQC,KACN,kEAAkE;AAE7D,WAAA;AAAA,EACT;AACOF,SAAAA;AACT;AAEA,MAAMG,iBAAkBC,CAAU,UAAA;AAC1BC,QAAAA,OAAOC,UAAUC,IAAI,kBAAkB;AAC/C;AAEA,MAAMC,gBAAiBJ,CAAU,UAAA;AACzBC,QAAAA,OAAOC,UAAUG,OAAO,kBAAkB;AAClD;AAKO,MAAMC,WAAWC,WACtB,CAACC,OAAOC,QAAQ;AACR,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAhB,UAAU;AAAA,IACViB;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,OAAO;AAAA,IACPC;AAAAA,IACAC,SAAS;AAAA,IACTC,qBAAqB;AAAA,OAClBC;AAAAA,EACcb,IAAAA;AAEnB,6BACGc,cAAY;AAAA,IACXZ;AAAAA,IACAK;AAAAA,IACAN;AAAAA,IACAI;AAAAA,IACAC;AAAAA,IACAS,SAASxB;AAAAA,IACTyB,QAAQpB;AAAAA,IACRqB,UAAU9B,WAAWC,OAAO;AAAA,IAC5B8B,WAAW,CAAC,CAACT;AAAAA,IACbU,OAAOT;AAAAA,IACPU,SAAST;AAAAA,IACTU,qBAAqBT;AAAAA,IACrBU,WAAW,CAAC,CAAChB;AAAAA,IAAS,GAClBO;AAAAA,IAAMT,+BAETmB,kBAAgB;AAAA,MAAAnB,UACdI,CAAAA,aAAagB,oBAACC,gBAAc;AAAA,QAAArB,UAAEI;AAAAA,MAAAA,CAAS,GACvCJ,YAAYoB,oBAACE,gBAAc;AAAA,QAAAtB;AAAAA,MAAAA,CAA4B,CAAA;AAAA,IAAA,CAAA;AAAA,EAAA,CAE7C;AAEnB,CAAC;"}
|
|
@@ -30,7 +30,7 @@ const StyledContentDiv = /* @__PURE__ */ _styled("div", process.env.NODE_ENV ===
|
|
|
30
30
|
} : {
|
|
31
31
|
name: "19k8h41",
|
|
32
32
|
styles: "display:flex;align-items:center;height:100%;overflow:visible",
|
|
33
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
33
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnV0dG9uL0J1dHRvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZWdDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnV0dG9uL0J1dHRvbi5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwidXRpbHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IHsgSHZCdXR0b25SYWRpdXMsIEh2QnV0dG9uU2l6ZSwgSHZCdXR0b25WYXJpYW50IH0gZnJvbSBcIi4vQnV0dG9uXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgU3R5bGVkQnV0dG9uUHJvcHMge1xuICAkcmFkaXVzPzogSHZCdXR0b25SYWRpdXM7XG4gICRzaXplPzogSHZCdXR0b25TaXplO1xuICAkdmFyaWFudD86IEh2QnV0dG9uVmFyaWFudDtcbiAgJGljb25Pbmx5PzogQm9vbGVhbjtcbiAgJG92ZXJyaWRlSWNvbkNvbG9ycz86IEJvb2xlYW47XG4gICRkaXNhYmxlZD86IEJvb2xlYW47XG59XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50RGl2ID0gc3R5bGVkLmRpdjx7fT4oe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgb3ZlcmZsb3c6IFwidmlzaWJsZVwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uU3BhbiA9IHN0eWxlZC5zcGFuPHt9Pih7XG4gIG1hcmdpblJpZ2h0OiB0aGVtZS5idXR0b24ubWFyZ2luSWNvblJpZ2h0LFxuICBtYXJnaW5MZWZ0OiB0aGVtZS5idXR0b24ubWFyZ2luSWNvbkxlZnQsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENoaWxkcmVuID0gc3R5bGVkLnNwYW48e30+KHtcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbiAgZGlzcGxheTogXCJmbGV4XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZChcbiAgXCJidXR0b25cIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkdmFyaWFudCxcbiAgICAkaWNvbk9ubHksXG4gICAgJHNpemUsXG4gICAgJHJhZGl1cyxcbiAgICAkb3ZlcnJpZGVJY29uQ29sb3JzLFxuICAgICRkaXNhYmxlZCxcbiAgfTogU3R5bGVkQnV0dG9uUHJvcHMpID0+ICh7XG4gICAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICAgIHRleHRUcmFuc2Zvcm06IFwibm9uZVwiLFxuICAgIGN1cnNvcjogJGRpc2FibGVkID8gXCJub3QtYWxsb3dlZFwiIDogXCJwb2ludGVyXCIsXG4gICAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgICBwb2ludGVyRXZlbnRzOiBcImF1dG9cIixcbiAgICB9KSxcbiAgICBcIiY6aG92ZXJcIjoge30sXG4gICAgXCImOmZvY3VzXCI6IHt9LFxuICAgIFwiJi5IdklzRm9jdXNWaXNpYmxlXCI6IHtcbiAgICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gICAgfSxcbiAgICBcIiY6YWN0aXZlXCI6IHt9LFxuXG4gICAgLy8gZGVmYXVsdCBidXR0b24gLSBubyBzaXplIHNwZWNpZmllZFxuICAgIGZvbnRTaXplOiB0aGVtZS5mb250U2l6ZXMuYmFzZSxcbiAgICBmb250V2VpZ2h0OiA2MDAsXG4gICAgbGluZUhlaWdodDogXCIxMXB4XCIsXG4gICAgbGV0dGVyU3BhY2luZzogMCxcbiAgICBoZWlnaHQ6IFwiMzJweFwiLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUuYnV0dG9uLmJvcmRlclJhZGl1cyxcbiAgICBwYWRkaW5nOiB0aGVtZS5idXR0b24ucGFkZGluZyxcblxuICAgIC4uLigkb3ZlcnJpZGVJY29uQ29sb3JzICYmXG4gICAgICAkdmFyaWFudCA9PT0gXCJwcmltYXJ5XCIgJiYge1xuICAgICAgICBcIiYgc3ZnIC5jb2xvcjBcIjoge1xuICAgICAgICAgIGZpbGw6ICRkaXNhYmxlZCA/IHRoZW1lLmNvbG9ycy5hdG1vNSA6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuICAgIC4uLigkb3ZlcnJpZGVJY29uQ29sb3JzICYmXG4gICAgICAkdmFyaWFudCA9PT0gXCJwcmltYXJ5U3VidGxlXCIgJiYge1xuICAgICAgICBcIiYgc3ZnIC5jb2xvcjBcIjoge1xuICAgICAgICAgIGZpbGw6ICRkaXNhYmxlZCA/IHRoZW1lLmNvbG9ycy5hdG1vNSA6IHRoZW1lLmNvbG9ycy5hY2NlMixcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuICAgIC4uLigkb3ZlcnJpZGVJY29uQ29sb3JzICYmXG4gICAgICAkdmFyaWFudCA9PT0gXCJwcmltYXJ5R2hvc3RcIiAmJiB7XG4gICAgICAgIFwiJiBzdmcgLmNvbG9yMFwiOiB7XG4gICAgICAgICAgZmlsbDogJGRpc2FibGVkID8gdGhlbWUuY29sb3JzLmF0bW81IDogdGhlbWUuY29sb3JzLmFjY2UyLFxuICAgICAgICB9LFxuICAgICAgfSksXG4gICAgLi4uKCRvdmVycmlkZUljb25Db2xvcnMgJiZcbiAgICAgICR2YXJpYW50ID09PSBcInNlY29uZGFyeVN1YnRsZVwiICYmIHtcbiAgICAgICAgXCImIHN2ZyAuY29sb3IwXCI6IHtcbiAgICAgICAgICBmaWxsOiAkZGlzYWJsZWQgPyB0aGVtZS5jb2xvcnMuYXRtbzUgOiB0aGVtZS5jb2xvcnMuYWNjZTEsXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICAuLi4oJG92ZXJyaWRlSWNvbkNvbG9ycyAmJlxuICAgICAgJHZhcmlhbnQgPT09IFwic2Vjb25kYXJ5R2hvc3RcIiAmJiB7XG4gICAgICAgIFwiJiBzdmcgLmNvbG9yMFwiOiB7XG4gICAgICAgICAgZmlsbDogJGRpc2FibGVkID8gdGhlbWUuY29sb3JzLmF0bW81IDogdGhlbWUuY29sb3JzLmFjY2UxLFxuICAgICAgICB9LFxuICAgICAgfSksXG4gICAgLi4uKCRvdmVycmlkZUljb25Db2xvcnMgJiZcbiAgICAgICR2YXJpYW50ID09PSBcInNlbWFudGljXCIgJiYge1xuICAgICAgICBcIiYgc3ZnIC5jb2xvcjBcIjoge1xuICAgICAgICAgIGZpbGw6ICRkaXNhYmxlZCA/IHRoZW1lLmNvbG9ycy5hdG1vNSA6IHRoZW1lLmNvbG9ycy5iYXNlMixcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuICAgIC4uLigkdmFyaWFudCA9PT0gXCJwcmltYXJ5XCIgJiYge1xuICAgICAgY29sb3I6ICRkaXNhYmxlZCA/IHRoZW1lLmNvbG9ycy5hdG1vNSA6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgICAgIGJhY2tncm91bmRDb2xvcjogJGRpc2FibGVkID8gdGhlbWUuY29sb3JzLmF0bW8zIDogdGhlbWUuY29sb3JzLmFjY2UyLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiAkZGlzYWJsZWQgPyB0aGVtZS5jb2xvcnMuYXRtbzMgOiB0aGVtZS5jb2xvcnMuYWNjZTJoLFxuICAgICAgfSxcbiAgICAgIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYWNjZTJoLFxuICAgICAgfSxcbiAgICB9KSxcbiAgICAuLi4oJHZhcmlhbnQgPT09IFwicHJpbWFyeVN1YnRsZVwiICYmIHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogJGRpc2FibGVkID8gdGhlbWUuY29sb3JzLmF0bW8zIDogXCJ0cmFuc3BhcmVudFwiLFxuICAgICAgYm9yZGVyOiAkZGlzYWJsZWRcbiAgICAgICAgPyBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLmF0bW80fWBcbiAgICAgICAgOiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLmFjY2UyfWAsXG4gICAgICBjb2xvcjogJGRpc2FibGVkID8gdGhlbWUuY29sb3JzLmF0bW81IDogdGhlbWUuY29sb3JzLmFjY2UyLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiAkZGlzYWJsZWRcbiAgICAgICAgICA/IHRoZW1lLmNvbG9ycy5hdG1vM1xuICAgICAgICAgIDogdGhlbWUuYnV0dG9uLmhvdmVyQ29sb3IsXG4gICAgICB9LFxuICAgICAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6ICRkaXNhYmxlZFxuICAgICAgICAgID8gdGhlbWUuY29sb3JzLmF0bW8zXG4gICAgICAgICAgOiB0aGVtZS5idXR0b24uaG92ZXJDb2xvcixcbiAgICAgIH0sXG4gICAgfSksXG4gICAgLi4uKCR2YXJpYW50ID09PSBcInByaW1hcnlHaG9zdFwiICYmIHtcbiAgICAgIGNvbG9yOiAkZGlzYWJsZWQgPyB0aGVtZS5jb2xvcnMuYXRtbzUgOiB0aGVtZS5jb2xvcnMuYWNjZTIsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogJGRpc2FibGVkID8gXCJ0cmFuc3BhcmVudFwiIDogdGhlbWUuYnV0dG9uLmhvdmVyQ29sb3IsXG4gICAgICB9LFxuICAgICAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6ICRkaXNhYmxlZCA/IFwidHJhbnNwYXJlbnRcIiA6IHRoZW1lLmJ1dHRvbi5ob3ZlckNvbG9yLFxuICAgICAgfSxcbiAgICB9KSxcbiAgICAuLi4oJHZhcmlhbnQgPT09IFwic2Vjb25kYXJ5U3VidGxlXCIgJiYge1xuICAgICAgY29sb3I6ICRkaXNhYmxlZCA/IHRoZW1lLmNvbG9ycy5hdG1vNSA6IHRoZW1lLmNvbG9ycy5hY2NlMSxcbiAgICAgIGJhY2tncm91bmRDb2xvcjogJGRpc2FibGVkID8gdGhlbWUuY29sb3JzLmF0bW8zIDogXCJ0cmFuc3BhcmVudFwiLFxuICAgICAgYm9yZGVyOiAkZGlzYWJsZWRcbiAgICAgICAgPyBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLmF0bW80fWBcbiAgICAgICAgOiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6ICRkaXNhYmxlZFxuICAgICAgICAgID8gdGhlbWUuY29sb3JzLmF0bW8zXG4gICAgICAgICAgOiB0aGVtZS5idXR0b24uaG92ZXJDb2xvcixcbiAgICAgICAgYm9yZGVyOiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gICAgICB9LFxuICAgICAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6ICRkaXNhYmxlZFxuICAgICAgICAgID8gdGhlbWUuY29sb3JzLmF0bW8zXG4gICAgICAgICAgOiB0aGVtZS5idXR0b24uaG92ZXJDb2xvcixcbiAgICAgIH0sXG4gICAgfSksXG4gICAgLi4uKCR2YXJpYW50ID09PSBcInNlY29uZGFyeUdob3N0XCIgJiYge1xuICAgICAgY29sb3I6ICRkaXNhYmxlZCA/IHRoZW1lLmNvbG9ycy5hdG1vNSA6IHRoZW1lLmNvbG9ycy5hY2NlMSxcbiAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiAkZGlzYWJsZWQgPyBcInRyYW5zcGFyZW50XCIgOiB0aGVtZS5idXR0b24uaG92ZXJDb2xvcixcbiAgICAgIH0sXG4gICAgICBcIiY6Zm9jdXMtdmlzaWJsZVwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogJGRpc2FibGVkID8gXCJ0cmFuc3BhcmVudFwiIDogdGhlbWUuYnV0dG9uLmhvdmVyQ29sb3IsXG4gICAgICB9LFxuICAgIH0pLFxuICAgIC4uLigkdmFyaWFudCA9PT0gXCJzZW1hbnRpY1wiICYmIHtcbiAgICAgIGNvbG9yOiAkZGlzYWJsZWQgPyB0aGVtZS5jb2xvcnMuYXRtbzUgOiB0aGVtZS5jb2xvcnMuYmFzZTIsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6ICRkaXNhYmxlZFxuICAgICAgICA/IHRoZW1lLmJ1dHRvbi5zZW1hbnRpY0NvbG9yRGlzYWJsZWRcbiAgICAgICAgOiBcInRyYW5zcGFyZW50XCIsXG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmJ1dHRvbi5zZW1hbnRpY0NvbG9yLFxuICAgICAgfSxcbiAgICB9KSxcbiAgICAuLi4oJHNpemUgPT09IFwieHNcIiAmJiB7XG4gICAgICBoZWlnaHQ6IHRoZW1lLnNpemVzLnhzLFxuICAgICAgcGFkZGluZ0xlZnQ6IHRoZW1lLnNwYWNlLnhzLFxuICAgICAgcGFkZGluZ1JpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbiAgICAgIGZvbnRTaXplOiB0aGVtZS5mb250U2l6ZXMueHMsXG4gICAgfSksXG4gICAgLi4uKCRzaXplID09PSBcInNtXCIgJiYge1xuICAgICAgaGVpZ2h0OiB0aGVtZS5zaXplcy5zbSxcbiAgICAgIHBhZGRpbmdMZWZ0OiB0aGVtZS5zcGFjZS5zbSxcbiAgICAgIHBhZGRpbmdSaWdodDogdGhlbWUuc3BhY2Uuc20sXG4gICAgICBmb250U2l6ZTogdGhlbWUuZm9udFNpemVzLnNtLFxuICAgIH0pLFxuICAgIC4uLigkc2l6ZSA9PT0gXCJtZFwiICYmIHtcbiAgICAgIGhlaWdodDogdGhlbWUuc2l6ZXMubWQsXG4gICAgICBwYWRkaW5nTGVmdDogdGhlbWUuc3BhY2UubWQsXG4gICAgICBwYWRkaW5nUmlnaHQ6IHRoZW1lLnNwYWNlLm1kLFxuICAgIH0pLFxuICAgIC4uLigkc2l6ZSA9PT0gXCJsZ1wiICYmIHtcbiAgICAgIGhlaWdodDogdGhlbWUuc2l6ZXMubGcsXG4gICAgICBwYWRkaW5nTGVmdDogdGhlbWUuc3BhY2UubGcsXG4gICAgICBwYWRkaW5nUmlnaHQ6IHRoZW1lLnNwYWNlLmxnLFxuICAgICAgZm9udFNpemU6IHRoZW1lLmZvbnRTaXplcy5sZyxcbiAgICB9KSxcbiAgICAuLi4oJHNpemUgPT09IFwieGxcIiAmJiB7XG4gICAgICBoZWlnaHQ6IHRoZW1lLnNpemVzLnhsLFxuICAgICAgcGFkZGluZ0xlZnQ6IHRoZW1lLnNwYWNlLnhsLFxuICAgICAgcGFkZGluZ1JpZ2h0OiB0aGVtZS5zcGFjZS54bCxcbiAgICAgIGZvbnRTaXplOiB0aGVtZS5mb250U2l6ZXMueGwsXG4gICAgfSksXG4gICAgLi4uKCRyYWRpdXMgPT09IFwieHNcIiAmJiB7IGJvcmRlclJhZGl1czogdGhlbWUucmFkaWkueHMgfSksXG4gICAgLi4uKCRyYWRpdXMgPT09IFwic21cIiAmJiB7IGJvcmRlclJhZGl1czogdGhlbWUucmFkaWkuc20gfSksXG4gICAgLi4uKCRyYWRpdXMgPT09IFwibWRcIiAmJiB7IGJvcmRlclJhZGl1czogdGhlbWUucmFkaWkubWQgfSksXG4gICAgLi4uKCRyYWRpdXMgPT09IFwibGdcIiAmJiB7IGJvcmRlclJhZGl1czogdGhlbWUucmFkaWkubGcgfSksXG4gICAgLi4uKCRyYWRpdXMgPT09IFwieGxcIiAmJiB7IGJvcmRlclJhZGl1czogdGhlbWUucmFkaWkueGwgfSksXG4gICAgLi4uKCRyYWRpdXMgPT09IFwibm9uZVwiICYmIHsgYm9yZGVyUmFkaXVzOiB0aGVtZS5yYWRpaS5ub25lIH0pLFxuICAgIC4uLigkcmFkaXVzID09PSBcImJhc2VcIiAmJiB7IGJvcmRlclJhZGl1czogdGhlbWUucmFkaWkuYmFzZSB9KSxcbiAgICAuLi4oJGljb25Pbmx5ICYmIHtcbiAgICAgIG1hcmdpbjogMCxcbiAgICAgIHBhZGRpbmc6IDAsXG4gICAgfSksXG4gICAgLi4uKCEkaWNvbk9ubHkgJiYge1xuICAgICAgbWluV2lkdGg6IFwiNzBweFwiLFxuICAgIH0pLFxuICB9KVxuKTtcbiJdfQ== */",
|
|
34
34
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
35
35
|
});
|
|
36
36
|
const StyledIconSpan = /* @__PURE__ */ _styled("span", process.env.NODE_ENV === "production" ? {
|
|
@@ -41,7 +41,7 @@ const StyledIconSpan = /* @__PURE__ */ _styled("span", process.env.NODE_ENV ===
|
|
|
41
41
|
})({
|
|
42
42
|
marginRight: theme.button.marginIconRight,
|
|
43
43
|
marginLeft: theme.button.marginIconLeft
|
|
44
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
44
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnV0dG9uL0J1dHRvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0I4QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0J1dHRvbi9CdXR0b24uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB7IEh2QnV0dG9uUmFkaXVzLCBIdkJ1dHRvblNpemUsIEh2QnV0dG9uVmFyaWFudCB9IGZyb20gXCIuL0J1dHRvblwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIFN0eWxlZEJ1dHRvblByb3BzIHtcbiAgJHJhZGl1cz86IEh2QnV0dG9uUmFkaXVzO1xuICAkc2l6ZT86IEh2QnV0dG9uU2l6ZTtcbiAgJHZhcmlhbnQ/OiBIdkJ1dHRvblZhcmlhbnQ7XG4gICRpY29uT25seT86IEJvb2xlYW47XG4gICRvdmVycmlkZUljb25Db2xvcnM/OiBCb29sZWFuO1xuICAkZGlzYWJsZWQ/OiBCb29sZWFuO1xufVxuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudERpdiA9IHN0eWxlZC5kaXY8e30+KHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIG92ZXJmbG93OiBcInZpc2libGVcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSWNvblNwYW4gPSBzdHlsZWQuc3Bhbjx7fT4oe1xuICBtYXJnaW5SaWdodDogdGhlbWUuYnV0dG9uLm1hcmdpbkljb25SaWdodCxcbiAgbWFyZ2luTGVmdDogdGhlbWUuYnV0dG9uLm1hcmdpbkljb25MZWZ0LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDaGlsZHJlbiA9IHN0eWxlZC5zcGFuPHt9Pih7XG4gIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoXG4gIFwiYnV0dG9uXCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJHZhcmlhbnQsXG4gICAgJGljb25Pbmx5LFxuICAgICRzaXplLFxuICAgICRyYWRpdXMsXG4gICAgJG92ZXJyaWRlSWNvbkNvbG9ycyxcbiAgICAkZGlzYWJsZWQsXG4gIH06IFN0eWxlZEJ1dHRvblByb3BzKSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICB0ZXh0VHJhbnNmb3JtOiBcIm5vbmVcIixcbiAgICBjdXJzb3I6ICRkaXNhYmxlZCA/IFwibm90LWFsbG93ZWRcIiA6IFwicG9pbnRlclwiLFxuICAgIC4uLigkZGlzYWJsZWQgJiYge1xuICAgICAgcG9pbnRlckV2ZW50czogXCJhdXRvXCIsXG4gICAgfSksXG4gICAgXCImOmhvdmVyXCI6IHt9LFxuICAgIFwiJjpmb2N1c1wiOiB7fSxcbiAgICBcIiYuSHZJc0ZvY3VzVmlzaWJsZVwiOiB7XG4gICAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICAgIH0sXG4gICAgXCImOmFjdGl2ZVwiOiB7fSxcblxuICAgIC8vIGRlZmF1bHQgYnV0dG9uIC0gbm8gc2l6ZSBzcGVjaWZpZWRcbiAgICBmb250U2l6ZTogdGhlbWUuZm9udFNpemVzLmJhc2UsXG4gICAgZm9udFdlaWdodDogNjAwLFxuICAgIGxpbmVIZWlnaHQ6IFwiMTFweFwiLFxuICAgIGxldHRlclNwYWNpbmc6IDAsXG4gICAgaGVpZ2h0OiBcIjMycHhcIixcbiAgICBib3JkZXJSYWRpdXM6IHRoZW1lLmJ1dHRvbi5ib3JkZXJSYWRpdXMsXG4gICAgcGFkZGluZzogdGhlbWUuYnV0dG9uLnBhZGRpbmcsXG5cbiAgICAuLi4oJG92ZXJyaWRlSWNvbkNvbG9ycyAmJlxuICAgICAgJHZhcmlhbnQgPT09IFwicHJpbWFyeVwiICYmIHtcbiAgICAgICAgXCImIHN2ZyAuY29sb3IwXCI6IHtcbiAgICAgICAgICBmaWxsOiAkZGlzYWJsZWQgPyB0aGVtZS5jb2xvcnMuYXRtbzUgOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICAuLi4oJG92ZXJyaWRlSWNvbkNvbG9ycyAmJlxuICAgICAgJHZhcmlhbnQgPT09IFwicHJpbWFyeVN1YnRsZVwiICYmIHtcbiAgICAgICAgXCImIHN2ZyAuY29sb3IwXCI6IHtcbiAgICAgICAgICBmaWxsOiAkZGlzYWJsZWQgPyB0aGVtZS5jb2xvcnMuYXRtbzUgOiB0aGVtZS5jb2xvcnMuYWNjZTIsXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICAuLi4oJG92ZXJyaWRlSWNvbkNvbG9ycyAmJlxuICAgICAgJHZhcmlhbnQgPT09IFwicHJpbWFyeUdob3N0XCIgJiYge1xuICAgICAgICBcIiYgc3ZnIC5jb2xvcjBcIjoge1xuICAgICAgICAgIGZpbGw6ICRkaXNhYmxlZCA/IHRoZW1lLmNvbG9ycy5hdG1vNSA6IHRoZW1lLmNvbG9ycy5hY2NlMixcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuICAgIC4uLigkb3ZlcnJpZGVJY29uQ29sb3JzICYmXG4gICAgICAkdmFyaWFudCA9PT0gXCJzZWNvbmRhcnlTdWJ0bGVcIiAmJiB7XG4gICAgICAgIFwiJiBzdmcgLmNvbG9yMFwiOiB7XG4gICAgICAgICAgZmlsbDogJGRpc2FibGVkID8gdGhlbWUuY29sb3JzLmF0bW81IDogdGhlbWUuY29sb3JzLmFjY2UxLFxuICAgICAgICB9LFxuICAgICAgfSksXG4gICAgLi4uKCRvdmVycmlkZUljb25Db2xvcnMgJiZcbiAgICAgICR2YXJpYW50ID09PSBcInNlY29uZGFyeUdob3N0XCIgJiYge1xuICAgICAgICBcIiYgc3ZnIC5jb2xvcjBcIjoge1xuICAgICAgICAgIGZpbGw6ICRkaXNhYmxlZCA/IHRoZW1lLmNvbG9ycy5hdG1vNSA6IHRoZW1lLmNvbG9ycy5hY2NlMSxcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuICAgIC4uLigkb3ZlcnJpZGVJY29uQ29sb3JzICYmXG4gICAgICAkdmFyaWFudCA9PT0gXCJzZW1hbnRpY1wiICYmIHtcbiAgICAgICAgXCImIHN2ZyAuY29sb3IwXCI6IHtcbiAgICAgICAgICBmaWxsOiAkZGlzYWJsZWQgPyB0aGVtZS5jb2xvcnMuYXRtbzUgOiB0aGVtZS5jb2xvcnMuYmFzZTIsXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICAuLi4oJHZhcmlhbnQgPT09IFwicHJpbWFyeVwiICYmIHtcbiAgICAgIGNvbG9yOiAkZGlzYWJsZWQgPyB0aGVtZS5jb2xvcnMuYXRtbzUgOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6ICRkaXNhYmxlZCA/IHRoZW1lLmNvbG9ycy5hdG1vMyA6IHRoZW1lLmNvbG9ycy5hY2NlMixcbiAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogJGRpc2FibGVkID8gdGhlbWUuY29sb3JzLmF0bW8zIDogdGhlbWUuY29sb3JzLmFjY2UyaCxcbiAgICAgIH0sXG4gICAgICBcIiY6Zm9jdXMtdmlzaWJsZVwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmFjY2UyaCxcbiAgICAgIH0sXG4gICAgfSksXG4gICAgLi4uKCR2YXJpYW50ID09PSBcInByaW1hcnlTdWJ0bGVcIiAmJiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6ICRkaXNhYmxlZCA/IHRoZW1lLmNvbG9ycy5hdG1vMyA6IFwidHJhbnNwYXJlbnRcIixcbiAgICAgIGJvcmRlcjogJGRpc2FibGVkXG4gICAgICAgID8gYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gXG4gICAgICAgIDogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5hY2NlMn1gLFxuICAgICAgY29sb3I6ICRkaXNhYmxlZCA/IHRoZW1lLmNvbG9ycy5hdG1vNSA6IHRoZW1lLmNvbG9ycy5hY2NlMixcbiAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogJGRpc2FibGVkXG4gICAgICAgICAgPyB0aGVtZS5jb2xvcnMuYXRtbzNcbiAgICAgICAgICA6IHRoZW1lLmJ1dHRvbi5ob3ZlckNvbG9yLFxuICAgICAgfSxcbiAgICAgIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiAkZGlzYWJsZWRcbiAgICAgICAgICA/IHRoZW1lLmNvbG9ycy5hdG1vM1xuICAgICAgICAgIDogdGhlbWUuYnV0dG9uLmhvdmVyQ29sb3IsXG4gICAgICB9LFxuICAgIH0pLFxuICAgIC4uLigkdmFyaWFudCA9PT0gXCJwcmltYXJ5R2hvc3RcIiAmJiB7XG4gICAgICBjb2xvcjogJGRpc2FibGVkID8gdGhlbWUuY29sb3JzLmF0bW81IDogdGhlbWUuY29sb3JzLmFjY2UyLFxuICAgICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6ICRkaXNhYmxlZCA/IFwidHJhbnNwYXJlbnRcIiA6IHRoZW1lLmJ1dHRvbi5ob3ZlckNvbG9yLFxuICAgICAgfSxcbiAgICAgIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiAkZGlzYWJsZWQgPyBcInRyYW5zcGFyZW50XCIgOiB0aGVtZS5idXR0b24uaG92ZXJDb2xvcixcbiAgICAgIH0sXG4gICAgfSksXG4gICAgLi4uKCR2YXJpYW50ID09PSBcInNlY29uZGFyeVN1YnRsZVwiICYmIHtcbiAgICAgIGNvbG9yOiAkZGlzYWJsZWQgPyB0aGVtZS5jb2xvcnMuYXRtbzUgOiB0aGVtZS5jb2xvcnMuYWNjZTEsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6ICRkaXNhYmxlZCA/IHRoZW1lLmNvbG9ycy5hdG1vMyA6IFwidHJhbnNwYXJlbnRcIixcbiAgICAgIGJvcmRlcjogJGRpc2FibGVkXG4gICAgICAgID8gYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gXG4gICAgICAgIDogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiAkZGlzYWJsZWRcbiAgICAgICAgICA/IHRoZW1lLmNvbG9ycy5hdG1vM1xuICAgICAgICAgIDogdGhlbWUuYnV0dG9uLmhvdmVyQ29sb3IsXG4gICAgICAgIGJvcmRlcjogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgfSxcbiAgICAgIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiAkZGlzYWJsZWRcbiAgICAgICAgICA/IHRoZW1lLmNvbG9ycy5hdG1vM1xuICAgICAgICAgIDogdGhlbWUuYnV0dG9uLmhvdmVyQ29sb3IsXG4gICAgICB9LFxuICAgIH0pLFxuICAgIC4uLigkdmFyaWFudCA9PT0gXCJzZWNvbmRhcnlHaG9zdFwiICYmIHtcbiAgICAgIGNvbG9yOiAkZGlzYWJsZWQgPyB0aGVtZS5jb2xvcnMuYXRtbzUgOiB0aGVtZS5jb2xvcnMuYWNjZTEsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogJGRpc2FibGVkID8gXCJ0cmFuc3BhcmVudFwiIDogdGhlbWUuYnV0dG9uLmhvdmVyQ29sb3IsXG4gICAgICB9LFxuICAgICAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6ICRkaXNhYmxlZCA/IFwidHJhbnNwYXJlbnRcIiA6IHRoZW1lLmJ1dHRvbi5ob3ZlckNvbG9yLFxuICAgICAgfSxcbiAgICB9KSxcbiAgICAuLi4oJHZhcmlhbnQgPT09IFwic2VtYW50aWNcIiAmJiB7XG4gICAgICBjb2xvcjogJGRpc2FibGVkID8gdGhlbWUuY29sb3JzLmF0bW81IDogdGhlbWUuY29sb3JzLmJhc2UyLFxuICAgICAgYmFja2dyb3VuZENvbG9yOiAkZGlzYWJsZWRcbiAgICAgICAgPyB0aGVtZS5idXR0b24uc2VtYW50aWNDb2xvckRpc2FibGVkXG4gICAgICAgIDogXCJ0cmFuc3BhcmVudFwiLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5idXR0b24uc2VtYW50aWNDb2xvcixcbiAgICAgIH0sXG4gICAgfSksXG4gICAgLi4uKCRzaXplID09PSBcInhzXCIgJiYge1xuICAgICAgaGVpZ2h0OiB0aGVtZS5zaXplcy54cyxcbiAgICAgIHBhZGRpbmdMZWZ0OiB0aGVtZS5zcGFjZS54cyxcbiAgICAgIHBhZGRpbmdSaWdodDogdGhlbWUuc3BhY2UueHMsXG4gICAgICBmb250U2l6ZTogdGhlbWUuZm9udFNpemVzLnhzLFxuICAgIH0pLFxuICAgIC4uLigkc2l6ZSA9PT0gXCJzbVwiICYmIHtcbiAgICAgIGhlaWdodDogdGhlbWUuc2l6ZXMuc20sXG4gICAgICBwYWRkaW5nTGVmdDogdGhlbWUuc3BhY2Uuc20sXG4gICAgICBwYWRkaW5nUmlnaHQ6IHRoZW1lLnNwYWNlLnNtLFxuICAgICAgZm9udFNpemU6IHRoZW1lLmZvbnRTaXplcy5zbSxcbiAgICB9KSxcbiAgICAuLi4oJHNpemUgPT09IFwibWRcIiAmJiB7XG4gICAgICBoZWlnaHQ6IHRoZW1lLnNpemVzLm1kLFxuICAgICAgcGFkZGluZ0xlZnQ6IHRoZW1lLnNwYWNlLm1kLFxuICAgICAgcGFkZGluZ1JpZ2h0OiB0aGVtZS5zcGFjZS5tZCxcbiAgICB9KSxcbiAgICAuLi4oJHNpemUgPT09IFwibGdcIiAmJiB7XG4gICAgICBoZWlnaHQ6IHRoZW1lLnNpemVzLmxnLFxuICAgICAgcGFkZGluZ0xlZnQ6IHRoZW1lLnNwYWNlLmxnLFxuICAgICAgcGFkZGluZ1JpZ2h0OiB0aGVtZS5zcGFjZS5sZyxcbiAgICAgIGZvbnRTaXplOiB0aGVtZS5mb250U2l6ZXMubGcsXG4gICAgfSksXG4gICAgLi4uKCRzaXplID09PSBcInhsXCIgJiYge1xuICAgICAgaGVpZ2h0OiB0aGVtZS5zaXplcy54bCxcbiAgICAgIHBhZGRpbmdMZWZ0OiB0aGVtZS5zcGFjZS54bCxcbiAgICAgIHBhZGRpbmdSaWdodDogdGhlbWUuc3BhY2UueGwsXG4gICAgICBmb250U2l6ZTogdGhlbWUuZm9udFNpemVzLnhsLFxuICAgIH0pLFxuICAgIC4uLigkcmFkaXVzID09PSBcInhzXCIgJiYgeyBib3JkZXJSYWRpdXM6IHRoZW1lLnJhZGlpLnhzIH0pLFxuICAgIC4uLigkcmFkaXVzID09PSBcInNtXCIgJiYgeyBib3JkZXJSYWRpdXM6IHRoZW1lLnJhZGlpLnNtIH0pLFxuICAgIC4uLigkcmFkaXVzID09PSBcIm1kXCIgJiYgeyBib3JkZXJSYWRpdXM6IHRoZW1lLnJhZGlpLm1kIH0pLFxuICAgIC4uLigkcmFkaXVzID09PSBcImxnXCIgJiYgeyBib3JkZXJSYWRpdXM6IHRoZW1lLnJhZGlpLmxnIH0pLFxuICAgIC4uLigkcmFkaXVzID09PSBcInhsXCIgJiYgeyBib3JkZXJSYWRpdXM6IHRoZW1lLnJhZGlpLnhsIH0pLFxuICAgIC4uLigkcmFkaXVzID09PSBcIm5vbmVcIiAmJiB7IGJvcmRlclJhZGl1czogdGhlbWUucmFkaWkubm9uZSB9KSxcbiAgICAuLi4oJHJhZGl1cyA9PT0gXCJiYXNlXCIgJiYgeyBib3JkZXJSYWRpdXM6IHRoZW1lLnJhZGlpLmJhc2UgfSksXG4gICAgLi4uKCRpY29uT25seSAmJiB7XG4gICAgICBtYXJnaW46IDAsXG4gICAgICBwYWRkaW5nOiAwLFxuICAgIH0pLFxuICAgIC4uLighJGljb25Pbmx5ICYmIHtcbiAgICAgIG1pbldpZHRoOiBcIjcwcHhcIixcbiAgICB9KSxcbiAgfSlcbik7XG4iXX0= */");
|
|
45
45
|
const StyledChildren = /* @__PURE__ */ _styled("span", process.env.NODE_ENV === "production" ? {
|
|
46
46
|
target: "e138pvrm1"
|
|
47
47
|
} : {
|
|
@@ -53,7 +53,7 @@ const StyledChildren = /* @__PURE__ */ _styled("span", process.env.NODE_ENV ===
|
|
|
53
53
|
} : {
|
|
54
54
|
name: "1acqfu0",
|
|
55
55
|
styles: "white-space:nowrap;display:flex",
|
|
56
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
56
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnV0dG9uL0J1dHRvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkI4QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0J1dHRvbi9CdXR0b24uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB7IEh2QnV0dG9uUmFkaXVzLCBIdkJ1dHRvblNpemUsIEh2QnV0dG9uVmFyaWFudCB9IGZyb20gXCIuL0J1dHRvblwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIFN0eWxlZEJ1dHRvblByb3BzIHtcbiAgJHJhZGl1cz86IEh2QnV0dG9uUmFkaXVzO1xuICAkc2l6ZT86IEh2QnV0dG9uU2l6ZTtcbiAgJHZhcmlhbnQ/OiBIdkJ1dHRvblZhcmlhbnQ7XG4gICRpY29uT25seT86IEJvb2xlYW47XG4gICRvdmVycmlkZUljb25Db2xvcnM/OiBCb29sZWFuO1xuICAkZGlzYWJsZWQ/OiBCb29sZWFuO1xufVxuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudERpdiA9IHN0eWxlZC5kaXY8e30+KHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIG92ZXJmbG93OiBcInZpc2libGVcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSWNvblNwYW4gPSBzdHlsZWQuc3Bhbjx7fT4oe1xuICBtYXJnaW5SaWdodDogdGhlbWUuYnV0dG9uLm1hcmdpbkljb25SaWdodCxcbiAgbWFyZ2luTGVmdDogdGhlbWUuYnV0dG9uLm1hcmdpbkljb25MZWZ0LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDaGlsZHJlbiA9IHN0eWxlZC5zcGFuPHt9Pih7XG4gIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoXG4gIFwiYnV0dG9uXCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJHZhcmlhbnQsXG4gICAgJGljb25Pbmx5LFxuICAgICRzaXplLFxuICAgICRyYWRpdXMsXG4gICAgJG92ZXJyaWRlSWNvbkNvbG9ycyxcbiAgICAkZGlzYWJsZWQsXG4gIH06IFN0eWxlZEJ1dHRvblByb3BzKSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICB0ZXh0VHJhbnNmb3JtOiBcIm5vbmVcIixcbiAgICBjdXJzb3I6ICRkaXNhYmxlZCA/IFwibm90LWFsbG93ZWRcIiA6IFwicG9pbnRlclwiLFxuICAgIC4uLigkZGlzYWJsZWQgJiYge1xuICAgICAgcG9pbnRlckV2ZW50czogXCJhdXRvXCIsXG4gICAgfSksXG4gICAgXCImOmhvdmVyXCI6IHt9LFxuICAgIFwiJjpmb2N1c1wiOiB7fSxcbiAgICBcIiYuSHZJc0ZvY3VzVmlzaWJsZVwiOiB7XG4gICAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICAgIH0sXG4gICAgXCImOmFjdGl2ZVwiOiB7fSxcblxuICAgIC8vIGRlZmF1bHQgYnV0dG9uIC0gbm8gc2l6ZSBzcGVjaWZpZWRcbiAgICBmb250U2l6ZTogdGhlbWUuZm9udFNpemVzLmJhc2UsXG4gICAgZm9udFdlaWdodDogNjAwLFxuICAgIGxpbmVIZWlnaHQ6IFwiMTFweFwiLFxuICAgIGxldHRlclNwYWNpbmc6IDAsXG4gICAgaGVpZ2h0OiBcIjMycHhcIixcbiAgICBib3JkZXJSYWRpdXM6IHRoZW1lLmJ1dHRvbi5ib3JkZXJSYWRpdXMsXG4gICAgcGFkZGluZzogdGhlbWUuYnV0dG9uLnBhZGRpbmcsXG5cbiAgICAuLi4oJG92ZXJyaWRlSWNvbkNvbG9ycyAmJlxuICAgICAgJHZhcmlhbnQgPT09IFwicHJpbWFyeVwiICYmIHtcbiAgICAgICAgXCImIHN2ZyAuY29sb3IwXCI6IHtcbiAgICAgICAgICBmaWxsOiAkZGlzYWJsZWQgPyB0aGVtZS5jb2xvcnMuYXRtbzUgOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICAuLi4oJG92ZXJyaWRlSWNvbkNvbG9ycyAmJlxuICAgICAgJHZhcmlhbnQgPT09IFwicHJpbWFyeVN1YnRsZVwiICYmIHtcbiAgICAgICAgXCImIHN2ZyAuY29sb3IwXCI6IHtcbiAgICAgICAgICBmaWxsOiAkZGlzYWJsZWQgPyB0aGVtZS5jb2xvcnMuYXRtbzUgOiB0aGVtZS5jb2xvcnMuYWNjZTIsXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICAuLi4oJG92ZXJyaWRlSWNvbkNvbG9ycyAmJlxuICAgICAgJHZhcmlhbnQgPT09IFwicHJpbWFyeUdob3N0XCIgJiYge1xuICAgICAgICBcIiYgc3ZnIC5jb2xvcjBcIjoge1xuICAgICAgICAgIGZpbGw6ICRkaXNhYmxlZCA/IHRoZW1lLmNvbG9ycy5hdG1vNSA6IHRoZW1lLmNvbG9ycy5hY2NlMixcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuICAgIC4uLigkb3ZlcnJpZGVJY29uQ29sb3JzICYmXG4gICAgICAkdmFyaWFudCA9PT0gXCJzZWNvbmRhcnlTdWJ0bGVcIiAmJiB7XG4gICAgICAgIFwiJiBzdmcgLmNvbG9yMFwiOiB7XG4gICAgICAgICAgZmlsbDogJGRpc2FibGVkID8gdGhlbWUuY29sb3JzLmF0bW81IDogdGhlbWUuY29sb3JzLmFjY2UxLFxuICAgICAgICB9LFxuICAgICAgfSksXG4gICAgLi4uKCRvdmVycmlkZUljb25Db2xvcnMgJiZcbiAgICAgICR2YXJpYW50ID09PSBcInNlY29uZGFyeUdob3N0XCIgJiYge1xuICAgICAgICBcIiYgc3ZnIC5jb2xvcjBcIjoge1xuICAgICAgICAgIGZpbGw6ICRkaXNhYmxlZCA/IHRoZW1lLmNvbG9ycy5hdG1vNSA6IHRoZW1lLmNvbG9ycy5hY2NlMSxcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuICAgIC4uLigkb3ZlcnJpZGVJY29uQ29sb3JzICYmXG4gICAgICAkdmFyaWFudCA9PT0gXCJzZW1hbnRpY1wiICYmIHtcbiAgICAgICAgXCImIHN2ZyAuY29sb3IwXCI6IHtcbiAgICAgICAgICBmaWxsOiAkZGlzYWJsZWQgPyB0aGVtZS5jb2xvcnMuYXRtbzUgOiB0aGVtZS5jb2xvcnMuYmFzZTIsXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICAuLi4oJHZhcmlhbnQgPT09IFwicHJpbWFyeVwiICYmIHtcbiAgICAgIGNvbG9yOiAkZGlzYWJsZWQgPyB0aGVtZS5jb2xvcnMuYXRtbzUgOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6ICRkaXNhYmxlZCA/IHRoZW1lLmNvbG9ycy5hdG1vMyA6IHRoZW1lLmNvbG9ycy5hY2NlMixcbiAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogJGRpc2FibGVkID8gdGhlbWUuY29sb3JzLmF0bW8zIDogdGhlbWUuY29sb3JzLmFjY2UyaCxcbiAgICAgIH0sXG4gICAgICBcIiY6Zm9jdXMtdmlzaWJsZVwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmFjY2UyaCxcbiAgICAgIH0sXG4gICAgfSksXG4gICAgLi4uKCR2YXJpYW50ID09PSBcInByaW1hcnlTdWJ0bGVcIiAmJiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6ICRkaXNhYmxlZCA/IHRoZW1lLmNvbG9ycy5hdG1vMyA6IFwidHJhbnNwYXJlbnRcIixcbiAgICAgIGJvcmRlcjogJGRpc2FibGVkXG4gICAgICAgID8gYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gXG4gICAgICAgIDogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5hY2NlMn1gLFxuICAgICAgY29sb3I6ICRkaXNhYmxlZCA/IHRoZW1lLmNvbG9ycy5hdG1vNSA6IHRoZW1lLmNvbG9ycy5hY2NlMixcbiAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogJGRpc2FibGVkXG4gICAgICAgICAgPyB0aGVtZS5jb2xvcnMuYXRtbzNcbiAgICAgICAgICA6IHRoZW1lLmJ1dHRvbi5ob3ZlckNvbG9yLFxuICAgICAgfSxcbiAgICAgIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiAkZGlzYWJsZWRcbiAgICAgICAgICA/IHRoZW1lLmNvbG9ycy5hdG1vM1xuICAgICAgICAgIDogdGhlbWUuYnV0dG9uLmhvdmVyQ29sb3IsXG4gICAgICB9LFxuICAgIH0pLFxuICAgIC4uLigkdmFyaWFudCA9PT0gXCJwcmltYXJ5R2hvc3RcIiAmJiB7XG4gICAgICBjb2xvcjogJGRpc2FibGVkID8gdGhlbWUuY29sb3JzLmF0bW81IDogdGhlbWUuY29sb3JzLmFjY2UyLFxuICAgICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6ICRkaXNhYmxlZCA/IFwidHJhbnNwYXJlbnRcIiA6IHRoZW1lLmJ1dHRvbi5ob3ZlckNvbG9yLFxuICAgICAgfSxcbiAgICAgIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiAkZGlzYWJsZWQgPyBcInRyYW5zcGFyZW50XCIgOiB0aGVtZS5idXR0b24uaG92ZXJDb2xvcixcbiAgICAgIH0sXG4gICAgfSksXG4gICAgLi4uKCR2YXJpYW50ID09PSBcInNlY29uZGFyeVN1YnRsZVwiICYmIHtcbiAgICAgIGNvbG9yOiAkZGlzYWJsZWQgPyB0aGVtZS5jb2xvcnMuYXRtbzUgOiB0aGVtZS5jb2xvcnMuYWNjZTEsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6ICRkaXNhYmxlZCA/IHRoZW1lLmNvbG9ycy5hdG1vMyA6IFwidHJhbnNwYXJlbnRcIixcbiAgICAgIGJvcmRlcjogJGRpc2FibGVkXG4gICAgICAgID8gYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gXG4gICAgICAgIDogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiAkZGlzYWJsZWRcbiAgICAgICAgICA/IHRoZW1lLmNvbG9ycy5hdG1vM1xuICAgICAgICAgIDogdGhlbWUuYnV0dG9uLmhvdmVyQ29sb3IsXG4gICAgICAgIGJvcmRlcjogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgfSxcbiAgICAgIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiAkZGlzYWJsZWRcbiAgICAgICAgICA/IHRoZW1lLmNvbG9ycy5hdG1vM1xuICAgICAgICAgIDogdGhlbWUuYnV0dG9uLmhvdmVyQ29sb3IsXG4gICAgICB9LFxuICAgIH0pLFxuICAgIC4uLigkdmFyaWFudCA9PT0gXCJzZWNvbmRhcnlHaG9zdFwiICYmIHtcbiAgICAgIGNvbG9yOiAkZGlzYWJsZWQgPyB0aGVtZS5jb2xvcnMuYXRtbzUgOiB0aGVtZS5jb2xvcnMuYWNjZTEsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogJGRpc2FibGVkID8gXCJ0cmFuc3BhcmVudFwiIDogdGhlbWUuYnV0dG9uLmhvdmVyQ29sb3IsXG4gICAgICB9LFxuICAgICAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6ICRkaXNhYmxlZCA/IFwidHJhbnNwYXJlbnRcIiA6IHRoZW1lLmJ1dHRvbi5ob3ZlckNvbG9yLFxuICAgICAgfSxcbiAgICB9KSxcbiAgICAuLi4oJHZhcmlhbnQgPT09IFwic2VtYW50aWNcIiAmJiB7XG4gICAgICBjb2xvcjogJGRpc2FibGVkID8gdGhlbWUuY29sb3JzLmF0bW81IDogdGhlbWUuY29sb3JzLmJhc2UyLFxuICAgICAgYmFja2dyb3VuZENvbG9yOiAkZGlzYWJsZWRcbiAgICAgICAgPyB0aGVtZS5idXR0b24uc2VtYW50aWNDb2xvckRpc2FibGVkXG4gICAgICAgIDogXCJ0cmFuc3BhcmVudFwiLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5idXR0b24uc2VtYW50aWNDb2xvcixcbiAgICAgIH0sXG4gICAgfSksXG4gICAgLi4uKCRzaXplID09PSBcInhzXCIgJiYge1xuICAgICAgaGVpZ2h0OiB0aGVtZS5zaXplcy54cyxcbiAgICAgIHBhZGRpbmdMZWZ0OiB0aGVtZS5zcGFjZS54cyxcbiAgICAgIHBhZGRpbmdSaWdodDogdGhlbWUuc3BhY2UueHMsXG4gICAgICBmb250U2l6ZTogdGhlbWUuZm9udFNpemVzLnhzLFxuICAgIH0pLFxuICAgIC4uLigkc2l6ZSA9PT0gXCJzbVwiICYmIHtcbiAgICAgIGhlaWdodDogdGhlbWUuc2l6ZXMuc20sXG4gICAgICBwYWRkaW5nTGVmdDogdGhlbWUuc3BhY2Uuc20sXG4gICAgICBwYWRkaW5nUmlnaHQ6IHRoZW1lLnNwYWNlLnNtLFxuICAgICAgZm9udFNpemU6IHRoZW1lLmZvbnRTaXplcy5zbSxcbiAgICB9KSxcbiAgICAuLi4oJHNpemUgPT09IFwibWRcIiAmJiB7XG4gICAgICBoZWlnaHQ6IHRoZW1lLnNpemVzLm1kLFxuICAgICAgcGFkZGluZ0xlZnQ6IHRoZW1lLnNwYWNlLm1kLFxuICAgICAgcGFkZGluZ1JpZ2h0OiB0aGVtZS5zcGFjZS5tZCxcbiAgICB9KSxcbiAgICAuLi4oJHNpemUgPT09IFwibGdcIiAmJiB7XG4gICAgICBoZWlnaHQ6IHRoZW1lLnNpemVzLmxnLFxuICAgICAgcGFkZGluZ0xlZnQ6IHRoZW1lLnNwYWNlLmxnLFxuICAgICAgcGFkZGluZ1JpZ2h0OiB0aGVtZS5zcGFjZS5sZyxcbiAgICAgIGZvbnRTaXplOiB0aGVtZS5mb250U2l6ZXMubGcsXG4gICAgfSksXG4gICAgLi4uKCRzaXplID09PSBcInhsXCIgJiYge1xuICAgICAgaGVpZ2h0OiB0aGVtZS5zaXplcy54bCxcbiAgICAgIHBhZGRpbmdMZWZ0OiB0aGVtZS5zcGFjZS54bCxcbiAgICAgIHBhZGRpbmdSaWdodDogdGhlbWUuc3BhY2UueGwsXG4gICAgICBmb250U2l6ZTogdGhlbWUuZm9udFNpemVzLnhsLFxuICAgIH0pLFxuICAgIC4uLigkcmFkaXVzID09PSBcInhzXCIgJiYgeyBib3JkZXJSYWRpdXM6IHRoZW1lLnJhZGlpLnhzIH0pLFxuICAgIC4uLigkcmFkaXVzID09PSBcInNtXCIgJiYgeyBib3JkZXJSYWRpdXM6IHRoZW1lLnJhZGlpLnNtIH0pLFxuICAgIC4uLigkcmFkaXVzID09PSBcIm1kXCIgJiYgeyBib3JkZXJSYWRpdXM6IHRoZW1lLnJhZGlpLm1kIH0pLFxuICAgIC4uLigkcmFkaXVzID09PSBcImxnXCIgJiYgeyBib3JkZXJSYWRpdXM6IHRoZW1lLnJhZGlpLmxnIH0pLFxuICAgIC4uLigkcmFkaXVzID09PSBcInhsXCIgJiYgeyBib3JkZXJSYWRpdXM6IHRoZW1lLnJhZGlpLnhsIH0pLFxuICAgIC4uLigkcmFkaXVzID09PSBcIm5vbmVcIiAmJiB7IGJvcmRlclJhZGl1czogdGhlbWUucmFkaWkubm9uZSB9KSxcbiAgICAuLi4oJHJhZGl1cyA9PT0gXCJiYXNlXCIgJiYgeyBib3JkZXJSYWRpdXM6IHRoZW1lLnJhZGlpLmJhc2UgfSksXG4gICAgLi4uKCRpY29uT25seSAmJiB7XG4gICAgICBtYXJnaW46IDAsXG4gICAgICBwYWRkaW5nOiAwLFxuICAgIH0pLFxuICAgIC4uLighJGljb25Pbmx5ICYmIHtcbiAgICAgIG1pbldpZHRoOiBcIjcwcHhcIixcbiAgICB9KSxcbiAgfSlcbik7XG4iXX0= */",
|
|
57
57
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
58
58
|
});
|
|
59
59
|
const StyledButton = /* @__PURE__ */ _styled("button", process.env.NODE_ENV === "production" ? _extends({}, {
|
|
@@ -84,6 +84,11 @@ const StyledButton = /* @__PURE__ */ _styled("button", process.env.NODE_ENV ===
|
|
|
84
84
|
"&:active": {},
|
|
85
85
|
fontSize: theme.fontSizes.base,
|
|
86
86
|
fontWeight: 600,
|
|
87
|
+
lineHeight: "11px",
|
|
88
|
+
letterSpacing: 0,
|
|
89
|
+
height: "32px",
|
|
90
|
+
borderRadius: theme.button.borderRadius,
|
|
91
|
+
padding: theme.button.padding,
|
|
87
92
|
...$overrideIconColors && $variant === "primary" && {
|
|
88
93
|
"& svg .color0": {
|
|
89
94
|
fill: $disabled ? theme.colors.atmo5 : theme.colors.atmo1
|
|
@@ -118,10 +123,10 @@ const StyledButton = /* @__PURE__ */ _styled("button", process.env.NODE_ENV ===
|
|
|
118
123
|
color: $disabled ? theme.colors.atmo5 : theme.colors.atmo1,
|
|
119
124
|
backgroundColor: $disabled ? theme.colors.atmo3 : theme.colors.acce2,
|
|
120
125
|
"&:hover": {
|
|
121
|
-
backgroundColor: theme.
|
|
126
|
+
backgroundColor: $disabled ? theme.colors.atmo3 : theme.colors.acce2h
|
|
122
127
|
},
|
|
123
128
|
"&:focus-visible": {
|
|
124
|
-
backgroundColor: theme.
|
|
129
|
+
backgroundColor: theme.colors.acce2h
|
|
125
130
|
}
|
|
126
131
|
},
|
|
127
132
|
...$variant === "primarySubtle" && {
|
|
@@ -129,10 +134,10 @@ const StyledButton = /* @__PURE__ */ _styled("button", process.env.NODE_ENV ===
|
|
|
129
134
|
border: $disabled ? `1px solid ${theme.colors.atmo4}` : `1px solid ${theme.colors.acce2}`,
|
|
130
135
|
color: $disabled ? theme.colors.atmo5 : theme.colors.acce2,
|
|
131
136
|
"&:hover": {
|
|
132
|
-
backgroundColor: theme.button.hoverColor
|
|
137
|
+
backgroundColor: $disabled ? theme.colors.atmo3 : theme.button.hoverColor
|
|
133
138
|
},
|
|
134
139
|
"&:focus-visible": {
|
|
135
|
-
backgroundColor: theme.button.hoverColor
|
|
140
|
+
backgroundColor: $disabled ? theme.colors.atmo3 : theme.button.hoverColor
|
|
136
141
|
}
|
|
137
142
|
},
|
|
138
143
|
...$variant === "primaryGhost" && {
|
|
@@ -142,7 +147,7 @@ const StyledButton = /* @__PURE__ */ _styled("button", process.env.NODE_ENV ===
|
|
|
142
147
|
backgroundColor: $disabled ? "transparent" : theme.button.hoverColor
|
|
143
148
|
},
|
|
144
149
|
"&:focus-visible": {
|
|
145
|
-
backgroundColor: theme.button.hoverColor
|
|
150
|
+
backgroundColor: $disabled ? "transparent" : theme.button.hoverColor
|
|
146
151
|
}
|
|
147
152
|
},
|
|
148
153
|
...$variant === "secondarySubtle" && {
|
|
@@ -150,11 +155,11 @@ const StyledButton = /* @__PURE__ */ _styled("button", process.env.NODE_ENV ===
|
|
|
150
155
|
backgroundColor: $disabled ? theme.colors.atmo3 : "transparent",
|
|
151
156
|
border: $disabled ? `1px solid ${theme.colors.atmo4}` : `1px solid ${theme.colors.atmo4}`,
|
|
152
157
|
"&:hover": {
|
|
153
|
-
backgroundColor: theme.button.hoverColor,
|
|
158
|
+
backgroundColor: $disabled ? theme.colors.atmo3 : theme.button.hoverColor,
|
|
154
159
|
border: `1px solid ${theme.colors.atmo4}`
|
|
155
160
|
},
|
|
156
161
|
"&:focus-visible": {
|
|
157
|
-
backgroundColor: theme.button.hoverColor
|
|
162
|
+
backgroundColor: $disabled ? theme.colors.atmo3 : theme.button.hoverColor
|
|
158
163
|
}
|
|
159
164
|
},
|
|
160
165
|
...$variant === "secondaryGhost" && {
|
|
@@ -164,7 +169,7 @@ const StyledButton = /* @__PURE__ */ _styled("button", process.env.NODE_ENV ===
|
|
|
164
169
|
backgroundColor: $disabled ? "transparent" : theme.button.hoverColor
|
|
165
170
|
},
|
|
166
171
|
"&:focus-visible": {
|
|
167
|
-
backgroundColor: theme.button.hoverColor
|
|
172
|
+
backgroundColor: $disabled ? "transparent" : theme.button.hoverColor
|
|
168
173
|
}
|
|
169
174
|
},
|
|
170
175
|
...$variant === "semantic" && {
|
|
@@ -226,14 +231,12 @@ const StyledButton = /* @__PURE__ */ _styled("button", process.env.NODE_ENV ===
|
|
|
226
231
|
},
|
|
227
232
|
...$iconOnly && {
|
|
228
233
|
margin: 0,
|
|
229
|
-
padding: 0
|
|
230
|
-
width: theme.sizes.sm,
|
|
231
|
-
height: theme.sizes.sm
|
|
234
|
+
padding: 0
|
|
232
235
|
},
|
|
233
236
|
...!$iconOnly && {
|
|
234
237
|
minWidth: "70px"
|
|
235
238
|
}
|
|
236
|
-
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
239
|
+
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQnV0dG9uL0J1dHRvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0M0QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0J1dHRvbi9CdXR0b24uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB7IEh2QnV0dG9uUmFkaXVzLCBIdkJ1dHRvblNpemUsIEh2QnV0dG9uVmFyaWFudCB9IGZyb20gXCIuL0J1dHRvblwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIFN0eWxlZEJ1dHRvblByb3BzIHtcbiAgJHJhZGl1cz86IEh2QnV0dG9uUmFkaXVzO1xuICAkc2l6ZT86IEh2QnV0dG9uU2l6ZTtcbiAgJHZhcmlhbnQ/OiBIdkJ1dHRvblZhcmlhbnQ7XG4gICRpY29uT25seT86IEJvb2xlYW47XG4gICRvdmVycmlkZUljb25Db2xvcnM/OiBCb29sZWFuO1xuICAkZGlzYWJsZWQ/OiBCb29sZWFuO1xufVxuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudERpdiA9IHN0eWxlZC5kaXY8e30+KHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIG92ZXJmbG93OiBcInZpc2libGVcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSWNvblNwYW4gPSBzdHlsZWQuc3Bhbjx7fT4oe1xuICBtYXJnaW5SaWdodDogdGhlbWUuYnV0dG9uLm1hcmdpbkljb25SaWdodCxcbiAgbWFyZ2luTGVmdDogdGhlbWUuYnV0dG9uLm1hcmdpbkljb25MZWZ0LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDaGlsZHJlbiA9IHN0eWxlZC5zcGFuPHt9Pih7XG4gIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoXG4gIFwiYnV0dG9uXCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJHZhcmlhbnQsXG4gICAgJGljb25Pbmx5LFxuICAgICRzaXplLFxuICAgICRyYWRpdXMsXG4gICAgJG92ZXJyaWRlSWNvbkNvbG9ycyxcbiAgICAkZGlzYWJsZWQsXG4gIH06IFN0eWxlZEJ1dHRvblByb3BzKSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICB0ZXh0VHJhbnNmb3JtOiBcIm5vbmVcIixcbiAgICBjdXJzb3I6ICRkaXNhYmxlZCA/IFwibm90LWFsbG93ZWRcIiA6IFwicG9pbnRlclwiLFxuICAgIC4uLigkZGlzYWJsZWQgJiYge1xuICAgICAgcG9pbnRlckV2ZW50czogXCJhdXRvXCIsXG4gICAgfSksXG4gICAgXCImOmhvdmVyXCI6IHt9LFxuICAgIFwiJjpmb2N1c1wiOiB7fSxcbiAgICBcIiYuSHZJc0ZvY3VzVmlzaWJsZVwiOiB7XG4gICAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICAgIH0sXG4gICAgXCImOmFjdGl2ZVwiOiB7fSxcblxuICAgIC8vIGRlZmF1bHQgYnV0dG9uIC0gbm8gc2l6ZSBzcGVjaWZpZWRcbiAgICBmb250U2l6ZTogdGhlbWUuZm9udFNpemVzLmJhc2UsXG4gICAgZm9udFdlaWdodDogNjAwLFxuICAgIGxpbmVIZWlnaHQ6IFwiMTFweFwiLFxuICAgIGxldHRlclNwYWNpbmc6IDAsXG4gICAgaGVpZ2h0OiBcIjMycHhcIixcbiAgICBib3JkZXJSYWRpdXM6IHRoZW1lLmJ1dHRvbi5ib3JkZXJSYWRpdXMsXG4gICAgcGFkZGluZzogdGhlbWUuYnV0dG9uLnBhZGRpbmcsXG5cbiAgICAuLi4oJG92ZXJyaWRlSWNvbkNvbG9ycyAmJlxuICAgICAgJHZhcmlhbnQgPT09IFwicHJpbWFyeVwiICYmIHtcbiAgICAgICAgXCImIHN2ZyAuY29sb3IwXCI6IHtcbiAgICAgICAgICBmaWxsOiAkZGlzYWJsZWQgPyB0aGVtZS5jb2xvcnMuYXRtbzUgOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICAuLi4oJG92ZXJyaWRlSWNvbkNvbG9ycyAmJlxuICAgICAgJHZhcmlhbnQgPT09IFwicHJpbWFyeVN1YnRsZVwiICYmIHtcbiAgICAgICAgXCImIHN2ZyAuY29sb3IwXCI6IHtcbiAgICAgICAgICBmaWxsOiAkZGlzYWJsZWQgPyB0aGVtZS5jb2xvcnMuYXRtbzUgOiB0aGVtZS5jb2xvcnMuYWNjZTIsXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICAuLi4oJG92ZXJyaWRlSWNvbkNvbG9ycyAmJlxuICAgICAgJHZhcmlhbnQgPT09IFwicHJpbWFyeUdob3N0XCIgJiYge1xuICAgICAgICBcIiYgc3ZnIC5jb2xvcjBcIjoge1xuICAgICAgICAgIGZpbGw6ICRkaXNhYmxlZCA/IHRoZW1lLmNvbG9ycy5hdG1vNSA6IHRoZW1lLmNvbG9ycy5hY2NlMixcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuICAgIC4uLigkb3ZlcnJpZGVJY29uQ29sb3JzICYmXG4gICAgICAkdmFyaWFudCA9PT0gXCJzZWNvbmRhcnlTdWJ0bGVcIiAmJiB7XG4gICAgICAgIFwiJiBzdmcgLmNvbG9yMFwiOiB7XG4gICAgICAgICAgZmlsbDogJGRpc2FibGVkID8gdGhlbWUuY29sb3JzLmF0bW81IDogdGhlbWUuY29sb3JzLmFjY2UxLFxuICAgICAgICB9LFxuICAgICAgfSksXG4gICAgLi4uKCRvdmVycmlkZUljb25Db2xvcnMgJiZcbiAgICAgICR2YXJpYW50ID09PSBcInNlY29uZGFyeUdob3N0XCIgJiYge1xuICAgICAgICBcIiYgc3ZnIC5jb2xvcjBcIjoge1xuICAgICAgICAgIGZpbGw6ICRkaXNhYmxlZCA/IHRoZW1lLmNvbG9ycy5hdG1vNSA6IHRoZW1lLmNvbG9ycy5hY2NlMSxcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuICAgIC4uLigkb3ZlcnJpZGVJY29uQ29sb3JzICYmXG4gICAgICAkdmFyaWFudCA9PT0gXCJzZW1hbnRpY1wiICYmIHtcbiAgICAgICAgXCImIHN2ZyAuY29sb3IwXCI6IHtcbiAgICAgICAgICBmaWxsOiAkZGlzYWJsZWQgPyB0aGVtZS5jb2xvcnMuYXRtbzUgOiB0aGVtZS5jb2xvcnMuYmFzZTIsXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICAuLi4oJHZhcmlhbnQgPT09IFwicHJpbWFyeVwiICYmIHtcbiAgICAgIGNvbG9yOiAkZGlzYWJsZWQgPyB0aGVtZS5jb2xvcnMuYXRtbzUgOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6ICRkaXNhYmxlZCA/IHRoZW1lLmNvbG9ycy5hdG1vMyA6IHRoZW1lLmNvbG9ycy5hY2NlMixcbiAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogJGRpc2FibGVkID8gdGhlbWUuY29sb3JzLmF0bW8zIDogdGhlbWUuY29sb3JzLmFjY2UyaCxcbiAgICAgIH0sXG4gICAgICBcIiY6Zm9jdXMtdmlzaWJsZVwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmFjY2UyaCxcbiAgICAgIH0sXG4gICAgfSksXG4gICAgLi4uKCR2YXJpYW50ID09PSBcInByaW1hcnlTdWJ0bGVcIiAmJiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6ICRkaXNhYmxlZCA/IHRoZW1lLmNvbG9ycy5hdG1vMyA6IFwidHJhbnNwYXJlbnRcIixcbiAgICAgIGJvcmRlcjogJGRpc2FibGVkXG4gICAgICAgID8gYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gXG4gICAgICAgIDogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5hY2NlMn1gLFxuICAgICAgY29sb3I6ICRkaXNhYmxlZCA/IHRoZW1lLmNvbG9ycy5hdG1vNSA6IHRoZW1lLmNvbG9ycy5hY2NlMixcbiAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogJGRpc2FibGVkXG4gICAgICAgICAgPyB0aGVtZS5jb2xvcnMuYXRtbzNcbiAgICAgICAgICA6IHRoZW1lLmJ1dHRvbi5ob3ZlckNvbG9yLFxuICAgICAgfSxcbiAgICAgIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiAkZGlzYWJsZWRcbiAgICAgICAgICA/IHRoZW1lLmNvbG9ycy5hdG1vM1xuICAgICAgICAgIDogdGhlbWUuYnV0dG9uLmhvdmVyQ29sb3IsXG4gICAgICB9LFxuICAgIH0pLFxuICAgIC4uLigkdmFyaWFudCA9PT0gXCJwcmltYXJ5R2hvc3RcIiAmJiB7XG4gICAgICBjb2xvcjogJGRpc2FibGVkID8gdGhlbWUuY29sb3JzLmF0bW81IDogdGhlbWUuY29sb3JzLmFjY2UyLFxuICAgICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6ICRkaXNhYmxlZCA/IFwidHJhbnNwYXJlbnRcIiA6IHRoZW1lLmJ1dHRvbi5ob3ZlckNvbG9yLFxuICAgICAgfSxcbiAgICAgIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiAkZGlzYWJsZWQgPyBcInRyYW5zcGFyZW50XCIgOiB0aGVtZS5idXR0b24uaG92ZXJDb2xvcixcbiAgICAgIH0sXG4gICAgfSksXG4gICAgLi4uKCR2YXJpYW50ID09PSBcInNlY29uZGFyeVN1YnRsZVwiICYmIHtcbiAgICAgIGNvbG9yOiAkZGlzYWJsZWQgPyB0aGVtZS5jb2xvcnMuYXRtbzUgOiB0aGVtZS5jb2xvcnMuYWNjZTEsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6ICRkaXNhYmxlZCA/IHRoZW1lLmNvbG9ycy5hdG1vMyA6IFwidHJhbnNwYXJlbnRcIixcbiAgICAgIGJvcmRlcjogJGRpc2FibGVkXG4gICAgICAgID8gYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gXG4gICAgICAgIDogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiAkZGlzYWJsZWRcbiAgICAgICAgICA/IHRoZW1lLmNvbG9ycy5hdG1vM1xuICAgICAgICAgIDogdGhlbWUuYnV0dG9uLmhvdmVyQ29sb3IsXG4gICAgICAgIGJvcmRlcjogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgfSxcbiAgICAgIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiAkZGlzYWJsZWRcbiAgICAgICAgICA/IHRoZW1lLmNvbG9ycy5hdG1vM1xuICAgICAgICAgIDogdGhlbWUuYnV0dG9uLmhvdmVyQ29sb3IsXG4gICAgICB9LFxuICAgIH0pLFxuICAgIC4uLigkdmFyaWFudCA9PT0gXCJzZWNvbmRhcnlHaG9zdFwiICYmIHtcbiAgICAgIGNvbG9yOiAkZGlzYWJsZWQgPyB0aGVtZS5jb2xvcnMuYXRtbzUgOiB0aGVtZS5jb2xvcnMuYWNjZTEsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogJGRpc2FibGVkID8gXCJ0cmFuc3BhcmVudFwiIDogdGhlbWUuYnV0dG9uLmhvdmVyQ29sb3IsXG4gICAgICB9LFxuICAgICAgXCImOmZvY3VzLXZpc2libGVcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6ICRkaXNhYmxlZCA/IFwidHJhbnNwYXJlbnRcIiA6IHRoZW1lLmJ1dHRvbi5ob3ZlckNvbG9yLFxuICAgICAgfSxcbiAgICB9KSxcbiAgICAuLi4oJHZhcmlhbnQgPT09IFwic2VtYW50aWNcIiAmJiB7XG4gICAgICBjb2xvcjogJGRpc2FibGVkID8gdGhlbWUuY29sb3JzLmF0bW81IDogdGhlbWUuY29sb3JzLmJhc2UyLFxuICAgICAgYmFja2dyb3VuZENvbG9yOiAkZGlzYWJsZWRcbiAgICAgICAgPyB0aGVtZS5idXR0b24uc2VtYW50aWNDb2xvckRpc2FibGVkXG4gICAgICAgIDogXCJ0cmFuc3BhcmVudFwiLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5idXR0b24uc2VtYW50aWNDb2xvcixcbiAgICAgIH0sXG4gICAgfSksXG4gICAgLi4uKCRzaXplID09PSBcInhzXCIgJiYge1xuICAgICAgaGVpZ2h0OiB0aGVtZS5zaXplcy54cyxcbiAgICAgIHBhZGRpbmdMZWZ0OiB0aGVtZS5zcGFjZS54cyxcbiAgICAgIHBhZGRpbmdSaWdodDogdGhlbWUuc3BhY2UueHMsXG4gICAgICBmb250U2l6ZTogdGhlbWUuZm9udFNpemVzLnhzLFxuICAgIH0pLFxuICAgIC4uLigkc2l6ZSA9PT0gXCJzbVwiICYmIHtcbiAgICAgIGhlaWdodDogdGhlbWUuc2l6ZXMuc20sXG4gICAgICBwYWRkaW5nTGVmdDogdGhlbWUuc3BhY2Uuc20sXG4gICAgICBwYWRkaW5nUmlnaHQ6IHRoZW1lLnNwYWNlLnNtLFxuICAgICAgZm9udFNpemU6IHRoZW1lLmZvbnRTaXplcy5zbSxcbiAgICB9KSxcbiAgICAuLi4oJHNpemUgPT09IFwibWRcIiAmJiB7XG4gICAgICBoZWlnaHQ6IHRoZW1lLnNpemVzLm1kLFxuICAgICAgcGFkZGluZ0xlZnQ6IHRoZW1lLnNwYWNlLm1kLFxuICAgICAgcGFkZGluZ1JpZ2h0OiB0aGVtZS5zcGFjZS5tZCxcbiAgICB9KSxcbiAgICAuLi4oJHNpemUgPT09IFwibGdcIiAmJiB7XG4gICAgICBoZWlnaHQ6IHRoZW1lLnNpemVzLmxnLFxuICAgICAgcGFkZGluZ0xlZnQ6IHRoZW1lLnNwYWNlLmxnLFxuICAgICAgcGFkZGluZ1JpZ2h0OiB0aGVtZS5zcGFjZS5sZyxcbiAgICAgIGZvbnRTaXplOiB0aGVtZS5mb250U2l6ZXMubGcsXG4gICAgfSksXG4gICAgLi4uKCRzaXplID09PSBcInhsXCIgJiYge1xuICAgICAgaGVpZ2h0OiB0aGVtZS5zaXplcy54bCxcbiAgICAgIHBhZGRpbmdMZWZ0OiB0aGVtZS5zcGFjZS54bCxcbiAgICAgIHBhZGRpbmdSaWdodDogdGhlbWUuc3BhY2UueGwsXG4gICAgICBmb250U2l6ZTogdGhlbWUuZm9udFNpemVzLnhsLFxuICAgIH0pLFxuICAgIC4uLigkcmFkaXVzID09PSBcInhzXCIgJiYgeyBib3JkZXJSYWRpdXM6IHRoZW1lLnJhZGlpLnhzIH0pLFxuICAgIC4uLigkcmFkaXVzID09PSBcInNtXCIgJiYgeyBib3JkZXJSYWRpdXM6IHRoZW1lLnJhZGlpLnNtIH0pLFxuICAgIC4uLigkcmFkaXVzID09PSBcIm1kXCIgJiYgeyBib3JkZXJSYWRpdXM6IHRoZW1lLnJhZGlpLm1kIH0pLFxuICAgIC4uLigkcmFkaXVzID09PSBcImxnXCIgJiYgeyBib3JkZXJSYWRpdXM6IHRoZW1lLnJhZGlpLmxnIH0pLFxuICAgIC4uLigkcmFkaXVzID09PSBcInhsXCIgJiYgeyBib3JkZXJSYWRpdXM6IHRoZW1lLnJhZGlpLnhsIH0pLFxuICAgIC4uLigkcmFkaXVzID09PSBcIm5vbmVcIiAmJiB7IGJvcmRlclJhZGl1czogdGhlbWUucmFkaWkubm9uZSB9KSxcbiAgICAuLi4oJHJhZGl1cyA9PT0gXCJiYXNlXCIgJiYgeyBib3JkZXJSYWRpdXM6IHRoZW1lLnJhZGlpLmJhc2UgfSksXG4gICAgLi4uKCRpY29uT25seSAmJiB7XG4gICAgICBtYXJnaW46IDAsXG4gICAgICBwYWRkaW5nOiAwLFxuICAgIH0pLFxuICAgIC4uLighJGljb25Pbmx5ICYmIHtcbiAgICAgIG1pbldpZHRoOiBcIjcwcHhcIixcbiAgICB9KSxcbiAgfSlcbik7XG4iXX0= */");
|
|
237
240
|
export {
|
|
238
241
|
StyledButton,
|
|
239
242
|
StyledChildren,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.styles.js","sources":["../../../../src/components/Button/Button.styles.ts"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { outlineStyles } from \"utils\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { HvButtonRadius, HvButtonSize, HvButtonVariant } from \"./Button\";\n\nexport interface StyledButtonProps {\n $radius?: HvButtonRadius;\n $size?: HvButtonSize;\n $variant?: HvButtonVariant;\n $iconOnly?: Boolean;\n $overrideIconColors?: Boolean;\n $disabled?: Boolean;\n}\n\nexport const StyledContentDiv = styled.div<{}>({\n display: \"flex\",\n alignItems: \"center\",\n height: \"100%\",\n overflow: \"visible\",\n});\n\nexport const StyledIconSpan = styled.span<{}>({\n marginRight: theme.button.marginIconRight,\n marginLeft: theme.button.marginIconLeft,\n});\n\nexport const StyledChildren = styled.span<{}>({\n whiteSpace: \"nowrap\",\n display: \"flex\",\n});\n\nexport const StyledButton = styled(\n \"button\",\n transientOptions\n)(\n ({\n $variant,\n $iconOnly,\n $size,\n $radius,\n $overrideIconColors,\n $disabled,\n }: StyledButtonProps) => ({\n display: \"inline-flex\",\n justifyContent: \"center\",\n textTransform: \"none\",\n cursor: $disabled ? \"not-allowed\" : \"pointer\",\n ...($disabled && {\n pointerEvents: \"auto\",\n }),\n \"&:hover\": {},\n \"&:focus\": {},\n \"&.HvIsFocusVisible\": {\n ...outlineStyles,\n },\n \"&:active\": {},\n\n fontSize: theme.fontSizes.base,\n fontWeight: 600,\n ...($overrideIconColors &&\n $variant === \"primary\" && {\n \"& svg .color0\": {\n fill: $disabled ? theme.colors.atmo5 : theme.colors.atmo1,\n },\n }),\n ...($overrideIconColors &&\n $variant === \"primarySubtle\" && {\n \"& svg .color0\": {\n fill: $disabled ? theme.colors.atmo5 : theme.colors.acce2,\n },\n }),\n ...($overrideIconColors &&\n $variant === \"primaryGhost\" && {\n \"& svg .color0\": {\n fill: $disabled ? theme.colors.atmo5 : theme.colors.acce2,\n },\n }),\n ...($overrideIconColors &&\n $variant === \"secondarySubtle\" && {\n \"& svg .color0\": {\n fill: $disabled ? theme.colors.atmo5 : theme.colors.acce1,\n },\n }),\n ...($overrideIconColors &&\n $variant === \"secondaryGhost\" && {\n \"& svg .color0\": {\n fill: $disabled ? theme.colors.atmo5 : theme.colors.acce1,\n },\n }),\n ...($overrideIconColors &&\n $variant === \"semantic\" && {\n \"& svg .color0\": {\n fill: $disabled ? theme.colors.atmo5 : theme.colors.base2,\n },\n }),\n ...($variant === \"primary\" && {\n color: $disabled ? theme.colors.atmo5 : theme.colors.atmo1,\n backgroundColor: $disabled ? theme.colors.atmo3 : theme.colors.acce2,\n \"&:hover\": {\n backgroundColor: theme.button.hoverColor,\n },\n \"&:focus-visible\": {\n backgroundColor: theme.button.hoverColor,\n },\n }),\n ...($variant === \"primarySubtle\" && {\n backgroundColor: $disabled ? theme.colors.atmo3 : \"transparent\",\n border: $disabled\n ? `1px solid ${theme.colors.atmo4}`\n : `1px solid ${theme.colors.acce2}`,\n color: $disabled ? theme.colors.atmo5 : theme.colors.acce2,\n \"&:hover\": {\n backgroundColor: theme.button.hoverColor,\n },\n \"&:focus-visible\": {\n backgroundColor: theme.button.hoverColor,\n },\n }),\n ...($variant === \"primaryGhost\" && {\n color: $disabled ? theme.colors.atmo5 : theme.colors.acce2,\n backgroundColor: \"transparent\",\n \"&:hover\": {\n backgroundColor: $disabled ? \"transparent\" : theme.button.hoverColor,\n },\n \"&:focus-visible\": {\n backgroundColor: theme.button.hoverColor,\n },\n }),\n ...($variant === \"secondarySubtle\" && {\n color: $disabled ? theme.colors.atmo5 : theme.colors.acce1,\n backgroundColor: $disabled ? theme.colors.atmo3 : \"transparent\",\n border: $disabled\n ? `1px solid ${theme.colors.atmo4}`\n : `1px solid ${theme.colors.atmo4}`,\n \"&:hover\": {\n backgroundColor: theme.button.hoverColor,\n border: `1px solid ${theme.colors.atmo4}`,\n },\n \"&:focus-visible\": {\n backgroundColor: theme.button.hoverColor,\n },\n }),\n ...($variant === \"secondaryGhost\" && {\n color: $disabled ? theme.colors.atmo5 : theme.colors.acce1,\n backgroundColor: \"transparent\",\n \"&:hover\": {\n backgroundColor: $disabled ? \"transparent\" : theme.button.hoverColor,\n },\n \"&:focus-visible\": {\n backgroundColor: theme.button.hoverColor,\n },\n }),\n ...($variant === \"semantic\" && {\n color: $disabled ? theme.colors.atmo5 : theme.colors.base2,\n backgroundColor: $disabled\n ? theme.button.semanticColorDisabled\n : \"transparent\",\n \"&:hover\": {\n backgroundColor: theme.button.semanticColor,\n },\n }),\n ...($size === \"xs\" && {\n height: theme.sizes.xs,\n paddingLeft: theme.space.xs,\n paddingRight: theme.space.xs,\n fontSize: theme.fontSizes.xs,\n }),\n ...($size === \"sm\" && {\n height: theme.sizes.sm,\n paddingLeft: theme.space.sm,\n paddingRight: theme.space.sm,\n fontSize: theme.fontSizes.sm,\n }),\n ...($size === \"md\" && {\n height: theme.sizes.md,\n paddingLeft: theme.space.md,\n paddingRight: theme.space.md,\n }),\n ...($size === \"lg\" && {\n height: theme.sizes.lg,\n paddingLeft: theme.space.lg,\n paddingRight: theme.space.lg,\n fontSize: theme.fontSizes.lg,\n }),\n ...($size === \"xl\" && {\n height: theme.sizes.xl,\n paddingLeft: theme.space.xl,\n paddingRight: theme.space.xl,\n fontSize: theme.fontSizes.xl,\n }),\n ...($radius === \"xs\" && { borderRadius: theme.radii.xs }),\n ...($radius === \"sm\" && { borderRadius: theme.radii.sm }),\n ...($radius === \"md\" && { borderRadius: theme.radii.md }),\n ...($radius === \"lg\" && { borderRadius: theme.radii.lg }),\n ...($radius === \"xl\" && { borderRadius: theme.radii.xl }),\n ...($radius === \"none\" && { borderRadius: theme.radii.none }),\n ...($radius === \"base\" && { borderRadius: theme.radii.base }),\n ...($iconOnly && {\n margin: 0,\n padding: 0,\n width: theme.sizes.sm,\n height: theme.sizes.sm,\n }),\n ...(!$iconOnly && {\n minWidth: \"70px\",\n }),\n })\n);\n"],"names":["StyledContentDiv","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledIconSpan","marginRight","theme","button","marginIconRight","marginLeft","marginIconLeft","StyledChildren","StyledButton","_extends","transientOptions","$variant","$iconOnly","$size","$radius","$overrideIconColors","$disabled","display","justifyContent","textTransform","cursor","pointerEvents","outlineStyles","fontSize","fontSizes","base","fontWeight","fill","colors","atmo5","atmo1","acce2","acce1","base2","color","backgroundColor","atmo3","hoverColor","border","atmo4","semanticColorDisabled","semanticColor","height","sizes","xs","paddingLeft","space","paddingRight","sm","md","lg","xl","borderRadius","radii","none","margin","padding","width","minWidth"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Button.styles.js","sources":["../../../../src/components/Button/Button.styles.ts"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { outlineStyles } from \"utils\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { HvButtonRadius, HvButtonSize, HvButtonVariant } from \"./Button\";\n\nexport interface StyledButtonProps {\n $radius?: HvButtonRadius;\n $size?: HvButtonSize;\n $variant?: HvButtonVariant;\n $iconOnly?: Boolean;\n $overrideIconColors?: Boolean;\n $disabled?: Boolean;\n}\n\nexport const StyledContentDiv = styled.div<{}>({\n display: \"flex\",\n alignItems: \"center\",\n height: \"100%\",\n overflow: \"visible\",\n});\n\nexport const StyledIconSpan = styled.span<{}>({\n marginRight: theme.button.marginIconRight,\n marginLeft: theme.button.marginIconLeft,\n});\n\nexport const StyledChildren = styled.span<{}>({\n whiteSpace: \"nowrap\",\n display: \"flex\",\n});\n\nexport const StyledButton = styled(\n \"button\",\n transientOptions\n)(\n ({\n $variant,\n $iconOnly,\n $size,\n $radius,\n $overrideIconColors,\n $disabled,\n }: StyledButtonProps) => ({\n display: \"inline-flex\",\n justifyContent: \"center\",\n textTransform: \"none\",\n cursor: $disabled ? \"not-allowed\" : \"pointer\",\n ...($disabled && {\n pointerEvents: \"auto\",\n }),\n \"&:hover\": {},\n \"&:focus\": {},\n \"&.HvIsFocusVisible\": {\n ...outlineStyles,\n },\n \"&:active\": {},\n\n // default button - no size specified\n fontSize: theme.fontSizes.base,\n fontWeight: 600,\n lineHeight: \"11px\",\n letterSpacing: 0,\n height: \"32px\",\n borderRadius: theme.button.borderRadius,\n padding: theme.button.padding,\n\n ...($overrideIconColors &&\n $variant === \"primary\" && {\n \"& svg .color0\": {\n fill: $disabled ? theme.colors.atmo5 : theme.colors.atmo1,\n },\n }),\n ...($overrideIconColors &&\n $variant === \"primarySubtle\" && {\n \"& svg .color0\": {\n fill: $disabled ? theme.colors.atmo5 : theme.colors.acce2,\n },\n }),\n ...($overrideIconColors &&\n $variant === \"primaryGhost\" && {\n \"& svg .color0\": {\n fill: $disabled ? theme.colors.atmo5 : theme.colors.acce2,\n },\n }),\n ...($overrideIconColors &&\n $variant === \"secondarySubtle\" && {\n \"& svg .color0\": {\n fill: $disabled ? theme.colors.atmo5 : theme.colors.acce1,\n },\n }),\n ...($overrideIconColors &&\n $variant === \"secondaryGhost\" && {\n \"& svg .color0\": {\n fill: $disabled ? theme.colors.atmo5 : theme.colors.acce1,\n },\n }),\n ...($overrideIconColors &&\n $variant === \"semantic\" && {\n \"& svg .color0\": {\n fill: $disabled ? theme.colors.atmo5 : theme.colors.base2,\n },\n }),\n ...($variant === \"primary\" && {\n color: $disabled ? theme.colors.atmo5 : theme.colors.atmo1,\n backgroundColor: $disabled ? theme.colors.atmo3 : theme.colors.acce2,\n \"&:hover\": {\n backgroundColor: $disabled ? theme.colors.atmo3 : theme.colors.acce2h,\n },\n \"&:focus-visible\": {\n backgroundColor: theme.colors.acce2h,\n },\n }),\n ...($variant === \"primarySubtle\" && {\n backgroundColor: $disabled ? theme.colors.atmo3 : \"transparent\",\n border: $disabled\n ? `1px solid ${theme.colors.atmo4}`\n : `1px solid ${theme.colors.acce2}`,\n color: $disabled ? theme.colors.atmo5 : theme.colors.acce2,\n \"&:hover\": {\n backgroundColor: $disabled\n ? theme.colors.atmo3\n : theme.button.hoverColor,\n },\n \"&:focus-visible\": {\n backgroundColor: $disabled\n ? theme.colors.atmo3\n : theme.button.hoverColor,\n },\n }),\n ...($variant === \"primaryGhost\" && {\n color: $disabled ? theme.colors.atmo5 : theme.colors.acce2,\n backgroundColor: \"transparent\",\n \"&:hover\": {\n backgroundColor: $disabled ? \"transparent\" : theme.button.hoverColor,\n },\n \"&:focus-visible\": {\n backgroundColor: $disabled ? \"transparent\" : theme.button.hoverColor,\n },\n }),\n ...($variant === \"secondarySubtle\" && {\n color: $disabled ? theme.colors.atmo5 : theme.colors.acce1,\n backgroundColor: $disabled ? theme.colors.atmo3 : \"transparent\",\n border: $disabled\n ? `1px solid ${theme.colors.atmo4}`\n : `1px solid ${theme.colors.atmo4}`,\n \"&:hover\": {\n backgroundColor: $disabled\n ? theme.colors.atmo3\n : theme.button.hoverColor,\n border: `1px solid ${theme.colors.atmo4}`,\n },\n \"&:focus-visible\": {\n backgroundColor: $disabled\n ? theme.colors.atmo3\n : theme.button.hoverColor,\n },\n }),\n ...($variant === \"secondaryGhost\" && {\n color: $disabled ? theme.colors.atmo5 : theme.colors.acce1,\n backgroundColor: \"transparent\",\n \"&:hover\": {\n backgroundColor: $disabled ? \"transparent\" : theme.button.hoverColor,\n },\n \"&:focus-visible\": {\n backgroundColor: $disabled ? \"transparent\" : theme.button.hoverColor,\n },\n }),\n ...($variant === \"semantic\" && {\n color: $disabled ? theme.colors.atmo5 : theme.colors.base2,\n backgroundColor: $disabled\n ? theme.button.semanticColorDisabled\n : \"transparent\",\n \"&:hover\": {\n backgroundColor: theme.button.semanticColor,\n },\n }),\n ...($size === \"xs\" && {\n height: theme.sizes.xs,\n paddingLeft: theme.space.xs,\n paddingRight: theme.space.xs,\n fontSize: theme.fontSizes.xs,\n }),\n ...($size === \"sm\" && {\n height: theme.sizes.sm,\n paddingLeft: theme.space.sm,\n paddingRight: theme.space.sm,\n fontSize: theme.fontSizes.sm,\n }),\n ...($size === \"md\" && {\n height: theme.sizes.md,\n paddingLeft: theme.space.md,\n paddingRight: theme.space.md,\n }),\n ...($size === \"lg\" && {\n height: theme.sizes.lg,\n paddingLeft: theme.space.lg,\n paddingRight: theme.space.lg,\n fontSize: theme.fontSizes.lg,\n }),\n ...($size === \"xl\" && {\n height: theme.sizes.xl,\n paddingLeft: theme.space.xl,\n paddingRight: theme.space.xl,\n fontSize: theme.fontSizes.xl,\n }),\n ...($radius === \"xs\" && { borderRadius: theme.radii.xs }),\n ...($radius === \"sm\" && { borderRadius: theme.radii.sm }),\n ...($radius === \"md\" && { borderRadius: theme.radii.md }),\n ...($radius === \"lg\" && { borderRadius: theme.radii.lg }),\n ...($radius === \"xl\" && { borderRadius: theme.radii.xl }),\n ...($radius === \"none\" && { borderRadius: theme.radii.none }),\n ...($radius === \"base\" && { borderRadius: theme.radii.base }),\n ...($iconOnly && {\n margin: 0,\n padding: 0,\n }),\n ...(!$iconOnly && {\n minWidth: \"70px\",\n }),\n })\n);\n"],"names":["StyledContentDiv","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledIconSpan","marginRight","theme","button","marginIconRight","marginLeft","marginIconLeft","StyledChildren","StyledButton","_extends","transientOptions","$variant","$iconOnly","$size","$radius","$overrideIconColors","$disabled","display","justifyContent","textTransform","cursor","pointerEvents","outlineStyles","fontSize","fontSizes","base","fontWeight","lineHeight","letterSpacing","height","borderRadius","padding","fill","colors","atmo5","atmo1","acce2","acce1","base2","color","backgroundColor","atmo3","acce2h","border","atmo4","hoverColor","semanticColorDisabled","semanticColor","sizes","xs","paddingLeft","space","paddingRight","sm","md","lg","xl","radii","none","margin","minWidth"],"mappings":"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"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import clsx from "clsx";
|
|
2
|
+
import { StyledRoot, StyledFormContainer } from "./Login.styles.js";
|
|
3
|
+
import { jsx } from "@emotion/react/jsx-runtime";
|
|
4
|
+
const HvLogin = ({
|
|
5
|
+
id,
|
|
6
|
+
className,
|
|
7
|
+
classes,
|
|
8
|
+
children,
|
|
9
|
+
background,
|
|
10
|
+
...others
|
|
11
|
+
}) => {
|
|
12
|
+
return /* @__PURE__ */ jsx(StyledRoot, {
|
|
13
|
+
id,
|
|
14
|
+
className: clsx(className, classes == null ? void 0 : classes.root),
|
|
15
|
+
style: {
|
|
16
|
+
backgroundImage: background && `url(${background})`
|
|
17
|
+
},
|
|
18
|
+
...others,
|
|
19
|
+
children: /* @__PURE__ */ jsx(StyledFormContainer, {
|
|
20
|
+
className: classes == null ? void 0 : classes.formContainer,
|
|
21
|
+
children
|
|
22
|
+
})
|
|
23
|
+
});
|
|
24
|
+
};
|
|
25
|
+
export {
|
|
26
|
+
HvLogin
|
|
27
|
+
};
|
|
28
|
+
//# sourceMappingURL=Login.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Login.js","sources":["../../../../src/components/Login/Login.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledFormContainer, StyledRoot } from \"./Login.styles\";\n\nexport type HvLoginProps = HvBaseProps & {\n /**\n * The path for the background image.\n */\n background?: string;\n /**\n * Class names to be applied.\n */\n classes?: {\n /**\n * Styles applied to root.\n */\n root?: string;\n /**\n * Styles applied to the form container.\n */\n formContainer?: string;\n };\n};\n\n/**\n * Container layout for the login form.\n */\nexport const HvLogin = ({\n id,\n className,\n classes,\n children,\n background,\n ...others\n}: HvLoginProps) => {\n return (\n <StyledRoot\n id={id}\n className={clsx(className, classes?.root)}\n style={{\n backgroundImage: background && `url(${background})`,\n }}\n {...others}\n >\n <StyledFormContainer className={classes?.formContainer}>\n {children}\n </StyledFormContainer>\n </StyledRoot>\n );\n};\n"],"names":["HvLogin","id","className","classes","children","background","others","StyledRoot","clsx","root","style","backgroundImage","StyledFormContainer","formContainer"],"mappings":";;;AA2BO,MAAMA,UAAUA,CAAC;AAAA,EACtBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,KACGC;AACS,MAAM;AAClB,6BACGC,YAAU;AAAA,IACTN;AAAAA,IACAC,WAAWM,KAAKN,WAAWC,mCAASM,IAAI;AAAA,IACxCC,OAAO;AAAA,MACLC,iBAAiBN,cAAe,OAAMA;AAAAA,IACxC;AAAA,IAAE,GACEC;AAAAA,IAAMF,8BAETQ,qBAAmB;AAAA,MAACV,WAAWC,mCAASU;AAAAA,MAAcT;AAAAA,IAAAA,CAC5C;AAAA,EAAA,CAEA;AAEjB;"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import _styled from "@emotion/styled/base";
|
|
2
|
+
import { theme } from "@hitachivantara/uikit-styles";
|
|
3
|
+
function _EMOTION_STRINGIFIED_CSS_ERROR__() {
|
|
4
|
+
return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
|
|
5
|
+
}
|
|
6
|
+
const StyledRoot = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
|
|
7
|
+
target: "e1jay62a1"
|
|
8
|
+
} : {
|
|
9
|
+
target: "e1jay62a1",
|
|
10
|
+
label: "StyledRoot"
|
|
11
|
+
})(process.env.NODE_ENV === "production" ? {
|
|
12
|
+
name: "wq8grn",
|
|
13
|
+
styles: "background-repeat:no-repeat;background-position:bottom;background-size:cover;width:100%;height:100%;padding:0;margin:-1px 0 0 0"
|
|
14
|
+
} : {
|
|
15
|
+
name: "wq8grn",
|
|
16
|
+
styles: "background-repeat:no-repeat;background-position:bottom;background-size:cover;width:100%;height:100%;padding:0;margin:-1px 0 0 0",
|
|
17
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvTG9naW4vTG9naW4uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9Mb2dpbi9Mb2dpbi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgYmFja2dyb3VuZFJlcGVhdDogXCJuby1yZXBlYXRcIixcbiAgYmFja2dyb3VuZFBvc2l0aW9uOiBcImJvdHRvbVwiLFxuICBiYWNrZ3JvdW5kU2l6ZTogXCJjb3ZlclwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIHBhZGRpbmc6IDAsXG4gIG1hcmdpbjogXCItMXB4IDAgMCAwXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1Db250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBiYWNrZ3JvdW5kOiB0aGVtZS5jb2xvcnMuYXRtbzIsXG4gIG1hcmdpbkxlZnQ6IFwiYXV0b1wiLFxuICBtYXhXaWR0aDogNTAwLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxufSk7XG4iXX0= */",
|
|
18
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
19
|
+
});
|
|
20
|
+
const StyledFormContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
|
|
21
|
+
target: "e1jay62a0"
|
|
22
|
+
} : {
|
|
23
|
+
target: "e1jay62a0",
|
|
24
|
+
label: "StyledFormContainer"
|
|
25
|
+
})({
|
|
26
|
+
background: theme.colors.atmo2,
|
|
27
|
+
marginLeft: "auto",
|
|
28
|
+
maxWidth: 500,
|
|
29
|
+
height: "100%"
|
|
30
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvTG9naW4vTG9naW4uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhbUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9Mb2dpbi9Mb2dpbi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgYmFja2dyb3VuZFJlcGVhdDogXCJuby1yZXBlYXRcIixcbiAgYmFja2dyb3VuZFBvc2l0aW9uOiBcImJvdHRvbVwiLFxuICBiYWNrZ3JvdW5kU2l6ZTogXCJjb3ZlclwiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIHBhZGRpbmc6IDAsXG4gIG1hcmdpbjogXCItMXB4IDAgMCAwXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvcm1Db250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBiYWNrZ3JvdW5kOiB0aGVtZS5jb2xvcnMuYXRtbzIsXG4gIG1hcmdpbkxlZnQ6IFwiYXV0b1wiLFxuICBtYXhXaWR0aDogNTAwLFxuICBoZWlnaHQ6IFwiMTAwJVwiLFxufSk7XG4iXX0= */");
|
|
31
|
+
export {
|
|
32
|
+
StyledFormContainer,
|
|
33
|
+
StyledRoot
|
|
34
|
+
};
|
|
35
|
+
//# sourceMappingURL=Login.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Login.styles.js","sources":["../../../../src/components/Login/Login.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const StyledRoot = styled(\"div\")({\n backgroundRepeat: \"no-repeat\",\n backgroundPosition: \"bottom\",\n backgroundSize: \"cover\",\n width: \"100%\",\n height: \"100%\",\n padding: 0,\n margin: \"-1px 0 0 0\",\n});\n\nexport const StyledFormContainer = styled(\"div\")({\n background: theme.colors.atmo2,\n marginLeft: \"auto\",\n maxWidth: 500,\n height: \"100%\",\n});\n"],"names":["StyledRoot","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledFormContainer","background","theme","colors","atmo2","marginLeft","maxWidth","height"],"mappings":";;;;;AAGO,MAAMA,aAAoB,wBAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAQrC;AAEK,MAAMC,sBAA6B,wBAAA,OAAKV,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC/CO,YAAYC,MAAMC,OAAOC;AAAAA,EACzBC,YAAY;AAAA,EACZC,UAAU;AAAA,EACVC,QAAQ;AACV,GAACjB,QAAAC,IAAAC,aAAC,eAAA,KAAA,ylCAAA;"}
|
package/dist/esm/index.js
CHANGED
|
@@ -188,6 +188,7 @@ import { default as default94 } from "./components/Table/hooks/useHeaderGroups.j
|
|
|
188
188
|
import { default as default95 } from "./components/Table/hooks/useResizeColumns.js";
|
|
189
189
|
import { useFilters, useGlobalFilter } from "react-table";
|
|
190
190
|
import { hvNodeFallback, hvNumberFallback, hvStringFallback } from "./components/Table/utils/fallbacks.js";
|
|
191
|
+
import { HvLogin } from "./components/Login/Login.js";
|
|
191
192
|
import { default as default96 } from "./hooks/useUniqueId.js";
|
|
192
193
|
import { default as default97 } from "./hooks/useIsMounted.js";
|
|
193
194
|
import { useClickOutside } from "./hooks/useClickOutside.js";
|
|
@@ -277,6 +278,7 @@ export {
|
|
|
277
278
|
HvListContainer,
|
|
278
279
|
HvListItem,
|
|
279
280
|
HvLoading,
|
|
281
|
+
HvLogin,
|
|
280
282
|
HvMultiButton,
|
|
281
283
|
HvOverflowTooltip,
|
|
282
284
|
HvPage,
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -18,7 +18,7 @@ const HvProvider = ({
|
|
|
18
18
|
const themes = parseThemes(baseTheme, name, customizations);
|
|
19
19
|
return /* @__PURE__ */ jsxs(Fragment, {
|
|
20
20
|
children: [/* @__PURE__ */ jsx(Global, {
|
|
21
|
-
styles: /* @__PURE__ */ css(enableCssBaseline && CssBaseline, " ", getThemesVars(themes), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:HvProvider;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
21
|
+
styles: /* @__PURE__ */ css(enableCssBaseline && CssBaseline, " ", getThemesVars(themes), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:HvProvider;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL3Byb3ZpZGVycy9Qcm92aWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUVtQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9wcm92aWRlcnMvUHJvdmlkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBHbG9iYWwgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IENzc0Jhc2VsaW5lLCBnZXRUaGVtZXNWYXJzIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IHBhcnNlVGhlbWVzIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgeyBIdlRoZW1lIH0gZnJvbSBcIi4uL3R5cGVzL3RoZW1lXCI7XG5pbXBvcnQgeyBIdlRoZW1lUHJvdmlkZXIgfSBmcm9tIFwiLi9UaGVtZVByb3ZpZGVyXCI7XG5cbi8vIFByb3ZpZGVyIHByb3BzXG5leHBvcnQgdHlwZSBIdlByb3ZpZGVyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBZb3VyIGNvbXBvbmVudCB0cmVlLlxuICAgKi9cbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG4gIC8qKlxuICAgKiBCeSBkZWZhdWx0IHRoZSBiYXNlbGluZSBzdHlsZXMgYXJlIGFwcGxpZWQgZ2xvYmFsbHkgdG8gdGhlIGFwcGxpY2F0aW9uIHRvIGF2b2lkIHN0eWxpbmcgY29uZmxpY3RzIGFuZCBmb3IgdGhlIFVJIEtpdCBjb21wb25lbnRzIHRvIHdvcmsgcHJvcGVybHkuXG4gICAqIElmIHlvdSBhcmUgcHJvdmlkaW5nIHlvdXIgb3duIGJhc2VsaW5lIHN0eWxlcywgeW91IGNhbiBzZXQgdGhpcyBwcm9wZXJ0eSB0byBmYWxzZS5cbiAgICovXG4gIGVuYWJsZUNzc0Jhc2VsaW5lPzogYm9vbGVhbjtcbiAgLyoqXG4gICAqIElkIG9mIHlvdXIgcm9vdCBlbGVtZW50LiBUaGUgdGhlbWUncyBhdHRyaWJ1dGVzIGFuZCBDU1MgdmFyaWFibGVzIHdpbGwgYmUgc2V0IGluIHRoaXMgZWxlbWVudC5cbiAgICogSWYgbm8gdmFsdWUgaXMgcHJvdmlkZWQsIHRoZSBkb2N1bWVudCdzIGJvZHkgd2lsbCBiZSB1c2VkLlxuICAgKi9cbiAgcm9vdEVsZW1lbnRJZD86IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBVSSBLaXQgdGhlbWUgb2JqZWN0IHVzZWQgdG8gc2V0IHRoZSB0aGVtZSBhbmQgaW5qZWN0IHRoZSBjdXN0b21pemF0aW9ucyBuZWVkZWQgdG8gbWVldCBzcGVjaWZpYyBkZXNpZ24gbmVlZHMuXG4gICAqIElmIG5vIHZhbHVlIGlzIHByb3ZpZGVkLCB0aGUgZGVmYXVsdCB0aGVtZSBhbmQgbW9kZSB3aWxsIGJlIGBcImRzNVwiYCBhbmQgYFwiZGF3blwiYCwgcmVzcGVjdGl2ZWx5LlxuICAgKi9cbiAgdGhlbWU/OiBIdlRoZW1lO1xufTtcblxuLyoqXG4gKiBUaGlzIGNvbXBvbmVudCBtYWtlcyBjcm9zcy1jb21wb25lbnQgdGhlbWUgcHJvcGVydGllcyBhdmFpbGFibGUgZG93biB0aGUgUmVhY3QgdHJlZSB0aGFua3MgdG8gUmVhY3QgY29udGV4dC5cbiAqXG4gKiBUaGUgYEh2UHJvdmlkZXJgIHNob3VsZCBwcmVmZXJhYmx5IGJlIHVzZWQgYXQgKip0aGUgcm9vdCBvZiB5b3VyIGNvbXBvbmVudCB0cmVlKiogYW5kXG4gKiBiZSB1bmlxdWUgaW4gdGhlIEFwcCBpbiBtb3N0IGNhc2VzLlxuICpcbiAqIGBgYGpzeFxuICogPEh2UHJvdmlkZXI+XG4gKiAgIDxNeUFwcCAvPlxuICogPEh2UHJvdmlkZXIvPlxuICogYGBgXG4gKlxuICogSWYgc2V2ZXJhbCBgSHZQcm92aWRlcmAncyBhcmUgdXNlZCBpbiBwYXJhbGxlbCwgeW91J2xsIG5lZWQgdG8gY3JlYXRlIGRpZmZlcmVudCByb290IGVsZW1lbnRzIGFuZFxuICogc2V0IHRoZSBgcm9vdEVsZW1lbnRJZGAgcHJvcGVydHkgZm9yIGVhY2ggb25lIG9mIHRoZSBwcm92aWRlcnMuIE90aGVyd2lzZSwgdGhlIHN0eWxpbmcgd2lsbCBub3Qgd29yayBwcm9wZXJseS5cbiAqXG4gKiAqKlVJIEtpdCBjb21wb25lbnRzIHdpbGwgbm90IHdvcmsgYXQgYWxsIGlmIHRoZSBgSHZQcm92aWRlcmAgaXMgbm90IGNvbmZpZ3VyZWQgY29ycmVjdGx5KiosXG4gKiBhcyB0aGV5IHdpbGwgbm90IGJlIGFibGUgdG8gYWNjZXNzIHRoZSBwcm9wZXJ0aWVzIG9mIHRoZSBhY3RpdmUgdGhlbWUuXG4gKlxuICovXG5leHBvcnQgY29uc3QgSHZQcm92aWRlciA9ICh7XG4gIGNoaWxkcmVuLFxuICByb290RWxlbWVudElkLFxuICBlbmFibGVDc3NCYXNlbGluZSA9IHRydWUsXG4gIHRoZW1lID0ge30sXG59OiBIdlByb3ZpZGVyUHJvcHMpID0+IHtcbiAgY29uc3Qge1xuICAgIGJhc2VUaGVtZSA9IFwiZHM1XCIsXG4gICAgYmFzZUNvbG9yTW9kZSA9IFwiZGF3blwiLFxuICAgIG5hbWUsXG4gICAgLi4uY3VzdG9taXphdGlvbnNcbiAgfSA9IHRoZW1lO1xuXG4gIC8vIEdldCB0aGVtZXMgbGlzdFxuICBjb25zdCB0aGVtZXMgPSBwYXJzZVRoZW1lcyhiYXNlVGhlbWUsIG5hbWUsIGN1c3RvbWl6YXRpb25zKTtcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8R2xvYmFsXG4gICAgICAgIHN0eWxlcz17Y3NzYFxuICAgICAgICAgICR7ZW5hYmxlQ3NzQmFzZWxpbmUgJiYgQ3NzQmFzZWxpbmV9XG4gICAgICAgICAgJHtnZXRUaGVtZXNWYXJzKHRoZW1lcyl9XG4gICAgICAgIGB9XG4gICAgICAvPlxuICAgICAgPEh2VGhlbWVQcm92aWRlclxuICAgICAgICB0aGVtZXM9e3RoZW1lc31cbiAgICAgICAgdGhlbWU9e25hbWUgfHwgYmFzZVRoZW1lfVxuICAgICAgICBjb2xvck1vZGU9e2Jhc2VDb2xvck1vZGV9XG4gICAgICAgIHJvb3RFbGVtZW50SWQ9e3Jvb3RFbGVtZW50SWR9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvSHZUaGVtZVByb3ZpZGVyPlxuICAgIDwvPlxuICApO1xufTtcblxuaWYgKHByb2Nlc3MuZW52Lk5PREVfRU5WICE9PSBcInByb2R1Y3Rpb25cIikge1xuICBIdlByb3ZpZGVyLmRpc3BsYXlOYW1lID0gXCJQcm92aWRlclwiO1xufVxuIl19 */")
|
|
22
22
|
}), /* @__PURE__ */ jsx(HvThemeProvider, {
|
|
23
23
|
themes,
|
|
24
24
|
theme: name || baseTheme,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Provider.js","sources":["../../../src/providers/Provider.tsx"],"sourcesContent":["import { css, Global } from \"@emotion/react\";\nimport { CssBaseline, getThemesVars } from \"@hitachivantara/uikit-styles\";\nimport { parseThemes } from \"utils\";\nimport { HvTheme } from \"types/theme\";\nimport { HvThemeProvider } from \"./ThemeProvider\";\n\n// Provider props\nexport type HvProviderProps = {\n /**\n * Your component tree.\n */\n children?: React.ReactNode;\n /**\n * By default the baseline styles are applied globally to the application to avoid styling conflicts and for the UI Kit components to work properly.\n * If you are providing your own baseline styles, you can set this property to false.\n */\n enableCssBaseline?: boolean;\n /**\n * Id of your root element. The theme's attributes and CSS variables will be set in this element.\n * If no value is provided, the document's body will be used.\n */\n rootElementId?: string;\n /**\n * The UI Kit theme object used to set the theme and inject the customizations needed to meet specific design needs.\n * If no value is provided, the default theme and mode will be `\"ds5\"` and `\"dawn\"`, respectively.\n */\n theme?: HvTheme;\n};\n\n/**\n * This component makes cross-component theme properties available down the React tree thanks to React context.\n *\n * The `HvProvider` should preferably be used at **the root of your component tree** and\n * be unique in the App in most cases.\n *\n * ```jsx\n * <HvProvider>\n * <MyApp />\n * <HvProvider/>\n * ```\n *\n * If several `HvProvider`'s are used in parallel, you'll need to create different root elements and\n * set the `rootElementId` property for each one of the providers. Otherwise, the styling will not work properly.\n *\n * **UI Kit components will not work at all if the `HvProvider` is not configured correctly**,\n * as they will not be able to access the properties of the active theme.\n *\n */\nexport const HvProvider = ({\n children,\n rootElementId,\n enableCssBaseline = true,\n theme = {},\n}: HvProviderProps) => {\n const {\n baseTheme = \"ds5\",\n baseColorMode = \"dawn\",\n name,\n ...customizations\n } = theme;\n\n // Get themes list\n const themes = parseThemes(baseTheme, name, customizations);\n\n return (\n <>\n <Global\n styles={css`\n ${enableCssBaseline && CssBaseline}\n ${getThemesVars(themes)}\n `}\n />\n <HvThemeProvider\n themes={themes}\n theme={name || baseTheme}\n colorMode={baseColorMode}\n rootElementId={rootElementId}\n >\n {children}\n </HvThemeProvider>\n </>\n );\n};\n\nif (process.env.NODE_ENV !== \"production\") {\n HvProvider.displayName = \"Provider\";\n}\n"],"names":["HvProvider","children","rootElementId","enableCssBaseline","theme","baseTheme","baseColorMode","name","customizations","themes","parseThemes","_Fragment","_jsx","Global","styles","CssBaseline","getThemesVars","process","env","NODE_ENV","HvThemeProvider","colorMode","displayName"],"mappings":";;;;;AAgDO,MAAMA,aAAaA,CAAC;AAAA,EACzBC;AAAAA,EACAC;AAAAA,EACAC,oBAAoB;AAAA,EACpBC,QAAQ,CAAC;AACM,MAAM;AACf,QAAA;AAAA,IACJC,YAAY;AAAA,IACZC,gBAAgB;AAAA,IAChBC;AAAAA,OACGC;AAAAA,EACDJ,IAAAA;AAGJ,QAAMK,SAASC,YAAYL,WAAWE,MAAMC,cAAc;AAE1D,8BACEG,UAAA;AAAA,IAAAV,UAAA,CACEW,oBAACC,QAAM;AAAA,MACLC,4BACIX,qBAAqBY,aAAW,KAChCC,cAAcP,MAAM,UAACQ,QAAAC,IAAAC,wDAAAF,QAAAC,IAAAC,aAAA,eAAA,KAAA,
|
|
1
|
+
{"version":3,"file":"Provider.js","sources":["../../../src/providers/Provider.tsx"],"sourcesContent":["import { css, Global } from \"@emotion/react\";\nimport { CssBaseline, getThemesVars } from \"@hitachivantara/uikit-styles\";\nimport { parseThemes } from \"utils\";\nimport { HvTheme } from \"../types/theme\";\nimport { HvThemeProvider } from \"./ThemeProvider\";\n\n// Provider props\nexport type HvProviderProps = {\n /**\n * Your component tree.\n */\n children?: React.ReactNode;\n /**\n * By default the baseline styles are applied globally to the application to avoid styling conflicts and for the UI Kit components to work properly.\n * If you are providing your own baseline styles, you can set this property to false.\n */\n enableCssBaseline?: boolean;\n /**\n * Id of your root element. The theme's attributes and CSS variables will be set in this element.\n * If no value is provided, the document's body will be used.\n */\n rootElementId?: string;\n /**\n * The UI Kit theme object used to set the theme and inject the customizations needed to meet specific design needs.\n * If no value is provided, the default theme and mode will be `\"ds5\"` and `\"dawn\"`, respectively.\n */\n theme?: HvTheme;\n};\n\n/**\n * This component makes cross-component theme properties available down the React tree thanks to React context.\n *\n * The `HvProvider` should preferably be used at **the root of your component tree** and\n * be unique in the App in most cases.\n *\n * ```jsx\n * <HvProvider>\n * <MyApp />\n * <HvProvider/>\n * ```\n *\n * If several `HvProvider`'s are used in parallel, you'll need to create different root elements and\n * set the `rootElementId` property for each one of the providers. Otherwise, the styling will not work properly.\n *\n * **UI Kit components will not work at all if the `HvProvider` is not configured correctly**,\n * as they will not be able to access the properties of the active theme.\n *\n */\nexport const HvProvider = ({\n children,\n rootElementId,\n enableCssBaseline = true,\n theme = {},\n}: HvProviderProps) => {\n const {\n baseTheme = \"ds5\",\n baseColorMode = \"dawn\",\n name,\n ...customizations\n } = theme;\n\n // Get themes list\n const themes = parseThemes(baseTheme, name, customizations);\n\n return (\n <>\n <Global\n styles={css`\n ${enableCssBaseline && CssBaseline}\n ${getThemesVars(themes)}\n `}\n />\n <HvThemeProvider\n themes={themes}\n theme={name || baseTheme}\n colorMode={baseColorMode}\n rootElementId={rootElementId}\n >\n {children}\n </HvThemeProvider>\n </>\n );\n};\n\nif (process.env.NODE_ENV !== \"production\") {\n HvProvider.displayName = \"Provider\";\n}\n"],"names":["HvProvider","children","rootElementId","enableCssBaseline","theme","baseTheme","baseColorMode","name","customizations","themes","parseThemes","_Fragment","_jsx","Global","styles","CssBaseline","getThemesVars","process","env","NODE_ENV","HvThemeProvider","colorMode","displayName"],"mappings":";;;;;AAgDO,MAAMA,aAAaA,CAAC;AAAA,EACzBC;AAAAA,EACAC;AAAAA,EACAC,oBAAoB;AAAA,EACpBC,QAAQ,CAAC;AACM,MAAM;AACf,QAAA;AAAA,IACJC,YAAY;AAAA,IACZC,gBAAgB;AAAA,IAChBC;AAAAA,OACGC;AAAAA,EACDJ,IAAAA;AAGJ,QAAMK,SAASC,YAAYL,WAAWE,MAAMC,cAAc;AAE1D,8BACEG,UAAA;AAAA,IAAAV,UAAA,CACEW,oBAACC,QAAM;AAAA,MACLC,4BACIX,qBAAqBY,aAAW,KAChCC,cAAcP,MAAM,UAACQ,QAAAC,IAAAC,wDAAAF,QAAAC,IAAAC,aAAA,eAAA,KAAA,q8HAAA;AAAA,IAAA,CAEzB,GACFP,oBAACQ,iBAAe;AAAA,MACdX;AAAAA,MACAL,OAAOG,QAAQF;AAAAA,MACfgB,WAAWf;AAAAA,MACXJ;AAAAA,MAA6BD;AAAAA,IAAAA,CAGb,CAAA;AAAA,EAAA,CACjB;AAEP;AAEA,IAAIgB,QAAQC,IAAIC,aAAa,cAAc;AACzCnB,aAAWsB,cAAc;AAC3B;"}
|
package/dist/esm/utils/theme.js
CHANGED
|
@@ -31,6 +31,7 @@ const parseThemes = (baseTheme, newThemeName, customizations) => {
|
|
|
31
31
|
Object.keys(customizedTheme.colors.modes).forEach((mode) => {
|
|
32
32
|
if (!themes[baseTheme].colors.modes[mode]) {
|
|
33
33
|
customizedTheme.colors.modes[mode] = {
|
|
34
|
+
backgroundColor: colors.light.atmo2,
|
|
34
35
|
...colors.common,
|
|
35
36
|
...colors.light,
|
|
36
37
|
...customizedTheme.colors.modes[mode]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.js","sources":["../../../src/utils/theme.ts"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"theme.js","sources":["../../../src/utils/theme.ts"],"sourcesContent":["import {\n themes,\n BaseTheme,\n colors,\n ThemeColorModeStructure,\n} from \"@hitachivantara/uikit-styles\";\nimport { HvThemeCustomizationProps, HvCustomizedTheme } from \"types/theme\";\n\n/**\n * Sets the element attributes for a theme and color mode.\n */\nexport const setElementAttrs = (\n theme: string,\n mode: string,\n bgColor: string,\n elementId?: string\n) => {\n const element =\n (elementId && document.getElementById(elementId)) || document.body;\n\n element.setAttribute(`data-theme`, theme);\n element.setAttribute(`data-color-mode`, mode);\n element.style.backgroundColor = bgColor;\n};\n\n/**\n * Applies the customizations to a theme.\n */\nconst applyThemeCustomizations = (obj: object, customizations: object) => {\n const isObject = (val: any) => val && typeof val === \"object\";\n\n // Customized theme\n const customizedTheme = { ...obj };\n\n // Add new values to the theme or replace values\n Object.keys(customizations).forEach((key) => {\n if (customizedTheme[key]) {\n if (isObject(customizedTheme[key]) && isObject(customizations[key])) {\n customizedTheme[key] = applyThemeCustomizations(\n customizedTheme[key],\n customizations[key]\n );\n } else if (typeof customizedTheme[key] == typeof customizations[key]) {\n customizedTheme[key] = customizations[key];\n }\n } else {\n customizedTheme[key] = customizations[key];\n }\n });\n\n return customizedTheme;\n};\n\n/**\n * Creates a list of customized themes based on the base theme and customizations given.\n *\n * If a newThemeName is given, a new theme is created based on the base theme and customizations.\n */\nexport const parseThemes = (\n baseTheme: BaseTheme,\n newThemeName?: string,\n customizations?: HvThemeCustomizationProps\n): { [themeName: string]: HvCustomizedTheme } => {\n // Apply customizations to the base theme\n const customizedTheme: HvCustomizedTheme = customizations\n ? (applyThemeCustomizations(\n themes[baseTheme],\n customizations\n ) as HvCustomizedTheme)\n : { ...themes[baseTheme] };\n\n // Fill new color modes with missing colors\n if (customizations) {\n Object.keys(customizedTheme.colors.modes).forEach((mode) => {\n if (!themes[baseTheme].colors.modes[mode]) {\n customizedTheme.colors.modes[mode] = {\n backgroundColor: colors.light.atmo2,\n ...colors.common,\n ...colors.light,\n ...(customizedTheme.colors.modes[mode] as Partial<\n ThemeColorModeStructure & { [key: string]: string }\n >),\n };\n }\n });\n }\n\n // Create new themes list\n const customizedThemes: {\n [themeName: string]: HvCustomizedTheme;\n } = newThemeName\n ? { ...themes, [newThemeName]: customizedTheme }\n : { ...themes, [baseTheme]: customizedTheme };\n\n return customizedThemes;\n};\n"],"names":["setElementAttrs","theme","mode","bgColor","elementId","element","document","getElementById","body","setAttribute","style","backgroundColor","applyThemeCustomizations","obj","customizations","isObject","val","customizedTheme","Object","keys","forEach","key","parseThemes","baseTheme","newThemeName","themes","colors","modes","light","atmo2","common","customizedThemes"],"mappings":";AAWO,MAAMA,kBAAkBA,CAC7BC,OACAC,MACAC,SACAC,cACG;AACH,QAAMC,UACHD,aAAaE,SAASC,eAAeH,SAAS,KAAME,SAASE;AAExDC,UAAAA,aAAc,cAAaR,KAAK;AAChCQ,UAAAA,aAAc,mBAAkBP,IAAI;AAC5CG,UAAQK,MAAMC,kBAAkBR;AAClC;AAKA,MAAMS,2BAA2BA,CAACC,KAAaC,mBAA2B;AACxE,QAAMC,WAAWA,CAACC,QAAaA,OAAO,OAAOA,QAAQ;AAGrD,QAAMC,kBAAkB;AAAA,IAAE,GAAGJ;AAAAA,EAAAA;AAG7BK,SAAOC,KAAKL,cAAc,EAAEM,QAASC,CAAQ,QAAA;AAC3C,QAAIJ,gBAAgBI,MAAM;AACxB,UAAIN,SAASE,gBAAgBI,IAAI,KAAKN,SAASD,eAAeO,IAAI,GAAG;AACnEJ,wBAAgBI,OAAOT,yBACrBK,gBAAgBI,MAChBP,eAAeO,IAAI;AAAA,MAAA,WAEZ,OAAOJ,gBAAgBI,QAAQ,OAAOP,eAAeO,MAAM;AACpEJ,wBAAgBI,OAAOP,eAAeO;AAAAA,MACxC;AAAA,IAAA,OACK;AACLJ,sBAAgBI,OAAOP,eAAeO;AAAAA,IACxC;AAAA,EAAA,CACD;AAEMJ,SAAAA;AACT;AAOO,MAAMK,cAAcA,CACzBC,WACAC,cACAV,mBAC+C;AAE/C,QAAMG,kBAAqCH,iBACtCF,yBACCa,OAAOF,YACPT,cAAc,IAEhB;AAAA,IAAE,GAAGW,OAAOF;AAAAA,EAAAA;AAGhB,MAAIT,gBAAgB;AAClBI,WAAOC,KAAKF,gBAAgBS,OAAOC,KAAK,EAAEP,QAASlB,CAAS,SAAA;AAC1D,UAAI,CAACuB,OAAOF,WAAWG,OAAOC,MAAMzB,OAAO;AACzBwB,wBAAAA,OAAOC,MAAMzB,QAAQ;AAAA,UACnCS,iBAAiBe,OAAOE,MAAMC;AAAAA,UAC9B,GAAGH,OAAOI;AAAAA,UACV,GAAGJ,OAAOE;AAAAA,UACV,GAAIX,gBAAgBS,OAAOC,MAAMzB;AAAAA,QAAAA;AAAAA,MAIrC;AAAA,IAAA,CACD;AAAA,EACH;AAGA,QAAM6B,mBAEFP,eACA;AAAA,IAAE,GAAGC;AAAAA,IAAQ,CAACD,eAAeP;AAAAA,EAAAA,IAC7B;AAAA,IAAE,GAAGQ;AAAAA,IAAQ,CAACF,YAAYN;AAAAA,EAAAA;AAEvBc,SAAAA;AACT;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/Button.styles.ts"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/Button.styles.ts"],"names":[],"mappings":";AAIA,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEzE,MAAM,WAAW,iBAAiB;IAChC,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,gBAAgB;;;yGAK3B,CAAC;AAEH,eAAO,MAAM,cAAc;;;2GAGzB,CAAC;AAEH,eAAO,MAAM,cAAc;;;2GAGzB,CAAC;AAEH,eAAO,MAAM,YAAY;;;yIA6LxB,CAAC"}
|