@foxford/ui 2.46.0 → 2.47.0-beta-e236fd4-20241002
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/assets/apple-auth-mono-color.svg +1 -0
- package/assets/apple-authorization.svg +1 -1
- package/assets/educont-auth-mono-color.svg +1 -0
- package/assets/educont-authorization.svg +1 -1
- package/assets/google-auth-mono-color.svg +1 -0
- package/assets/mail.ru-authorization.svg +1 -1
- package/assets/mailru-auth-mono-color.svg +1 -0
- package/assets/ok-authorization.svg +1 -1
- package/assets/sber-auth-mono-color.svg +1 -0
- package/assets/sber-authorization.svg +1 -0
- package/assets/share.svg +1 -1
- package/assets/t-bank-authorization.svg +1 -0
- package/assets/tbank-auth-mono-color.svg +1 -0
- package/assets/twenty-thirty-five-authorization.svg +1 -1
- package/assets/un2035-auth-mono-color.svg +1 -0
- package/assets/vk-auth-mono-color.svg +1 -0
- package/assets/vk-authorization.svg +1 -1
- package/assets/yandex-auth-mono-color.svg +1 -0
- package/assets/yandex-authorization.svg +1 -1
- package/components/Alert/Alert.js +1 -1
- package/components/Alert/Alert.mjs +1 -1
- package/components/Button/style.js +1 -1
- package/components/Button/style.mjs +1 -1
- package/components/Dropdown/style.js +1 -1
- package/components/Dropdown/style.mjs +1 -1
- package/components/FormLabel/FormLabel.js +1 -1
- package/components/FormLabel/FormLabel.js.map +1 -1
- package/components/FormLabel/FormLabel.mjs +1 -1
- package/components/FormLabel/FormLabel.mjs.map +1 -1
- package/components/FormLabel/constants.js +1 -1
- package/components/FormLabel/constants.js.map +1 -1
- package/components/FormLabel/constants.mjs +1 -1
- package/components/FormLabel/constants.mjs.map +1 -1
- package/components/FormLabel/style.js +1 -1
- package/components/FormLabel/style.js.map +1 -1
- package/components/FormLabel/style.mjs +1 -1
- package/components/FormLabel/style.mjs.map +1 -1
- package/components/Icon/list/icon-pack.js +1 -1
- package/components/Icon/list/icon-pack.mjs +1 -1
- package/components/Input/Input.js +1 -1
- package/components/Input/Input.js.map +1 -1
- package/components/Input/Input.mjs +1 -1
- package/components/Input/Input.mjs.map +1 -1
- package/components/InputCheckbox/InputCheckbox.js +1 -1
- package/components/InputCheckbox/InputCheckbox.js.map +1 -1
- package/components/InputCheckbox/InputCheckbox.mjs +1 -1
- package/components/InputCheckbox/InputCheckbox.mjs.map +1 -1
- package/components/InputCheckbox/constants.js +1 -1
- package/components/InputCheckbox/constants.js.map +1 -1
- package/components/InputCheckbox/constants.mjs +1 -1
- package/components/InputCheckbox/constants.mjs.map +1 -1
- package/components/InputCheckbox/style.js +1 -1
- package/components/InputCheckbox/style.js.map +1 -1
- package/components/InputCheckbox/style.mjs +1 -1
- package/components/InputCheckbox/style.mjs.map +1 -1
- package/components/InputRadio/InputRadio.js +1 -1
- package/components/InputRadio/InputRadio.js.map +1 -1
- package/components/InputRadio/InputRadio.mjs +1 -1
- package/components/InputRadio/InputRadio.mjs.map +1 -1
- package/components/InputRadio/constants.js +1 -1
- package/components/InputRadio/constants.js.map +1 -1
- package/components/InputRadio/constants.mjs +1 -1
- package/components/InputRadio/constants.mjs.map +1 -1
- package/components/InputRadio/style.js +1 -1
- package/components/InputRadio/style.js.map +1 -1
- package/components/InputRadio/style.mjs +1 -1
- package/components/InputRadio/style.mjs.map +1 -1
- package/components/PopoverComponent/PopoverComponent.js +1 -1
- package/components/PopoverComponent/PopoverComponent.js.map +1 -1
- package/components/PopoverComponent/PopoverComponent.mjs +1 -1
- package/components/PopoverComponent/PopoverComponent.mjs.map +1 -1
- package/dts/index.d.ts +81 -49
- package/external/.pnpm/@foxford_icon-pack@0.8.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/components.json.js +2 -0
- package/external/.pnpm/@foxford_icon-pack@0.8.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/components.json.mjs +2 -0
- package/external/.pnpm/{@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1 → @foxford_icon-pack@0.8.0_react-dom@18.3.1_react@18.3.1__react@18.3.1}/node_modules/@foxford/icon-pack/icons/CheckCircleFill/index.js.map +1 -1
- package/external/.pnpm/{@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1 → @foxford_icon-pack@0.8.0_react-dom@18.3.1_react@18.3.1__react@18.3.1}/node_modules/@foxford/icon-pack/icons/CheckCircleFill/index.mjs.map +1 -1
- package/external/.pnpm/{@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1 → @foxford_icon-pack@0.8.0_react-dom@18.3.1_react@18.3.1__react@18.3.1}/node_modules/@foxford/icon-pack/icons/ChevronDown/index.js.map +1 -1
- package/external/.pnpm/{@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1 → @foxford_icon-pack@0.8.0_react-dom@18.3.1_react@18.3.1__react@18.3.1}/node_modules/@foxford/icon-pack/icons/ChevronDown/index.mjs.map +1 -1
- package/external/.pnpm/{@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1 → @foxford_icon-pack@0.8.0_react-dom@18.3.1_react@18.3.1__react@18.3.1}/node_modules/@foxford/icon-pack/icons/Close/index.js.map +1 -1
- package/external/.pnpm/{@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1 → @foxford_icon-pack@0.8.0_react-dom@18.3.1_react@18.3.1__react@18.3.1}/node_modules/@foxford/icon-pack/icons/Close/index.mjs.map +1 -1
- package/external/.pnpm/{@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1 → @foxford_icon-pack@0.8.0_react-dom@18.3.1_react@18.3.1__react@18.3.1}/node_modules/@foxford/icon-pack/icons/CloseCirlceFill/index.js.map +1 -1
- package/external/.pnpm/{@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1 → @foxford_icon-pack@0.8.0_react-dom@18.3.1_react@18.3.1__react@18.3.1}/node_modules/@foxford/icon-pack/icons/CloseCirlceFill/index.mjs.map +1 -1
- package/external/.pnpm/{@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1 → @foxford_icon-pack@0.8.0_react-dom@18.3.1_react@18.3.1__react@18.3.1}/node_modules/@foxford/icon-pack/icons/LoaderFill/index.js.map +1 -1
- package/external/.pnpm/{@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1 → @foxford_icon-pack@0.8.0_react-dom@18.3.1_react@18.3.1__react@18.3.1}/node_modules/@foxford/icon-pack/icons/LoaderFill/index.mjs.map +1 -1
- package/external/.pnpm/{@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1 → @foxford_icon-pack@0.8.0_react-dom@18.3.1_react@18.3.1__react@18.3.1}/node_modules/@foxford/icon-pack/icons/NotifFill/index.js.map +1 -1
- package/external/.pnpm/{@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1 → @foxford_icon-pack@0.8.0_react-dom@18.3.1_react@18.3.1__react@18.3.1}/node_modules/@foxford/icon-pack/icons/NotifFill/index.mjs.map +1 -1
- package/external/.pnpm/{@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1 → @foxford_icon-pack@0.8.0_react-dom@18.3.1_react@18.3.1__react@18.3.1}/node_modules/@foxford/icon-pack/icons/WarningTriangleFill/index.js.map +1 -1
- package/external/.pnpm/{@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1 → @foxford_icon-pack@0.8.0_react-dom@18.3.1_react@18.3.1__react@18.3.1}/node_modules/@foxford/icon-pack/icons/WarningTriangleFill/index.mjs.map +1 -1
- package/mixins/responsive-margin.js +1 -1
- package/mixins/responsive-margin.js.map +1 -1
- package/mixins/responsive-margin.mjs +1 -1
- package/mixins/responsive-margin.mjs.map +1 -1
- package/package.json +2 -1
- package/shared/regexp.js +1 -1
- package/shared/regexp.js.map +1 -1
- package/shared/regexp.mjs +1 -1
- package/shared/regexp.mjs.map +1 -1
- package/external/.pnpm/@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/components.json.js +0 -2
- package/external/.pnpm/@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/components.json.mjs +0 -2
- /package/external/.pnpm/{@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1 → @foxford_icon-pack@0.8.0_react-dom@18.3.1_react@18.3.1__react@18.3.1}/node_modules/@foxford/icon-pack/components.json.js.map +0 -0
- /package/external/.pnpm/{@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1 → @foxford_icon-pack@0.8.0_react-dom@18.3.1_react@18.3.1__react@18.3.1}/node_modules/@foxford/icon-pack/components.json.mjs.map +0 -0
- /package/external/.pnpm/{@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1 → @foxford_icon-pack@0.8.0_react-dom@18.3.1_react@18.3.1__react@18.3.1}/node_modules/@foxford/icon-pack/icons/CheckCircleFill/index.js +0 -0
- /package/external/.pnpm/{@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1 → @foxford_icon-pack@0.8.0_react-dom@18.3.1_react@18.3.1__react@18.3.1}/node_modules/@foxford/icon-pack/icons/CheckCircleFill/index.mjs +0 -0
- /package/external/.pnpm/{@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1 → @foxford_icon-pack@0.8.0_react-dom@18.3.1_react@18.3.1__react@18.3.1}/node_modules/@foxford/icon-pack/icons/ChevronDown/index.js +0 -0
- /package/external/.pnpm/{@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1 → @foxford_icon-pack@0.8.0_react-dom@18.3.1_react@18.3.1__react@18.3.1}/node_modules/@foxford/icon-pack/icons/ChevronDown/index.mjs +0 -0
- /package/external/.pnpm/{@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1 → @foxford_icon-pack@0.8.0_react-dom@18.3.1_react@18.3.1__react@18.3.1}/node_modules/@foxford/icon-pack/icons/Close/index.js +0 -0
- /package/external/.pnpm/{@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1 → @foxford_icon-pack@0.8.0_react-dom@18.3.1_react@18.3.1__react@18.3.1}/node_modules/@foxford/icon-pack/icons/Close/index.mjs +0 -0
- /package/external/.pnpm/{@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1 → @foxford_icon-pack@0.8.0_react-dom@18.3.1_react@18.3.1__react@18.3.1}/node_modules/@foxford/icon-pack/icons/CloseCirlceFill/index.js +0 -0
- /package/external/.pnpm/{@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1 → @foxford_icon-pack@0.8.0_react-dom@18.3.1_react@18.3.1__react@18.3.1}/node_modules/@foxford/icon-pack/icons/CloseCirlceFill/index.mjs +0 -0
- /package/external/.pnpm/{@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1 → @foxford_icon-pack@0.8.0_react-dom@18.3.1_react@18.3.1__react@18.3.1}/node_modules/@foxford/icon-pack/icons/LoaderFill/index.js +0 -0
- /package/external/.pnpm/{@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1 → @foxford_icon-pack@0.8.0_react-dom@18.3.1_react@18.3.1__react@18.3.1}/node_modules/@foxford/icon-pack/icons/LoaderFill/index.mjs +0 -0
- /package/external/.pnpm/{@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1 → @foxford_icon-pack@0.8.0_react-dom@18.3.1_react@18.3.1__react@18.3.1}/node_modules/@foxford/icon-pack/icons/NotifFill/index.js +0 -0
- /package/external/.pnpm/{@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1 → @foxford_icon-pack@0.8.0_react-dom@18.3.1_react@18.3.1__react@18.3.1}/node_modules/@foxford/icon-pack/icons/NotifFill/index.mjs +0 -0
- /package/external/.pnpm/{@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1 → @foxford_icon-pack@0.8.0_react-dom@18.3.1_react@18.3.1__react@18.3.1}/node_modules/@foxford/icon-pack/icons/WarningTriangleFill/index.js +0 -0
- /package/external/.pnpm/{@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1 → @foxford_icon-pack@0.8.0_react-dom@18.3.1_react@18.3.1__react@18.3.1}/node_modules/@foxford/icon-pack/icons/WarningTriangleFill/index.mjs +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="currentcolor"><path d="M29.792 25.703c-.363.839-.793 1.61-1.29 2.32-.679.968-1.234 1.637-1.662 2.009-.664.61-1.375.923-2.137.94-.546 0-1.206-.155-1.973-.47-.77-.314-1.477-.47-2.124-.47-.679 0-1.407.156-2.185.47-.78.315-1.407.48-1.888.496-.73.031-1.458-.29-2.184-.966-.464-.404-1.044-1.098-1.739-2.08-.745-1.049-1.358-2.265-1.838-3.652-.514-1.497-.772-2.948-.772-4.352 0-1.608.348-2.995 1.044-4.158a6.123 6.123 0 0 1 2.185-2.21 5.88 5.88 0 0 1 2.956-.835c.58 0 1.34.18 2.285.532.943.354 1.548.533 1.813.533.199 0 .871-.21 2.01-.628 1.079-.388 1.988-.548 2.733-.485 2.02.163 3.536.96 4.545 2.393-1.806 1.094-2.699 2.627-2.681 4.593.016 1.531.572 2.806 1.663 3.817.495.47 1.048.833 1.663 1.09-.134.387-.274.758-.424 1.113ZM25.161 7.48c0 1.2-.439 2.321-1.313 3.358-1.054 1.234-2.33 1.946-3.714 1.834a3.723 3.723 0 0 1-.027-.455c0-1.152.501-2.386 1.392-3.394.445-.51 1.01-.935 1.696-1.273.685-.334 1.332-.518 1.94-.55.019.16.026.32.026.48Z"></path></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 40 40"><path fill="#000" d="M29.792 25.703c-.363.839-.793 1.61-1.29 2.32-.679.968-1.234 1.637-1.662 2.009-.664.61-1.375.923-2.137.94-.546 0-1.206-.155-1.973-.47-.77-.314-1.477-.47-2.124-.47-.679 0-1.407.156-2.185.47-.78.315-1.407.48-1.888.496-.73.031-1.458-.29-2.184-.966-.464-.404-1.044-1.098-1.739-2.08-.745-1.049-1.358-2.265-1.838-3.652-.514-1.497-.772-2.948-.772-4.352 0-1.608.348-2.995 1.044-4.158a6.123 6.123 0 0 1 2.185-2.21 5.88 5.88 0 0 1 2.956-.835c.58 0 1.34.18 2.285.532.943.354 1.548.533 1.813.533.199 0 .871-.21 2.01-.628 1.079-.388 1.988-.548 2.733-.485 2.02.163 3.536.96 4.545 2.393-1.806 1.094-2.699 2.627-2.681 4.593.016 1.531.572 2.806 1.663 3.817.495.47 1.048.833 1.663 1.09-.134.387-.274.758-.424 1.113ZM25.161 7.48c0 1.2-.439 2.321-1.313 3.358-1.054 1.234-2.33 1.946-3.714 1.834a3.723 3.723 0 0 1-.027-.455c0-1.152.501-2.386 1.392-3.394.445-.51 1.01-.935 1.696-1.273.685-.334 1.332-.518 1.94-.55.019.16.026.32.026.48Z"></path></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="currentcolor"><path fill-rule="evenodd" d="M20.88 6.31a2.045 2.045 0 0 0-2.044 0L8.482 12.287A2.045 2.045 0 0 0 7.46 14.06v11.954c0 .731.39 1.406 1.022 1.772l10.354 5.977a2.045 2.045 0 0 0 2.045 0l10.353-5.977a2.045 2.045 0 0 0 1.023-1.772V14.06c0-.731-.39-1.406-1.023-1.772L20.88 6.31Zm4.552 14.72c.749-.442.749-1.545 0-1.987l-7.298-4.305c-.749-.441-1.685.11-1.685.994v8.61c0 .883.936 1.434 1.685.993l7.298-4.305Z" clip-rule="evenodd"></path></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 40 40"><path fill="#5E81E3" d="M18.
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 40 40"><path fill="#5E81E3" d="M18.835 6.31a2.045 2.045 0 0 1 2.046 0l10.353 5.977a2.045 2.045 0 0 1 1.023 1.772v11.954c0 .731-.39 1.406-1.023 1.772L20.88 33.762a2.045 2.045 0 0 1-2.046 0L8.482 27.785a2.045 2.045 0 0 1-1.022-1.772V14.06c0-.731.39-1.406 1.022-1.772L18.836 6.31Z"></path><path fill="#fff" d="M25.432 19.043c.749.442.749 1.545 0 1.987l-7.298 4.305c-.749.441-1.685-.11-1.685-.994v-8.61c0-.883.936-1.434 1.685-.993l7.298 4.305Z"></path></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="currentcolor"><path d="M24.855 14.55c-1.25-1.19-2.83-1.8-4.6-1.8-3.13 0-5.78 2.11-6.73 4.96-.24.72-.38 1.49-.38 2.29s.13 1.57.38 2.29c.95 2.85 3.6 4.96 6.73 4.96 1.62 0 2.99-.44 4.07-1.16 1.26-.85 2.11-2.1 2.4-3.58h-6.47V18h11.3c.12.73.19 1.48.19 2.27 0 3.65-1.3 6.73-3.56 8.82-1.98 1.83-4.69 2.91-7.93 2.91-4.69 0-8.74-2.7-10.71-6.62a11.86 11.86 0 0 1 0-10.76C11.515 10.7 15.565 8 20.255 8c3.24 0 5.95 1.19 8.02 3.13l-3.42 3.42Z"></path></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 40 40"><path fill="#FF9E00" d="M23.61 20c0 1.99-1.62 3.61-3.61 3.61-1.99 0-3.61-1.62-3.61-3.61 0-1.99 1.62-3.61 3.61-3.61 1.99 0 3.61 1.62 3.61 3.61ZM20 8C13.383 8 8 13.383 8 20s5.383 12 12 12c2.424 0 4.761-.722 6.76-2.087l.034-.024-1.617-1.879-.027.017A9.494 9.494 0 0 1 20 29.54c-5.26 0-9.54-4.28-9.54-9.54 0-5.26 4.28-9.54 9.54-9.54 5.26 0 9.54 4.28 9.54 9.54 0 .681-.076 1.371-.225 2.05-.301 1.239-1.169 1.618-1.82 1.568-.654-.053-1.42-.52-1.426-1.661V20A6.076 6.076 0 0 0 20 13.93 6.076 6.076 0 0 0 13.93 20 6.076 6.076 0 0 0 20 26.07c1.626 0 3.15-.636 4.3-1.792a3.9 3.9 0 0 0 3.32 1.805c.874 0 1.74-.292 2.437-.821.719-.547 1.256-1.336 1.553-2.285.047-.154.135-.504.135-.507l.002-.013c.175-.76.253-1.52.253-2.457 0-6.617-5.383-12-12-12Z"></path></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="currentcolor"><path d="M23.61 20c0 1.99-1.62 3.61-3.61 3.61-1.99 0-3.61-1.62-3.61-3.61 0-1.99 1.62-3.61 3.61-3.61 1.99 0 3.61 1.62 3.61 3.61ZM20 8C13.383 8 8 13.383 8 20s5.383 12 12 12c2.424 0 4.761-.722 6.76-2.087l.034-.024-1.617-1.879-.027.017A9.494 9.494 0 0 1 20 29.54c-5.26 0-9.54-4.28-9.54-9.54 0-5.26 4.28-9.54 9.54-9.54 5.26 0 9.54 4.28 9.54 9.54 0 .681-.076 1.371-.225 2.05-.301 1.239-1.169 1.618-1.82 1.568-.654-.053-1.42-.52-1.426-1.661V20A6.076 6.076 0 0 0 20 13.93 6.076 6.076 0 0 0 13.93 20 6.076 6.076 0 0 0 20 26.07c1.626 0 3.15-.636 4.3-1.792a3.9 3.9 0 0 0 3.32 1.805c.874 0 1.74-.292 2.437-.821.719-.547 1.256-1.336 1.553-2.285.047-.154.135-.504.135-.507l.002-.013c.175-.76.253-1.52.253-2.457 0-6.617-5.383-12-12-12Z"></path></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 40 40"><path fill="#FF9E00" fill-rule="evenodd" d="M13.873 14.22a6.22 6.22 0 1 1 12.438 0 6.22 6.22 0 0 1-12.438 0Zm3.648 0a2.571 2.571 0 1 0 5.142 0 2.571 2.571 0 0 0-5.142 0Z" clip-rule="evenodd"></path><path fill="#FF9E00" d="M26.349 23.638c-.08.063-1.571 1.242-4.061 1.75l3.758 3.724a1.69 1.69 0 1 1-2.39 2.394l-3.648-3.554-3.314 3.53a1.686 1.686 0 0 1-1.218.518 1.691 1.691 0 0 1-1.217-2.865l3.567-3.728c-2.56-.495-4.113-1.705-4.193-1.77A1.691 1.691 0 0 1 15.75 21c.015.013 1.64 1.233 4.259 1.235 2.618-.002 4.21-1.222 4.225-1.235a1.691 1.691 0 0 1 2.116 2.639Z"></path></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="currentcolor"><path d="M31.808 17.856a12 12 0 1 1-4.27-7.194l-2.335 1.72a9.237 9.237 0 1 0 4.024 7.501l-.003-.12 2.584-1.907Z"></path><path d="M15.432 16.8 20 19.666l9.496-6.995c.57.735 1.053 1.535 1.438 2.382L20 23.108l-4.568-2.864v-3.443Z"></path></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 40 40"><path fill="#21A038" d="M31.808 17.856a12 12 0 1 1-4.27-7.194l-2.335 1.72a9.237 9.237 0 1 0 4.024 7.501l-.003-.12 2.584-1.907Z"></path><path fill="#21A038" d="M15.432 16.8 20 19.666l9.496-6.995a11.95 11.95 0 0 1 1.438 2.382L20 23.108l-4.568-2.864v-3.443Z"></path></svg>
|
package/assets/share.svg
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentcolor"><path fill-rule="evenodd" d="M12.101
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentcolor"><path fill-rule="evenodd" d="M12.101 2.823a.75.75 0 0 1 .796.095l9.255 7.539a.75.75 0 0 1 .001 1.162l-9.255 7.566a.75.75 0 0 1-1.225-.58v-3.872c-2.42.153-3.873.386-5.062 1-1.3.671-2.372 1.845-3.994 4.193A.75.75 0 0 1 1.25 19.5c0-3.515.459-6.464 2.165-8.583 1.635-2.029 4.282-3.142 8.258-3.451V3.5a.75.75 0 0 1 .428-.677Zm1.072 2.255V8.17a.75.75 0 0 1-.71.75c-4.192.217-6.54 1.275-7.88 2.94-1.023 1.27-1.543 2.991-1.739 5.233 1.005-1.243 1.947-2.107 3.078-2.691 1.64-.848 3.59-1.059 6.461-1.212a.75.75 0 0 1 .79.75v3.084l7.32-5.983-7.32-5.962Z" clip-rule="evenodd"></path></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 40 40"><path fill="#303030" d="M29.002 10H11.998C6.476 10 2 14.477 2 20s4.476 10 9.998 10h17.004C34.524 30 39 25.523 39 20s-4.476-10-9.998-10Z"></path><path fill="#FFDD2D" d="M7.8 15.141h10.771v5.418a3.89 3.89 0 0 1-1.943 3.368l-3.442 1.988-3.442-1.988A3.887 3.887 0 0 1 7.8 20.559v-5.418Z"></path><path fill="#333" fill-rule="evenodd" d="M10.755 17.993v1.685c.231-.261.65-.437 1.129-.437h.52v1.96c0 .521-.142.977-.352 1.228h2.264c-.21-.251-.35-.707-.35-1.227v-1.96h.52c.478 0 .898.177 1.127.438v-1.685h-4.859l.002-.002Z" clip-rule="evenodd"></path><path fill="#fff" d="M24.72 23.397V17.03h-2.007v6.367h2.008Z"></path><path fill="#fff" d="M29.56 23.397c2.54 0 3.797-1.351 3.797-3.183 0-1.832-1.259-3.184-3.584-3.184H26.19v6.367h3.371-.002Zm-.203-4.843c1.378 0 1.953.616 1.953 1.66 0 .963-.574 1.698-1.953 1.698h-1.23v-3.358h1.23Z"></path></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="currentcolor"><path d="M10.755 17.995v-.002l-.001.002h.002ZM10.755 19.678v-1.683h4.858v1.684c-.23-.26-.649-.436-1.128-.436h-.52v1.96c0 .52.142.975.35 1.226h-2.263c.21-.251.351-.707.351-1.228v-1.96h-.52c-.479 0-.896.176-1.127.437ZM29.357 18.554c1.378 0 1.953.616 1.953 1.66 0 .963-.574 1.698-1.953 1.698h-1.23v-3.358h1.23Z"></path><path fill-rule="evenodd" d="M29.002 10H11.998C6.476 10 2 14.477 2 20s4.476 10 9.998 10h17.004C34.524 30 39 25.523 39 20s-4.476-10-9.998-10ZM7.8 15.141h10.771v5.418a3.89 3.89 0 0 1-1.943 3.368l-3.442 1.988-3.442-1.988A3.887 3.887 0 0 1 7.8 20.559v-5.418Zm16.92 1.89v6.366h-2.007V17.03h2.008Zm4.84 6.366c2.54 0 3.797-1.351 3.797-3.183 0-1.832-1.259-3.184-3.584-3.184H26.19v6.367h3.37Z" clip-rule="evenodd"></path></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 40 40"><path fill="#EA1D24" d="M4.471 18.652c.461-.518.61-1.404.61-1.922 0-.832-.222-1.385-1.053-1.385-.777 0-1.146.59-1.146 2.216H0C0 15.106 1.183 13 4.157 13c2.237 0 3.863 1.33 3.863 3.62 0 1.736-.628 2.77-1.442 3.732-.24.287-.635.649-1.065 1.042-.9.824-1.951 1.785-2.039 2.486h4.768v2.382H0c0-3.278 2.026-5.222 3.531-6.667.353-.338.677-.649.94-.943Z"></path><path fill="#EA1D24" fill-rule="evenodd" d="M12.979 13c3.167 0 3.928 1.755 3.928 3.565v6.116c0 1.808-.76 3.583-3.928 3.583-3.005 0-3.856-1.755-3.856-3.583v-6.116c0-1.828.85-3.565 3.856-3.565ZM12 16.51v6.242c0 .851.146 1.32.942 1.32.834 0 1.086-.469 1.086-1.32V16.51c0-.85-.254-1.32-1.086-1.32-.798 0-.942.47-.942 1.32Z" clip-rule="evenodd"></path><path fill="#EA1D24" d="M23.384 16.764v.361h2.75v-.688c0-.758.417-1.248 1.068-1.248.706 0 .978.669.978 1.357 0 1.448-.508 1.72-1.902 1.72h-.434v2.045h.633c1.376 0 1.846.344 1.846 1.7 0 1.393-.252 1.918-1.103 1.918-.814 0-1.085-.886-1.085-1.863v-.49h-2.751v.634c0 2.822 1.612 4.052 3.838 4.052 2.48 0 3.981-1.122 3.981-3.836 0-1.737-.271-2.732-2.08-3.438 1.52-.416 1.809-1.519 1.809-2.75 0-1.935-1.484-3.238-3.675-3.238-2.733 0-3.873 1.79-3.873 3.764Z"></path><path fill="#EA1D24" d="M34.796 18.093c.478-.55 1.027-1.026 2.255-1.026 1.942 0 2.949 1.483 2.949 4.341 0 3.718-1.357 4.854-3.83 4.854-2.748 0-3.902-1.227-3.902-4.232h2.766c.018 1.557.33 2.034 1.045 2.034.715 0 1.007-.477 1.007-2.546 0-1.759-.292-2.27-1.044-2.27-.66 0-.898.402-1.008.951h-2.621l.367-7.087h6.743v2.198h-4.489l-.238 2.783Z"></path><path fill="#EA1D24" d="M19.046 23.656h2.335v2.335h-2.335v-2.335Z"></path></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="currentcolor"><path d="M4.471 18.652c.461-.518.61-1.404.61-1.922 0-.832-.222-1.385-1.053-1.385-.777 0-1.146.59-1.146 2.216H0C0 15.106 1.183 13 4.157 13c2.237 0 3.863 1.33 3.863 3.62 0 1.736-.628 2.77-1.442 3.732-.24.287-.635.649-1.065 1.042-.9.824-1.951 1.785-2.039 2.486h4.768v2.382H0c0-3.278 2.026-5.222 3.531-6.667.353-.338.677-.649.94-.943Z"></path><path fill-rule="evenodd" d="M12.979 13c3.167 0 3.928 1.755 3.928 3.565v6.116c0 1.808-.76 3.583-3.928 3.583-3.005 0-3.856-1.755-3.856-3.583v-6.116c0-1.828.85-3.565 3.856-3.565ZM12 16.51v6.242c0 .851.146 1.32.942 1.32.834 0 1.086-.469 1.086-1.32V16.51c0-.85-.254-1.32-1.086-1.32-.798 0-.942.47-.942 1.32Z" clip-rule="evenodd"></path><path d="M23.384 16.764v.361h2.75v-.688c0-.758.417-1.248 1.068-1.248.706 0 .978.669.978 1.357 0 1.448-.508 1.72-1.902 1.72h-.434v2.045h.633c1.376 0 1.846.344 1.846 1.7 0 1.393-.252 1.918-1.103 1.918-.814 0-1.085-.886-1.085-1.863v-.49h-2.751v.634c0 2.822 1.612 4.052 3.838 4.052 2.48 0 3.981-1.122 3.981-3.836 0-1.737-.271-2.732-2.08-3.438 1.52-.416 1.809-1.519 1.809-2.75 0-1.935-1.484-3.238-3.675-3.238-2.733 0-3.873 1.79-3.873 3.764ZM34.529 17.982c.477-.55 1.027-1.027 2.254-1.027 1.942 0 2.95 1.484 2.95 4.342 0 3.717-1.357 4.853-3.83 4.853-2.748 0-3.903-1.226-3.903-4.231h2.767c.017 1.556.33 2.033 1.044 2.033.715 0 1.008-.477 1.008-2.546 0-1.758-.293-2.27-1.045-2.27-.66 0-.897.402-1.008.952h-2.62L32.511 13h6.743v2.198h-4.489l-.237 2.784ZM19.046 23.656h2.335v2.335h-2.335v-2.335Z"></path></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="currentcolor"><path d="M7 12c0 7.053 2.726 10.98 5.84 13.033a12.208 12.208 0 0 0 5.452 1.932 8.393 8.393 0 0 0 .55.034h.044l.017.001h.01s.003 0 .003-2.143V27h2.167v-4.286h3.252l.124.007c.12.009.306.027.534.065a5.873 5.873 0 0 1 1.622.506c.555.274 1.045.653 1.4 1.18.347.514.652 1.296.652 2.528H33c0-1.982-.507-3.611-1.38-4.905-.863-1.28-1.998-2.108-3.068-2.637l-.007-.003.161-.19c1.414-1.678 3.21-4.325 3.21-7.265h-4.332c0 1.346-.912 2.985-2.206 4.521a19.675 19.675 0 0 1-1.852 1.908h-2.443V12H16.75v10.233a7.648 7.648 0 0 1-1.507-.766c-1.76-1.161-3.91-3.663-3.91-9.467H7Z"></path></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 40 40"><path fill="#07F" d="M7 12c0 7.053 2.726 10.98 5.84 13.033a12.208 12.208 0 0 0 5.452 1.932 8.393 8.393 0 0 0 .55.034l.074.001h2.167v-4.286h3.252l.124.007c.12.009.306.027.534.065a5.873 5.873 0 0 1 1.622.506c.555.274 1.045.653 1.4 1.18.347.514.652 1.296.652 2.528H33c0-1.982-.507-3.611-1.38-4.905-.863-1.28-1.998-2.108-3.068-2.637l-.007-.003.161-.19c1.414-1.678 3.21-4.325 3.21-7.265h-4.332c0 1.346-.912 2.985-2.206 4.521a19.675 19.675 0 0 1-1.852 1.908h-2.443V12H16.75v10.233a7.648 7.648 0 0 1-1.507-.766c-1.76-1.161-3.91-3.663-3.91-9.467H7Z"></path></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="currentcolor"><path d="M27.956 32h-4.193V11.244H21.89c-3.428 0-5.222 1.714-5.222 4.273 0 2.9 1.24 4.246 3.798 5.96l2.11 1.424L16.51 32H12l5.46-8.123c-3.14-2.242-4.906-4.43-4.906-8.123 0-4.615 3.217-7.754 9.31-7.754h6.066v24h.026Z"></path></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 40 40"><path fill="#ED4D14" d="M27.956 32h-4.193V11.244H21.89c-3.428 0-5.222 1.714-5.222 4.273 0 2.9 1.24 4.246 3.798 5.96l2.11 1.424L16.51 32H12l5.46-8.123c-3.14-2.242-4.906-4.43-4.906-8.123 0-4.615 3.217-7.754 9.31-7.754h6.066v24h.026Z"></path></svg>
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
'use strict';var React=require('react');var styled=require('styled-components');var useClassname=require('../../hooks/useClassname.js');var useConfigPriority=require('../../hooks/use-config-priority.js');var style=require('./style.js');var utils=require('./utils.js');var require$$0=require('react/jsx-runtime');var Icon=require('../Icon/Icon.js');var Anchor=require('../Anchor/Anchor.js');var Button=require('../Button/Button.js');var index=require('../../external/.pnpm/@foxford_icon-pack@0.
|
|
1
|
+
'use strict';var React=require('react');var styled=require('styled-components');var useClassname=require('../../hooks/useClassname.js');var useConfigPriority=require('../../hooks/use-config-priority.js');var style=require('./style.js');var utils=require('./utils.js');var require$$0=require('react/jsx-runtime');var Icon=require('../Icon/Icon.js');var Anchor=require('../Anchor/Anchor.js');var Button=require('../Button/Button.js');var index=require('../../external/.pnpm/@foxford_icon-pack@0.8.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/Close/index.js');var index$1=require('../../external/.pnpm/@foxford_icon-pack@0.8.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/WarningTriangleFill/index.js');var index$2=require('../../external/.pnpm/@foxford_icon-pack@0.8.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/CheckCircleFill/index.js');var index$3=require('../../external/.pnpm/@foxford_icon-pack@0.8.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/NotifFill/index.js');var index$4=require('../../external/.pnpm/@foxford_icon-pack@0.8.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/CloseCirlceFill/index.js');const getDefaultIcon=({isCompact:e,theme:r,type:o})=>{const i=e?16:24;switch(o){case'error':return require$$0.jsx(index$4.CloseCirlceFill,{color:r.colors['alert-bg-error-500'],size:i});case'info':return require$$0.jsx(index$3.NotifFill,{color:r.colors['content-brand-primary'],size:i});case'success':return require$$0.jsx(index$2.CheckCircleFill,{color:r.colors['alert-success'],size:i});case'warning':return require$$0.jsx(index$1.WarningTriangleFill,{color:r.colors['alert-warning'],size:i});default:return null}};const Alert=React.forwardRef(((e,r)=>{const o=styled.useTheme();const{cancelTimerText:i="Отменить",primaryAction:n,primaryActionProps:t={},secondaryAction:c,secondaryActionProps:s={},children:l,className:a,clear:u,customIcon:m,image:p,isCompact:d,link:x,linkProps:$={},noIcon:C,onClickCancelTimer:h,closeToast:f,size:y="s",style:q,textProps:j={},textWrap:k,timer:_,title:g,titleProps:A={},type:w,width:v=['fit-content','fit-content','fit-content','351px','304px','304px']}=useConfigPriority.useConfigPriority(o.components?.Alert,e);const T=useClassname.useClassname("Alert",a);const[I,z]=React.useState(!1);const b=Boolean(y==='l'||!!g||d&&(g||x||n||c));return require$$0.jsxs(style.Root,{className:T,clear:u,column:b,isCompact:d,noIcon:C,onMouseEnter:()=>{_&&z(!0)},onMouseLeave:()=>{_&&z(!1)},ref:r,size:y,style:q,textWrap:k,type:w,width:v,withAction:!!n||!!c,withCloseIcon:!!f,withImage:!!p,withLink:!!x,withTimer:!!_,withTitle:!!g,children:[(!C||m)&&require$$0.jsxs(style.IconWrapper,{column:b,isCompact:d,withImage:!!p,children:[!C&&!_&&!m&&!p&&getDefaultIcon({isCompact:d,theme:o,type:w}),m&&require$$0.jsx(Icon.Icon,{name:m,size:d?16:24}),p,_&&require$$0.jsx(style.Timer,{isCompact:d,paused:I,timer:_,color:utils.countdownColor({theme:o,type:w})})]}),require$$0.jsxs(style.ContentWrapper,{column:b,isCompact:d,children:[g&&require$$0.jsx(style.Title,{color:o.colors['content-onmain-primary'],isCompact:d,size:d?14:16,lineHeight:"m",...A,children:g}),require$$0.jsx(style.Content,{appearance:"body",color:o.colors['content-onmain-primary'],column:b,isCompact:d,size:d?'xs':'s',textWrap:k,...j,children:l}),x&&require$$0.jsx(style.Link,{clear:u,column:b,isCompact:d,withTitle:!!g,children:require$$0.jsx(Anchor.Anchor,{color:e.clear?o.colors['content-link']:o.colors['content-onmain-primary'],onClick:x.onClick,preset:"default",pseudo:!0,size:d?'s':'m',...$,children:x.content})}),(n||c)&&require$$0.jsxs(style.Actions,{column:b,isCompact:d,withTitle:!!g,children:[c&&require$$0.jsx(Button.Button,{black:!0,fontWeight:"normal",onClick:c.onClick,outline:!0,preset:"brand",size:d?'xs':'s',margin:4,...s,children:c.content}),n&&require$$0.jsx(Button.Button,{black:!0,fontWeight:"normal",onClick:n.onClick,preset:"brand",size:d?'xs':'s',margin:4,...t,children:n.content})]})]}),h&&require$$0.jsx(style.CancelTimer,{black:!0,clear:!0,fontWeight:"normal",isCompact:d,onClick:h,preset:"brand",size:d?'xs':'s',margin:4,children:i}),f&&(!d||!_)&&require$$0.jsx(style.CloseIcon,{"aria-label":"close",onClick:f,type:"button",withTimer:!!_,children:require$$0.jsx(index.Close,{color:o.colors['content-onmain-primary'],size:d?18:24})})]})}));Alert.displayName="Alert",exports.Alert=Alert,exports.COMPONENT_NAME="Alert";
|
|
2
2
|
//# sourceMappingURL=Alert.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{forwardRef,useState}from'react';import{useTheme}from'styled-components';import{useClassname}from'../../hooks/useClassname.mjs';import{useConfigPriority}from'../../hooks/use-config-priority.mjs';import{Root,IconWrapper,Timer,ContentWrapper,Title,Content,Link,Actions,CancelTimer,CloseIcon}from'./style.mjs';import{countdownColor}from'./utils.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';import{Anchor}from'../Anchor/Anchor.mjs';import{Button}from'../Button/Button.mjs';import{Close as Close_2}from'../../external/.pnpm/@foxford_icon-pack@0.
|
|
1
|
+
import{forwardRef,useState}from'react';import{useTheme}from'styled-components';import{useClassname}from'../../hooks/useClassname.mjs';import{useConfigPriority}from'../../hooks/use-config-priority.mjs';import{Root,IconWrapper,Timer,ContentWrapper,Title,Content,Link,Actions,CancelTimer,CloseIcon}from'./style.mjs';import{countdownColor}from'./utils.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';import{Anchor}from'../Anchor/Anchor.mjs';import{Button}from'../Button/Button.mjs';import{Close as Close_2}from'../../external/.pnpm/@foxford_icon-pack@0.8.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/Close/index.mjs';import{WarningTriangleFill as WarningTriangleFill_2}from'../../external/.pnpm/@foxford_icon-pack@0.8.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/WarningTriangleFill/index.mjs';import{CheckCircleFill as CheckCircleFill_2}from'../../external/.pnpm/@foxford_icon-pack@0.8.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/CheckCircleFill/index.mjs';import{NotifFill as NotifFill_2}from'../../external/.pnpm/@foxford_icon-pack@0.8.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/NotifFill/index.mjs';import{CloseCirlceFill as CloseCirlceFill_2}from'../../external/.pnpm/@foxford_icon-pack@0.8.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/CloseCirlceFill/index.mjs';const getDefaultIcon=({isCompact:o,theme:e,type:r})=>{const n=o?16:24;switch(r){case'error':return jsx(CloseCirlceFill_2,{color:e.colors['alert-bg-error-500'],size:n});case'info':return jsx(NotifFill_2,{color:e.colors['content-brand-primary'],size:n});case'success':return jsx(CheckCircleFill_2,{color:e.colors['alert-success'],size:n});case'warning':return jsx(WarningTriangleFill_2,{color:e.colors['alert-warning'],size:n});default:return null}};const COMPONENT_NAME='Alert';const Alert=forwardRef(((o,e)=>{const r=useTheme();const{cancelTimerText:n="Отменить",primaryAction:t,primaryActionProps:i={},secondaryAction:c,secondaryActionProps:s={},children:l,className:a,clear:m,customIcon:p,image:d,isCompact:C,link:f,linkProps:x={},noIcon:u,onClickCancelTimer:h,closeToast:_,size:j="s",style:k,textProps:g={},textWrap:y,timer:T,title:A,titleProps:w={},type:F,width:I=['fit-content','fit-content','fit-content','351px','304px','304px']}=useConfigPriority(r.components?.Alert,o);const z=useClassname("Alert",a);const[W,N]=useState(!1);const b=Boolean(j==='l'||!!A||C&&(A||f||t||c));return jsxs(Root,{className:z,clear:m,column:b,isCompact:C,noIcon:u,onMouseEnter:()=>{T&&N(!0)},onMouseLeave:()=>{T&&N(!1)},ref:e,size:j,style:k,textWrap:y,type:F,width:I,withAction:!!t||!!c,withCloseIcon:!!_,withImage:!!d,withLink:!!f,withTimer:!!T,withTitle:!!A,children:[(!u||p)&&jsxs(IconWrapper,{column:b,isCompact:C,withImage:!!d,children:[!u&&!T&&!p&&!d&&getDefaultIcon({isCompact:C,theme:r,type:F}),p&&jsx(Icon,{name:p,size:C?16:24}),d,T&&jsx(Timer,{isCompact:C,paused:W,timer:T,color:countdownColor({theme:r,type:F})})]}),jsxs(ContentWrapper,{column:b,isCompact:C,children:[A&&jsx(Title,{color:r.colors['content-onmain-primary'],isCompact:C,size:C?14:16,lineHeight:"m",...w,children:A}),jsx(Content,{appearance:"body",color:r.colors['content-onmain-primary'],column:b,isCompact:C,size:C?'xs':'s',textWrap:y,...g,children:l}),f&&jsx(Link,{clear:m,column:b,isCompact:C,withTitle:!!A,children:jsx(Anchor,{color:o.clear?r.colors['content-link']:r.colors['content-onmain-primary'],onClick:f.onClick,preset:"default",pseudo:!0,size:C?'s':'m',...x,children:f.content})}),(t||c)&&jsxs(Actions,{column:b,isCompact:C,withTitle:!!A,children:[c&&jsx(Button,{black:!0,fontWeight:"normal",onClick:c.onClick,outline:!0,preset:"brand",size:C?'xs':'s',margin:4,...s,children:c.content}),t&&jsx(Button,{black:!0,fontWeight:"normal",onClick:t.onClick,preset:"brand",size:C?'xs':'s',margin:4,...i,children:t.content})]})]}),h&&jsx(CancelTimer,{black:!0,clear:!0,fontWeight:"normal",isCompact:C,onClick:h,preset:"brand",size:C?'xs':'s',margin:4,children:n}),_&&(!C||!T)&&jsx(CloseIcon,{"aria-label":"close",onClick:_,type:"button",withTimer:!!T,children:jsx(Close_2,{color:r.colors['content-onmain-primary'],size:C?18:24})})]})}));Alert.displayName="Alert";export{Alert,COMPONENT_NAME};
|
|
2
2
|
//# sourceMappingURL=Alert.mjs.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
'use strict';var styled=require('styled-components');var tinycolor=require('../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.js');var responsiveProperty=require('../../mixins/responsive-property.js');var color=require('../../mixins/color.js');var style=require('../../shared/utils/style.js');var focus=require('../../mixins/focus.js');var responsiveSize=require('../../mixins/responsive-size.js');var regexp=require('../../shared/regexp.js');var index=require('../../external/.pnpm/@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/LoaderFill/index.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const shouldForwardButtonProp=style.createShouldForwardProp((o=>!['fluid','width','display','padding','paddingTop','paddingRight','paddingBottom','paddingLeft','fontSize','height','inline','round','success','loading','black','danger','onColored','clear','base','outline','autoRel','noSpacing','primary','secondary','inverted','rounded','basic'].includes(o)),(o=>!(regexp.responsiveFluidPropKeyRegExp.test(o)||regexp.responsiveWidthPropKeyRegExp.test(o)||regexp.responsivePaddingPropKeyRegExp.test(o)||regexp.responsiveFontSizePropKeyRegExp.test(o)||regexp.responsiveHeightPropKeyRegExp.test(o))));const WIDTHS={xl:320,l:280,m:245,s:180,xs:140};const loadingAnimation=styled.keyframes(["0%{background-position:0 0;}100%{background-position:50px 50px;}"]);const spinAnimation=styled.keyframes(["100%{transform:rotate(360deg);}"]);const defaultLoadingStyles=styled.css(["background-image:linear-gradient( -45deg,rgba(255,255,255,0.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.2) 75%,transparent 75%,transparent );background-size:25px 25px;animation:"," 2s linear infinite;cursor:progress;"],loadingAnimation);const getWidth=o=>o==='auto'?'auto':typeof o=='number'||typeof o=='boolean'?o:o&&WIDTHS[o]?WIDTHS[o]:'auto';const fluidStyles=()=>styled.css(["min-width:initial;width:100%;"]);const template=o=>`\n color: ${o.color};\n background-color: ${o.backgroundColor};\n border-color: ${o.borderColor};\n &::before {\n box-shadow: inset 0px 4px 0px ${o.shadowColor};\n }\n &:hover {\n color: ${o.colorHover};\n background-color: ${o.backgroundColorHover};\n border-color: ${o.borderColorHover};\n }\n &:active {\n color: ${o.colorActive};\n background-color: ${o.backgroundColorActive};\n border-color: ${o.borderColorActive};\n }\n &:disabled {\n color: ${o.colorDisabled};\n background-color: ${o.backgroundColorDisabled};\n border-color: ${o.borderColorDisabled};\n }\n`;const COLOR_SCHEMA={onColored:{clear:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors.transparent,borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.theme.colors['bg-oncontrast-hover'],borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-primary'],backgroundColorActive:o.theme.colors['bg-oncontrast-hover'],borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.theme.colors.transparent,borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncontrast-hover'],...o.palette}))),base:styled.css(["",""],(o=>template({color:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-primary'],backgroundColor:o.success?o.theme.colors['bg-oncolor-primary']:o.theme.colors['bg-oncolor-secondary'],borderColor:o.theme.colors.transparent,colorHover:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.success?tinycolor.default(o.theme.colors['bg-oncolor-primary']).darken(2).toString():tinycolor.default(o.theme.colors['bg-oncolor-secondary']).darken(4).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-primary'],backgroundColorActive:o.success?tinycolor.default(o.theme.colors['bg-oncolor-primary']).darken(2).toString():tinycolor.default(o.theme.colors['bg-oncolor-secondary']).darken(4).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-oncolor-constant']:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.loading?o.theme.colors['bg-oncolor-primary']:o.theme.colors['bg-oncolor-disabled'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),outline:styled.css(["",""],(o=>template({color:o.success?o.theme.colors['alert-success']:o.loading?o.theme.colors['content-oncolor-constant']:o.theme.colors['content-oncolor-primary'],backgroundColor:o.success||o.loading?o.theme.colors['bg-oncolor-primary']:o.theme.colors.transparent,borderColor:o.success||o.loading?o.theme.colors.transparent:o.theme.colors['border-oncolor-default'],colorHover:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-constant'],backgroundColorHover:o.success?tinycolor.default(o.theme.colors['bg-oncolor-primary']).darken(2).toString():o.theme.colors['bg-oncolor-primary'],borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-constant'],backgroundColorActive:o.success?tinycolor.default(o.theme.colors['bg-oncolor-primary']).darken(2).toString():o.theme.colors['bg-oncolor-primary'],borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-oncolor-constant']:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.loading?o.theme.colors['bg-oncolor-primary']:o.theme.colors['bg-oncolor-disabled'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),default:styled.css(["",""],(o=>template({color:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-constant'],backgroundColor:o.theme.colors['bg-oncolor-primary'],borderColor:o.theme.colors.transparent,colorHover:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-constant'],backgroundColorHover:tinycolor.default(o.theme.colors['bg-oncolor-primary']).darken(2).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-constant'],backgroundColorActive:tinycolor.default(o.theme.colors['bg-oncolor-primary']).darken(2).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-oncolor-constant']:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.loading?o.theme.colors['bg-oncolor-primary']:o.theme.colors['bg-oncolor-disabled'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette})))},danger:{clear:styled.css(["",""],(o=>template({color:o.success?o.theme.colors['alert-success']:o.theme.colors['alert-error'],backgroundColor:o.theme.colors.transparent,borderColor:o.theme.colors.transparent,colorHover:o.success?o.theme.colors['alert-success']:o.theme.colors['alert-error'],backgroundColorHover:o.theme.colors['bg-oncolor-hover'],borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['alert-success']:o.theme.colors['alert-error'],backgroundColorActive:o.theme.colors['bg-oncolor-hover'],borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['alert-error']:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors.transparent,borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),base:styled.css(["",""],(o=>template({color:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['alert-error'],backgroundColor:o.success?o.theme.colors['alert-bg-success-500']:o.theme.colors['bg-onmain-tertiary'],borderColor:o.theme.colors.transparent,colorHover:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['alert-error'],backgroundColorHover:o.success?tinycolor.default(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor.default(o.theme.colors['bg-onmain-tertiary']).darken(2).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['alert-error'],backgroundColorActive:o.success?tinycolor.default(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor.default(o.theme.colors['bg-onmain-tertiary']).darken(2).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['alert-error']:o.theme.colors['content-disabled'],backgroundColorDisabled:o.loading?o.theme.colors['bg-onmain-tertiary']:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),outline:styled.css(["",""],(o=>template({color:o.success||o.loading?o.theme.colors['content-oncolor-primary']:o.theme.colors['alert-error'],backgroundColor:o.success?o.theme.colors['alert-bg-success-500']:o.loading?o.theme.colors['alert-bg-error-500']:o.theme.colors.transparent,borderColor:o.success||o.loading?o.theme.colors.transparent:o.theme.colors['alert-bg-error-500'],colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.success?tinycolor.default(o.theme.colors['alert-bg-success-500']).darken(2).toString():o.theme.colors['alert-bg-error-500'],borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-primary'],backgroundColorActive:o.success?tinycolor.default(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor.default(o.theme.colors['alert-bg-error-500']).darken(2).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-disabled'],backgroundColorDisabled:o.loading?o.theme.colors['alert-bg-error-500']:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),default:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.success?o.theme.colors['alert-bg-success-500']:o.theme.colors['alert-bg-error-500'],borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.success?tinycolor.default(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor.default(o.theme.colors['alert-bg-error-500']).darken(2).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-primary'],backgroundColorActive:o.success?tinycolor.default(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor.default(o.theme.colors['alert-bg-error-500']).darken(2).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-disabled'],backgroundColorDisabled:o.loading?o.theme.colors['alert-bg-error-500']:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette})))},black:{clear:styled.css(["",""],(o=>template({color:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-inverse'],backgroundColor:o.theme.colors.transparent,borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-inverse'],backgroundColorHover:o.theme.colors['bg-oncolor-hover'],borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-inverse'],backgroundColorActive:o.theme.colors['bg-oncolor-hover'],borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors.transparent,borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),base:styled.css(["",""],(o=>template({color:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-oncolor-inverse'],backgroundColor:o.success?o.theme.colors['alert-bg-success-500']:o.theme.colors['bg-onmain-tertiary'],borderColor:o.theme.colors.transparent,colorHover:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-oncolor-inverse'],backgroundColorHover:o.success?tinycolor.default(o.theme.colors['alert-bg-success-500']).lighten(4).toString():tinycolor.default(o.theme.colors['bg-onmain-tertiary']).darken(4).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-oncolor-inverse'],backgroundColorActive:o.success?tinycolor.default(o.theme.colors['alert-bg-success-500']).lighten(4).toString():tinycolor.default(o.theme.colors['bg-onmain-tertiary']).darken(4).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),outline:styled.css(["",""],(o=>template({color:o.success?o.theme.colors['content-oncolor-primary']:o.loading?o.theme.colors['content-onmain-inverse']:o.theme.colors['content-oncolor-inverse'],backgroundColor:o.success?o.theme.colors['alert-bg-success-500']:o.loading?o.theme.colors['bg-onmain-inverse']:o.theme.colors.transparent,borderColor:o.success||o.loading?o.theme.colors.transparent:o.theme.colors['border-onmain-contrast'],colorHover:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-inverse'],backgroundColorHover:o.success?tinycolor.default(o.theme.colors['alert-bg-success-500']).lighten(4).toString():o.theme.colors['bg-onmain-inverse'],borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-inverse'],backgroundColorActive:o.success?tinycolor.default(o.theme.colors['alert-bg-success-500']).lighten(4).toString():tinycolor.default(o.theme.colors['bg-onmain-inverse']).lighten(4).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),default:styled.css(["",""],(o=>template({color:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-inverse'],backgroundColor:o.success?o.theme.colors['alert-bg-success-500']:o.theme.colors['bg-onmain-inverse'],borderColor:o.theme.colors.transparent,colorHover:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-inverse'],backgroundColorHover:o.success?tinycolor.default(o.theme.colors['alert-bg-success-500']).lighten(4).toString():tinycolor.default(o.theme.colors['bg-onmain-inverse']).lighten(4).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-inverse'],backgroundColorActive:o.success?tinycolor.default(o.theme.colors['alert-bg-success-500']).lighten(4).toString():tinycolor.default(o.theme.colors['bg-onmain-inverse']).lighten(4).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette})))},default:{clear:styled.css(["",""],(o=>template({color:o.success?o.theme.colors['alert-success']:o.theme.colors['content-brand-primary'],backgroundColor:o.theme.colors.transparent,borderColor:o.theme.colors.transparent,colorHover:o.success?o.theme.colors['alert-success']:o.theme.colors['content-brand-primary'],backgroundColorHover:o.theme.colors['bg-oncolor-hover'],borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['alert-success']:o.theme.colors['content-brand-primary'],backgroundColorActive:o.theme.colors['bg-oncolor-hover'],borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-brand-primary']:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors.transparent,borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),base:styled.css(["",""],(o=>template({color:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-brand-primary'],backgroundColor:o.success?o.theme.colors['alert-bg-success-500']:o.theme.colors['bg-onmain-tertiary'],borderColor:o.theme.colors.transparent,colorHover:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-brand-primary'],backgroundColorHover:o.success?tinycolor.default(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor.default(o.theme.colors['bg-onmain-tertiary']).darken(2).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-brand-primary'],backgroundColorActive:o.success?tinycolor.default(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor.default(o.theme.colors['bg-onmain-tertiary']).darken(2).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-brand-primary']:o.theme.colors['content-disabled'],backgroundColorDisabled:o.loading?o.theme.colors['bg-onmain-tertiary']:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),outline:styled.css(["",""],(o=>template({color:o.success||o.loading?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-brand-primary'],backgroundColor:o.success?o.theme.colors['alert-bg-success-500']:o.loading?o.theme.colors['bg-brand-primary-basic']:o.theme.colors.transparent,borderColor:o.success||o.loading?o.theme.colors.transparent:o.theme.colors['border-brand-primary'],colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.success?tinycolor.default(o.theme.colors['alert-bg-success-500']).darken(2).toString():o.theme.colors['bg-brand-primary-basic'],borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-primary'],backgroundColorActive:o.success?tinycolor.default(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor.default(o.theme.colors['bg-brand-primary-basic']).darken(2).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-disabled'],backgroundColorDisabled:o.loading?o.theme.colors['bg-brand-primary-basic']:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),default:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.success?o.theme.colors['alert-bg-success-500']:o.theme.colors['bg-brand-primary-basic'],borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.success?tinycolor.default(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor.default(o.theme.colors['bg-brand-primary-basic']).darken(2).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-primary'],backgroundColorActive:o.success?tinycolor.default(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor.default(o.theme.colors['bg-brand-primary-basic']).darken(2).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-disabled'],backgroundColorDisabled:o.loading?o.theme.colors['bg-brand-primary-basic']:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette})))}};const defaultStyles=styled.css([""," "," "," "," "," ",""],(o=>o.disabled||o.loading?'':`\n &:active {\n box-shadow: inset 0 4px 0px 0px rgba(0, 0, 0, 0.14);\n }\n &:hover {\n color: ${o.fontColor};\n background-color: ${tinycolor.default(o.theme.colors[o.color]).saturate(-5).lighten(-8).toString()};\n }\n ${o.inverted||o.basic||o.outline?`\n &:not(:hover) {\n border: 1px solid ${o.theme.colors[o.color]};\n }\n &:hover {\n border: 1px solid ${o.theme.colors[o.color]};\n }\n `:''}\n `),(o=>o.loading?defaultLoadingStyles:''),(o=>{let r='background-color';return(o.inverted||o.basic||o.outline)&&(r='color'),color.color(o.color,r)}),(o=>{let r='color';return(o.inverted||o.basic||o.outline)&&(r='background-color'),color.color(o.fontColor,r)}),(o=>o.disabled?`\n cursor: not-allowed;\n background-color: ${o.theme.colors.mercury};\n color: ${o.theme.colors.silver};\n `:''),(o=>o.basic||o.outline?'background-color: transparent;':''));const Root=styled__default.default.button.withConfig({shouldForwardProp:shouldForwardButtonProp}).attrs((o=>({dynamicSizeDeclaration:(r,e)=>({fontSize:typeof r=='string'?r:`${r}${e}`,height:'2.8em',width:o.round?'2.8em':void 0,paddingRight:o.round?void 0:'1.6em',paddingLeft:o.round?void 0:'1.6em'})}))).withConfig({displayName:"Button__Root",componentId:"ui__sc-16o31r2-0"})([""," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," ",""],(o=>{let r=o.inline?'inline-flex':'flex';o.display&&(r=o.display);let e='0px';o.rounded&&(e=o.preset==='brand'?'48px':'5px'),o.round&&(e='50%');let t='pointer';return o.disabled&&(t='not-allowed'),o.loading&&(t='wait'),`\n display: ${r};\n border-radius: ${e};\n cursor: ${t};\n box-sizing: border-box;\n position: relative;\n isolation: isolate;\n justify-content: center;\n align-items: center;\n user-select: none;\n border: none;\n text-decoration: none;\n appearance: none;\n white-space: nowrap;\n text-align: center;\n vertical-align: top;\n ${o.preset==='brand'?"\n border: 1px solid transparent;\n transition-property: background-color; \n transition-duration: 250ms;\n &::before {\n transition-property: opacity; \n transition-duration: 150ms;\n transition-timing-function: ease-in;\n }\n &::before {\n content: '';\n position: absolute;\n top: -1px;\n left: -1px;\n width: calc(100% + 2px);\n height: calc(100% + 2px);\n border-radius: inherit;\n opacity: 0;\n }\n &:active:not(:disabled)::before {\n opacity: 1;\n }":"\n border: none;\n overflow: hidden;\n transition-property: background-color, color;\n transition-duration: 200ms;"}\n `}),(o=>{if(o.preset==='default')return defaultStyles;let r=COLOR_SCHEMA.default;return o.black&&(r=COLOR_SCHEMA.black),o.danger&&(r=COLOR_SCHEMA.danger),o.onColored&&(r=COLOR_SCHEMA.onColored),o.clear?r.clear:o.base?r.base:o.outline?r.outline:r.default}),focus.focus,responsiveSize.responsiveSize,(o=>o.padding?responsiveProperty.property(o.padding,'padding'):null),(o=>o.paddingTop?responsiveProperty.property(o.paddingTop,'padding-top'):null),(o=>o.paddingRight?responsiveProperty.property(o.paddingRight,'padding-right'):null),(o=>o.paddingBottom?responsiveProperty.property(o.paddingBottom,'padding-bottom'):null),(o=>o.paddingLeft?responsiveProperty.property(o.paddingLeft,'padding-left'):null),(o=>o.margin?responsiveProperty.property(o.margin,'margin'):null),(o=>o.marginTop?responsiveProperty.property(o.marginTop,'margin-top'):null),(o=>o.marginRight?responsiveProperty.property(o.marginRight,'margin-right'):null),(o=>o.marginBottom?responsiveProperty.property(o.marginBottom,'margin-bottom'):null),(o=>o.marginLeft?responsiveProperty.property(o.marginLeft,'margin-left'):null),(o=>o.fontSize?responsiveProperty.property(o.fontSize,'font-size'):null),(o=>o.height?responsiveProperty.property(o.height,'height'):null),(o=>{const r=o.fluid&&o.width!=='auto'?'max-width':'width';return o.width?responsiveProperty.property(getWidth(o.width),r):null}),(({paddingXS:o,paddingS:r,paddingM:e,paddingL:t,paddingXL:n})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingXS:o,paddingS:r,paddingM:e,paddingL:t,paddingXL:n},cssProperty:'padding'})),(({paddingTopXS:o,paddingTopS:r,paddingTopM:e,paddingTopL:t,paddingTopXL:n})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingTopXS:o,paddingTopS:r,paddingTopM:e,paddingTopL:t,paddingTopXL:n},cssProperty:'padding-top'})),(({paddingRightXS:o,paddingRightS:r,paddingRightM:e,paddingRightL:t,paddingRightXL:n})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingRightXS:o,paddingRightS:r,paddingRightM:e,paddingRightL:t,paddingRightXL:n},cssProperty:'padding-right'})),(({paddingBottomXS:o,paddingBottomS:r,paddingBottomM:e,paddingBottomL:t,paddingBottomXL:n})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingBottomXS:o,paddingBottomS:r,paddingBottomM:e,paddingBottomL:t,paddingBottomXL:n},cssProperty:'padding-bottom'})),(({paddingLeftXS:o,paddingLeftS:r,paddingLeftM:e,paddingLeftL:t,paddingLeftXL:n})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingLeftXS:o,paddingLeftS:r,paddingLeftM:e,paddingLeftL:t,paddingLeftXL:n},cssProperty:'padding-left'})),(({marginXS:o,marginS:r,marginM:e,marginL:t,marginXL:n})=>responsiveProperty.responsiveNamedProperty({sizes:{marginXS:o,marginS:r,marginM:e,marginL:t,marginXL:n},cssProperty:'margin'})),(({marginTopXS:o,marginTopS:r,marginTopM:e,marginTopL:t,marginTopXL:n})=>responsiveProperty.responsiveNamedProperty({sizes:{marginTopXS:o,marginTopS:r,marginTopM:e,marginTopL:t,marginTopXL:n},cssProperty:'margin-top'})),(({marginRightXS:o,marginRightS:r,marginRightM:e,marginRightL:t,marginRightXL:n})=>responsiveProperty.responsiveNamedProperty({sizes:{marginRightXS:o,marginRightS:r,marginRightM:e,marginRightL:t,marginRightXL:n},cssProperty:'margin-right'})),(({marginBottomXS:o,marginBottomS:r,marginBottomM:e,marginBottomL:t,marginBottomXL:n})=>responsiveProperty.responsiveNamedProperty({sizes:{marginBottomXS:o,marginBottomS:r,marginBottomM:e,marginBottomL:t,marginBottomXL:n},cssProperty:'margin-bottom'})),(({marginLeftXS:o,marginLeftS:r,marginLeftM:e,marginLeftL:t,marginLeftXL:n})=>responsiveProperty.responsiveNamedProperty({sizes:{marginLeftXS:o,marginLeftS:r,marginLeftM:e,marginLeftL:t,marginLeftXL:n},cssProperty:'margin-left'})),(({fontSizeXS:o,fontSizeS:r,fontSizeM:e,fontSizeL:t,fontSizeXL:n})=>responsiveProperty.responsiveNamedProperty({sizes:{fontSizeXS:o,fontSizeS:r,fontSizeM:e,fontSizeL:t,fontSizeXL:n},cssProperty:'font-size'})),(({heightXS:o,heightS:r,heightM:e,heightL:t,heightXL:n})=>responsiveProperty.responsiveNamedProperty({sizes:{heightXS:o,heightS:r,heightM:e,heightL:t,heightXL:n},cssProperty:'height'})),(({widthXS:o,widthS:r,widthM:e,widthL:t,widthXL:n,fluid:s,width:l})=>responsiveProperty.responsiveNamedProperty({sizes:{widthXS:o,widthS:r,widthM:e,widthL:t,widthXL:n},cssProperty:s&&l!=='auto'?'max-width':'width',customSizeHandler:getWidth})),(o=>o.fluid?responsiveProperty.property(o.fluid,fluidStyles):null),(({fluidXS:o,fluidS:r,fluidM:e,fluidL:t,fluidXL:n})=>responsiveProperty.responsiveNamedProperty({sizes:{fluidXS:o,fluidS:r,fluidM:e,fluidL:t,fluidXL:n},cssProperty:fluidStyles})));const LoaderIcon=styled__default.default(index.LoaderFill).withConfig({displayName:"Button__LoaderIcon",componentId:"ui__sc-16o31r2-1"})(["transform-origin:center;animation:"," 1600ms infinite linear;"],spinAnimation);exports.LoaderIcon=LoaderIcon,exports.Root=Root;
|
|
1
|
+
'use strict';var styled=require('styled-components');var tinycolor=require('../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.js');var responsiveProperty=require('../../mixins/responsive-property.js');var color=require('../../mixins/color.js');var style=require('../../shared/utils/style.js');var focus=require('../../mixins/focus.js');var responsiveSize=require('../../mixins/responsive-size.js');var regexp=require('../../shared/regexp.js');var index=require('../../external/.pnpm/@foxford_icon-pack@0.8.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/LoaderFill/index.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const shouldForwardButtonProp=style.createShouldForwardProp((o=>!['fluid','width','display','padding','paddingTop','paddingRight','paddingBottom','paddingLeft','fontSize','height','inline','round','success','loading','black','danger','onColored','clear','base','outline','autoRel','noSpacing','primary','secondary','inverted','rounded','basic'].includes(o)),(o=>!(regexp.responsiveFluidPropKeyRegExp.test(o)||regexp.responsiveWidthPropKeyRegExp.test(o)||regexp.responsivePaddingPropKeyRegExp.test(o)||regexp.responsiveFontSizePropKeyRegExp.test(o)||regexp.responsiveHeightPropKeyRegExp.test(o))));const WIDTHS={xl:320,l:280,m:245,s:180,xs:140};const loadingAnimation=styled.keyframes(["0%{background-position:0 0;}100%{background-position:50px 50px;}"]);const spinAnimation=styled.keyframes(["100%{transform:rotate(360deg);}"]);const defaultLoadingStyles=styled.css(["background-image:linear-gradient( -45deg,rgba(255,255,255,0.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.2) 75%,transparent 75%,transparent );background-size:25px 25px;animation:"," 2s linear infinite;cursor:progress;"],loadingAnimation);const getWidth=o=>o==='auto'?'auto':typeof o=='number'||typeof o=='boolean'?o:o&&WIDTHS[o]?WIDTHS[o]:'auto';const fluidStyles=()=>styled.css(["min-width:initial;width:100%;"]);const template=o=>`\n color: ${o.color};\n background-color: ${o.backgroundColor};\n border-color: ${o.borderColor};\n &::before {\n box-shadow: inset 0px 4px 0px ${o.shadowColor};\n }\n &:hover {\n color: ${o.colorHover};\n background-color: ${o.backgroundColorHover};\n border-color: ${o.borderColorHover};\n }\n &:active {\n color: ${o.colorActive};\n background-color: ${o.backgroundColorActive};\n border-color: ${o.borderColorActive};\n }\n &:disabled {\n color: ${o.colorDisabled};\n background-color: ${o.backgroundColorDisabled};\n border-color: ${o.borderColorDisabled};\n }\n`;const COLOR_SCHEMA={onColored:{clear:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors.transparent,borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.theme.colors['bg-oncontrast-hover'],borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-primary'],backgroundColorActive:o.theme.colors['bg-oncontrast-hover'],borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.theme.colors.transparent,borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncontrast-hover'],...o.palette}))),base:styled.css(["",""],(o=>template({color:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-primary'],backgroundColor:o.success?o.theme.colors['bg-oncolor-primary']:o.theme.colors['bg-oncolor-secondary'],borderColor:o.theme.colors.transparent,colorHover:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.success?tinycolor.default(o.theme.colors['bg-oncolor-primary']).darken(2).toString():tinycolor.default(o.theme.colors['bg-oncolor-secondary']).darken(4).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-primary'],backgroundColorActive:o.success?tinycolor.default(o.theme.colors['bg-oncolor-primary']).darken(2).toString():tinycolor.default(o.theme.colors['bg-oncolor-secondary']).darken(4).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-oncolor-constant']:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.loading?o.theme.colors['bg-oncolor-primary']:o.theme.colors['bg-oncolor-disabled'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),outline:styled.css(["",""],(o=>template({color:o.success?o.theme.colors['alert-success']:o.loading?o.theme.colors['content-oncolor-constant']:o.theme.colors['content-oncolor-primary'],backgroundColor:o.success||o.loading?o.theme.colors['bg-oncolor-primary']:o.theme.colors.transparent,borderColor:o.success||o.loading?o.theme.colors.transparent:o.theme.colors['border-oncolor-default'],colorHover:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-constant'],backgroundColorHover:o.success?tinycolor.default(o.theme.colors['bg-oncolor-primary']).darken(2).toString():o.theme.colors['bg-oncolor-primary'],borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-constant'],backgroundColorActive:o.success?tinycolor.default(o.theme.colors['bg-oncolor-primary']).darken(2).toString():o.theme.colors['bg-oncolor-primary'],borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-oncolor-constant']:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.loading?o.theme.colors['bg-oncolor-primary']:o.theme.colors['bg-oncolor-disabled'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),default:styled.css(["",""],(o=>template({color:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-constant'],backgroundColor:o.theme.colors['bg-oncolor-primary'],borderColor:o.theme.colors.transparent,colorHover:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-constant'],backgroundColorHover:tinycolor.default(o.theme.colors['bg-oncolor-primary']).darken(2).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-constant'],backgroundColorActive:tinycolor.default(o.theme.colors['bg-oncolor-primary']).darken(2).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-oncolor-constant']:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.loading?o.theme.colors['bg-oncolor-primary']:o.theme.colors['bg-oncolor-disabled'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette})))},danger:{clear:styled.css(["",""],(o=>template({color:o.success?o.theme.colors['alert-success']:o.theme.colors['alert-error'],backgroundColor:o.theme.colors.transparent,borderColor:o.theme.colors.transparent,colorHover:o.success?o.theme.colors['alert-success']:o.theme.colors['alert-error'],backgroundColorHover:o.theme.colors['bg-oncolor-hover'],borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['alert-success']:o.theme.colors['alert-error'],backgroundColorActive:o.theme.colors['bg-oncolor-hover'],borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['alert-error']:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors.transparent,borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),base:styled.css(["",""],(o=>template({color:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['alert-error'],backgroundColor:o.success?o.theme.colors['alert-bg-success-500']:o.theme.colors['bg-onmain-tertiary'],borderColor:o.theme.colors.transparent,colorHover:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['alert-error'],backgroundColorHover:o.success?tinycolor.default(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor.default(o.theme.colors['bg-onmain-tertiary']).darken(2).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['alert-error'],backgroundColorActive:o.success?tinycolor.default(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor.default(o.theme.colors['bg-onmain-tertiary']).darken(2).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['alert-error']:o.theme.colors['content-disabled'],backgroundColorDisabled:o.loading?o.theme.colors['bg-onmain-tertiary']:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),outline:styled.css(["",""],(o=>template({color:o.success||o.loading?o.theme.colors['content-oncolor-primary']:o.theme.colors['alert-error'],backgroundColor:o.success?o.theme.colors['alert-bg-success-500']:o.loading?o.theme.colors['alert-bg-error-500']:o.theme.colors.transparent,borderColor:o.success||o.loading?o.theme.colors.transparent:o.theme.colors['alert-bg-error-500'],colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.success?tinycolor.default(o.theme.colors['alert-bg-success-500']).darken(2).toString():o.theme.colors['alert-bg-error-500'],borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-primary'],backgroundColorActive:o.success?tinycolor.default(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor.default(o.theme.colors['alert-bg-error-500']).darken(2).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-disabled'],backgroundColorDisabled:o.loading?o.theme.colors['alert-bg-error-500']:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),default:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.success?o.theme.colors['alert-bg-success-500']:o.theme.colors['alert-bg-error-500'],borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.success?tinycolor.default(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor.default(o.theme.colors['alert-bg-error-500']).darken(2).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-primary'],backgroundColorActive:o.success?tinycolor.default(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor.default(o.theme.colors['alert-bg-error-500']).darken(2).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-disabled'],backgroundColorDisabled:o.loading?o.theme.colors['alert-bg-error-500']:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette})))},black:{clear:styled.css(["",""],(o=>template({color:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-inverse'],backgroundColor:o.theme.colors.transparent,borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-inverse'],backgroundColorHover:o.theme.colors['bg-oncolor-hover'],borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-inverse'],backgroundColorActive:o.theme.colors['bg-oncolor-hover'],borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors.transparent,borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),base:styled.css(["",""],(o=>template({color:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-oncolor-inverse'],backgroundColor:o.success?o.theme.colors['alert-bg-success-500']:o.theme.colors['bg-onmain-tertiary'],borderColor:o.theme.colors.transparent,colorHover:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-oncolor-inverse'],backgroundColorHover:o.success?tinycolor.default(o.theme.colors['alert-bg-success-500']).lighten(4).toString():tinycolor.default(o.theme.colors['bg-onmain-tertiary']).darken(4).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-oncolor-inverse'],backgroundColorActive:o.success?tinycolor.default(o.theme.colors['alert-bg-success-500']).lighten(4).toString():tinycolor.default(o.theme.colors['bg-onmain-tertiary']).darken(4).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),outline:styled.css(["",""],(o=>template({color:o.success?o.theme.colors['content-oncolor-primary']:o.loading?o.theme.colors['content-onmain-inverse']:o.theme.colors['content-oncolor-inverse'],backgroundColor:o.success?o.theme.colors['alert-bg-success-500']:o.loading?o.theme.colors['bg-onmain-inverse']:o.theme.colors.transparent,borderColor:o.success||o.loading?o.theme.colors.transparent:o.theme.colors['border-onmain-contrast'],colorHover:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-inverse'],backgroundColorHover:o.success?tinycolor.default(o.theme.colors['alert-bg-success-500']).lighten(4).toString():o.theme.colors['bg-onmain-inverse'],borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-inverse'],backgroundColorActive:o.success?tinycolor.default(o.theme.colors['alert-bg-success-500']).lighten(4).toString():tinycolor.default(o.theme.colors['bg-onmain-inverse']).lighten(4).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),default:styled.css(["",""],(o=>template({color:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-inverse'],backgroundColor:o.success?o.theme.colors['alert-bg-success-500']:o.theme.colors['bg-onmain-inverse'],borderColor:o.theme.colors.transparent,colorHover:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-inverse'],backgroundColorHover:o.success?tinycolor.default(o.theme.colors['alert-bg-success-500']).lighten(4).toString():tinycolor.default(o.theme.colors['bg-onmain-inverse']).lighten(4).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-inverse'],backgroundColorActive:o.success?tinycolor.default(o.theme.colors['alert-bg-success-500']).lighten(4).toString():tinycolor.default(o.theme.colors['bg-onmain-inverse']).lighten(4).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette})))},default:{clear:styled.css(["",""],(o=>template({color:o.success?o.theme.colors['alert-success']:o.theme.colors['content-brand-primary'],backgroundColor:o.theme.colors.transparent,borderColor:o.theme.colors.transparent,colorHover:o.success?o.theme.colors['alert-success']:o.theme.colors['content-brand-primary'],backgroundColorHover:o.theme.colors['bg-oncolor-hover'],borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['alert-success']:o.theme.colors['content-brand-primary'],backgroundColorActive:o.theme.colors['bg-oncolor-hover'],borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-brand-primary']:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors.transparent,borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),base:styled.css(["",""],(o=>template({color:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-brand-primary'],backgroundColor:o.success?o.theme.colors['alert-bg-success-500']:o.theme.colors['bg-onmain-tertiary'],borderColor:o.theme.colors.transparent,colorHover:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-brand-primary'],backgroundColorHover:o.success?tinycolor.default(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor.default(o.theme.colors['bg-onmain-tertiary']).darken(2).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-brand-primary'],backgroundColorActive:o.success?tinycolor.default(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor.default(o.theme.colors['bg-onmain-tertiary']).darken(2).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-brand-primary']:o.theme.colors['content-disabled'],backgroundColorDisabled:o.loading?o.theme.colors['bg-onmain-tertiary']:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),outline:styled.css(["",""],(o=>template({color:o.success||o.loading?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-brand-primary'],backgroundColor:o.success?o.theme.colors['alert-bg-success-500']:o.loading?o.theme.colors['bg-brand-primary-basic']:o.theme.colors.transparent,borderColor:o.success||o.loading?o.theme.colors.transparent:o.theme.colors['border-brand-primary'],colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.success?tinycolor.default(o.theme.colors['alert-bg-success-500']).darken(2).toString():o.theme.colors['bg-brand-primary-basic'],borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-primary'],backgroundColorActive:o.success?tinycolor.default(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor.default(o.theme.colors['bg-brand-primary-basic']).darken(2).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-disabled'],backgroundColorDisabled:o.loading?o.theme.colors['bg-brand-primary-basic']:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),default:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.success?o.theme.colors['alert-bg-success-500']:o.theme.colors['bg-brand-primary-basic'],borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.success?tinycolor.default(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor.default(o.theme.colors['bg-brand-primary-basic']).darken(2).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-primary'],backgroundColorActive:o.success?tinycolor.default(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor.default(o.theme.colors['bg-brand-primary-basic']).darken(2).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-disabled'],backgroundColorDisabled:o.loading?o.theme.colors['bg-brand-primary-basic']:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette})))}};const defaultStyles=styled.css([""," "," "," "," "," ",""],(o=>o.disabled||o.loading?'':`\n &:active {\n box-shadow: inset 0 4px 0px 0px rgba(0, 0, 0, 0.14);\n }\n &:hover {\n color: ${o.fontColor};\n background-color: ${tinycolor.default(o.theme.colors[o.color]).saturate(-5).lighten(-8).toString()};\n }\n ${o.inverted||o.basic||o.outline?`\n &:not(:hover) {\n border: 1px solid ${o.theme.colors[o.color]};\n }\n &:hover {\n border: 1px solid ${o.theme.colors[o.color]};\n }\n `:''}\n `),(o=>o.loading?defaultLoadingStyles:''),(o=>{let r='background-color';return(o.inverted||o.basic||o.outline)&&(r='color'),color.color(o.color,r)}),(o=>{let r='color';return(o.inverted||o.basic||o.outline)&&(r='background-color'),color.color(o.fontColor,r)}),(o=>o.disabled?`\n cursor: not-allowed;\n background-color: ${o.theme.colors.mercury};\n color: ${o.theme.colors.silver};\n `:''),(o=>o.basic||o.outline?'background-color: transparent;':''));const Root=styled__default.default.button.withConfig({shouldForwardProp:shouldForwardButtonProp}).attrs((o=>({dynamicSizeDeclaration:(r,e)=>({fontSize:typeof r=='string'?r:`${r}${e}`,height:'2.8em',width:o.round?'2.8em':void 0,paddingRight:o.round?void 0:'1.6em',paddingLeft:o.round?void 0:'1.6em'})}))).withConfig({displayName:"Button__Root",componentId:"ui__sc-16o31r2-0"})([""," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," ",""],(o=>{let r=o.inline?'inline-flex':'flex';o.display&&(r=o.display);let e='0px';o.rounded&&(e=o.preset==='brand'?'48px':'5px'),o.round&&(e='50%');let t='pointer';return o.disabled&&(t='not-allowed'),o.loading&&(t='wait'),`\n display: ${r};\n border-radius: ${e};\n cursor: ${t};\n box-sizing: border-box;\n position: relative;\n isolation: isolate;\n justify-content: center;\n align-items: center;\n user-select: none;\n border: none;\n text-decoration: none;\n appearance: none;\n white-space: nowrap;\n text-align: center;\n vertical-align: top;\n ${o.preset==='brand'?"\n border: 1px solid transparent;\n transition-property: background-color; \n transition-duration: 250ms;\n &::before {\n transition-property: opacity; \n transition-duration: 150ms;\n transition-timing-function: ease-in;\n }\n &::before {\n content: '';\n position: absolute;\n top: -1px;\n left: -1px;\n width: calc(100% + 2px);\n height: calc(100% + 2px);\n border-radius: inherit;\n opacity: 0;\n }\n &:active:not(:disabled)::before {\n opacity: 1;\n }":"\n border: none;\n overflow: hidden;\n transition-property: background-color, color;\n transition-duration: 200ms;"}\n `}),(o=>{if(o.preset==='default')return defaultStyles;let r=COLOR_SCHEMA.default;return o.black&&(r=COLOR_SCHEMA.black),o.danger&&(r=COLOR_SCHEMA.danger),o.onColored&&(r=COLOR_SCHEMA.onColored),o.clear?r.clear:o.base?r.base:o.outline?r.outline:r.default}),focus.focus,responsiveSize.responsiveSize,(o=>o.padding?responsiveProperty.property(o.padding,'padding'):null),(o=>o.paddingTop?responsiveProperty.property(o.paddingTop,'padding-top'):null),(o=>o.paddingRight?responsiveProperty.property(o.paddingRight,'padding-right'):null),(o=>o.paddingBottom?responsiveProperty.property(o.paddingBottom,'padding-bottom'):null),(o=>o.paddingLeft?responsiveProperty.property(o.paddingLeft,'padding-left'):null),(o=>o.margin?responsiveProperty.property(o.margin,'margin'):null),(o=>o.marginTop?responsiveProperty.property(o.marginTop,'margin-top'):null),(o=>o.marginRight?responsiveProperty.property(o.marginRight,'margin-right'):null),(o=>o.marginBottom?responsiveProperty.property(o.marginBottom,'margin-bottom'):null),(o=>o.marginLeft?responsiveProperty.property(o.marginLeft,'margin-left'):null),(o=>o.fontSize?responsiveProperty.property(o.fontSize,'font-size'):null),(o=>o.height?responsiveProperty.property(o.height,'height'):null),(o=>{const r=o.fluid&&o.width!=='auto'?'max-width':'width';return o.width?responsiveProperty.property(getWidth(o.width),r):null}),(({paddingXS:o,paddingS:r,paddingM:e,paddingL:t,paddingXL:n})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingXS:o,paddingS:r,paddingM:e,paddingL:t,paddingXL:n},cssProperty:'padding'})),(({paddingTopXS:o,paddingTopS:r,paddingTopM:e,paddingTopL:t,paddingTopXL:n})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingTopXS:o,paddingTopS:r,paddingTopM:e,paddingTopL:t,paddingTopXL:n},cssProperty:'padding-top'})),(({paddingRightXS:o,paddingRightS:r,paddingRightM:e,paddingRightL:t,paddingRightXL:n})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingRightXS:o,paddingRightS:r,paddingRightM:e,paddingRightL:t,paddingRightXL:n},cssProperty:'padding-right'})),(({paddingBottomXS:o,paddingBottomS:r,paddingBottomM:e,paddingBottomL:t,paddingBottomXL:n})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingBottomXS:o,paddingBottomS:r,paddingBottomM:e,paddingBottomL:t,paddingBottomXL:n},cssProperty:'padding-bottom'})),(({paddingLeftXS:o,paddingLeftS:r,paddingLeftM:e,paddingLeftL:t,paddingLeftXL:n})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingLeftXS:o,paddingLeftS:r,paddingLeftM:e,paddingLeftL:t,paddingLeftXL:n},cssProperty:'padding-left'})),(({marginXS:o,marginS:r,marginM:e,marginL:t,marginXL:n})=>responsiveProperty.responsiveNamedProperty({sizes:{marginXS:o,marginS:r,marginM:e,marginL:t,marginXL:n},cssProperty:'margin'})),(({marginTopXS:o,marginTopS:r,marginTopM:e,marginTopL:t,marginTopXL:n})=>responsiveProperty.responsiveNamedProperty({sizes:{marginTopXS:o,marginTopS:r,marginTopM:e,marginTopL:t,marginTopXL:n},cssProperty:'margin-top'})),(({marginRightXS:o,marginRightS:r,marginRightM:e,marginRightL:t,marginRightXL:n})=>responsiveProperty.responsiveNamedProperty({sizes:{marginRightXS:o,marginRightS:r,marginRightM:e,marginRightL:t,marginRightXL:n},cssProperty:'margin-right'})),(({marginBottomXS:o,marginBottomS:r,marginBottomM:e,marginBottomL:t,marginBottomXL:n})=>responsiveProperty.responsiveNamedProperty({sizes:{marginBottomXS:o,marginBottomS:r,marginBottomM:e,marginBottomL:t,marginBottomXL:n},cssProperty:'margin-bottom'})),(({marginLeftXS:o,marginLeftS:r,marginLeftM:e,marginLeftL:t,marginLeftXL:n})=>responsiveProperty.responsiveNamedProperty({sizes:{marginLeftXS:o,marginLeftS:r,marginLeftM:e,marginLeftL:t,marginLeftXL:n},cssProperty:'margin-left'})),(({fontSizeXS:o,fontSizeS:r,fontSizeM:e,fontSizeL:t,fontSizeXL:n})=>responsiveProperty.responsiveNamedProperty({sizes:{fontSizeXS:o,fontSizeS:r,fontSizeM:e,fontSizeL:t,fontSizeXL:n},cssProperty:'font-size'})),(({heightXS:o,heightS:r,heightM:e,heightL:t,heightXL:n})=>responsiveProperty.responsiveNamedProperty({sizes:{heightXS:o,heightS:r,heightM:e,heightL:t,heightXL:n},cssProperty:'height'})),(({widthXS:o,widthS:r,widthM:e,widthL:t,widthXL:n,fluid:s,width:l})=>responsiveProperty.responsiveNamedProperty({sizes:{widthXS:o,widthS:r,widthM:e,widthL:t,widthXL:n},cssProperty:s&&l!=='auto'?'max-width':'width',customSizeHandler:getWidth})),(o=>o.fluid?responsiveProperty.property(o.fluid,fluidStyles):null),(({fluidXS:o,fluidS:r,fluidM:e,fluidL:t,fluidXL:n})=>responsiveProperty.responsiveNamedProperty({sizes:{fluidXS:o,fluidS:r,fluidM:e,fluidL:t,fluidXL:n},cssProperty:fluidStyles})));const LoaderIcon=styled__default.default(index.LoaderFill).withConfig({displayName:"Button__LoaderIcon",componentId:"ui__sc-16o31r2-1"})(["transform-origin:center;animation:"," 1600ms infinite linear;"],spinAnimation);exports.LoaderIcon=LoaderIcon,exports.Root=Root;
|
|
2
2
|
//# sourceMappingURL=style.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import styled,{keyframes,css}from'styled-components';import tinycolor from'../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.mjs';import{property,responsiveNamedProperty}from'../../mixins/responsive-property.mjs';import{color}from'../../mixins/color.mjs';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{focus}from'../../mixins/focus.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveFluidPropKeyRegExp,responsiveWidthPropKeyRegExp,responsivePaddingPropKeyRegExp,responsiveFontSizePropKeyRegExp,responsiveHeightPropKeyRegExp}from'../../shared/regexp.mjs';import{LoaderFill as LoaderFill_2}from'../../external/.pnpm/@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/LoaderFill/index.mjs';const shouldForwardButtonProp=createShouldForwardProp((o=>!['fluid','width','display','padding','paddingTop','paddingRight','paddingBottom','paddingLeft','fontSize','height','inline','round','success','loading','black','danger','onColored','clear','base','outline','autoRel','noSpacing','primary','secondary','inverted','rounded','basic'].includes(o)),(o=>!(responsiveFluidPropKeyRegExp.test(o)||responsiveWidthPropKeyRegExp.test(o)||responsivePaddingPropKeyRegExp.test(o)||responsiveFontSizePropKeyRegExp.test(o)||responsiveHeightPropKeyRegExp.test(o))));const WIDTHS={xl:320,l:280,m:245,s:180,xs:140};const loadingAnimation=keyframes(["0%{background-position:0 0;}100%{background-position:50px 50px;}"]);const spinAnimation=keyframes(["100%{transform:rotate(360deg);}"]);const defaultLoadingStyles=css(["background-image:linear-gradient( -45deg,rgba(255,255,255,0.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.2) 75%,transparent 75%,transparent );background-size:25px 25px;animation:"," 2s linear infinite;cursor:progress;"],loadingAnimation);const getWidth=o=>o==='auto'?'auto':typeof o=='number'||typeof o=='boolean'?o:o&&WIDTHS[o]?WIDTHS[o]:'auto';const fluidStyles=()=>css(["min-width:initial;width:100%;"]);const template=o=>`\n color: ${o.color};\n background-color: ${o.backgroundColor};\n border-color: ${o.borderColor};\n &::before {\n box-shadow: inset 0px 4px 0px ${o.shadowColor};\n }\n &:hover {\n color: ${o.colorHover};\n background-color: ${o.backgroundColorHover};\n border-color: ${o.borderColorHover};\n }\n &:active {\n color: ${o.colorActive};\n background-color: ${o.backgroundColorActive};\n border-color: ${o.borderColorActive};\n }\n &:disabled {\n color: ${o.colorDisabled};\n background-color: ${o.backgroundColorDisabled};\n border-color: ${o.borderColorDisabled};\n }\n`;const COLOR_SCHEMA={onColored:{clear:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors.transparent,borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.theme.colors['bg-oncontrast-hover'],borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-primary'],backgroundColorActive:o.theme.colors['bg-oncontrast-hover'],borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.theme.colors.transparent,borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncontrast-hover'],...o.palette}))),base:css(["",""],(o=>template({color:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-primary'],backgroundColor:o.success?o.theme.colors['bg-oncolor-primary']:o.theme.colors['bg-oncolor-secondary'],borderColor:o.theme.colors.transparent,colorHover:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.success?tinycolor(o.theme.colors['bg-oncolor-primary']).darken(2).toString():tinycolor(o.theme.colors['bg-oncolor-secondary']).darken(4).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-primary'],backgroundColorActive:o.success?tinycolor(o.theme.colors['bg-oncolor-primary']).darken(2).toString():tinycolor(o.theme.colors['bg-oncolor-secondary']).darken(4).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-oncolor-constant']:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.loading?o.theme.colors['bg-oncolor-primary']:o.theme.colors['bg-oncolor-disabled'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),outline:css(["",""],(o=>template({color:o.success?o.theme.colors['alert-success']:o.loading?o.theme.colors['content-oncolor-constant']:o.theme.colors['content-oncolor-primary'],backgroundColor:o.success||o.loading?o.theme.colors['bg-oncolor-primary']:o.theme.colors.transparent,borderColor:o.success||o.loading?o.theme.colors.transparent:o.theme.colors['border-oncolor-default'],colorHover:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-constant'],backgroundColorHover:o.success?tinycolor(o.theme.colors['bg-oncolor-primary']).darken(2).toString():o.theme.colors['bg-oncolor-primary'],borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-constant'],backgroundColorActive:o.success?tinycolor(o.theme.colors['bg-oncolor-primary']).darken(2).toString():o.theme.colors['bg-oncolor-primary'],borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-oncolor-constant']:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.loading?o.theme.colors['bg-oncolor-primary']:o.theme.colors['bg-oncolor-disabled'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),default:css(["",""],(o=>template({color:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-constant'],backgroundColor:o.theme.colors['bg-oncolor-primary'],borderColor:o.theme.colors.transparent,colorHover:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-constant'],backgroundColorHover:tinycolor(o.theme.colors['bg-oncolor-primary']).darken(2).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-constant'],backgroundColorActive:tinycolor(o.theme.colors['bg-oncolor-primary']).darken(2).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-oncolor-constant']:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.loading?o.theme.colors['bg-oncolor-primary']:o.theme.colors['bg-oncolor-disabled'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette})))},danger:{clear:css(["",""],(o=>template({color:o.success?o.theme.colors['alert-success']:o.theme.colors['alert-error'],backgroundColor:o.theme.colors.transparent,borderColor:o.theme.colors.transparent,colorHover:o.success?o.theme.colors['alert-success']:o.theme.colors['alert-error'],backgroundColorHover:o.theme.colors['bg-oncolor-hover'],borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['alert-success']:o.theme.colors['alert-error'],backgroundColorActive:o.theme.colors['bg-oncolor-hover'],borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['alert-error']:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors.transparent,borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),base:css(["",""],(o=>template({color:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['alert-error'],backgroundColor:o.success?o.theme.colors['alert-bg-success-500']:o.theme.colors['bg-onmain-tertiary'],borderColor:o.theme.colors.transparent,colorHover:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['alert-error'],backgroundColorHover:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor(o.theme.colors['bg-onmain-tertiary']).darken(2).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['alert-error'],backgroundColorActive:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor(o.theme.colors['bg-onmain-tertiary']).darken(2).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['alert-error']:o.theme.colors['content-disabled'],backgroundColorDisabled:o.loading?o.theme.colors['bg-onmain-tertiary']:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),outline:css(["",""],(o=>template({color:o.success||o.loading?o.theme.colors['content-oncolor-primary']:o.theme.colors['alert-error'],backgroundColor:o.success?o.theme.colors['alert-bg-success-500']:o.loading?o.theme.colors['alert-bg-error-500']:o.theme.colors.transparent,borderColor:o.success||o.loading?o.theme.colors.transparent:o.theme.colors['alert-bg-error-500'],colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).darken(2).toString():o.theme.colors['alert-bg-error-500'],borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-primary'],backgroundColorActive:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor(o.theme.colors['alert-bg-error-500']).darken(2).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-disabled'],backgroundColorDisabled:o.loading?o.theme.colors['alert-bg-error-500']:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),default:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.success?o.theme.colors['alert-bg-success-500']:o.theme.colors['alert-bg-error-500'],borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor(o.theme.colors['alert-bg-error-500']).darken(2).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-primary'],backgroundColorActive:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor(o.theme.colors['alert-bg-error-500']).darken(2).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-disabled'],backgroundColorDisabled:o.loading?o.theme.colors['alert-bg-error-500']:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette})))},black:{clear:css(["",""],(o=>template({color:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-inverse'],backgroundColor:o.theme.colors.transparent,borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-inverse'],backgroundColorHover:o.theme.colors['bg-oncolor-hover'],borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-inverse'],backgroundColorActive:o.theme.colors['bg-oncolor-hover'],borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors.transparent,borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),base:css(["",""],(o=>template({color:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-oncolor-inverse'],backgroundColor:o.success?o.theme.colors['alert-bg-success-500']:o.theme.colors['bg-onmain-tertiary'],borderColor:o.theme.colors.transparent,colorHover:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-oncolor-inverse'],backgroundColorHover:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).lighten(4).toString():tinycolor(o.theme.colors['bg-onmain-tertiary']).darken(4).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-oncolor-inverse'],backgroundColorActive:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).lighten(4).toString():tinycolor(o.theme.colors['bg-onmain-tertiary']).darken(4).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),outline:css(["",""],(o=>template({color:o.success?o.theme.colors['content-oncolor-primary']:o.loading?o.theme.colors['content-onmain-inverse']:o.theme.colors['content-oncolor-inverse'],backgroundColor:o.success?o.theme.colors['alert-bg-success-500']:o.loading?o.theme.colors['bg-onmain-inverse']:o.theme.colors.transparent,borderColor:o.success||o.loading?o.theme.colors.transparent:o.theme.colors['border-onmain-contrast'],colorHover:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-inverse'],backgroundColorHover:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).lighten(4).toString():o.theme.colors['bg-onmain-inverse'],borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-inverse'],backgroundColorActive:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).lighten(4).toString():tinycolor(o.theme.colors['bg-onmain-inverse']).lighten(4).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),default:css(["",""],(o=>template({color:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-inverse'],backgroundColor:o.success?o.theme.colors['alert-bg-success-500']:o.theme.colors['bg-onmain-inverse'],borderColor:o.theme.colors.transparent,colorHover:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-inverse'],backgroundColorHover:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).lighten(4).toString():tinycolor(o.theme.colors['bg-onmain-inverse']).lighten(4).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-inverse'],backgroundColorActive:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).lighten(4).toString():tinycolor(o.theme.colors['bg-onmain-inverse']).lighten(4).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette})))},default:{clear:css(["",""],(o=>template({color:o.success?o.theme.colors['alert-success']:o.theme.colors['content-brand-primary'],backgroundColor:o.theme.colors.transparent,borderColor:o.theme.colors.transparent,colorHover:o.success?o.theme.colors['alert-success']:o.theme.colors['content-brand-primary'],backgroundColorHover:o.theme.colors['bg-oncolor-hover'],borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['alert-success']:o.theme.colors['content-brand-primary'],backgroundColorActive:o.theme.colors['bg-oncolor-hover'],borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-brand-primary']:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors.transparent,borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),base:css(["",""],(o=>template({color:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-brand-primary'],backgroundColor:o.success?o.theme.colors['alert-bg-success-500']:o.theme.colors['bg-onmain-tertiary'],borderColor:o.theme.colors.transparent,colorHover:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-brand-primary'],backgroundColorHover:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor(o.theme.colors['bg-onmain-tertiary']).darken(2).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-brand-primary'],backgroundColorActive:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor(o.theme.colors['bg-onmain-tertiary']).darken(2).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-brand-primary']:o.theme.colors['content-disabled'],backgroundColorDisabled:o.loading?o.theme.colors['bg-onmain-tertiary']:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),outline:css(["",""],(o=>template({color:o.success||o.loading?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-brand-primary'],backgroundColor:o.success?o.theme.colors['alert-bg-success-500']:o.loading?o.theme.colors['bg-brand-primary-basic']:o.theme.colors.transparent,borderColor:o.success||o.loading?o.theme.colors.transparent:o.theme.colors['border-brand-primary'],colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).darken(2).toString():o.theme.colors['bg-brand-primary-basic'],borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-primary'],backgroundColorActive:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor(o.theme.colors['bg-brand-primary-basic']).darken(2).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-disabled'],backgroundColorDisabled:o.loading?o.theme.colors['bg-brand-primary-basic']:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),default:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.success?o.theme.colors['alert-bg-success-500']:o.theme.colors['bg-brand-primary-basic'],borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor(o.theme.colors['bg-brand-primary-basic']).darken(2).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-primary'],backgroundColorActive:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor(o.theme.colors['bg-brand-primary-basic']).darken(2).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-disabled'],backgroundColorDisabled:o.loading?o.theme.colors['bg-brand-primary-basic']:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette})))}};const defaultStyles=css([""," "," "," "," "," ",""],(o=>o.disabled||o.loading?'':`\n &:active {\n box-shadow: inset 0 4px 0px 0px rgba(0, 0, 0, 0.14);\n }\n &:hover {\n color: ${o.fontColor};\n background-color: ${tinycolor(o.theme.colors[o.color]).saturate(-5).lighten(-8).toString()};\n }\n ${o.inverted||o.basic||o.outline?`\n &:not(:hover) {\n border: 1px solid ${o.theme.colors[o.color]};\n }\n &:hover {\n border: 1px solid ${o.theme.colors[o.color]};\n }\n `:''}\n `),(o=>o.loading?defaultLoadingStyles:''),(o=>{let r='background-color';return(o.inverted||o.basic||o.outline)&&(r='color'),color(o.color,r)}),(o=>{let r='color';return(o.inverted||o.basic||o.outline)&&(r='background-color'),color(o.fontColor,r)}),(o=>o.disabled?`\n cursor: not-allowed;\n background-color: ${o.theme.colors.mercury};\n color: ${o.theme.colors.silver};\n `:''),(o=>o.basic||o.outline?'background-color: transparent;':''));const Root=styled.button.withConfig({shouldForwardProp:shouldForwardButtonProp}).attrs((o=>({dynamicSizeDeclaration:(r,e)=>({fontSize:typeof r=='string'?r:`${r}${e}`,height:'2.8em',width:o.round?'2.8em':void 0,paddingRight:o.round?void 0:'1.6em',paddingLeft:o.round?void 0:'1.6em'})}))).withConfig({displayName:"Button__Root",componentId:"ui__sc-16o31r2-0"})([""," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," ",""],(o=>{let r=o.inline?'inline-flex':'flex';o.display&&(r=o.display);let e='0px';o.rounded&&(e=o.preset==='brand'?'48px':'5px'),o.round&&(e='50%');let t='pointer';return o.disabled&&(t='not-allowed'),o.loading&&(t='wait'),`\n display: ${r};\n border-radius: ${e};\n cursor: ${t};\n box-sizing: border-box;\n position: relative;\n isolation: isolate;\n justify-content: center;\n align-items: center;\n user-select: none;\n border: none;\n text-decoration: none;\n appearance: none;\n white-space: nowrap;\n text-align: center;\n vertical-align: top;\n ${o.preset==='brand'?"\n border: 1px solid transparent;\n transition-property: background-color; \n transition-duration: 250ms;\n &::before {\n transition-property: opacity; \n transition-duration: 150ms;\n transition-timing-function: ease-in;\n }\n &::before {\n content: '';\n position: absolute;\n top: -1px;\n left: -1px;\n width: calc(100% + 2px);\n height: calc(100% + 2px);\n border-radius: inherit;\n opacity: 0;\n }\n &:active:not(:disabled)::before {\n opacity: 1;\n }":"\n border: none;\n overflow: hidden;\n transition-property: background-color, color;\n transition-duration: 200ms;"}\n `}),(o=>{if(o.preset==='default')return defaultStyles;let r=COLOR_SCHEMA.default;return o.black&&(r=COLOR_SCHEMA.black),o.danger&&(r=COLOR_SCHEMA.danger),o.onColored&&(r=COLOR_SCHEMA.onColored),o.clear?r.clear:o.base?r.base:o.outline?r.outline:r.default}),focus,responsiveSize,(o=>o.padding?property(o.padding,'padding'):null),(o=>o.paddingTop?property(o.paddingTop,'padding-top'):null),(o=>o.paddingRight?property(o.paddingRight,'padding-right'):null),(o=>o.paddingBottom?property(o.paddingBottom,'padding-bottom'):null),(o=>o.paddingLeft?property(o.paddingLeft,'padding-left'):null),(o=>o.margin?property(o.margin,'margin'):null),(o=>o.marginTop?property(o.marginTop,'margin-top'):null),(o=>o.marginRight?property(o.marginRight,'margin-right'):null),(o=>o.marginBottom?property(o.marginBottom,'margin-bottom'):null),(o=>o.marginLeft?property(o.marginLeft,'margin-left'):null),(o=>o.fontSize?property(o.fontSize,'font-size'):null),(o=>o.height?property(o.height,'height'):null),(o=>{const r=o.fluid&&o.width!=='auto'?'max-width':'width';return o.width?property(getWidth(o.width),r):null}),(({paddingXS:o,paddingS:r,paddingM:e,paddingL:t,paddingXL:n})=>responsiveNamedProperty({sizes:{paddingXS:o,paddingS:r,paddingM:e,paddingL:t,paddingXL:n},cssProperty:'padding'})),(({paddingTopXS:o,paddingTopS:r,paddingTopM:e,paddingTopL:t,paddingTopXL:n})=>responsiveNamedProperty({sizes:{paddingTopXS:o,paddingTopS:r,paddingTopM:e,paddingTopL:t,paddingTopXL:n},cssProperty:'padding-top'})),(({paddingRightXS:o,paddingRightS:r,paddingRightM:e,paddingRightL:t,paddingRightXL:n})=>responsiveNamedProperty({sizes:{paddingRightXS:o,paddingRightS:r,paddingRightM:e,paddingRightL:t,paddingRightXL:n},cssProperty:'padding-right'})),(({paddingBottomXS:o,paddingBottomS:r,paddingBottomM:e,paddingBottomL:t,paddingBottomXL:n})=>responsiveNamedProperty({sizes:{paddingBottomXS:o,paddingBottomS:r,paddingBottomM:e,paddingBottomL:t,paddingBottomXL:n},cssProperty:'padding-bottom'})),(({paddingLeftXS:o,paddingLeftS:r,paddingLeftM:e,paddingLeftL:t,paddingLeftXL:n})=>responsiveNamedProperty({sizes:{paddingLeftXS:o,paddingLeftS:r,paddingLeftM:e,paddingLeftL:t,paddingLeftXL:n},cssProperty:'padding-left'})),(({marginXS:o,marginS:r,marginM:e,marginL:t,marginXL:n})=>responsiveNamedProperty({sizes:{marginXS:o,marginS:r,marginM:e,marginL:t,marginXL:n},cssProperty:'margin'})),(({marginTopXS:o,marginTopS:r,marginTopM:e,marginTopL:t,marginTopXL:n})=>responsiveNamedProperty({sizes:{marginTopXS:o,marginTopS:r,marginTopM:e,marginTopL:t,marginTopXL:n},cssProperty:'margin-top'})),(({marginRightXS:o,marginRightS:r,marginRightM:e,marginRightL:t,marginRightXL:n})=>responsiveNamedProperty({sizes:{marginRightXS:o,marginRightS:r,marginRightM:e,marginRightL:t,marginRightXL:n},cssProperty:'margin-right'})),(({marginBottomXS:o,marginBottomS:r,marginBottomM:e,marginBottomL:t,marginBottomXL:n})=>responsiveNamedProperty({sizes:{marginBottomXS:o,marginBottomS:r,marginBottomM:e,marginBottomL:t,marginBottomXL:n},cssProperty:'margin-bottom'})),(({marginLeftXS:o,marginLeftS:r,marginLeftM:e,marginLeftL:t,marginLeftXL:n})=>responsiveNamedProperty({sizes:{marginLeftXS:o,marginLeftS:r,marginLeftM:e,marginLeftL:t,marginLeftXL:n},cssProperty:'margin-left'})),(({fontSizeXS:o,fontSizeS:r,fontSizeM:e,fontSizeL:t,fontSizeXL:n})=>responsiveNamedProperty({sizes:{fontSizeXS:o,fontSizeS:r,fontSizeM:e,fontSizeL:t,fontSizeXL:n},cssProperty:'font-size'})),(({heightXS:o,heightS:r,heightM:e,heightL:t,heightXL:n})=>responsiveNamedProperty({sizes:{heightXS:o,heightS:r,heightM:e,heightL:t,heightXL:n},cssProperty:'height'})),(({widthXS:o,widthS:r,widthM:e,widthL:t,widthXL:n,fluid:s,width:c})=>responsiveNamedProperty({sizes:{widthXS:o,widthS:r,widthM:e,widthL:t,widthXL:n},cssProperty:s&&c!=='auto'?'max-width':'width',customSizeHandler:getWidth})),(o=>o.fluid?property(o.fluid,fluidStyles):null),(({fluidXS:o,fluidS:r,fluidM:e,fluidL:t,fluidXL:n})=>responsiveNamedProperty({sizes:{fluidXS:o,fluidS:r,fluidM:e,fluidL:t,fluidXL:n},cssProperty:fluidStyles})));const LoaderIcon=styled(LoaderFill_2).withConfig({displayName:"Button__LoaderIcon",componentId:"ui__sc-16o31r2-1"})(["transform-origin:center;animation:"," 1600ms infinite linear;"],spinAnimation);export{LoaderIcon,Root};
|
|
1
|
+
import styled,{keyframes,css}from'styled-components';import tinycolor from'../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.mjs';import{property,responsiveNamedProperty}from'../../mixins/responsive-property.mjs';import{color}from'../../mixins/color.mjs';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{focus}from'../../mixins/focus.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveFluidPropKeyRegExp,responsiveWidthPropKeyRegExp,responsivePaddingPropKeyRegExp,responsiveFontSizePropKeyRegExp,responsiveHeightPropKeyRegExp}from'../../shared/regexp.mjs';import{LoaderFill as LoaderFill_2}from'../../external/.pnpm/@foxford_icon-pack@0.8.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/LoaderFill/index.mjs';const shouldForwardButtonProp=createShouldForwardProp((o=>!['fluid','width','display','padding','paddingTop','paddingRight','paddingBottom','paddingLeft','fontSize','height','inline','round','success','loading','black','danger','onColored','clear','base','outline','autoRel','noSpacing','primary','secondary','inverted','rounded','basic'].includes(o)),(o=>!(responsiveFluidPropKeyRegExp.test(o)||responsiveWidthPropKeyRegExp.test(o)||responsivePaddingPropKeyRegExp.test(o)||responsiveFontSizePropKeyRegExp.test(o)||responsiveHeightPropKeyRegExp.test(o))));const WIDTHS={xl:320,l:280,m:245,s:180,xs:140};const loadingAnimation=keyframes(["0%{background-position:0 0;}100%{background-position:50px 50px;}"]);const spinAnimation=keyframes(["100%{transform:rotate(360deg);}"]);const defaultLoadingStyles=css(["background-image:linear-gradient( -45deg,rgba(255,255,255,0.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.2) 75%,transparent 75%,transparent );background-size:25px 25px;animation:"," 2s linear infinite;cursor:progress;"],loadingAnimation);const getWidth=o=>o==='auto'?'auto':typeof o=='number'||typeof o=='boolean'?o:o&&WIDTHS[o]?WIDTHS[o]:'auto';const fluidStyles=()=>css(["min-width:initial;width:100%;"]);const template=o=>`\n color: ${o.color};\n background-color: ${o.backgroundColor};\n border-color: ${o.borderColor};\n &::before {\n box-shadow: inset 0px 4px 0px ${o.shadowColor};\n }\n &:hover {\n color: ${o.colorHover};\n background-color: ${o.backgroundColorHover};\n border-color: ${o.borderColorHover};\n }\n &:active {\n color: ${o.colorActive};\n background-color: ${o.backgroundColorActive};\n border-color: ${o.borderColorActive};\n }\n &:disabled {\n color: ${o.colorDisabled};\n background-color: ${o.backgroundColorDisabled};\n border-color: ${o.borderColorDisabled};\n }\n`;const COLOR_SCHEMA={onColored:{clear:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors.transparent,borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.theme.colors['bg-oncontrast-hover'],borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-primary'],backgroundColorActive:o.theme.colors['bg-oncontrast-hover'],borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.theme.colors.transparent,borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncontrast-hover'],...o.palette}))),base:css(["",""],(o=>template({color:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-primary'],backgroundColor:o.success?o.theme.colors['bg-oncolor-primary']:o.theme.colors['bg-oncolor-secondary'],borderColor:o.theme.colors.transparent,colorHover:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.success?tinycolor(o.theme.colors['bg-oncolor-primary']).darken(2).toString():tinycolor(o.theme.colors['bg-oncolor-secondary']).darken(4).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-primary'],backgroundColorActive:o.success?tinycolor(o.theme.colors['bg-oncolor-primary']).darken(2).toString():tinycolor(o.theme.colors['bg-oncolor-secondary']).darken(4).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-oncolor-constant']:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.loading?o.theme.colors['bg-oncolor-primary']:o.theme.colors['bg-oncolor-disabled'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),outline:css(["",""],(o=>template({color:o.success?o.theme.colors['alert-success']:o.loading?o.theme.colors['content-oncolor-constant']:o.theme.colors['content-oncolor-primary'],backgroundColor:o.success||o.loading?o.theme.colors['bg-oncolor-primary']:o.theme.colors.transparent,borderColor:o.success||o.loading?o.theme.colors.transparent:o.theme.colors['border-oncolor-default'],colorHover:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-constant'],backgroundColorHover:o.success?tinycolor(o.theme.colors['bg-oncolor-primary']).darken(2).toString():o.theme.colors['bg-oncolor-primary'],borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-constant'],backgroundColorActive:o.success?tinycolor(o.theme.colors['bg-oncolor-primary']).darken(2).toString():o.theme.colors['bg-oncolor-primary'],borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-oncolor-constant']:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.loading?o.theme.colors['bg-oncolor-primary']:o.theme.colors['bg-oncolor-disabled'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),default:css(["",""],(o=>template({color:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-constant'],backgroundColor:o.theme.colors['bg-oncolor-primary'],borderColor:o.theme.colors.transparent,colorHover:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-constant'],backgroundColorHover:tinycolor(o.theme.colors['bg-oncolor-primary']).darken(2).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-constant'],backgroundColorActive:tinycolor(o.theme.colors['bg-oncolor-primary']).darken(2).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-oncolor-constant']:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.loading?o.theme.colors['bg-oncolor-primary']:o.theme.colors['bg-oncolor-disabled'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette})))},danger:{clear:css(["",""],(o=>template({color:o.success?o.theme.colors['alert-success']:o.theme.colors['alert-error'],backgroundColor:o.theme.colors.transparent,borderColor:o.theme.colors.transparent,colorHover:o.success?o.theme.colors['alert-success']:o.theme.colors['alert-error'],backgroundColorHover:o.theme.colors['bg-oncolor-hover'],borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['alert-success']:o.theme.colors['alert-error'],backgroundColorActive:o.theme.colors['bg-oncolor-hover'],borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['alert-error']:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors.transparent,borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),base:css(["",""],(o=>template({color:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['alert-error'],backgroundColor:o.success?o.theme.colors['alert-bg-success-500']:o.theme.colors['bg-onmain-tertiary'],borderColor:o.theme.colors.transparent,colorHover:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['alert-error'],backgroundColorHover:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor(o.theme.colors['bg-onmain-tertiary']).darken(2).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['alert-error'],backgroundColorActive:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor(o.theme.colors['bg-onmain-tertiary']).darken(2).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['alert-error']:o.theme.colors['content-disabled'],backgroundColorDisabled:o.loading?o.theme.colors['bg-onmain-tertiary']:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),outline:css(["",""],(o=>template({color:o.success||o.loading?o.theme.colors['content-oncolor-primary']:o.theme.colors['alert-error'],backgroundColor:o.success?o.theme.colors['alert-bg-success-500']:o.loading?o.theme.colors['alert-bg-error-500']:o.theme.colors.transparent,borderColor:o.success||o.loading?o.theme.colors.transparent:o.theme.colors['alert-bg-error-500'],colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).darken(2).toString():o.theme.colors['alert-bg-error-500'],borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-primary'],backgroundColorActive:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor(o.theme.colors['alert-bg-error-500']).darken(2).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-disabled'],backgroundColorDisabled:o.loading?o.theme.colors['alert-bg-error-500']:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),default:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.success?o.theme.colors['alert-bg-success-500']:o.theme.colors['alert-bg-error-500'],borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor(o.theme.colors['alert-bg-error-500']).darken(2).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-primary'],backgroundColorActive:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor(o.theme.colors['alert-bg-error-500']).darken(2).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-disabled'],backgroundColorDisabled:o.loading?o.theme.colors['alert-bg-error-500']:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette})))},black:{clear:css(["",""],(o=>template({color:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-inverse'],backgroundColor:o.theme.colors.transparent,borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-inverse'],backgroundColorHover:o.theme.colors['bg-oncolor-hover'],borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-inverse'],backgroundColorActive:o.theme.colors['bg-oncolor-hover'],borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors.transparent,borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),base:css(["",""],(o=>template({color:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-oncolor-inverse'],backgroundColor:o.success?o.theme.colors['alert-bg-success-500']:o.theme.colors['bg-onmain-tertiary'],borderColor:o.theme.colors.transparent,colorHover:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-oncolor-inverse'],backgroundColorHover:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).lighten(4).toString():tinycolor(o.theme.colors['bg-onmain-tertiary']).darken(4).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-oncolor-inverse'],backgroundColorActive:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).lighten(4).toString():tinycolor(o.theme.colors['bg-onmain-tertiary']).darken(4).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),outline:css(["",""],(o=>template({color:o.success?o.theme.colors['content-oncolor-primary']:o.loading?o.theme.colors['content-onmain-inverse']:o.theme.colors['content-oncolor-inverse'],backgroundColor:o.success?o.theme.colors['alert-bg-success-500']:o.loading?o.theme.colors['bg-onmain-inverse']:o.theme.colors.transparent,borderColor:o.success||o.loading?o.theme.colors.transparent:o.theme.colors['border-onmain-contrast'],colorHover:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-inverse'],backgroundColorHover:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).lighten(4).toString():o.theme.colors['bg-onmain-inverse'],borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-inverse'],backgroundColorActive:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).lighten(4).toString():tinycolor(o.theme.colors['bg-onmain-inverse']).lighten(4).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),default:css(["",""],(o=>template({color:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-inverse'],backgroundColor:o.success?o.theme.colors['alert-bg-success-500']:o.theme.colors['bg-onmain-inverse'],borderColor:o.theme.colors.transparent,colorHover:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-inverse'],backgroundColorHover:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).lighten(4).toString():tinycolor(o.theme.colors['bg-onmain-inverse']).lighten(4).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-inverse'],backgroundColorActive:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).lighten(4).toString():tinycolor(o.theme.colors['bg-onmain-inverse']).lighten(4).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette})))},default:{clear:css(["",""],(o=>template({color:o.success?o.theme.colors['alert-success']:o.theme.colors['content-brand-primary'],backgroundColor:o.theme.colors.transparent,borderColor:o.theme.colors.transparent,colorHover:o.success?o.theme.colors['alert-success']:o.theme.colors['content-brand-primary'],backgroundColorHover:o.theme.colors['bg-oncolor-hover'],borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['alert-success']:o.theme.colors['content-brand-primary'],backgroundColorActive:o.theme.colors['bg-oncolor-hover'],borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-brand-primary']:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors.transparent,borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),base:css(["",""],(o=>template({color:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-brand-primary'],backgroundColor:o.success?o.theme.colors['alert-bg-success-500']:o.theme.colors['bg-onmain-tertiary'],borderColor:o.theme.colors.transparent,colorHover:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-brand-primary'],backgroundColorHover:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor(o.theme.colors['bg-onmain-tertiary']).darken(2).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-brand-primary'],backgroundColorActive:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor(o.theme.colors['bg-onmain-tertiary']).darken(2).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-brand-primary']:o.theme.colors['content-disabled'],backgroundColorDisabled:o.loading?o.theme.colors['bg-onmain-tertiary']:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),outline:css(["",""],(o=>template({color:o.success||o.loading?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-brand-primary'],backgroundColor:o.success?o.theme.colors['alert-bg-success-500']:o.loading?o.theme.colors['bg-brand-primary-basic']:o.theme.colors.transparent,borderColor:o.success||o.loading?o.theme.colors.transparent:o.theme.colors['border-brand-primary'],colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).darken(2).toString():o.theme.colors['bg-brand-primary-basic'],borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-primary'],backgroundColorActive:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor(o.theme.colors['bg-brand-primary-basic']).darken(2).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-disabled'],backgroundColorDisabled:o.loading?o.theme.colors['bg-brand-primary-basic']:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),default:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.success?o.theme.colors['alert-bg-success-500']:o.theme.colors['bg-brand-primary-basic'],borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor(o.theme.colors['bg-brand-primary-basic']).darken(2).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-primary'],backgroundColorActive:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor(o.theme.colors['bg-brand-primary-basic']).darken(2).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-disabled'],backgroundColorDisabled:o.loading?o.theme.colors['bg-brand-primary-basic']:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette})))}};const defaultStyles=css([""," "," "," "," "," ",""],(o=>o.disabled||o.loading?'':`\n &:active {\n box-shadow: inset 0 4px 0px 0px rgba(0, 0, 0, 0.14);\n }\n &:hover {\n color: ${o.fontColor};\n background-color: ${tinycolor(o.theme.colors[o.color]).saturate(-5).lighten(-8).toString()};\n }\n ${o.inverted||o.basic||o.outline?`\n &:not(:hover) {\n border: 1px solid ${o.theme.colors[o.color]};\n }\n &:hover {\n border: 1px solid ${o.theme.colors[o.color]};\n }\n `:''}\n `),(o=>o.loading?defaultLoadingStyles:''),(o=>{let r='background-color';return(o.inverted||o.basic||o.outline)&&(r='color'),color(o.color,r)}),(o=>{let r='color';return(o.inverted||o.basic||o.outline)&&(r='background-color'),color(o.fontColor,r)}),(o=>o.disabled?`\n cursor: not-allowed;\n background-color: ${o.theme.colors.mercury};\n color: ${o.theme.colors.silver};\n `:''),(o=>o.basic||o.outline?'background-color: transparent;':''));const Root=styled.button.withConfig({shouldForwardProp:shouldForwardButtonProp}).attrs((o=>({dynamicSizeDeclaration:(r,e)=>({fontSize:typeof r=='string'?r:`${r}${e}`,height:'2.8em',width:o.round?'2.8em':void 0,paddingRight:o.round?void 0:'1.6em',paddingLeft:o.round?void 0:'1.6em'})}))).withConfig({displayName:"Button__Root",componentId:"ui__sc-16o31r2-0"})([""," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," ",""],(o=>{let r=o.inline?'inline-flex':'flex';o.display&&(r=o.display);let e='0px';o.rounded&&(e=o.preset==='brand'?'48px':'5px'),o.round&&(e='50%');let t='pointer';return o.disabled&&(t='not-allowed'),o.loading&&(t='wait'),`\n display: ${r};\n border-radius: ${e};\n cursor: ${t};\n box-sizing: border-box;\n position: relative;\n isolation: isolate;\n justify-content: center;\n align-items: center;\n user-select: none;\n border: none;\n text-decoration: none;\n appearance: none;\n white-space: nowrap;\n text-align: center;\n vertical-align: top;\n ${o.preset==='brand'?"\n border: 1px solid transparent;\n transition-property: background-color; \n transition-duration: 250ms;\n &::before {\n transition-property: opacity; \n transition-duration: 150ms;\n transition-timing-function: ease-in;\n }\n &::before {\n content: '';\n position: absolute;\n top: -1px;\n left: -1px;\n width: calc(100% + 2px);\n height: calc(100% + 2px);\n border-radius: inherit;\n opacity: 0;\n }\n &:active:not(:disabled)::before {\n opacity: 1;\n }":"\n border: none;\n overflow: hidden;\n transition-property: background-color, color;\n transition-duration: 200ms;"}\n `}),(o=>{if(o.preset==='default')return defaultStyles;let r=COLOR_SCHEMA.default;return o.black&&(r=COLOR_SCHEMA.black),o.danger&&(r=COLOR_SCHEMA.danger),o.onColored&&(r=COLOR_SCHEMA.onColored),o.clear?r.clear:o.base?r.base:o.outline?r.outline:r.default}),focus,responsiveSize,(o=>o.padding?property(o.padding,'padding'):null),(o=>o.paddingTop?property(o.paddingTop,'padding-top'):null),(o=>o.paddingRight?property(o.paddingRight,'padding-right'):null),(o=>o.paddingBottom?property(o.paddingBottom,'padding-bottom'):null),(o=>o.paddingLeft?property(o.paddingLeft,'padding-left'):null),(o=>o.margin?property(o.margin,'margin'):null),(o=>o.marginTop?property(o.marginTop,'margin-top'):null),(o=>o.marginRight?property(o.marginRight,'margin-right'):null),(o=>o.marginBottom?property(o.marginBottom,'margin-bottom'):null),(o=>o.marginLeft?property(o.marginLeft,'margin-left'):null),(o=>o.fontSize?property(o.fontSize,'font-size'):null),(o=>o.height?property(o.height,'height'):null),(o=>{const r=o.fluid&&o.width!=='auto'?'max-width':'width';return o.width?property(getWidth(o.width),r):null}),(({paddingXS:o,paddingS:r,paddingM:e,paddingL:t,paddingXL:n})=>responsiveNamedProperty({sizes:{paddingXS:o,paddingS:r,paddingM:e,paddingL:t,paddingXL:n},cssProperty:'padding'})),(({paddingTopXS:o,paddingTopS:r,paddingTopM:e,paddingTopL:t,paddingTopXL:n})=>responsiveNamedProperty({sizes:{paddingTopXS:o,paddingTopS:r,paddingTopM:e,paddingTopL:t,paddingTopXL:n},cssProperty:'padding-top'})),(({paddingRightXS:o,paddingRightS:r,paddingRightM:e,paddingRightL:t,paddingRightXL:n})=>responsiveNamedProperty({sizes:{paddingRightXS:o,paddingRightS:r,paddingRightM:e,paddingRightL:t,paddingRightXL:n},cssProperty:'padding-right'})),(({paddingBottomXS:o,paddingBottomS:r,paddingBottomM:e,paddingBottomL:t,paddingBottomXL:n})=>responsiveNamedProperty({sizes:{paddingBottomXS:o,paddingBottomS:r,paddingBottomM:e,paddingBottomL:t,paddingBottomXL:n},cssProperty:'padding-bottom'})),(({paddingLeftXS:o,paddingLeftS:r,paddingLeftM:e,paddingLeftL:t,paddingLeftXL:n})=>responsiveNamedProperty({sizes:{paddingLeftXS:o,paddingLeftS:r,paddingLeftM:e,paddingLeftL:t,paddingLeftXL:n},cssProperty:'padding-left'})),(({marginXS:o,marginS:r,marginM:e,marginL:t,marginXL:n})=>responsiveNamedProperty({sizes:{marginXS:o,marginS:r,marginM:e,marginL:t,marginXL:n},cssProperty:'margin'})),(({marginTopXS:o,marginTopS:r,marginTopM:e,marginTopL:t,marginTopXL:n})=>responsiveNamedProperty({sizes:{marginTopXS:o,marginTopS:r,marginTopM:e,marginTopL:t,marginTopXL:n},cssProperty:'margin-top'})),(({marginRightXS:o,marginRightS:r,marginRightM:e,marginRightL:t,marginRightXL:n})=>responsiveNamedProperty({sizes:{marginRightXS:o,marginRightS:r,marginRightM:e,marginRightL:t,marginRightXL:n},cssProperty:'margin-right'})),(({marginBottomXS:o,marginBottomS:r,marginBottomM:e,marginBottomL:t,marginBottomXL:n})=>responsiveNamedProperty({sizes:{marginBottomXS:o,marginBottomS:r,marginBottomM:e,marginBottomL:t,marginBottomXL:n},cssProperty:'margin-bottom'})),(({marginLeftXS:o,marginLeftS:r,marginLeftM:e,marginLeftL:t,marginLeftXL:n})=>responsiveNamedProperty({sizes:{marginLeftXS:o,marginLeftS:r,marginLeftM:e,marginLeftL:t,marginLeftXL:n},cssProperty:'margin-left'})),(({fontSizeXS:o,fontSizeS:r,fontSizeM:e,fontSizeL:t,fontSizeXL:n})=>responsiveNamedProperty({sizes:{fontSizeXS:o,fontSizeS:r,fontSizeM:e,fontSizeL:t,fontSizeXL:n},cssProperty:'font-size'})),(({heightXS:o,heightS:r,heightM:e,heightL:t,heightXL:n})=>responsiveNamedProperty({sizes:{heightXS:o,heightS:r,heightM:e,heightL:t,heightXL:n},cssProperty:'height'})),(({widthXS:o,widthS:r,widthM:e,widthL:t,widthXL:n,fluid:s,width:c})=>responsiveNamedProperty({sizes:{widthXS:o,widthS:r,widthM:e,widthL:t,widthXL:n},cssProperty:s&&c!=='auto'?'max-width':'width',customSizeHandler:getWidth})),(o=>o.fluid?property(o.fluid,fluidStyles):null),(({fluidXS:o,fluidS:r,fluidM:e,fluidL:t,fluidXL:n})=>responsiveNamedProperty({sizes:{fluidXS:o,fluidS:r,fluidM:e,fluidL:t,fluidXL:n},cssProperty:fluidStyles})));const LoaderIcon=styled(LoaderFill_2).withConfig({displayName:"Button__LoaderIcon",componentId:"ui__sc-16o31r2-1"})(["transform-origin:center;animation:"," 1600ms infinite linear;"],spinAnimation);export{LoaderIcon,Root};
|
|
2
2
|
//# sourceMappingURL=style.mjs.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
'use strict';var styled=require('styled-components');var MenuComponent=require('../MenuComponent/MenuComponent.js');var index=require('../../external/.pnpm/@foxford_icon-pack@0.
|
|
1
|
+
'use strict';var styled=require('styled-components');var MenuComponent=require('../MenuComponent/MenuComponent.js');var index=require('../../external/.pnpm/@foxford_icon-pack@0.8.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/ChevronDown/index.js');var index$1=require('../../external/.pnpm/@foxford_icon-pack@0.8.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/LoaderFill/index.js');function _interopDefault(n){return n&&n.__esModule?n:{default:n}}var styled__default=_interopDefault(styled);const Input=styled__default.default.input.withConfig({shouldForwardProp:n=>!['palette','preset','label','labelPosition','active'].includes(n)}).withConfig({displayName:"Dropdown__Input",componentId:"ui__sc-519mcg-0"})([""," ",""],(n=>{let o='1';let e='0px';return n.label&&n.labelPosition==='dynamic'&&(o=""+(n.active?1:0),e='0.8em'),n.label&&n.labelPosition==='top'&&(e='0.8em'),n.label&&n.labelPosition==='center'&&(o=""+(n.active?1:0)),`\n box-sizing: border-box;\n appearance: textfield;\n border: none;\n padding: 0;\n margin: 0;\n font-size: inherit;\n line-height: inherit;\n background-color: transparent;\n width: 100%;\n align-self: stretch;\n opacity: ${o};\n padding-top: ${e};\n cursor: ${n.disabled?'not-allowed':'pointer'};\n\n &:focus {\n cursor: text;\n outline: none;\n }\n `}),(n=>{return`\n color: ${(o={color:n.palette.color??n.theme.colors['content-onmain-primary'],placeholderColor:n.palette.placeholderColor??n.theme.colors['content-onmain-secondary'],colorDisabled:n.palette.colorDisabled??n.theme.colors['content-disabled'],placeholderColorDisabled:n.palette.placeholderColorDisabled??n.theme.colors['content-disabled']}).color};\n &::placeholder {\n color: ${o.placeholderColor};\n }\n &:disabled {\n color: ${o.colorDisabled};\n }\n &:disabled::placeholder {\n color: ${o.placeholderColorDisabled};\n }\n`;var o}));const PositionedMenuComponent=styled__default.default(MenuComponent.MenuComponent).withConfig({shouldForwardProp:n=>!['expanseDirectionLeft'].includes(n)}).withConfig({displayName:"Dropdown__PositionedMenuComponent",componentId:"ui__sc-519mcg-1"})(["position:absolute;",""],(n=>`\n top: 0;\n left: ${n.expanseDirectionLeft?'auto':0};\n right: ${n.expanseDirectionLeft?0:'auto'}; \n `));const spinAnimation=styled.keyframes(["100%{transform:rotate(360deg);}"]);const IconContainer=styled__default.default.div.withConfig({displayName:"Dropdown__IconContainer",componentId:"ui__sc-519mcg-2"})(["box-sizing:border-box;display:flex;align-items:center;justify-content:center;margin:12px 0;"]);const ChevronIcon=styled__default.default(index.ChevronDown).withConfig({shouldForwardProp:n=>n!=='up'}).withConfig({displayName:"Dropdown__ChevronIcon",componentId:"ui__sc-519mcg-3"})(["",""],(n=>`\n transition-property: transform;\n transition-duration: 250ms;\n transform-origin: center;\n transform: rotate(${n.up?180:0}deg);\n `));const LoadingIconAnimated=styled__default.default(index$1.LoaderFill).withConfig({displayName:"Dropdown__LoadingIconAnimated",componentId:"ui__sc-519mcg-4"})(["transform-origin:center;animation:"," 1600ms infinite linear;"],spinAnimation);exports.ChevronIcon=ChevronIcon,exports.IconContainer=IconContainer,exports.Input=Input,exports.LoadingIconAnimated=LoadingIconAnimated,exports.PositionedMenuComponent=PositionedMenuComponent;
|
|
2
2
|
//# sourceMappingURL=style.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import styled,{keyframes}from'styled-components';import{MenuComponent}from'../MenuComponent/MenuComponent.mjs';import{ChevronDown as ChevronDown_2}from'../../external/.pnpm/@foxford_icon-pack@0.
|
|
1
|
+
import styled,{keyframes}from'styled-components';import{MenuComponent}from'../MenuComponent/MenuComponent.mjs';import{ChevronDown as ChevronDown_2}from'../../external/.pnpm/@foxford_icon-pack@0.8.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/ChevronDown/index.mjs';import{LoaderFill as LoaderFill_2}from'../../external/.pnpm/@foxford_icon-pack@0.8.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/LoaderFill/index.mjs';const Input=styled.input.withConfig({shouldForwardProp:o=>!['palette','preset','label','labelPosition','active'].includes(o)}).withConfig({displayName:"Dropdown__Input",componentId:"ui__sc-519mcg-0"})([""," ",""],(o=>{let n='1';let e='0px';return o.label&&o.labelPosition==='dynamic'&&(n=""+(o.active?1:0),e='0.8em'),o.label&&o.labelPosition==='top'&&(e='0.8em'),o.label&&o.labelPosition==='center'&&(n=""+(o.active?1:0)),`\n box-sizing: border-box;\n appearance: textfield;\n border: none;\n padding: 0;\n margin: 0;\n font-size: inherit;\n line-height: inherit;\n background-color: transparent;\n width: 100%;\n align-self: stretch;\n opacity: ${n};\n padding-top: ${e};\n cursor: ${o.disabled?'not-allowed':'pointer'};\n\n &:focus {\n cursor: text;\n outline: none;\n }\n `}),(o=>{return`\n color: ${(n={color:o.palette.color??o.theme.colors['content-onmain-primary'],placeholderColor:o.palette.placeholderColor??o.theme.colors['content-onmain-secondary'],colorDisabled:o.palette.colorDisabled??o.theme.colors['content-disabled'],placeholderColorDisabled:o.palette.placeholderColorDisabled??o.theme.colors['content-disabled']}).color};\n &::placeholder {\n color: ${n.placeholderColor};\n }\n &:disabled {\n color: ${n.colorDisabled};\n }\n &:disabled::placeholder {\n color: ${n.placeholderColorDisabled};\n }\n`;var n}));const PositionedMenuComponent=styled(MenuComponent).withConfig({shouldForwardProp:o=>!['expanseDirectionLeft'].includes(o)}).withConfig({displayName:"Dropdown__PositionedMenuComponent",componentId:"ui__sc-519mcg-1"})(["position:absolute;",""],(o=>`\n top: 0;\n left: ${o.expanseDirectionLeft?'auto':0};\n right: ${o.expanseDirectionLeft?0:'auto'}; \n `));const spinAnimation=keyframes(["100%{transform:rotate(360deg);}"]);const IconContainer=styled.div.withConfig({displayName:"Dropdown__IconContainer",componentId:"ui__sc-519mcg-2"})(["box-sizing:border-box;display:flex;align-items:center;justify-content:center;margin:12px 0;"]);const ChevronIcon=styled(ChevronDown_2).withConfig({shouldForwardProp:o=>o!=='up'}).withConfig({displayName:"Dropdown__ChevronIcon",componentId:"ui__sc-519mcg-3"})(["",""],(o=>`\n transition-property: transform;\n transition-duration: 250ms;\n transform-origin: center;\n transform: rotate(${o.up?180:0}deg);\n `));const LoadingIconAnimated=styled(LoaderFill_2).withConfig({displayName:"Dropdown__LoadingIconAnimated",componentId:"ui__sc-519mcg-4"})(["transform-origin:center;animation:"," 1600ms infinite linear;"],spinAnimation);export{ChevronIcon,IconContainer,Input,LoadingIconAnimated,PositionedMenuComponent};
|
|
2
2
|
//# sourceMappingURL=style.mjs.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var style=require('./style.js');var constants=require('./constants.js');var require$$0=require('react/jsx-runtime');var Text=require('../Text/Text.js');var
|
|
1
|
+
'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var style=require('./style.js');var constants=require('./constants.js');var require$$0=require('react/jsx-runtime');var Text=require('../Text/Text.js');var IconButton=require('../IconButton/IconButton.js');const FormLabel=withMergedProps.withMergedProps(React.forwardRef((({size:e="m",textProps:r={},hint:s={},sizeXXS:t,sizeXS:o,sizeS:i,sizeM:n,sizeL:a,sizeXL:c,disabled:d,error:l,success:p,checked:u,children:b,control:x,label:z,...h},m)=>{const j={size:e,sizeXXS:t,sizeXS:o,sizeS:i,sizeM:n,sizeL:a,sizeXL:c};const q={disabled:d,error:l,success:p,checked:u};const L=typeof x=='object'&&typeof x.props=='object'&&x.props!==null?x.props:{};const{text:S,textProps:$={},buttonProps:y={}}=s;return require$$0.jsxs(style.Root,{...h,...j,...q,ref:m,children:[typeof x=='function'?x({...j,...q}):React.cloneElement(x,{...j,...q,...L}),require$$0.jsxs(style.Content,{children:[require$$0.jsx(Text.Text,{as:"span",appearance:"body",color:"inherit",wordBreak:"break-word",marginBottom:S?'0.2em':void 0,sizes:constants.SIZES_LABEL,...j,...r,children:z??b}),S&&require$$0.jsx(Text.Text,{as:"span",appearance:"caption",color:q.disabled?'content-disabled':'content-onmain-secondary',wordBreak:"break-word",sizes:constants.SIZES_HINT,...j,...$,children:S})]}),y.onClick&&require$$0.jsx(IconButton.IconButton,{size:"m",icon:"helpCircle",marginLeft:6,...y,disabled:q.disabled||y.disabled})]})})),{displayName:"FormLabel",sizes:constants.SIZES});exports.COMPONENT_NAME="FormLabel",exports.FormLabel=FormLabel;
|
|
2
2
|
//# sourceMappingURL=FormLabel.js.map
|