@foxford/ui 2.87.0 → 2.87.2-beta-50b609f-20251201

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.
Files changed (101) hide show
  1. package/components/AccordionItem/style.js +1 -1
  2. package/components/AccordionItem/style.js.map +1 -1
  3. package/components/AccordionItem/style.mjs +1 -1
  4. package/components/AccordionItem/style.mjs.map +1 -1
  5. package/components/ActionBtn/style.js +1 -1
  6. package/components/ActionBtn/style.js.map +1 -1
  7. package/components/ActionBtn/style.mjs +1 -1
  8. package/components/ActionBtn/style.mjs.map +1 -1
  9. package/components/Anchor/style.js +1 -1
  10. package/components/Anchor/style.js.map +1 -1
  11. package/components/Anchor/style.mjs +1 -1
  12. package/components/Anchor/style.mjs.map +1 -1
  13. package/components/Arrow/style.js +1 -1
  14. package/components/Arrow/style.js.map +1 -1
  15. package/components/Arrow/style.mjs +1 -1
  16. package/components/Arrow/style.mjs.map +1 -1
  17. package/components/Button/style.js +1 -1
  18. package/components/Button/style.js.map +1 -1
  19. package/components/Button/style.mjs +1 -1
  20. package/components/Button/style.mjs.map +1 -1
  21. package/components/Checkbox/style.js +1 -1
  22. package/components/Checkbox/style.js.map +1 -1
  23. package/components/Checkbox/style.mjs +1 -1
  24. package/components/Checkbox/style.mjs.map +1 -1
  25. package/components/Chip/style.js +1 -1
  26. package/components/Chip/style.js.map +1 -1
  27. package/components/Chip/style.mjs +1 -1
  28. package/components/Chip/style.mjs.map +1 -1
  29. package/components/ContextMenu/style.js +1 -1
  30. package/components/ContextMenu/style.js.map +1 -1
  31. package/components/ContextMenu/style.mjs +1 -1
  32. package/components/ContextMenu/style.mjs.map +1 -1
  33. package/components/FormInput/style.js +1 -1
  34. package/components/FormInput/style.js.map +1 -1
  35. package/components/FormInput/style.mjs +1 -1
  36. package/components/FormInput/style.mjs.map +1 -1
  37. package/components/FormInputLabel/style.js +1 -1
  38. package/components/FormInputLabel/style.js.map +1 -1
  39. package/components/FormInputLabel/style.mjs +1 -1
  40. package/components/FormInputLabel/style.mjs.map +1 -1
  41. package/components/FormLabel/style.js +1 -1
  42. package/components/FormLabel/style.js.map +1 -1
  43. package/components/FormLabel/style.mjs +1 -1
  44. package/components/FormLabel/style.mjs.map +1 -1
  45. package/components/IconButton/style.js +1 -1
  46. package/components/IconButton/style.js.map +1 -1
  47. package/components/IconButton/style.mjs +1 -1
  48. package/components/IconButton/style.mjs.map +1 -1
  49. package/components/InputCheckbox/style.js +1 -1
  50. package/components/InputCheckbox/style.js.map +1 -1
  51. package/components/InputCheckbox/style.mjs +1 -1
  52. package/components/InputCheckbox/style.mjs.map +1 -1
  53. package/components/InputRadio/style.js +1 -1
  54. package/components/InputRadio/style.js.map +1 -1
  55. package/components/InputRadio/style.mjs +1 -1
  56. package/components/InputRadio/style.mjs.map +1 -1
  57. package/components/ListItem/style.js +1 -1
  58. package/components/ListItem/style.js.map +1 -1
  59. package/components/ListItem/style.mjs +1 -1
  60. package/components/ListItem/style.mjs.map +1 -1
  61. package/components/MenuComponent/style.js +1 -1
  62. package/components/MenuComponent/style.js.map +1 -1
  63. package/components/MenuComponent/style.mjs +1 -1
  64. package/components/MenuComponent/style.mjs.map +1 -1
  65. package/components/Modal/style.js +1 -1
  66. package/components/Modal/style.js.map +1 -1
  67. package/components/Modal/style.mjs +1 -1
  68. package/components/Modal/style.mjs.map +1 -1
  69. package/components/Select/style.js +1 -1
  70. package/components/Select/style.js.map +1 -1
  71. package/components/Select/style.mjs +1 -1
  72. package/components/Select/style.mjs.map +1 -1
  73. package/components/Switch/style.js +1 -1
  74. package/components/Switch/style.js.map +1 -1
  75. package/components/Switch/style.mjs +1 -1
  76. package/components/Switch/style.mjs.map +1 -1
  77. package/components/Tab/style.js +1 -1
  78. package/components/Tab/style.js.map +1 -1
  79. package/components/Tab/style.mjs +1 -1
  80. package/components/Tab/style.mjs.map +1 -1
  81. package/components/TabListTab/style.js +1 -1
  82. package/components/TabListTab/style.js.map +1 -1
  83. package/components/TabListTab/style.mjs +1 -1
  84. package/components/TabListTab/style.mjs.map +1 -1
  85. package/components/Tabs/style.js +1 -1
  86. package/components/Tabs/style.js.map +1 -1
  87. package/components/Tabs/style.mjs +1 -1
  88. package/components/Tabs/style.mjs.map +1 -1
  89. package/components/Tag/style.js +1 -1
  90. package/components/Tag/style.js.map +1 -1
  91. package/components/Tag/style.mjs +1 -1
  92. package/components/Tag/style.mjs.map +1 -1
  93. package/components/Text/style.js +1 -1
  94. package/components/Text/style.js.map +1 -1
  95. package/components/Text/style.mjs +1 -1
  96. package/components/Text/style.mjs.map +1 -1
  97. package/mixins/hover.js +2 -0
  98. package/mixins/hover.js.map +1 -0
  99. package/mixins/hover.mjs +2 -0
  100. package/mixins/hover.mjs.map +1 -0
  101. package/package.json +2 -2
package/components/Arrow/style.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"style.mjs","sources":["../../../../src/components/Arrow/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { focus } from 'mixins/focus'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { CSSColor } from 'shared/types'\nimport type { StyledArrowProps, ArrowPalette } from './types'\n\nconst shouldForwardArrowProp = createShouldForwardProp((propKey) => {\n return !['square', 'top', 'right', 'bottom', 'left', 'onColored', 'outline', 'inverse'].includes(propKey)\n})\n\nconst template = (palette: ArrowPalette) => `\n color: ${palette.color};\n background-color: ${palette.backgroundColor};\n border-color: ${palette.borderColor};\n &::before {\n box-shadow: inset 0px 4px 0px ${palette.shadowColor};\n }\n &:hover {\n color: ${palette.colorHover};\n background-color: ${palette.backgroundColorHover};\n border-color: ${palette.borderColorHover};\n }\n &:active {\n color: ${palette.colorActive};\n background-color: ${palette.backgroundColorActive};\n border-color: ${palette.borderColorActive};\n }\n &:disabled {\n color: ${palette.colorDisabled};\n background-color: ${palette.backgroundColorDisabled};\n border-color: ${palette.borderColorDisabled};\n }\n`\n\nconst defaultDisabledStyles = `\n -webkit-filter: grayscale(100%);\n -moz-filter: grayscale(100%);\n -ms-filter: grayscale(100%);\n -o-filter: grayscale(100%);\n filter: grayscale(100%);\n`\n\nconst COLOR_SCHEMA = {\n contrast: {\n outline: css<StyledArrowProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.theme.colors.transparent,\n borderColor: props.theme.colors['border-oncolor-default'],\n colorHover: props.theme.colors['content-oncolor-constant'],\n backgroundColorHover: props.theme.colors['bg-oncolor-primary'],\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.theme.colors['content-oncolor-constant'],\n backgroundColorActive: tinycolor(props.theme.colors['bg-oncolor-primary']).darken(6).toString() as CSSColor,\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.theme.colors.transparent,\n borderColorDisabled: props.theme.colors['border-oncolor-disabled'],\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n default: css<StyledArrowProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-constant'],\n backgroundColor: props.theme.colors['bg-oncolor-primary'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-constant'],\n backgroundColorHover: tinycolor(props.theme.colors['bg-oncolor-primary']).darken(6).toString() as CSSColor,\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.theme.colors['content-oncolor-constant'],\n backgroundColorActive: tinycolor(props.theme.colors['bg-oncolor-primary']).darken(8).toString() as CSSColor,\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-oncolor-primary'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n },\n default: {\n outline: css<StyledArrowProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-onmain-primary'],\n backgroundColor: props.theme.colors.transparent,\n borderColor: props.theme.colors['border-onmain-contrast'],\n colorHover: props.theme.colors['content-onmain-primary'],\n backgroundColorHover: props.theme.colors['bg-onmain-tertiary'],\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.theme.colors['content-oncolor-primary'],\n backgroundColorActive: props.theme.colors['bg-brand-primary-basic-active'],\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors.transparent,\n borderColorDisabled: props.theme.colors['border-disabled'],\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n default: css<StyledArrowProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-onmain-primary'],\n backgroundColor: props.theme.colors['bg-onmain-tertiary'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-onmain-primary'],\n backgroundColorHover: tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(4).toString() as CSSColor,\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.theme.colors['content-oncolor-primary'],\n backgroundColorActive: props.theme.colors['bg-brand-primary-basic-active'],\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n },\n}\n\nconst DEFAULT_STYLES = {\n filled: css<StyledArrowProps>`\n ${({ theme, disabled }) => `\n background-color: ${theme.colors.white};\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);\n & svg {\n fill: ${theme.colors.accent};\n }\n &:hover {\n background-color: ${theme.colors.accent};\n box-shadow: none;\n svg {\n fill: ${theme.colors.white};\n }\n }\n &:active {\n box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n }\n ${disabled ? defaultDisabledStyles : ''}\n `}\n `,\n outline: css<StyledArrowProps>`\n ${({ theme, disabled }) => `\n background-color: transparent;\n box-shadow: inset 0 0 0 2px ${theme.colors.alto};\n & svg {\n fill: ${theme.colors.alto};\n }\n &:hover {\n background-color: ${theme.colors.accent};\n box-shadow: none;\n svg {\n fill: ${theme.colors.white};\n }\n }\n &:active {\n box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n }\n ${disabled ? defaultDisabledStyles : ''}\n `}\n `,\n inverse: css<StyledArrowProps>`\n ${({ theme, disabled }) => `\n background-color: transparent;\n box-shadow: inset 0 0 0 2px ${theme.colors.white};\n & svg {\n fill: ${theme.colors.white};\n }\n &:hover {\n background-color: ${theme.colors.white};\n box-shadow: none;\n svg {\n fill: ${theme.colors.accent};\n }\n }\n &:active {\n box-shadow: inset 0 4px 0 #eaecf3;\n }\n ${disabled ? defaultDisabledStyles : ''}\n `}\n `,\n}\n\nexport const Root = styled.button\n .withConfig<StyledArrowProps>({\n shouldForwardProp: shouldForwardArrowProp,\n })\n .attrs<StyledArrowProps>(<Required<Pick<StyledArrowProps, 'dynamicSizeDeclaration'>>>{\n dynamicSizeDeclaration: (size, sizeUnits) => {\n return {\n fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n width: '1.8em',\n height: '1.8em',\n }\n },\n })`\n ${(props) => {\n let transform = 'rotate(0deg)'\n\n if (props.right) transform = 'rotate(90deg)'\n if (props.bottom) transform = 'rotate(180deg)'\n if (props.left) transform = 'rotate(270deg)'\n\n return `\n box-sizing: border-box;\n position: relative;\n isolation: isolate;\n appearance: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n padding: 0;\n border-radius: ${props.square ? '8px' : '50%'};\n cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n & svg {\n transform: ${transform};\n transform-origin: center;\n }\n ${\n props.preset === 'brand'\n ? `\n border: 1px solid transparent;\n transition-property: background-color; \n transition-duration: 250ms;\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 transition-property: opacity; \n transition-duration: 150ms;\n transition-timing-function: ease-in;\n }\n &:active:not(:disabled)::before {\n opacity: 1;\n }`\n : `\n border: none;\n transition-property: background-color, box-shadow;\n transition-duration: 200ms;`\n }\n `\n }}\n\n ${(props) => {\n if (props.preset === 'brand') {\n const schema = props.contrast || props.onColored ? COLOR_SCHEMA.contrast : COLOR_SCHEMA.default\n\n return props.outline ? schema.outline : schema.default\n }\n\n const defaultStyles = DEFAULT_STYLES\n\n if (props.inverse) return defaultStyles.inverse\n if (props.outline) return defaultStyles.outline\n\n return defaultStyles.filled\n }}\n\n ${focus}\n ${responsiveSize}\n ${responsiveMargin}\n`\n"],"names":["shouldForwardArrowProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","borderColor","shadowColor","colorHover","backgroundColorHover","borderColorHover","colorActive","backgroundColorActive","borderColorActive","colorDisabled","backgroundColorDisabled","borderColorDisabled","defaultDisabledStyles","COLOR_SCHEMA","contrast","outline","css","props","theme","colors","transparent","tinycolor","darken","toString","default","DEFAULT_STYLES","filled","disabled","white","accent","alto","inverse","Root","styled","button","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","width","height","displayName","componentId","transform","right","bottom","left","square","preset","schema","onColored","focus","responsiveSize","responsiveMargin"],"mappings":"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"}
1
+ {"version":3,"file":"style.mjs","sources":["../../../../src/components/Arrow/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { focus } from 'mixins/focus'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { CSSColor } from 'shared/types'\nimport { hover } from 'mixins/hover'\nimport type { StyledArrowProps, ArrowPalette } from './types'\n\nconst shouldForwardArrowProp = createShouldForwardProp((propKey) => {\n return !['square', 'top', 'right', 'bottom', 'left', 'onColored', 'outline', 'inverse'].includes(propKey)\n})\n\nconst template = (palette: ArrowPalette) => `\n color: ${palette.color};\n background-color: ${palette.backgroundColor};\n border-color: ${palette.borderColor};\n &::before {\n box-shadow: inset 0px 4px 0px ${palette.shadowColor};\n }\n ${hover(`\n color: ${palette.colorHover};\n background-color: ${palette.backgroundColorHover};\n border-color: ${palette.borderColorHover};\n `)}\n &:active {\n color: ${palette.colorActive};\n background-color: ${palette.backgroundColorActive};\n border-color: ${palette.borderColorActive};\n }\n &:disabled {\n color: ${palette.colorDisabled};\n background-color: ${palette.backgroundColorDisabled};\n border-color: ${palette.borderColorDisabled};\n }\n`\n\nconst defaultDisabledStyles = `\n -webkit-filter: grayscale(100%);\n -moz-filter: grayscale(100%);\n -ms-filter: grayscale(100%);\n -o-filter: grayscale(100%);\n filter: grayscale(100%);\n`\n\nconst COLOR_SCHEMA = {\n contrast: {\n outline: css<StyledArrowProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.theme.colors.transparent,\n borderColor: props.theme.colors['border-oncolor-default'],\n colorHover: props.theme.colors['content-oncolor-constant'],\n backgroundColorHover: props.theme.colors['bg-oncolor-primary'],\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.theme.colors['content-oncolor-constant'],\n backgroundColorActive: tinycolor(props.theme.colors['bg-oncolor-primary']).darken(6).toString() as CSSColor,\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.theme.colors.transparent,\n borderColorDisabled: props.theme.colors['border-oncolor-disabled'],\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n default: css<StyledArrowProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-constant'],\n backgroundColor: props.theme.colors['bg-oncolor-primary'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-constant'],\n backgroundColorHover: tinycolor(props.theme.colors['bg-oncolor-primary']).darken(6).toString() as CSSColor,\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.theme.colors['content-oncolor-constant'],\n backgroundColorActive: tinycolor(props.theme.colors['bg-oncolor-primary']).darken(8).toString() as CSSColor,\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-oncolor-primary'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n },\n default: {\n outline: css<StyledArrowProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-onmain-primary'],\n backgroundColor: props.theme.colors.transparent,\n borderColor: props.theme.colors['border-onmain-contrast'],\n colorHover: props.theme.colors['content-onmain-primary'],\n backgroundColorHover: props.theme.colors['bg-onmain-tertiary'],\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.theme.colors['content-oncolor-primary'],\n backgroundColorActive: props.theme.colors['bg-brand-primary-basic-active'],\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors.transparent,\n borderColorDisabled: props.theme.colors['border-disabled'],\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n default: css<StyledArrowProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-onmain-primary'],\n backgroundColor: props.theme.colors['bg-onmain-tertiary'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-onmain-primary'],\n backgroundColorHover: tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(4).toString() as CSSColor,\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.theme.colors['content-oncolor-primary'],\n backgroundColorActive: props.theme.colors['bg-brand-primary-basic-active'],\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n },\n}\n\nconst DEFAULT_STYLES = {\n filled: css<StyledArrowProps>`\n ${({ theme, disabled }) => `\n background-color: ${theme.colors.white};\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);\n & svg {\n fill: ${theme.colors.accent};\n }\n ${hover(`\n background-color: ${theme.colors.accent};\n box-shadow: none;\n svg {\n fill: ${theme.colors.white};\n }\n `)}\n &:active {\n box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n }\n ${disabled ? defaultDisabledStyles : ''}\n `}\n `,\n outline: css<StyledArrowProps>`\n ${({ theme, disabled }) => `\n background-color: transparent;\n box-shadow: inset 0 0 0 2px ${theme.colors.alto};\n & svg {\n fill: ${theme.colors.alto};\n }\n ${hover(`\n background-color: ${theme.colors.accent};\n box-shadow: none;\n svg {\n fill: ${theme.colors.white};\n }\n `)}\n &:active {\n box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n }\n ${disabled ? defaultDisabledStyles : ''}\n `}\n `,\n inverse: css<StyledArrowProps>`\n ${({ theme, disabled }) => `\n background-color: transparent;\n box-shadow: inset 0 0 0 2px ${theme.colors.white};\n & svg {\n fill: ${theme.colors.white};\n }\n ${hover(`\n background-color: ${theme.colors.white};\n box-shadow: none;\n svg {\n fill: ${theme.colors.accent};\n }\n `)}\n &:active {\n box-shadow: inset 0 4px 0 #eaecf3;\n }\n ${disabled ? defaultDisabledStyles : ''}\n `}\n `,\n}\n\nexport const Root = styled.button\n .withConfig<StyledArrowProps>({\n shouldForwardProp: shouldForwardArrowProp,\n })\n .attrs<StyledArrowProps>(<Required<Pick<StyledArrowProps, 'dynamicSizeDeclaration'>>>{\n dynamicSizeDeclaration: (size, sizeUnits) => {\n return {\n fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n width: '1.8em',\n height: '1.8em',\n }\n },\n })`\n ${(props) => {\n let transform = 'rotate(0deg)'\n\n if (props.right) transform = 'rotate(90deg)'\n if (props.bottom) transform = 'rotate(180deg)'\n if (props.left) transform = 'rotate(270deg)'\n\n return `\n box-sizing: border-box;\n position: relative;\n isolation: isolate;\n appearance: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n padding: 0;\n border-radius: ${props.square ? '8px' : '50%'};\n cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n & svg {\n transform: ${transform};\n transform-origin: center;\n }\n ${\n props.preset === 'brand'\n ? `\n border: 1px solid transparent;\n transition-property: background-color; \n transition-duration: 250ms;\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 transition-property: opacity; \n transition-duration: 150ms;\n transition-timing-function: ease-in;\n }\n &:active:not(:disabled)::before {\n opacity: 1;\n }`\n : `\n border: none;\n transition-property: background-color, box-shadow;\n transition-duration: 200ms;`\n }\n `\n }}\n\n ${(props) => {\n if (props.preset === 'brand') {\n const schema = props.contrast || props.onColored ? COLOR_SCHEMA.contrast : COLOR_SCHEMA.default\n\n return props.outline ? schema.outline : schema.default\n }\n\n const defaultStyles = DEFAULT_STYLES\n\n if (props.inverse) return defaultStyles.inverse\n if (props.outline) return defaultStyles.outline\n\n return defaultStyles.filled\n }}\n\n ${focus}\n ${responsiveSize}\n ${responsiveMargin}\n`\n"],"names":["shouldForwardArrowProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","borderColor","shadowColor","hover","colorHover","backgroundColorHover","borderColorHover","colorActive","backgroundColorActive","borderColorActive","colorDisabled","backgroundColorDisabled","borderColorDisabled","defaultDisabledStyles","COLOR_SCHEMA","contrast","outline","css","props","theme","colors","transparent","tinycolor","darken","toString","default","DEFAULT_STYLES","filled","disabled","white","accent","alto","inverse","Root","styled","button","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","width","height","displayName","componentId","transform","right","bottom","left","square","preset","schema","onColored","focus","responsiveSize","responsiveMargin"],"mappings":"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"}
package/components/Button/style.js CHANGED
@@ -1,2 +1,2 @@
1
- 'use strict';var styled=require('styled-components');var tinycolor=require('tinycolor2');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 responsiveMargin=require('../../mixins/responsive-margin.js');var regexp=require('../../shared/regexp.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);var tinycolor__default=_interopDefault(tinycolor);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={contrast:{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.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.default(o.theme.colors['bg-oncolor-primary']).darken(2).toString():tinycolor__default.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.default(o.theme.colors['bg-oncolor-primary']).darken(2).toString():tinycolor__default.default(o.theme.colors['bg-oncolor-secondary']).darken(4).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled: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-large'],colorHover:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-constant'],backgroundColorHover:o.success?tinycolor__default.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.default(o.theme.colors['bg-oncolor-primary']).darken(2).toString():o.theme.colors['bg-oncolor-primary'],borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.theme.colors['bg-oncolor-disabled'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),filled: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.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.default(o.theme.colors['bg-oncolor-primary']).darken(2).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled: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.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.default(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor__default.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.default(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor__default.default(o.theme.colors['bg-onmain-tertiary']).darken(2).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.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['border-onmain-default-large'],colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.success?tinycolor__default.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.default(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor__default.default(o.theme.colors['alert-bg-error-500']).darken(2).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}))),filled: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.default(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor__default.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.default(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor__default.default(o.theme.colors['alert-bg-error-500']).darken(2).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})))},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.default(o.theme.colors['alert-bg-success-500']).lighten(4).toString():tinycolor__default.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.default(o.theme.colors['alert-bg-success-500']).lighten(4).toString():tinycolor__default.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-default-large'],colorHover:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-inverse'],backgroundColorHover:o.success?tinycolor__default.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.default(o.theme.colors['alert-bg-success-500']).lighten(4).toString():tinycolor__default.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}))),filled: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.default(o.theme.colors['alert-bg-success-500']).lighten(4).toString():tinycolor__default.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.default(o.theme.colors['alert-bg-success-500']).lighten(4).toString():tinycolor__default.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.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.default(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor__default.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.default(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor__default.default(o.theme.colors['bg-onmain-tertiary']).darken(2).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.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-onmain-default-large'],colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.success?tinycolor__default.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.default(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor__default.default(o.theme.colors['bg-brand-primary-basic']).darken(2).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}))),filled: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.default(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor__default.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.default(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor__default.default(o.theme.colors['bg-brand-primary-basic']).darken(2).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})))}};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.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 e='background-color';return(o.inverted||o.basic||o.outline)&&(e='color'),color.color(o.color,e)}),(o=>{let e='color';return(o.inverted||o.basic||o.outline)&&(e='background-color'),color.color(o.fontColor,e)}),(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:(e,r)=>({fontSize:typeof e=='string'?e:`${e}${r}`,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 e=o.inline?'inline-flex':'flex';o.display&&(e=o.display);let r='0px';o.rounded&&(r=o.preset==='brand'?'48px':'5px'),o.round&&(r='50%');let t='pointer';return o.loading&&(t='wait'),o.success&&(t='pointer'),o.disabled&&(t='not-allowed'),`\n display: ${e};\n border-radius: ${r};\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 font: inherit;\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 e=COLOR_SCHEMA.default;return o.black&&(e=COLOR_SCHEMA.black),o.danger&&(e=COLOR_SCHEMA.danger),(o.contrast||o.onColored)&&(e=COLOR_SCHEMA.contrast),o.clear?e.clear:o.base?e.base:o.outline?e.outline:e.filled}),focus.focus,responsiveSize.responsiveSize,responsiveMargin.responsiveMargin,(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.fontSize?responsiveProperty.property(o.fontSize,'font-size'):null),(o=>o.height?responsiveProperty.property(o.height,'height'):null),(o=>{const e=o.fluid&&o.width!=='auto'?'max-width':'width';return o.width?responsiveProperty.property(getWidth(o.width),e):null}),(({paddingXS:o,paddingS:e,paddingM:r,paddingL:t,paddingXL:n})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingXS:o,paddingS:e,paddingM:r,paddingL:t,paddingXL:n},cssProperty:'padding'})),(({paddingTopXS:o,paddingTopS:e,paddingTopM:r,paddingTopL:t,paddingTopXL:n})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingTopXS:o,paddingTopS:e,paddingTopM:r,paddingTopL:t,paddingTopXL:n},cssProperty:'padding-top'})),(({paddingRightXS:o,paddingRightS:e,paddingRightM:r,paddingRightL:t,paddingRightXL:n})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingRightXS:o,paddingRightS:e,paddingRightM:r,paddingRightL:t,paddingRightXL:n},cssProperty:'padding-right'})),(({paddingBottomXS:o,paddingBottomS:e,paddingBottomM:r,paddingBottomL:t,paddingBottomXL:n})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingBottomXS:o,paddingBottomS:e,paddingBottomM:r,paddingBottomL:t,paddingBottomXL:n},cssProperty:'padding-bottom'})),(({paddingLeftXS:o,paddingLeftS:e,paddingLeftM:r,paddingLeftL:t,paddingLeftXL:n})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingLeftXS:o,paddingLeftS:e,paddingLeftM:r,paddingLeftL:t,paddingLeftXL:n},cssProperty:'padding-left'})),(({fontSizeXS:o,fontSizeS:e,fontSizeM:r,fontSizeL:t,fontSizeXL:n})=>responsiveProperty.responsiveNamedProperty({sizes:{fontSizeXS:o,fontSizeS:e,fontSizeM:r,fontSizeL:t,fontSizeXL:n},cssProperty:'font-size'})),(({heightXS:o,heightS:e,heightM:r,heightL:t,heightXL:n})=>responsiveProperty.responsiveNamedProperty({sizes:{heightXS:o,heightS:e,heightM:r,heightL:t,heightXL:n},cssProperty:'height'})),(({widthXS:o,widthS:e,widthM:r,widthL:t,widthXL:n,fluid:s,width:l})=>responsiveProperty.responsiveNamedProperty({sizes:{widthXS:o,widthS:e,widthM:r,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:e,fluidM:r,fluidL:t,fluidXL:n})=>responsiveProperty.responsiveNamedProperty({sizes:{fluidXS:o,fluidS:e,fluidM:r,fluidL:t,fluidXL:n},cssProperty:fluidStyles})));const Content=styled__default.default.span.withConfig({displayName:"Button__Content",componentId:"ui__sc-16o31r2-1"})(["display:flex;align-items:center;justify-content:center;&[aria-hidden='true'],&[aria-hidden='true'] *{visibility:hidden !important;}& > *:not(:last-child){margin-right:var(--gap,0.25em);}"]);const IconPosition=styled__default.default.span.withConfig({displayName:"Button__IconPosition",componentId:"ui__sc-16o31r2-2"})(["box-sizing:border-box;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;"]);const IconAnimation=styled__default.default.span.withConfig({displayName:"Button__IconAnimation",componentId:"ui__sc-16o31r2-3"})(["box-sizing:border-box;display:flex;align-items:center;justify-content:center;transform-origin:center;animation:"," 1600ms infinite linear;@media (prefers-reduced-motion:reduce){animation-name:none;}"],spinAnimation);exports.Content=Content,exports.IconAnimation=IconAnimation,exports.IconPosition=IconPosition,exports.Root=Root;
1
+ 'use strict';var styled=require('styled-components');var tinycolor=require('tinycolor2');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 responsiveMargin=require('../../mixins/responsive-margin.js');var regexp=require('../../shared/regexp.js');var hover=require('../../mixins/hover.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);var tinycolor__default=_interopDefault(tinycolor);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.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={contrast:{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.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.default(o.theme.colors['bg-oncolor-primary']).darken(2).toString():tinycolor__default.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.default(o.theme.colors['bg-oncolor-primary']).darken(2).toString():tinycolor__default.default(o.theme.colors['bg-oncolor-secondary']).darken(4).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled: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-large'],colorHover:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-constant'],backgroundColorHover:o.success?tinycolor__default.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.default(o.theme.colors['bg-oncolor-primary']).darken(2).toString():o.theme.colors['bg-oncolor-primary'],borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.theme.colors['bg-oncolor-disabled'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),filled: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.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.default(o.theme.colors['bg-oncolor-primary']).darken(2).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled: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.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.default(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor__default.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.default(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor__default.default(o.theme.colors['bg-onmain-tertiary']).darken(2).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.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['border-onmain-default-large'],colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.success?tinycolor__default.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.default(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor__default.default(o.theme.colors['alert-bg-error-500']).darken(2).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}))),filled: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.default(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor__default.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.default(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor__default.default(o.theme.colors['alert-bg-error-500']).darken(2).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})))},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.default(o.theme.colors['alert-bg-success-500']).lighten(4).toString():tinycolor__default.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.default(o.theme.colors['alert-bg-success-500']).lighten(4).toString():tinycolor__default.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-default-large'],colorHover:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-inverse'],backgroundColorHover:o.success?tinycolor__default.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.default(o.theme.colors['alert-bg-success-500']).lighten(4).toString():tinycolor__default.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}))),filled: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.default(o.theme.colors['alert-bg-success-500']).lighten(4).toString():tinycolor__default.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.default(o.theme.colors['alert-bg-success-500']).lighten(4).toString():tinycolor__default.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.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.default(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor__default.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.default(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor__default.default(o.theme.colors['bg-onmain-tertiary']).darken(2).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.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-onmain-default-large'],colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.success?tinycolor__default.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.default(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor__default.default(o.theme.colors['bg-brand-primary-basic']).darken(2).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}))),filled: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.default(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor__default.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.default(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor__default.default(o.theme.colors['bg-brand-primary-basic']).darken(2).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})))}};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.hover(`\n color: ${o.fontColor};\n background-color: ${tinycolor__default.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.hover(`\n border: 1px solid ${o.theme.colors[o.color]};\n `)}\n `:''}\n `),(o=>o.loading?defaultLoadingStyles:''),(o=>{let e='background-color';return(o.inverted||o.basic||o.outline)&&(e='color'),color.color(o.color,e)}),(o=>{let e='color';return(o.inverted||o.basic||o.outline)&&(e='background-color'),color.color(o.fontColor,e)}),(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:(e,r)=>({fontSize:typeof e=='string'?e:`${e}${r}`,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 e=o.inline?'inline-flex':'flex';o.display&&(e=o.display);let r='0px';o.rounded&&(r=o.preset==='brand'?'48px':'5px'),o.round&&(r='50%');let t='pointer';return o.loading&&(t='wait'),o.success&&(t='pointer'),o.disabled&&(t='not-allowed'),`\n display: ${e};\n border-radius: ${r};\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 font: inherit;\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 e=COLOR_SCHEMA.default;return o.black&&(e=COLOR_SCHEMA.black),o.danger&&(e=COLOR_SCHEMA.danger),(o.contrast||o.onColored)&&(e=COLOR_SCHEMA.contrast),o.clear?e.clear:o.base?e.base:o.outline?e.outline:e.filled}),focus.focus,responsiveSize.responsiveSize,responsiveMargin.responsiveMargin,(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.fontSize?responsiveProperty.property(o.fontSize,'font-size'):null),(o=>o.height?responsiveProperty.property(o.height,'height'):null),(o=>{const e=o.fluid&&o.width!=='auto'?'max-width':'width';return o.width?responsiveProperty.property(getWidth(o.width),e):null}),(({paddingXS:o,paddingS:e,paddingM:r,paddingL:t,paddingXL:n})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingXS:o,paddingS:e,paddingM:r,paddingL:t,paddingXL:n},cssProperty:'padding'})),(({paddingTopXS:o,paddingTopS:e,paddingTopM:r,paddingTopL:t,paddingTopXL:n})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingTopXS:o,paddingTopS:e,paddingTopM:r,paddingTopL:t,paddingTopXL:n},cssProperty:'padding-top'})),(({paddingRightXS:o,paddingRightS:e,paddingRightM:r,paddingRightL:t,paddingRightXL:n})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingRightXS:o,paddingRightS:e,paddingRightM:r,paddingRightL:t,paddingRightXL:n},cssProperty:'padding-right'})),(({paddingBottomXS:o,paddingBottomS:e,paddingBottomM:r,paddingBottomL:t,paddingBottomXL:n})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingBottomXS:o,paddingBottomS:e,paddingBottomM:r,paddingBottomL:t,paddingBottomXL:n},cssProperty:'padding-bottom'})),(({paddingLeftXS:o,paddingLeftS:e,paddingLeftM:r,paddingLeftL:t,paddingLeftXL:n})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingLeftXS:o,paddingLeftS:e,paddingLeftM:r,paddingLeftL:t,paddingLeftXL:n},cssProperty:'padding-left'})),(({fontSizeXS:o,fontSizeS:e,fontSizeM:r,fontSizeL:t,fontSizeXL:n})=>responsiveProperty.responsiveNamedProperty({sizes:{fontSizeXS:o,fontSizeS:e,fontSizeM:r,fontSizeL:t,fontSizeXL:n},cssProperty:'font-size'})),(({heightXS:o,heightS:e,heightM:r,heightL:t,heightXL:n})=>responsiveProperty.responsiveNamedProperty({sizes:{heightXS:o,heightS:e,heightM:r,heightL:t,heightXL:n},cssProperty:'height'})),(({widthXS:o,widthS:e,widthM:r,widthL:t,widthXL:n,fluid:s,width:l})=>responsiveProperty.responsiveNamedProperty({sizes:{widthXS:o,widthS:e,widthM:r,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:e,fluidM:r,fluidL:t,fluidXL:n})=>responsiveProperty.responsiveNamedProperty({sizes:{fluidXS:o,fluidS:e,fluidM:r,fluidL:t,fluidXL:n},cssProperty:fluidStyles})));const Content=styled__default.default.span.withConfig({displayName:"Button__Content",componentId:"ui__sc-16o31r2-1"})(["display:flex;align-items:center;justify-content:center;&[aria-hidden='true'],&[aria-hidden='true'] *{visibility:hidden !important;}& > *:not(:last-child){margin-right:var(--gap,0.25em);}"]);const IconPosition=styled__default.default.span.withConfig({displayName:"Button__IconPosition",componentId:"ui__sc-16o31r2-2"})(["box-sizing:border-box;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;"]);const IconAnimation=styled__default.default.span.withConfig({displayName:"Button__IconAnimation",componentId:"ui__sc-16o31r2-3"})(["box-sizing:border-box;display:flex;align-items:center;justify-content:center;transform-origin:center;animation:"," 1600ms infinite linear;@media (prefers-reduced-motion:reduce){animation-name:none;}"],spinAnimation);exports.Content=Content,exports.IconAnimation=IconAnimation,exports.IconPosition=IconPosition,exports.Root=Root;
2
2
  //# sourceMappingURL=style.js.map
package/components/Button/style.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"style.js","sources":["../../../../src/components/Button/style.ts"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { property, responsiveNamedProperty } from 'mixins/responsive-property'\nimport { color } from 'mixins/color'\nimport type { PossibleValues, CalcProperty } from 'mixins/responsive-property'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { focus } from 'mixins/focus'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport {\n responsiveFluidPropKeyRegExp,\n responsiveWidthPropKeyRegExp,\n responsivePaddingPropKeyRegExp,\n responsiveFontSizePropKeyRegExp,\n responsiveHeightPropKeyRegExp,\n} from 'shared/regexp'\nimport type { CSSColor } from 'shared/types'\nimport type { StyledButtonProps, ButtonPalette } from './types'\n\nconst shouldForwardButtonProp = createShouldForwardProp(\n (propKey) =>\n ![\n 'fluid',\n 'width',\n 'display',\n 'padding',\n 'paddingTop',\n 'paddingRight',\n 'paddingBottom',\n 'paddingLeft',\n 'fontSize',\n 'height',\n 'inline',\n 'round',\n 'success',\n 'loading',\n 'black',\n 'danger',\n 'onColored',\n 'clear',\n 'base',\n 'outline',\n 'autoRel',\n 'noSpacing',\n 'primary',\n 'secondary',\n 'inverted',\n 'rounded',\n 'basic',\n ].includes(propKey),\n (propKey) =>\n !responsiveFluidPropKeyRegExp.test(propKey) &&\n !responsiveWidthPropKeyRegExp.test(propKey) &&\n !responsivePaddingPropKeyRegExp.test(propKey) &&\n !responsiveFontSizePropKeyRegExp.test(propKey) &&\n !responsiveHeightPropKeyRegExp.test(propKey)\n)\n\nconst WIDTHS: Record<string, number> = {\n xl: 320,\n l: 280,\n m: 245,\n s: 180,\n xs: 140,\n}\n\nconst loadingAnimation = keyframes`\n 0% {\n background-position: 0 0;\n }\n 100% {\n background-position: 50px 50px;\n }\n`\n\nconst spinAnimation = keyframes`\n 100% {\n transform: rotate(360deg);\n }\n`\n\nconst defaultLoadingStyles = css`\n background-image: linear-gradient(\n -45deg,\n rgba(255, 255, 255, 0.2) 25%,\n transparent 25%,\n transparent 50%,\n rgba(255, 255, 255, 0.2) 50%,\n rgba(255, 255, 255, 0.2) 75%,\n transparent 75%,\n transparent\n );\n background-size: 25px 25px;\n animation: ${loadingAnimation} 2s linear infinite;\n cursor: progress;\n`\n\nconst getWidth = (width: PossibleValues): PossibleValues => {\n if (width === 'auto') return 'auto'\n if (typeof width === 'number') return width\n if (typeof width === 'boolean') return width\n\n if (width && WIDTHS[width]) return WIDTHS[width]\n\n return 'auto'\n}\n\nconst fluidStyles: CalcProperty = () => css`\n min-width: initial;\n width: 100%;\n`\n\nconst template = (palette: ButtonPalette) => `\n color: ${palette.color};\n background-color: ${palette.backgroundColor};\n border-color: ${palette.borderColor};\n &::before {\n box-shadow: inset 0px 4px 0px ${palette.shadowColor};\n }\n &:hover {\n color: ${palette.colorHover};\n background-color: ${palette.backgroundColorHover};\n border-color: ${palette.borderColorHover};\n }\n &:active {\n color: ${palette.colorActive};\n background-color: ${palette.backgroundColorActive};\n border-color: ${palette.borderColorActive};\n }\n &:disabled {\n color: ${palette.colorDisabled};\n background-color: ${palette.backgroundColorDisabled};\n border-color: ${palette.borderColorDisabled};\n }\n`\n\nconst COLOR_SCHEMA = {\n contrast: {\n clear: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.theme.colors.transparent,\n borderColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.theme.colors['content-oncolor-primary'],\n backgroundColorActive: props.theme.colors['bg-oncontrast-hover'],\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.theme.colors.transparent,\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncontrast-hover'],\n ...props.palette,\n })}\n `,\n base: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success ? props.theme.colors['alert-success'] : props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.success\n ? props.theme.colors['bg-oncolor-primary']\n : props.theme.colors['bg-oncolor-secondary'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.success\n ? props.theme.colors['alert-success']\n : props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-oncolor-secondary']).darken(4).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.success\n ? props.theme.colors['alert-success']\n : props.theme.colors['content-oncolor-primary'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-oncolor-secondary']).darken(4).toString() as CSSColor),\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-oncolor-disabled'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n outline: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success\n ? props.theme.colors['alert-success']\n : props.loading\n ? props.theme.colors['content-oncolor-constant']\n : props.theme.colors['content-oncolor-primary'],\n backgroundColor:\n props.success || props.loading ? props.theme.colors['bg-oncolor-primary'] : props.theme.colors.transparent,\n borderColor:\n props.success || props.loading\n ? props.theme.colors.transparent\n : props.theme.colors['border-oncolor-default-large'],\n colorHover: props.success\n ? props.theme.colors['alert-success']\n : props.theme.colors['content-oncolor-constant'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(2).toString() as CSSColor)\n : props.theme.colors['bg-oncolor-primary'],\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.success\n ? props.theme.colors['alert-success']\n : props.theme.colors['content-oncolor-constant'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(2).toString() as CSSColor)\n : props.theme.colors['bg-oncolor-primary'],\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-oncolor-disabled'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n filled: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success ? props.theme.colors['alert-success'] : props.theme.colors['content-oncolor-constant'],\n backgroundColor: props.theme.colors['bg-oncolor-primary'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.success\n ? props.theme.colors['alert-success']\n : props.theme.colors['content-oncolor-constant'],\n backgroundColorHover: tinycolor(props.theme.colors['bg-oncolor-primary']).darken(2).toString() as CSSColor,\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.success\n ? props.theme.colors['alert-success']\n : props.theme.colors['content-oncolor-constant'],\n backgroundColorActive: tinycolor(props.theme.colors['bg-oncolor-primary']).darken(2).toString() as CSSColor,\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-oncolor-disabled'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n },\n danger: {\n clear: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success ? props.theme.colors['alert-success'] : props.theme.colors['alert-error'],\n backgroundColor: props.theme.colors.transparent,\n borderColor: props.theme.colors.transparent,\n colorHover: props.success ? props.theme.colors['alert-success'] : props.theme.colors['alert-error'],\n backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.success ? props.theme.colors['alert-success'] : props.theme.colors['alert-error'],\n backgroundColorActive: props.theme.colors['bg-oncolor-hover'],\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors.transparent,\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n base: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success ? props.theme.colors['content-oncolor-primary'] : props.theme.colors['alert-error'],\n backgroundColor: props.success\n ? props.theme.colors['alert-bg-success-500']\n : props.theme.colors['bg-onmain-tertiary'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.success ? props.theme.colors['content-oncolor-primary'] : props.theme.colors['alert-error'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(2).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['alert-error'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(2).toString() as CSSColor),\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n outline: css<StyledButtonProps>`\n ${(props) =>\n template({\n color:\n props.success || props.loading\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['alert-error'],\n backgroundColor: props.success\n ? props.theme.colors['alert-bg-success-500']\n : props.loading\n ? props.theme.colors['alert-bg-error-500']\n : props.theme.colors.transparent,\n borderColor:\n props.success || props.loading\n ? props.theme.colors.transparent\n : props.theme.colors['border-onmain-default-large'],\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : props.theme.colors['alert-bg-error-500'],\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.theme.colors['content-oncolor-primary'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['alert-bg-error-500']).darken(2).toString() as CSSColor),\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n filled: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.success\n ? props.theme.colors['alert-bg-success-500']\n : props.theme.colors['alert-bg-error-500'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['alert-bg-error-500']).darken(2).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.theme.colors['content-oncolor-primary'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['alert-bg-error-500']).darken(2).toString() as CSSColor),\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n },\n black: {\n clear: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success ? props.theme.colors['alert-success'] : props.theme.colors['content-oncolor-inverse'],\n backgroundColor: props.theme.colors.transparent,\n borderColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-inverse'],\n backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.theme.colors['content-oncolor-inverse'],\n backgroundColorActive: props.theme.colors['bg-oncolor-hover'],\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors.transparent,\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n base: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-oncolor-inverse'],\n backgroundColor: props.success\n ? props.theme.colors['alert-bg-success-500']\n : props.theme.colors['bg-onmain-tertiary'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-oncolor-inverse'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).lighten(4).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(4).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-oncolor-inverse'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).lighten(4).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(4).toString() as CSSColor),\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n outline: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.loading\n ? props.theme.colors['content-onmain-inverse']\n : props.theme.colors['content-oncolor-inverse'],\n backgroundColor: props.success\n ? props.theme.colors['alert-bg-success-500']\n : props.loading\n ? props.theme.colors['bg-onmain-inverse']\n : props.theme.colors.transparent,\n borderColor:\n props.success || props.loading\n ? props.theme.colors.transparent\n : props.theme.colors['border-onmain-default-large'],\n colorHover: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-inverse'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).lighten(4).toString() as CSSColor)\n : props.theme.colors['bg-onmain-inverse'],\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-inverse'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).lighten(4).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-inverse']).lighten(4).toString() as CSSColor),\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n filled: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-inverse'],\n backgroundColor: props.success\n ? props.theme.colors['alert-bg-success-500']\n : props.theme.colors['bg-onmain-inverse'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-inverse'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).lighten(4).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-inverse']).lighten(4).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-inverse'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).lighten(4).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-inverse']).lighten(4).toString() as CSSColor),\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n },\n default: {\n clear: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success ? props.theme.colors['alert-success'] : props.theme.colors['content-brand-primary'],\n backgroundColor: props.theme.colors.transparent,\n borderColor: props.theme.colors.transparent,\n colorHover: props.success ? props.theme.colors['alert-success'] : props.theme.colors['content-brand-primary'],\n backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.success\n ? props.theme.colors['alert-success']\n : props.theme.colors['content-brand-primary'],\n backgroundColorActive: props.theme.colors['bg-oncolor-hover'],\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors.transparent,\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n base: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-brand-primary'],\n backgroundColor: props.success\n ? props.theme.colors['alert-bg-success-500']\n : props.theme.colors['bg-onmain-tertiary'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-brand-primary'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(2).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-brand-primary'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(2).toString() as CSSColor),\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n outline: css<StyledButtonProps>`\n ${(props) =>\n template({\n color:\n props.success || props.loading\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-brand-primary'],\n backgroundColor: props.success\n ? props.theme.colors['alert-bg-success-500']\n : props.loading\n ? props.theme.colors['bg-brand-primary-basic']\n : props.theme.colors.transparent,\n borderColor:\n props.success || props.loading\n ? props.theme.colors.transparent\n : props.theme.colors['border-onmain-default-large'],\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : props.theme.colors['bg-brand-primary-basic'],\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.theme.colors['content-oncolor-primary'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-brand-primary-basic']).darken(2).toString() as CSSColor),\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n filled: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.success\n ? props.theme.colors['alert-bg-success-500']\n : props.theme.colors['bg-brand-primary-basic'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-brand-primary-basic']).darken(2).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.theme.colors['content-oncolor-primary'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-brand-primary-basic']).darken(2).toString() as CSSColor),\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n },\n}\n\nconst defaultStyles = css<StyledButtonProps>`\n ${(props) => {\n if (props.disabled || props.loading) return ''\n\n return `\n &:active {\n box-shadow: inset 0 4px 0px 0px rgba(0, 0, 0, 0.14);\n }\n &:hover {\n color: ${props.fontColor};\n background-color: ${tinycolor(props.theme.colors[props.color as keyof typeof props.theme.colors])\n .saturate(-5)\n .lighten(-8)\n .toString()};\n }\n ${\n props.inverted || props.basic || props.outline\n ? `\n &:not(:hover) {\n border: 1px solid ${props.theme.colors[props.color as keyof typeof props.theme.colors]};\n }\n &:hover {\n border: 1px solid ${props.theme.colors[props.color as keyof typeof props.theme.colors]};\n }\n `\n : ''\n }\n `\n }}\n\n ${(props) => (props.loading ? defaultLoadingStyles : '')}\n\n ${(props) => {\n let cssProperty = 'background-color'\n if (props.inverted || props.basic || props.outline) cssProperty = 'color'\n\n return color(props.color, cssProperty)\n }}\n\n ${(props) => {\n let cssProperty = 'color'\n if (props.inverted || props.basic || props.outline) cssProperty = 'background-color'\n\n return color(props.fontColor, cssProperty)\n }}\n\n ${(props) => {\n if (!props.disabled) return ''\n\n return `\n cursor: not-allowed;\n background-color: ${props.theme.colors.mercury};\n color: ${props.theme.colors.silver};\n `\n }}\n\n ${(props) => (props.basic || props.outline ? 'background-color: transparent;' : '')}\n`\n\nexport const Root = styled.button\n .withConfig<StyledButtonProps>({\n shouldForwardProp: shouldForwardButtonProp,\n })\n .attrs<StyledButtonProps>(\n (props): Required<Pick<StyledButtonProps, 'dynamicSizeDeclaration'>> => ({\n dynamicSizeDeclaration: (size, sizeUnits) => {\n return {\n fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n height: '2.8em',\n width: props.round ? '2.8em' : undefined,\n paddingRight: props.round ? undefined : '1.6em',\n paddingLeft: props.round ? undefined : '1.6em',\n }\n },\n })\n )`\n ${(props) => {\n let display = props.inline ? 'inline-flex' : 'flex'\n if (props.display) display = props.display\n\n let borderRadius = '0px'\n if (props.rounded) borderRadius = props.preset === 'brand' ? '48px' : '5px'\n if (props.round) borderRadius = '50%'\n\n let cursor = 'pointer'\n if (props.loading) cursor = 'wait'\n if (props.success) cursor = 'pointer'\n if (props.disabled) cursor = 'not-allowed'\n\n return `\n display: ${display};\n border-radius: ${borderRadius};\n cursor: ${cursor};\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 font: inherit;\n ${\n props.preset === 'brand'\n ? `\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 : `\n border: none;\n overflow: hidden;\n transition-property: background-color, color;\n transition-duration: 200ms;`\n }\n `\n }}\n\n ${(props) => {\n if (props.preset === 'default') return defaultStyles\n\n let schema = COLOR_SCHEMA.default\n\n if (props.black) schema = COLOR_SCHEMA.black\n if (props.danger) schema = COLOR_SCHEMA.danger\n if (props.contrast || props.onColored) schema = COLOR_SCHEMA.contrast\n\n if (props.clear) return schema.clear\n if (props.base) return schema.base\n if (props.outline) return schema.outline\n\n return schema.filled\n }}\n\n ${focus}\n ${responsiveSize}\n ${responsiveMargin}\n\n ${(props) => (props.padding ? property(props.padding, 'padding') : null)}\n ${(props) => (props.paddingTop ? property(props.paddingTop, 'padding-top') : null)}\n ${(props) => (props.paddingRight ? property(props.paddingRight, 'padding-right') : null)}\n ${(props) => (props.paddingBottom ? property(props.paddingBottom, 'padding-bottom') : null)}\n ${(props) => (props.paddingLeft ? property(props.paddingLeft, 'padding-left') : null)}\n\n ${(props) => (props.fontSize ? property(props.fontSize, 'font-size') : null)}\n\n ${(props) => (props.height ? property(props.height, 'height') : null)}\n\n ${(props) => {\n const cssProperty = props.fluid && props.width !== 'auto' ? 'max-width' : 'width'\n return props.width ? property(getWidth(props.width), cssProperty) : null\n }}\n\n ${({ paddingXS, paddingS, paddingM, paddingL, paddingXL }) => {\n return responsiveNamedProperty({\n sizes: { paddingXS, paddingS, paddingM, paddingL, paddingXL },\n cssProperty: 'padding',\n })\n }}\n ${({ paddingTopXS, paddingTopS, paddingTopM, paddingTopL, paddingTopXL }) => {\n return responsiveNamedProperty({\n sizes: { paddingTopXS, paddingTopS, paddingTopM, paddingTopL, paddingTopXL },\n cssProperty: 'padding-top',\n })\n }}\n ${({ paddingRightXS, paddingRightS, paddingRightM, paddingRightL, paddingRightXL }) => {\n return responsiveNamedProperty({\n sizes: { paddingRightXS, paddingRightS, paddingRightM, paddingRightL, paddingRightXL },\n cssProperty: 'padding-right',\n })\n }}\n ${({ paddingBottomXS, paddingBottomS, paddingBottomM, paddingBottomL, paddingBottomXL }) => {\n return responsiveNamedProperty({\n sizes: { paddingBottomXS, paddingBottomS, paddingBottomM, paddingBottomL, paddingBottomXL },\n cssProperty: 'padding-bottom',\n })\n }}\n ${({ paddingLeftXS, paddingLeftS, paddingLeftM, paddingLeftL, paddingLeftXL }) => {\n return responsiveNamedProperty({\n sizes: { paddingLeftXS, paddingLeftS, paddingLeftM, paddingLeftL, paddingLeftXL },\n cssProperty: 'padding-left',\n })\n }}\n\n ${({ fontSizeXS, fontSizeS, fontSizeM, fontSizeL, fontSizeXL }) => {\n return responsiveNamedProperty({\n sizes: { fontSizeXS, fontSizeS, fontSizeM, fontSizeL, fontSizeXL },\n cssProperty: 'font-size',\n })\n }}\n\n ${({ heightXS, heightS, heightM, heightL, heightXL }) => {\n return responsiveNamedProperty({\n sizes: { heightXS, heightS, heightM, heightL, heightXL },\n cssProperty: 'height',\n })\n }}\n\n ${({ widthXS, widthS, widthM, widthL, widthXL, fluid, width }) => {\n return responsiveNamedProperty({\n sizes: { widthXS, widthS, widthM, widthL, widthXL },\n cssProperty: fluid && width !== 'auto' ? 'max-width' : 'width',\n customSizeHandler: getWidth,\n })\n }}\n\n ${(props) => (props.fluid ? property(props.fluid, fluidStyles) : null)}\n ${({ fluidXS, fluidS, fluidM, fluidL, fluidXL }) => {\n return responsiveNamedProperty({\n sizes: { fluidXS, fluidS, fluidM, fluidL, fluidXL },\n cssProperty: fluidStyles,\n })\n }}\n`\n\nexport const Content = styled.span`\n display: flex;\n align-items: center;\n justify-content: center;\n &[aria-hidden='true'],\n &[aria-hidden='true'] * {\n visibility: hidden !important;\n }\n & > *:not(:last-child) {\n margin-right: var(--gap, 0.25em);\n }\n`\n\nexport const IconPosition = styled.span`\n box-sizing: border-box;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n display: flex;\n align-items: center;\n justify-content: center;\n`\n\nexport const IconAnimation = styled.span`\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: center;\n transform-origin: center;\n animation: ${spinAnimation} 1600ms infinite linear;\n @media (prefers-reduced-motion: reduce) {\n animation-name: none;\n }\n`\n"],"names":["shouldForwardButtonProp","createShouldForwardProp","propKey","includes","responsiveFluidPropKeyRegExp","test","responsiveWidthPropKeyRegExp","responsivePaddingPropKeyRegExp","responsiveFontSizePropKeyRegExp","responsiveHeightPropKeyRegExp","WIDTHS","xl","l","m","s","xs","loadingAnimation","keyframes","spinAnimation","defaultLoadingStyles","css","getWidth","width","fluidStyles","template","palette","color","backgroundColor","borderColor","shadowColor","colorHover","backgroundColorHover","borderColorHover","colorActive","backgroundColorActive","borderColorActive","colorDisabled","backgroundColorDisabled","borderColorDisabled","COLOR_SCHEMA","contrast","clear","props","theme","colors","transparent","base","success","tinycolor","darken","toString","default","outline","loading","filled","danger","black","lighten","defaultStyles","disabled","fontColor","saturate","inverted","basic","cssProperty","mercury","silver","Root","styled","button","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","height","round","undefined","paddingRight","paddingLeft","displayName","componentId","display","inline","borderRadius","rounded","preset","cursor","schema","onColored","focus","responsiveSize","responsiveMargin","padding","property","paddingTop","paddingBottom","fluid","paddingXS","paddingS","paddingM","paddingL","paddingXL","responsiveNamedProperty","sizes","paddingTopXS","paddingTopS","paddingTopM","paddingTopL","paddingTopXL","paddingRightXS","paddingRightS","paddingRightM","paddingRightL","paddingRightXL","paddingBottomXS","paddingBottomS","paddingBottomM","paddingBottomL","paddingBottomXL","paddingLeftXS","paddingLeftS","paddingLeftM","paddingLeftL","paddingLeftXL","fontSizeXS","fontSizeS","fontSizeM","fontSizeL","fontSizeXL","heightXS","heightS","heightM","heightL","heightXL","widthXS","widthS","widthM","widthL","widthXL","customSizeHandler","fluidXS","fluidS","fluidM","fluidL","fluidXL","Content","span","IconPosition","IconAnimation"],"mappings":"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"}
1
+ {"version":3,"file":"style.js","sources":["../../../../src/components/Button/style.ts"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { property, responsiveNamedProperty } from 'mixins/responsive-property'\nimport { color } from 'mixins/color'\nimport type { PossibleValues, CalcProperty } from 'mixins/responsive-property'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { focus } from 'mixins/focus'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport {\n responsiveFluidPropKeyRegExp,\n responsiveWidthPropKeyRegExp,\n responsivePaddingPropKeyRegExp,\n responsiveFontSizePropKeyRegExp,\n responsiveHeightPropKeyRegExp,\n} from 'shared/regexp'\nimport type { CSSColor } from 'shared/types'\nimport { hover } from 'mixins/hover'\nimport type { StyledButtonProps, ButtonPalette } from './types'\n\nconst shouldForwardButtonProp = createShouldForwardProp(\n (propKey) =>\n ![\n 'fluid',\n 'width',\n 'display',\n 'padding',\n 'paddingTop',\n 'paddingRight',\n 'paddingBottom',\n 'paddingLeft',\n 'fontSize',\n 'height',\n 'inline',\n 'round',\n 'success',\n 'loading',\n 'black',\n 'danger',\n 'onColored',\n 'clear',\n 'base',\n 'outline',\n 'autoRel',\n 'noSpacing',\n 'primary',\n 'secondary',\n 'inverted',\n 'rounded',\n 'basic',\n ].includes(propKey),\n (propKey) =>\n !responsiveFluidPropKeyRegExp.test(propKey) &&\n !responsiveWidthPropKeyRegExp.test(propKey) &&\n !responsivePaddingPropKeyRegExp.test(propKey) &&\n !responsiveFontSizePropKeyRegExp.test(propKey) &&\n !responsiveHeightPropKeyRegExp.test(propKey)\n)\n\nconst WIDTHS: Record<string, number> = {\n xl: 320,\n l: 280,\n m: 245,\n s: 180,\n xs: 140,\n}\n\nconst loadingAnimation = keyframes`\n 0% {\n background-position: 0 0;\n }\n 100% {\n background-position: 50px 50px;\n }\n`\n\nconst spinAnimation = keyframes`\n 100% {\n transform: rotate(360deg);\n }\n`\n\nconst defaultLoadingStyles = css`\n background-image: linear-gradient(\n -45deg,\n rgba(255, 255, 255, 0.2) 25%,\n transparent 25%,\n transparent 50%,\n rgba(255, 255, 255, 0.2) 50%,\n rgba(255, 255, 255, 0.2) 75%,\n transparent 75%,\n transparent\n );\n background-size: 25px 25px;\n animation: ${loadingAnimation} 2s linear infinite;\n cursor: progress;\n`\n\nconst getWidth = (width: PossibleValues): PossibleValues => {\n if (width === 'auto') return 'auto'\n if (typeof width === 'number') return width\n if (typeof width === 'boolean') return width\n\n if (width && WIDTHS[width]) return WIDTHS[width]\n\n return 'auto'\n}\n\nconst fluidStyles: CalcProperty = () => css`\n min-width: initial;\n width: 100%;\n`\n\nconst template = (palette: ButtonPalette) => `\n color: ${palette.color};\n background-color: ${palette.backgroundColor};\n border-color: ${palette.borderColor};\n &::before {\n box-shadow: inset 0px 4px 0px ${palette.shadowColor};\n }\n ${hover(`\n color: ${palette.colorHover};\n background-color: ${palette.backgroundColorHover};\n border-color: ${palette.borderColorHover};\n `)}\n &:active {\n color: ${palette.colorActive};\n background-color: ${palette.backgroundColorActive};\n border-color: ${palette.borderColorActive};\n }\n &:disabled {\n color: ${palette.colorDisabled};\n background-color: ${palette.backgroundColorDisabled};\n border-color: ${palette.borderColorDisabled};\n }\n`\n\nconst COLOR_SCHEMA = {\n contrast: {\n clear: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.theme.colors.transparent,\n borderColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.theme.colors['content-oncolor-primary'],\n backgroundColorActive: props.theme.colors['bg-oncontrast-hover'],\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.theme.colors.transparent,\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncontrast-hover'],\n ...props.palette,\n })}\n `,\n base: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success ? props.theme.colors['alert-success'] : props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.success\n ? props.theme.colors['bg-oncolor-primary']\n : props.theme.colors['bg-oncolor-secondary'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.success\n ? props.theme.colors['alert-success']\n : props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-oncolor-secondary']).darken(4).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.success\n ? props.theme.colors['alert-success']\n : props.theme.colors['content-oncolor-primary'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-oncolor-secondary']).darken(4).toString() as CSSColor),\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-oncolor-disabled'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n outline: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success\n ? props.theme.colors['alert-success']\n : props.loading\n ? props.theme.colors['content-oncolor-constant']\n : props.theme.colors['content-oncolor-primary'],\n backgroundColor:\n props.success || props.loading ? props.theme.colors['bg-oncolor-primary'] : props.theme.colors.transparent,\n borderColor:\n props.success || props.loading\n ? props.theme.colors.transparent\n : props.theme.colors['border-oncolor-default-large'],\n colorHover: props.success\n ? props.theme.colors['alert-success']\n : props.theme.colors['content-oncolor-constant'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(2).toString() as CSSColor)\n : props.theme.colors['bg-oncolor-primary'],\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.success\n ? props.theme.colors['alert-success']\n : props.theme.colors['content-oncolor-constant'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(2).toString() as CSSColor)\n : props.theme.colors['bg-oncolor-primary'],\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-oncolor-disabled'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n filled: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success ? props.theme.colors['alert-success'] : props.theme.colors['content-oncolor-constant'],\n backgroundColor: props.theme.colors['bg-oncolor-primary'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.success\n ? props.theme.colors['alert-success']\n : props.theme.colors['content-oncolor-constant'],\n backgroundColorHover: tinycolor(props.theme.colors['bg-oncolor-primary']).darken(2).toString() as CSSColor,\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.success\n ? props.theme.colors['alert-success']\n : props.theme.colors['content-oncolor-constant'],\n backgroundColorActive: tinycolor(props.theme.colors['bg-oncolor-primary']).darken(2).toString() as CSSColor,\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-oncolor-disabled'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n },\n danger: {\n clear: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success ? props.theme.colors['alert-success'] : props.theme.colors['alert-error'],\n backgroundColor: props.theme.colors.transparent,\n borderColor: props.theme.colors.transparent,\n colorHover: props.success ? props.theme.colors['alert-success'] : props.theme.colors['alert-error'],\n backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.success ? props.theme.colors['alert-success'] : props.theme.colors['alert-error'],\n backgroundColorActive: props.theme.colors['bg-oncolor-hover'],\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors.transparent,\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n base: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success ? props.theme.colors['content-oncolor-primary'] : props.theme.colors['alert-error'],\n backgroundColor: props.success\n ? props.theme.colors['alert-bg-success-500']\n : props.theme.colors['bg-onmain-tertiary'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.success ? props.theme.colors['content-oncolor-primary'] : props.theme.colors['alert-error'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(2).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['alert-error'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(2).toString() as CSSColor),\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n outline: css<StyledButtonProps>`\n ${(props) =>\n template({\n color:\n props.success || props.loading\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['alert-error'],\n backgroundColor: props.success\n ? props.theme.colors['alert-bg-success-500']\n : props.loading\n ? props.theme.colors['alert-bg-error-500']\n : props.theme.colors.transparent,\n borderColor:\n props.success || props.loading\n ? props.theme.colors.transparent\n : props.theme.colors['border-onmain-default-large'],\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : props.theme.colors['alert-bg-error-500'],\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.theme.colors['content-oncolor-primary'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['alert-bg-error-500']).darken(2).toString() as CSSColor),\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n filled: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.success\n ? props.theme.colors['alert-bg-success-500']\n : props.theme.colors['alert-bg-error-500'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['alert-bg-error-500']).darken(2).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.theme.colors['content-oncolor-primary'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['alert-bg-error-500']).darken(2).toString() as CSSColor),\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n },\n black: {\n clear: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success ? props.theme.colors['alert-success'] : props.theme.colors['content-oncolor-inverse'],\n backgroundColor: props.theme.colors.transparent,\n borderColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-inverse'],\n backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.theme.colors['content-oncolor-inverse'],\n backgroundColorActive: props.theme.colors['bg-oncolor-hover'],\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors.transparent,\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n base: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-oncolor-inverse'],\n backgroundColor: props.success\n ? props.theme.colors['alert-bg-success-500']\n : props.theme.colors['bg-onmain-tertiary'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-oncolor-inverse'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).lighten(4).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(4).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-oncolor-inverse'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).lighten(4).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(4).toString() as CSSColor),\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n outline: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.loading\n ? props.theme.colors['content-onmain-inverse']\n : props.theme.colors['content-oncolor-inverse'],\n backgroundColor: props.success\n ? props.theme.colors['alert-bg-success-500']\n : props.loading\n ? props.theme.colors['bg-onmain-inverse']\n : props.theme.colors.transparent,\n borderColor:\n props.success || props.loading\n ? props.theme.colors.transparent\n : props.theme.colors['border-onmain-default-large'],\n colorHover: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-inverse'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).lighten(4).toString() as CSSColor)\n : props.theme.colors['bg-onmain-inverse'],\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-inverse'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).lighten(4).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-inverse']).lighten(4).toString() as CSSColor),\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n filled: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-inverse'],\n backgroundColor: props.success\n ? props.theme.colors['alert-bg-success-500']\n : props.theme.colors['bg-onmain-inverse'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-inverse'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).lighten(4).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-inverse']).lighten(4).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-inverse'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).lighten(4).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-inverse']).lighten(4).toString() as CSSColor),\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n },\n default: {\n clear: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success ? props.theme.colors['alert-success'] : props.theme.colors['content-brand-primary'],\n backgroundColor: props.theme.colors.transparent,\n borderColor: props.theme.colors.transparent,\n colorHover: props.success ? props.theme.colors['alert-success'] : props.theme.colors['content-brand-primary'],\n backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.success\n ? props.theme.colors['alert-success']\n : props.theme.colors['content-brand-primary'],\n backgroundColorActive: props.theme.colors['bg-oncolor-hover'],\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors.transparent,\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n base: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-brand-primary'],\n backgroundColor: props.success\n ? props.theme.colors['alert-bg-success-500']\n : props.theme.colors['bg-onmain-tertiary'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-brand-primary'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(2).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-brand-primary'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(2).toString() as CSSColor),\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n outline: css<StyledButtonProps>`\n ${(props) =>\n template({\n color:\n props.success || props.loading\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-brand-primary'],\n backgroundColor: props.success\n ? props.theme.colors['alert-bg-success-500']\n : props.loading\n ? props.theme.colors['bg-brand-primary-basic']\n : props.theme.colors.transparent,\n borderColor:\n props.success || props.loading\n ? props.theme.colors.transparent\n : props.theme.colors['border-onmain-default-large'],\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : props.theme.colors['bg-brand-primary-basic'],\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.theme.colors['content-oncolor-primary'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-brand-primary-basic']).darken(2).toString() as CSSColor),\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n filled: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.success\n ? props.theme.colors['alert-bg-success-500']\n : props.theme.colors['bg-brand-primary-basic'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-brand-primary-basic']).darken(2).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.theme.colors['content-oncolor-primary'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-brand-primary-basic']).darken(2).toString() as CSSColor),\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n },\n}\n\nconst defaultStyles = css<StyledButtonProps>`\n ${(props) => {\n if (props.disabled || props.loading) return ''\n\n return `\n &:active {\n box-shadow: inset 0 4px 0px 0px rgba(0, 0, 0, 0.14);\n }\n ${hover(`\n color: ${props.fontColor};\n background-color: ${tinycolor(props.theme.colors[props.color as keyof typeof props.theme.colors])\n .saturate(-5)\n .lighten(-8)\n .toString()};\n `)}\n ${\n props.inverted || props.basic || props.outline\n ? `\n &:not(:hover) {\n border: 1px solid ${props.theme.colors[props.color as keyof typeof props.theme.colors]};\n }\n ${hover(`\n border: 1px solid ${props.theme.colors[props.color as keyof typeof props.theme.colors]};\n `)}\n `\n : ''\n }\n `\n }}\n\n ${(props) => (props.loading ? defaultLoadingStyles : '')}\n\n ${(props) => {\n let cssProperty = 'background-color'\n if (props.inverted || props.basic || props.outline) cssProperty = 'color'\n\n return color(props.color, cssProperty)\n }}\n\n ${(props) => {\n let cssProperty = 'color'\n if (props.inverted || props.basic || props.outline) cssProperty = 'background-color'\n\n return color(props.fontColor, cssProperty)\n }}\n\n ${(props) => {\n if (!props.disabled) return ''\n\n return `\n cursor: not-allowed;\n background-color: ${props.theme.colors.mercury};\n color: ${props.theme.colors.silver};\n `\n }}\n\n ${(props) => (props.basic || props.outline ? 'background-color: transparent;' : '')}\n`\n\nexport const Root = styled.button\n .withConfig<StyledButtonProps>({\n shouldForwardProp: shouldForwardButtonProp,\n })\n .attrs<StyledButtonProps>(\n (props): Required<Pick<StyledButtonProps, 'dynamicSizeDeclaration'>> => ({\n dynamicSizeDeclaration: (size, sizeUnits) => {\n return {\n fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n height: '2.8em',\n width: props.round ? '2.8em' : undefined,\n paddingRight: props.round ? undefined : '1.6em',\n paddingLeft: props.round ? undefined : '1.6em',\n }\n },\n })\n )`\n ${(props) => {\n let display = props.inline ? 'inline-flex' : 'flex'\n if (props.display) display = props.display\n\n let borderRadius = '0px'\n if (props.rounded) borderRadius = props.preset === 'brand' ? '48px' : '5px'\n if (props.round) borderRadius = '50%'\n\n let cursor = 'pointer'\n if (props.loading) cursor = 'wait'\n if (props.success) cursor = 'pointer'\n if (props.disabled) cursor = 'not-allowed'\n\n return `\n display: ${display};\n border-radius: ${borderRadius};\n cursor: ${cursor};\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 font: inherit;\n ${\n props.preset === 'brand'\n ? `\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 : `\n border: none;\n overflow: hidden;\n transition-property: background-color, color;\n transition-duration: 200ms;`\n }\n `\n }}\n\n ${(props) => {\n if (props.preset === 'default') return defaultStyles\n\n let schema = COLOR_SCHEMA.default\n\n if (props.black) schema = COLOR_SCHEMA.black\n if (props.danger) schema = COLOR_SCHEMA.danger\n if (props.contrast || props.onColored) schema = COLOR_SCHEMA.contrast\n\n if (props.clear) return schema.clear\n if (props.base) return schema.base\n if (props.outline) return schema.outline\n\n return schema.filled\n }}\n\n ${focus}\n ${responsiveSize}\n ${responsiveMargin}\n\n ${(props) => (props.padding ? property(props.padding, 'padding') : null)}\n ${(props) => (props.paddingTop ? property(props.paddingTop, 'padding-top') : null)}\n ${(props) => (props.paddingRight ? property(props.paddingRight, 'padding-right') : null)}\n ${(props) => (props.paddingBottom ? property(props.paddingBottom, 'padding-bottom') : null)}\n ${(props) => (props.paddingLeft ? property(props.paddingLeft, 'padding-left') : null)}\n\n ${(props) => (props.fontSize ? property(props.fontSize, 'font-size') : null)}\n\n ${(props) => (props.height ? property(props.height, 'height') : null)}\n\n ${(props) => {\n const cssProperty = props.fluid && props.width !== 'auto' ? 'max-width' : 'width'\n return props.width ? property(getWidth(props.width), cssProperty) : null\n }}\n\n ${({ paddingXS, paddingS, paddingM, paddingL, paddingXL }) => {\n return responsiveNamedProperty({\n sizes: { paddingXS, paddingS, paddingM, paddingL, paddingXL },\n cssProperty: 'padding',\n })\n }}\n ${({ paddingTopXS, paddingTopS, paddingTopM, paddingTopL, paddingTopXL }) => {\n return responsiveNamedProperty({\n sizes: { paddingTopXS, paddingTopS, paddingTopM, paddingTopL, paddingTopXL },\n cssProperty: 'padding-top',\n })\n }}\n ${({ paddingRightXS, paddingRightS, paddingRightM, paddingRightL, paddingRightXL }) => {\n return responsiveNamedProperty({\n sizes: { paddingRightXS, paddingRightS, paddingRightM, paddingRightL, paddingRightXL },\n cssProperty: 'padding-right',\n })\n }}\n ${({ paddingBottomXS, paddingBottomS, paddingBottomM, paddingBottomL, paddingBottomXL }) => {\n return responsiveNamedProperty({\n sizes: { paddingBottomXS, paddingBottomS, paddingBottomM, paddingBottomL, paddingBottomXL },\n cssProperty: 'padding-bottom',\n })\n }}\n ${({ paddingLeftXS, paddingLeftS, paddingLeftM, paddingLeftL, paddingLeftXL }) => {\n return responsiveNamedProperty({\n sizes: { paddingLeftXS, paddingLeftS, paddingLeftM, paddingLeftL, paddingLeftXL },\n cssProperty: 'padding-left',\n })\n }}\n\n ${({ fontSizeXS, fontSizeS, fontSizeM, fontSizeL, fontSizeXL }) => {\n return responsiveNamedProperty({\n sizes: { fontSizeXS, fontSizeS, fontSizeM, fontSizeL, fontSizeXL },\n cssProperty: 'font-size',\n })\n }}\n\n ${({ heightXS, heightS, heightM, heightL, heightXL }) => {\n return responsiveNamedProperty({\n sizes: { heightXS, heightS, heightM, heightL, heightXL },\n cssProperty: 'height',\n })\n }}\n\n ${({ widthXS, widthS, widthM, widthL, widthXL, fluid, width }) => {\n return responsiveNamedProperty({\n sizes: { widthXS, widthS, widthM, widthL, widthXL },\n cssProperty: fluid && width !== 'auto' ? 'max-width' : 'width',\n customSizeHandler: getWidth,\n })\n }}\n\n ${(props) => (props.fluid ? property(props.fluid, fluidStyles) : null)}\n ${({ fluidXS, fluidS, fluidM, fluidL, fluidXL }) => {\n return responsiveNamedProperty({\n sizes: { fluidXS, fluidS, fluidM, fluidL, fluidXL },\n cssProperty: fluidStyles,\n })\n }}\n`\n\nexport const Content = styled.span`\n display: flex;\n align-items: center;\n justify-content: center;\n &[aria-hidden='true'],\n &[aria-hidden='true'] * {\n visibility: hidden !important;\n }\n & > *:not(:last-child) {\n margin-right: var(--gap, 0.25em);\n }\n`\n\nexport const IconPosition = styled.span`\n box-sizing: border-box;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n display: flex;\n align-items: center;\n justify-content: center;\n`\n\nexport const IconAnimation = styled.span`\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: center;\n transform-origin: center;\n animation: ${spinAnimation} 1600ms infinite linear;\n @media (prefers-reduced-motion: reduce) {\n animation-name: none;\n }\n`\n"],"names":["shouldForwardButtonProp","createShouldForwardProp","propKey","includes","responsiveFluidPropKeyRegExp","test","responsiveWidthPropKeyRegExp","responsivePaddingPropKeyRegExp","responsiveFontSizePropKeyRegExp","responsiveHeightPropKeyRegExp","WIDTHS","xl","l","m","s","xs","loadingAnimation","keyframes","spinAnimation","defaultLoadingStyles","css","getWidth","width","fluidStyles","template","palette","color","backgroundColor","borderColor","shadowColor","hover","colorHover","backgroundColorHover","borderColorHover","colorActive","backgroundColorActive","borderColorActive","colorDisabled","backgroundColorDisabled","borderColorDisabled","COLOR_SCHEMA","contrast","clear","props","theme","colors","transparent","base","success","tinycolor","darken","toString","default","outline","loading","filled","danger","black","lighten","defaultStyles","disabled","fontColor","saturate","inverted","basic","cssProperty","mercury","silver","Root","styled","button","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","height","round","undefined","paddingRight","paddingLeft","displayName","componentId","display","inline","borderRadius","rounded","preset","cursor","schema","onColored","focus","responsiveSize","responsiveMargin","padding","property","paddingTop","paddingBottom","fluid","paddingXS","paddingS","paddingM","paddingL","paddingXL","responsiveNamedProperty","sizes","paddingTopXS","paddingTopS","paddingTopM","paddingTopL","paddingTopXL","paddingRightXS","paddingRightS","paddingRightM","paddingRightL","paddingRightXL","paddingBottomXS","paddingBottomS","paddingBottomM","paddingBottomL","paddingBottomXL","paddingLeftXS","paddingLeftS","paddingLeftM","paddingLeftL","paddingLeftXL","fontSizeXS","fontSizeS","fontSizeM","fontSizeL","fontSizeXL","heightXS","heightS","heightM","heightL","heightXL","widthXS","widthS","widthM","widthL","widthXL","customSizeHandler","fluidXS","fluidS","fluidM","fluidL","fluidXL","Content","span","IconPosition","IconAnimation"],"mappings":"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"}