@foxford/ui 2.21.1-beta-969c4c3-20240320 → 2.21.2-beta-a8b0c62-20240328

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 (71) hide show
  1. package/components/Anchor/style.js +1 -1
  2. package/components/Anchor/style.js.map +1 -1
  3. package/components/Arrow/Arrow.js +1 -1
  4. package/components/Arrow/Arrow.js.map +1 -1
  5. package/components/Arrow/constants.js +1 -1
  6. package/components/Arrow/constants.js.map +1 -1
  7. package/components/Arrow/default-constants.js +2 -0
  8. package/components/Arrow/default-constants.js.map +1 -0
  9. package/components/Arrow/style.js +1 -1
  10. package/components/Arrow/style.js.map +1 -1
  11. package/components/ArrowBadge/ArrowBadge.js +1 -1
  12. package/components/ArrowBadge/ArrowBadge.js.map +1 -1
  13. package/components/ArrowBadge/style.js +1 -1
  14. package/components/ArrowBadge/style.js.map +1 -1
  15. package/components/Badge/style.js +1 -1
  16. package/components/Badge/style.js.map +1 -1
  17. package/components/Button/Button.js +1 -1
  18. package/components/Button/Button.js.map +1 -1
  19. package/components/Button/constants.js +1 -1
  20. package/components/Button/constants.js.map +1 -1
  21. package/components/Button/default-constants.js +2 -0
  22. package/components/Button/default-constants.js.map +1 -0
  23. package/components/Button/style.js +1 -1
  24. package/components/Button/style.js.map +1 -1
  25. package/components/FormInputLabel/FormInputLabel.js +1 -1
  26. package/components/FormInputLabel/FormInputLabel.js.map +1 -1
  27. package/components/FormInputLabel/style.js +1 -1
  28. package/components/FormInputLabel/style.js.map +1 -1
  29. package/components/FormLabel/FormLabel.js +1 -1
  30. package/components/FormLabel/FormLabel.js.map +1 -1
  31. package/components/FormLabel/style.js +1 -1
  32. package/components/FormLabel/style.js.map +1 -1
  33. package/components/Input/Input.js +1 -1
  34. package/components/Input/Input.js.map +1 -1
  35. package/components/Input/style.js +1 -1
  36. package/components/Input/style.js.map +1 -1
  37. package/components/InputCheckbox/InputCheckbox.js +1 -1
  38. package/components/InputCheckbox/InputCheckbox.js.map +1 -1
  39. package/components/InputCheckbox/constants.js +1 -1
  40. package/components/InputCheckbox/constants.js.map +1 -1
  41. package/components/InputCheckbox/style.js +1 -1
  42. package/components/InputCheckbox/style.js.map +1 -1
  43. package/components/InputRadio/InputRadio.js +1 -1
  44. package/components/InputRadio/InputRadio.js.map +1 -1
  45. package/components/InputRadio/style.js +1 -1
  46. package/components/InputRadio/style.js.map +1 -1
  47. package/components/Tab/Tab.js +1 -1
  48. package/components/Tab/Tab.js.map +1 -1
  49. package/components/Tab/constants.js +1 -1
  50. package/components/Tab/constants.js.map +1 -1
  51. package/components/Tab/default-constants.js +2 -0
  52. package/components/Tab/default-constants.js.map +1 -0
  53. package/components/Tab/style.js +1 -1
  54. package/components/Tab/style.js.map +1 -1
  55. package/components/Text/Text.js +1 -1
  56. package/components/Text/Text.js.map +1 -1
  57. package/components/Text/constants.js +1 -1
  58. package/components/Text/constants.js.map +1 -1
  59. package/components/Text/default-constants.js +2 -0
  60. package/components/Text/default-constants.js.map +1 -0
  61. package/components/Text/style.js +1 -1
  62. package/components/Text/style.js.map +1 -1
  63. package/components/Textarea/style.js +1 -1
  64. package/components/Textarea/style.js.map +1 -1
  65. package/dts/index.d.ts +252 -200
  66. package/hocs/withMergedProps.js.map +1 -1
  67. package/index.cjs.js +1 -1
  68. package/index.cjs.js.map +1 -1
  69. package/package.json +1 -1
  70. package/shared/regexp.js +1 -1
  71. package/shared/regexp.js.map +1 -1
package/components/Button/style.js CHANGED
@@ -1,2 +1,2 @@
1
- import o from'@babel/runtime/helpers/objectSpread2';import r,{keyframes as e,css as t}from'styled-components';import n from'tinycolor2';import{property as c,responsiveNamedProperty as s}from'../../mixins/responsive-property.js';import{color as l}from'../../mixins/color.js';import{createShouldForwardProp as a}from'../../shared/utils/style.js';import{focus as i}from'../../mixins/focus.js';import{responsiveSize as d}from'../../mixins/responsive-size.js';import{responsiveFluidPropKeyRegExp as m,responsiveWidthPropKeyRegExp as g,responsivePaddingPropKeyRegExp as h,responsiveFontSizePropKeyRegExp as b,responsiveHeightPropKeyRegExp as p}from'../../shared/regexp.js';import u from'./images/loader.module.svg.js';var v=a((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=>!(m.test(o)||g.test(o)||h.test(o)||b.test(o)||p.test(o))));var C={xl:320,l:280,m:245,s:180,xs:140};var y=e(["0%{background-position:0 0;}100%{background-position:50px 50px;}"]);var k=e(["100%{transform:rotate(360deg);}"]);var S=t(["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;"],y);var f=o=>'auto'===o?'auto':'number'==typeof o||'boolean'==typeof o?o:o&&C[o]?C[o]:'auto';var L=()=>t(["min-width:initial;width:100%;"]);var X=o=>"\n color: ".concat(o.color,";\n background-color: ").concat(o.backgroundColor,";\n border-color: ").concat(o.borderColor,";\n &::before {\n box-shadow: inset 0px 4px 0px ").concat(o.shadowColor,";\n }\n &:hover {\n color: ").concat(o.colorHover,";\n background-color: ").concat(o.backgroundColorHover,";\n border-color: ").concat(o.borderColorHover,";\n }\n &:active {\n color: ").concat(o.colorActive,";\n background-color: ").concat(o.backgroundColorActive,";\n border-color: ").concat(o.borderColorActive,";\n }\n &:disabled {\n color: ").concat(o.colorDisabled,";\n background-color: ").concat(o.backgroundColorDisabled,";\n border-color: ").concat(o.borderColorDisabled,";\n }\n");var H={onColored:{clear:t(["",""],(r=>X(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors.transparent,borderColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.theme.colors['bg-oncontrast-hover'],borderColorHover:r.theme.colors.transparent,colorActive:r.theme.colors['content-oncolor-primary'],backgroundColorActive:r.theme.colors['bg-oncontrast-hover'],borderColorActive:r.theme.colors.transparent,colorDisabled:r.loading?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:r.theme.colors.transparent,borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncontrast-hover']},r.palette)))),base:t(["",""],(r=>X(o({color:r.success?r.theme.colors['alert-success']:r.theme.colors['content-oncolor-primary'],backgroundColor:r.success?r.theme.colors['bg-oncolor-primary']:r.theme.colors['bg-oncolor-secondary'],borderColor:r.theme.colors.transparent,colorHover:r.success?r.theme.colors['alert-success']:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.success?n(r.theme.colors['bg-oncolor-primary']).darken(2).toString():n(r.theme.colors['bg-oncolor-secondary']).darken(4).toString(),borderColorHover:r.theme.colors.transparent,colorActive:r.success?r.theme.colors['alert-success']:r.theme.colors['content-oncolor-primary'],backgroundColorActive:r.success?n(r.theme.colors['bg-oncolor-primary']).darken(2).toString():n(r.theme.colors['bg-oncolor-secondary']).darken(4).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.loading?r.theme.colors['content-oncolor-constant']:r.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:r.loading?r.theme.colors['bg-oncolor-primary']:r.theme.colors['bg-oncolor-disabled'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),outline:t(["",""],(r=>X(o({color:r.success?r.theme.colors['alert-success']:r.loading?r.theme.colors['content-oncolor-constant']:r.theme.colors['content-oncolor-primary'],backgroundColor:r.success||r.loading?r.theme.colors['bg-oncolor-primary']:r.theme.colors.transparent,borderColor:r.success||r.loading?r.theme.colors.transparent:r.theme.colors['border-oncolor-default'],colorHover:r.success?r.theme.colors['alert-success']:r.theme.colors['content-oncolor-constant'],backgroundColorHover:r.success?n(r.theme.colors['bg-oncolor-primary']).darken(2).toString():r.theme.colors['bg-oncolor-primary'],borderColorHover:r.theme.colors.transparent,colorActive:r.success?r.theme.colors['alert-success']:r.theme.colors['content-oncolor-constant'],backgroundColorActive:r.success?n(r.theme.colors['bg-oncolor-primary']).darken(2).toString():r.theme.colors['bg-oncolor-primary'],borderColorActive:r.theme.colors.transparent,colorDisabled:r.loading?r.theme.colors['content-oncolor-constant']:r.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:r.loading?r.theme.colors['bg-oncolor-primary']:r.theme.colors['bg-oncolor-disabled'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),default:t(["",""],(r=>X(o({color:r.success?r.theme.colors['alert-success']:r.theme.colors['content-oncolor-constant'],backgroundColor:r.theme.colors['bg-oncolor-primary'],borderColor:r.theme.colors.transparent,colorHover:r.success?r.theme.colors['alert-success']:r.theme.colors['content-oncolor-constant'],backgroundColorHover:n(r.theme.colors['bg-oncolor-primary']).darken(2).toString(),borderColorHover:r.theme.colors.transparent,colorActive:r.success?r.theme.colors['alert-success']:r.theme.colors['content-oncolor-constant'],backgroundColorActive:n(r.theme.colors['bg-oncolor-primary']).darken(2).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.loading?r.theme.colors['content-oncolor-constant']:r.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:r.loading?r.theme.colors['bg-oncolor-primary']:r.theme.colors['bg-oncolor-disabled'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette))))},danger:{clear:t(["",""],(r=>X(o({color:r.success?r.theme.colors['alert-success']:r.theme.colors['alert-error'],backgroundColor:r.theme.colors.transparent,borderColor:r.theme.colors.transparent,colorHover:r.success?r.theme.colors['alert-success']:r.theme.colors['alert-error'],backgroundColorHover:r.theme.colors['bg-oncolor-hover'],borderColorHover:r.theme.colors.transparent,colorActive:r.success?r.theme.colors['alert-success']:r.theme.colors['alert-error'],backgroundColorActive:r.theme.colors['bg-oncolor-hover'],borderColorActive:r.theme.colors.transparent,colorDisabled:r.loading?r.theme.colors['alert-error']:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors.transparent,borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),base:t(["",""],(r=>X(o({color:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['alert-error'],backgroundColor:r.success?r.theme.colors['alert-bg-success-500']:r.theme.colors['bg-onmain-tertiary'],borderColor:r.theme.colors.transparent,colorHover:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['alert-error'],backgroundColorHover:r.success?n(r.theme.colors['alert-bg-success-500']).darken(2).toString():n(r.theme.colors['bg-onmain-tertiary']).darken(2).toString(),borderColorHover:r.theme.colors.transparent,colorActive:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['alert-error'],backgroundColorActive:r.success?n(r.theme.colors['alert-bg-success-500']).darken(2).toString():n(r.theme.colors['bg-onmain-tertiary']).darken(2).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.loading?r.theme.colors['alert-error']:r.theme.colors['content-disabled'],backgroundColorDisabled:r.loading?r.theme.colors['bg-onmain-tertiary']:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),outline:t(["",""],(r=>X(o({color:r.success||r.loading?r.theme.colors['content-oncolor-primary']:r.theme.colors['alert-error'],backgroundColor:r.success?r.theme.colors['alert-bg-success-500']:r.loading?r.theme.colors['alert-bg-error-500']:r.theme.colors.transparent,borderColor:r.success||r.loading?r.theme.colors.transparent:r.theme.colors['alert-bg-error-500'],colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.success?n(r.theme.colors['alert-bg-success-500']).darken(2).toString():r.theme.colors['alert-bg-error-500'],borderColorHover:r.theme.colors.transparent,colorActive:r.theme.colors['content-oncolor-primary'],backgroundColorActive:r.success?n(r.theme.colors['alert-bg-success-500']).darken(2).toString():n(r.theme.colors['alert-bg-error-500']).darken(2).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.loading?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-disabled'],backgroundColorDisabled:r.loading?r.theme.colors['alert-bg-error-500']:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),default:t(["",""],(r=>X(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.success?r.theme.colors['alert-bg-success-500']:r.theme.colors['alert-bg-error-500'],borderColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.success?n(r.theme.colors['alert-bg-success-500']).darken(2).toString():n(r.theme.colors['alert-bg-error-500']).darken(2).toString(),borderColorHover:r.theme.colors.transparent,colorActive:r.theme.colors['content-oncolor-primary'],backgroundColorActive:r.success?n(r.theme.colors['alert-bg-success-500']).darken(2).toString():n(r.theme.colors['alert-bg-error-500']).darken(2).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.loading?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-disabled'],backgroundColorDisabled:r.loading?r.theme.colors['alert-bg-error-500']:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette))))},black:{clear:t(["",""],(r=>X(o({color:r.success?r.theme.colors['alert-success']:r.theme.colors['content-oncolor-inverse'],backgroundColor:r.theme.colors.transparent,borderColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-oncolor-inverse'],backgroundColorHover:r.theme.colors['bg-oncolor-hover'],borderColorHover:r.theme.colors.transparent,colorActive:r.theme.colors['content-oncolor-inverse'],backgroundColorActive:r.theme.colors['bg-oncolor-hover'],borderColorActive:r.theme.colors.transparent,colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors.transparent,borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),base:t(["",""],(r=>X(o({color:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-oncolor-inverse'],backgroundColor:r.success?r.theme.colors['alert-bg-success-500']:r.theme.colors['bg-onmain-tertiary'],borderColor:r.theme.colors.transparent,colorHover:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-oncolor-inverse'],backgroundColorHover:r.success?n(r.theme.colors['alert-bg-success-500']).lighten(4).toString():n(r.theme.colors['bg-onmain-tertiary']).darken(4).toString(),borderColorHover:r.theme.colors.transparent,colorActive:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-oncolor-inverse'],backgroundColorActive:r.success?n(r.theme.colors['alert-bg-success-500']).lighten(4).toString():n(r.theme.colors['bg-onmain-tertiary']).darken(4).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),outline:t(["",""],(r=>X(o({color:r.success?r.theme.colors['content-oncolor-primary']:r.loading?r.theme.colors['content-onmain-inverse']:r.theme.colors['content-oncolor-inverse'],backgroundColor:r.success?r.theme.colors['alert-bg-success-500']:r.loading?r.theme.colors['bg-onmain-inverse']:r.theme.colors.transparent,borderColor:r.success||r.loading?r.theme.colors.transparent:r.theme.colors['border-onmain-contrast'],colorHover:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-onmain-inverse'],backgroundColorHover:r.success?n(r.theme.colors['alert-bg-success-500']).lighten(4).toString():r.theme.colors['bg-onmain-inverse'],borderColorHover:r.theme.colors.transparent,colorActive:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-onmain-inverse'],backgroundColorActive:r.success?n(r.theme.colors['alert-bg-success-500']).lighten(4).toString():n(r.theme.colors['bg-onmain-inverse']).lighten(4).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),default:t(["",""],(r=>X(o({color:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-onmain-inverse'],backgroundColor:r.success?r.theme.colors['alert-bg-success-500']:r.theme.colors['bg-onmain-inverse'],borderColor:r.theme.colors.transparent,colorHover:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-onmain-inverse'],backgroundColorHover:r.success?n(r.theme.colors['alert-bg-success-500']).lighten(4).toString():n(r.theme.colors['bg-onmain-inverse']).lighten(4).toString(),borderColorHover:r.theme.colors.transparent,colorActive:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-onmain-inverse'],backgroundColorActive:r.success?n(r.theme.colors['alert-bg-success-500']).lighten(4).toString():n(r.theme.colors['bg-onmain-inverse']).lighten(4).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette))))},default:{clear:t(["",""],(r=>X(o({color:r.success?r.theme.colors['alert-success']:r.theme.colors['content-brand-primary'],backgroundColor:r.theme.colors.transparent,borderColor:r.theme.colors.transparent,colorHover:r.success?r.theme.colors['alert-success']:r.theme.colors['content-brand-primary'],backgroundColorHover:r.theme.colors['bg-oncolor-hover'],borderColorHover:r.theme.colors.transparent,colorActive:r.success?r.theme.colors['alert-success']:r.theme.colors['content-brand-primary'],backgroundColorActive:r.theme.colors['bg-oncolor-hover'],borderColorActive:r.theme.colors.transparent,colorDisabled:r.loading?r.theme.colors['content-brand-primary']:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors.transparent,borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),base:t(["",""],(r=>X(o({color:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-brand-primary'],backgroundColor:r.success?r.theme.colors['alert-bg-success-500']:r.theme.colors['bg-onmain-tertiary'],borderColor:r.theme.colors.transparent,colorHover:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-brand-primary'],backgroundColorHover:r.success?n(r.theme.colors['alert-bg-success-500']).darken(2).toString():n(r.theme.colors['bg-onmain-tertiary']).darken(2).toString(),borderColorHover:r.theme.colors.transparent,colorActive:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-brand-primary'],backgroundColorActive:r.success?n(r.theme.colors['alert-bg-success-500']).darken(2).toString():n(r.theme.colors['bg-onmain-tertiary']).darken(2).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.loading?r.theme.colors['content-brand-primary']:r.theme.colors['content-disabled'],backgroundColorDisabled:r.loading?r.theme.colors['bg-onmain-tertiary']:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),outline:t(["",""],(r=>X(o({color:r.success||r.loading?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-brand-primary'],backgroundColor:r.success?r.theme.colors['alert-bg-success-500']:r.loading?r.theme.colors['bg-brand-primary-basic']:r.theme.colors.transparent,borderColor:r.success||r.loading?r.theme.colors.transparent:r.theme.colors['border-brand-primary'],colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.success?n(r.theme.colors['alert-bg-success-500']).darken(2).toString():r.theme.colors['bg-brand-primary-basic'],borderColorHover:r.theme.colors.transparent,colorActive:r.theme.colors['content-oncolor-primary'],backgroundColorActive:r.success?n(r.theme.colors['alert-bg-success-500']).darken(2).toString():n(r.theme.colors['bg-brand-primary-basic']).darken(2).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.loading?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-disabled'],backgroundColorDisabled:r.loading?r.theme.colors['bg-brand-primary-basic']:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),default:t(["",""],(r=>X(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.success?r.theme.colors['alert-bg-success-500']:r.theme.colors['bg-brand-primary-basic'],borderColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.success?n(r.theme.colors['alert-bg-success-500']).darken(2).toString():n(r.theme.colors['bg-brand-primary-basic']).darken(2).toString(),borderColorHover:r.theme.colors.transparent,colorActive:r.theme.colors['content-oncolor-primary'],backgroundColorActive:r.success?n(r.theme.colors['alert-bg-success-500']).darken(2).toString():n(r.theme.colors['bg-brand-primary-basic']).darken(2).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.loading?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-disabled'],backgroundColorDisabled:r.loading?r.theme.colors['bg-brand-primary-basic']:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette))))}};var D=t([""," "," "," "," "," ",""],(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: ".concat(o.fontColor,";\n background-color: ").concat(n(o.theme.colors[o.color]).saturate(-5).lighten(-8).toString(),";\n }\n ").concat(o.inverted||o.basic||o.outline?"\n &:not(:hover) {\n border: 1px solid ".concat(o.theme.colors[o.color],";\n }\n &:hover {\n border: 1px solid ").concat(o.theme.colors[o.color],";\n }\n "):'',"\n ")),(o=>o.loading?S:''),(o=>{var r='background-color';return(o.inverted||o.basic||o.outline)&&(r='color'),l(o.color,r)}),(o=>{var r='color';return(o.inverted||o.basic||o.outline)&&(r='background-color'),l(o.fontColor,r)}),(o=>o.disabled?"\n cursor: not-allowed;\n background-color: ".concat(o.theme.colors.mercury,";\n color: ").concat(o.theme.colors.silver,";\n "):''),(o=>o.basic||o.outline?'background-color: transparent;':''));var w=r.button.withConfig({shouldForwardProp:v}).attrs((o=>({dynamicSizeDeclaration:(r,e)=>({fontSize:'string'==typeof r?r:"".concat(r).concat(e),height:'2.8em',width:o.round?'2.8em':void 0,paddingRight:o.round?void 0:'1.6em',paddingLeft:o.round?void 0:'1.6em'})}))).withConfig({componentId:"fox-ui__sc-16o31r2-0"})([""," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," ",""],(o=>{var r;var e=o.inline?'inline-flex':'flex';o.display&&(e=o.display);var t='0px';return o.rounded&&(t='brand'===o.preset?'48px':'5px'),o.round&&(t='50%'),"\n display: ".concat(e,";\n border-radius: ").concat(t,";\n cursor: ").concat(null!==(r=o.cursor)&&void 0!==r?r:'pointer',";\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 ").concat('brand'===o.preset?"\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('default'===o.preset)return D;var r=H.default;return o.black&&(r=H.black),o.danger&&(r=H.danger),o.onColored&&(r=H.onColored),o.clear?r.clear:o.base?r.base:o.outline?r.outline:r.default}),i,d,(o=>o.padding?c(o.padding,'padding'):null),(o=>o.paddingTop?c(o.paddingTop,'padding-top'):null),(o=>o.paddingRight?c(o.paddingRight,'padding-right'):null),(o=>o.paddingBottom?c(o.paddingBottom,'padding-bottom'):null),(o=>o.paddingLeft?c(o.paddingLeft,'padding-left'):null),(o=>o.margin?c(o.margin,'margin'):null),(o=>o.marginTop?c(o.marginTop,'margin-top'):null),(o=>o.marginRight?c(o.marginRight,'margin-right'):null),(o=>o.marginBottom?c(o.marginBottom,'margin-bottom'):null),(o=>o.marginLeft?c(o.marginLeft,'margin-left'):null),(o=>o.fontSize?c(o.fontSize,'font-size'):null),(o=>o.height?c(o.height,'height'):null),(o=>{var r=o.fluid&&'auto'!==o.width?'max-width':'width';return o.width?c(f(o.width),r):null}),(o=>{var{paddingXS:r,paddingS:e,paddingM:t,paddingL:n,paddingXL:c}=o;return s({sizes:{paddingXS:r,paddingS:e,paddingM:t,paddingL:n,paddingXL:c},cssProperty:'padding'})}),(o=>{var{paddingTopXS:r,paddingTopS:e,paddingTopM:t,paddingTopL:n,paddingTopXL:c}=o;return s({sizes:{paddingTopXS:r,paddingTopS:e,paddingTopM:t,paddingTopL:n,paddingTopXL:c},cssProperty:'padding-top'})}),(o=>{var{paddingRightXS:r,paddingRightS:e,paddingRightM:t,paddingRightL:n,paddingRightXL:c}=o;return s({sizes:{paddingRightXS:r,paddingRightS:e,paddingRightM:t,paddingRightL:n,paddingRightXL:c},cssProperty:'padding-right'})}),(o=>{var{paddingBottomXS:r,paddingBottomS:e,paddingBottomM:t,paddingBottomL:n,paddingBottomXL:c}=o;return s({sizes:{paddingBottomXS:r,paddingBottomS:e,paddingBottomM:t,paddingBottomL:n,paddingBottomXL:c},cssProperty:'padding-bottom'})}),(o=>{var{paddingLeftXS:r,paddingLeftS:e,paddingLeftM:t,paddingLeftL:n,paddingLeftXL:c}=o;return s({sizes:{paddingLeftXS:r,paddingLeftS:e,paddingLeftM:t,paddingLeftL:n,paddingLeftXL:c},cssProperty:'padding-left'})}),(o=>{var{marginXS:r,marginS:e,marginM:t,marginL:n,marginXL:c}=o;return s({sizes:{marginXS:r,marginS:e,marginM:t,marginL:n,marginXL:c},cssProperty:'margin'})}),(o=>{var{marginTopXS:r,marginTopS:e,marginTopM:t,marginTopL:n,marginTopXL:c}=o;return s({sizes:{marginTopXS:r,marginTopS:e,marginTopM:t,marginTopL:n,marginTopXL:c},cssProperty:'margin-top'})}),(o=>{var{marginRightXS:r,marginRightS:e,marginRightM:t,marginRightL:n,marginRightXL:c}=o;return s({sizes:{marginRightXS:r,marginRightS:e,marginRightM:t,marginRightL:n,marginRightXL:c},cssProperty:'margin-right'})}),(o=>{var{marginBottomXS:r,marginBottomS:e,marginBottomM:t,marginBottomL:n,marginBottomXL:c}=o;return s({sizes:{marginBottomXS:r,marginBottomS:e,marginBottomM:t,marginBottomL:n,marginBottomXL:c},cssProperty:'margin-bottom'})}),(o=>{var{marginLeftXS:r,marginLeftS:e,marginLeftM:t,marginLeftL:n,marginLeftXL:c}=o;return s({sizes:{marginLeftXS:r,marginLeftS:e,marginLeftM:t,marginLeftL:n,marginLeftXL:c},cssProperty:'margin-left'})}),(o=>{var{fontSizeXS:r,fontSizeS:e,fontSizeM:t,fontSizeL:n,fontSizeXL:c}=o;return s({sizes:{fontSizeXS:r,fontSizeS:e,fontSizeM:t,fontSizeL:n,fontSizeXL:c},cssProperty:'font-size'})}),(o=>{var{heightXS:r,heightS:e,heightM:t,heightL:n,heightXL:c}=o;return s({sizes:{heightXS:r,heightS:e,heightM:t,heightL:n,heightXL:c},cssProperty:'height'})}),(o=>{var{widthXS:r,widthS:e,widthM:t,widthL:n,widthXL:c,fluid:l,width:a}=o;return s({sizes:{widthXS:r,widthS:e,widthM:t,widthL:n,widthXL:c},cssProperty:l&&'auto'!==a?'max-width':'width',customSizeHandler:f})}),(o=>o.fluid?c(o.fluid,L):null),(o=>{var{fluidXS:r,fluidS:e,fluidM:t,fluidL:n,fluidXL:c}=o;return s({sizes:{fluidXS:r,fluidS:e,fluidM:t,fluidL:n,fluidXL:c},cssProperty:L})}));var A=r(u).withConfig({componentId:"fox-ui__sc-16o31r2-1"})(["transform-origin:center;animation:"," 1600ms infinite linear;"],k);export{A as LoaderIcon,w as Root};
1
+ import o from'@babel/runtime/helpers/objectSpread2';import r,{keyframes as e,css as t}from'styled-components';import n from'tinycolor2';import{property as c,responsiveNamedProperty as s}from'../../mixins/responsive-property.js';import{color as l}from'../../mixins/color.js';import{createShouldForwardProp as a}from'../../shared/utils/style.js';import{focus as i}from'../../mixins/focus.js';import{responsiveSize as d}from'../../mixins/responsive-size.js';import{responsiveFluidPropKeyRegExp as m,responsiveWidthPropKeyRegExp as g,responsivePaddingPropKeyRegExp as h,responsiveFontSizePropKeyRegExp as b,responsiveHeightPropKeyRegExp as p}from'../../shared/regexp.js';import u from'./images/loader.module.svg.js';var v=a((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=>!(m.test(o)||g.test(o)||h.test(o)||b.test(o)||p.test(o))));var C={xl:320,l:280,m:245,s:180,xs:140};var y=e(["0%{background-position:0 0;}100%{background-position:50px 50px;}"]);var k=e(["100%{transform:rotate(360deg);}"]);var S=t(["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;"],y);var f=o=>'auto'===o?'auto':'number'==typeof o||'boolean'==typeof o?o:o&&C[o]?C[o]:'auto';var L=()=>t(["min-width:initial;width:100%;"]);var X=o=>"\n color: ".concat(o.color,";\n background-color: ").concat(o.backgroundColor,";\n border-color: ").concat(o.borderColor,";\n &::before {\n box-shadow: inset 0px 4px 0px ").concat(o.shadowColor,";\n }\n &:hover {\n color: ").concat(o.colorHover,";\n background-color: ").concat(o.backgroundColorHover,";\n border-color: ").concat(o.borderColorHover,";\n }\n &:active {\n color: ").concat(o.colorActive,";\n background-color: ").concat(o.backgroundColorActive,";\n border-color: ").concat(o.borderColorActive,";\n }\n &:disabled {\n color: ").concat(o.colorDisabled,";\n background-color: ").concat(o.backgroundColorDisabled,";\n border-color: ").concat(o.borderColorDisabled,";\n }\n");var w={onColored:{clear:t(["",""],(r=>X(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors.transparent,borderColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.theme.colors['bg-oncontrast-hover'],borderColorHover:r.theme.colors.transparent,colorActive:r.theme.colors['content-oncolor-primary'],backgroundColorActive:r.theme.colors['bg-oncontrast-hover'],borderColorActive:r.theme.colors.transparent,colorDisabled:r.loading?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:r.theme.colors.transparent,borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncontrast-hover']},r.palette)))),base:t(["",""],(r=>X(o({color:r.success?r.theme.colors['alert-success']:r.theme.colors['content-oncolor-primary'],backgroundColor:r.success?r.theme.colors['bg-oncolor-primary']:r.theme.colors['bg-oncolor-secondary'],borderColor:r.theme.colors.transparent,colorHover:r.success?r.theme.colors['alert-success']:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.success?n(r.theme.colors['bg-oncolor-primary']).darken(2).toString():n(r.theme.colors['bg-oncolor-secondary']).darken(4).toString(),borderColorHover:r.theme.colors.transparent,colorActive:r.success?r.theme.colors['alert-success']:r.theme.colors['content-oncolor-primary'],backgroundColorActive:r.success?n(r.theme.colors['bg-oncolor-primary']).darken(2).toString():n(r.theme.colors['bg-oncolor-secondary']).darken(4).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.loading?r.theme.colors['content-oncolor-constant']:r.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:r.loading?r.theme.colors['bg-oncolor-primary']:r.theme.colors['bg-oncolor-disabled'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),outline:t(["",""],(r=>X(o({color:r.success?r.theme.colors['alert-success']:r.loading?r.theme.colors['content-oncolor-constant']:r.theme.colors['content-oncolor-primary'],backgroundColor:r.success||r.loading?r.theme.colors['bg-oncolor-primary']:r.theme.colors.transparent,borderColor:r.success||r.loading?r.theme.colors.transparent:r.theme.colors['border-oncolor-default'],colorHover:r.success?r.theme.colors['alert-success']:r.theme.colors['content-oncolor-constant'],backgroundColorHover:r.success?n(r.theme.colors['bg-oncolor-primary']).darken(2).toString():r.theme.colors['bg-oncolor-primary'],borderColorHover:r.theme.colors.transparent,colorActive:r.success?r.theme.colors['alert-success']:r.theme.colors['content-oncolor-constant'],backgroundColorActive:r.success?n(r.theme.colors['bg-oncolor-primary']).darken(2).toString():r.theme.colors['bg-oncolor-primary'],borderColorActive:r.theme.colors.transparent,colorDisabled:r.loading?r.theme.colors['content-oncolor-constant']:r.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:r.loading?r.theme.colors['bg-oncolor-primary']:r.theme.colors['bg-oncolor-disabled'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),default:t(["",""],(r=>X(o({color:r.success?r.theme.colors['alert-success']:r.theme.colors['content-oncolor-constant'],backgroundColor:r.theme.colors['bg-oncolor-primary'],borderColor:r.theme.colors.transparent,colorHover:r.success?r.theme.colors['alert-success']:r.theme.colors['content-oncolor-constant'],backgroundColorHover:n(r.theme.colors['bg-oncolor-primary']).darken(2).toString(),borderColorHover:r.theme.colors.transparent,colorActive:r.success?r.theme.colors['alert-success']:r.theme.colors['content-oncolor-constant'],backgroundColorActive:n(r.theme.colors['bg-oncolor-primary']).darken(2).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.loading?r.theme.colors['content-oncolor-constant']:r.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:r.loading?r.theme.colors['bg-oncolor-primary']:r.theme.colors['bg-oncolor-disabled'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette))))},danger:{clear:t(["",""],(r=>X(o({color:r.success?r.theme.colors['alert-success']:r.theme.colors['alert-error'],backgroundColor:r.theme.colors.transparent,borderColor:r.theme.colors.transparent,colorHover:r.success?r.theme.colors['alert-success']:r.theme.colors['alert-error'],backgroundColorHover:r.theme.colors['bg-oncolor-hover'],borderColorHover:r.theme.colors.transparent,colorActive:r.success?r.theme.colors['alert-success']:r.theme.colors['alert-error'],backgroundColorActive:r.theme.colors['bg-oncolor-hover'],borderColorActive:r.theme.colors.transparent,colorDisabled:r.loading?r.theme.colors['alert-error']:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors.transparent,borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),base:t(["",""],(r=>X(o({color:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['alert-error'],backgroundColor:r.success?r.theme.colors['alert-bg-success-500']:r.theme.colors['bg-onmain-tertiary'],borderColor:r.theme.colors.transparent,colorHover:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['alert-error'],backgroundColorHover:r.success?n(r.theme.colors['alert-bg-success-500']).darken(2).toString():n(r.theme.colors['bg-onmain-tertiary']).darken(2).toString(),borderColorHover:r.theme.colors.transparent,colorActive:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['alert-error'],backgroundColorActive:r.success?n(r.theme.colors['alert-bg-success-500']).darken(2).toString():n(r.theme.colors['bg-onmain-tertiary']).darken(2).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.loading?r.theme.colors['alert-error']:r.theme.colors['content-disabled'],backgroundColorDisabled:r.loading?r.theme.colors['bg-onmain-tertiary']:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),outline:t(["",""],(r=>X(o({color:r.success||r.loading?r.theme.colors['content-oncolor-primary']:r.theme.colors['alert-error'],backgroundColor:r.success?r.theme.colors['alert-bg-success-500']:r.loading?r.theme.colors['alert-bg-error-500']:r.theme.colors.transparent,borderColor:r.success||r.loading?r.theme.colors.transparent:r.theme.colors['alert-bg-error-500'],colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.success?n(r.theme.colors['alert-bg-success-500']).darken(2).toString():r.theme.colors['alert-bg-error-500'],borderColorHover:r.theme.colors.transparent,colorActive:r.theme.colors['content-oncolor-primary'],backgroundColorActive:r.success?n(r.theme.colors['alert-bg-success-500']).darken(2).toString():n(r.theme.colors['alert-bg-error-500']).darken(2).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.loading?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-disabled'],backgroundColorDisabled:r.loading?r.theme.colors['alert-bg-error-500']:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),default:t(["",""],(r=>X(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.success?r.theme.colors['alert-bg-success-500']:r.theme.colors['alert-bg-error-500'],borderColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.success?n(r.theme.colors['alert-bg-success-500']).darken(2).toString():n(r.theme.colors['alert-bg-error-500']).darken(2).toString(),borderColorHover:r.theme.colors.transparent,colorActive:r.theme.colors['content-oncolor-primary'],backgroundColorActive:r.success?n(r.theme.colors['alert-bg-success-500']).darken(2).toString():n(r.theme.colors['alert-bg-error-500']).darken(2).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.loading?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-disabled'],backgroundColorDisabled:r.loading?r.theme.colors['alert-bg-error-500']:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette))))},black:{clear:t(["",""],(r=>X(o({color:r.success?r.theme.colors['alert-success']:r.theme.colors['content-oncolor-inverse'],backgroundColor:r.theme.colors.transparent,borderColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-oncolor-inverse'],backgroundColorHover:r.theme.colors['bg-oncolor-hover'],borderColorHover:r.theme.colors.transparent,colorActive:r.theme.colors['content-oncolor-inverse'],backgroundColorActive:r.theme.colors['bg-oncolor-hover'],borderColorActive:r.theme.colors.transparent,colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors.transparent,borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),base:t(["",""],(r=>X(o({color:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-oncolor-inverse'],backgroundColor:r.success?r.theme.colors['alert-bg-success-500']:r.theme.colors['bg-onmain-tertiary'],borderColor:r.theme.colors.transparent,colorHover:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-oncolor-inverse'],backgroundColorHover:r.success?n(r.theme.colors['alert-bg-success-500']).lighten(4).toString():n(r.theme.colors['bg-onmain-tertiary']).darken(4).toString(),borderColorHover:r.theme.colors.transparent,colorActive:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-oncolor-inverse'],backgroundColorActive:r.success?n(r.theme.colors['alert-bg-success-500']).lighten(4).toString():n(r.theme.colors['bg-onmain-tertiary']).darken(4).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),outline:t(["",""],(r=>X(o({color:r.success?r.theme.colors['content-oncolor-primary']:r.loading?r.theme.colors['content-onmain-inverse']:r.theme.colors['content-oncolor-inverse'],backgroundColor:r.success?r.theme.colors['alert-bg-success-500']:r.loading?r.theme.colors['bg-onmain-inverse']:r.theme.colors.transparent,borderColor:r.success||r.loading?r.theme.colors.transparent:r.theme.colors['border-onmain-contrast'],colorHover:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-onmain-inverse'],backgroundColorHover:r.success?n(r.theme.colors['alert-bg-success-500']).lighten(4).toString():r.theme.colors['bg-onmain-inverse'],borderColorHover:r.theme.colors.transparent,colorActive:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-onmain-inverse'],backgroundColorActive:r.success?n(r.theme.colors['alert-bg-success-500']).lighten(4).toString():n(r.theme.colors['bg-onmain-inverse']).lighten(4).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),default:t(["",""],(r=>X(o({color:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-onmain-inverse'],backgroundColor:r.success?r.theme.colors['alert-bg-success-500']:r.theme.colors['bg-onmain-inverse'],borderColor:r.theme.colors.transparent,colorHover:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-onmain-inverse'],backgroundColorHover:r.success?n(r.theme.colors['alert-bg-success-500']).lighten(4).toString():n(r.theme.colors['bg-onmain-inverse']).lighten(4).toString(),borderColorHover:r.theme.colors.transparent,colorActive:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-onmain-inverse'],backgroundColorActive:r.success?n(r.theme.colors['alert-bg-success-500']).lighten(4).toString():n(r.theme.colors['bg-onmain-inverse']).lighten(4).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette))))},default:{clear:t(["",""],(r=>X(o({color:r.success?r.theme.colors['alert-success']:r.theme.colors['content-brand-primary'],backgroundColor:r.theme.colors.transparent,borderColor:r.theme.colors.transparent,colorHover:r.success?r.theme.colors['alert-success']:r.theme.colors['content-brand-primary'],backgroundColorHover:r.theme.colors['bg-oncolor-hover'],borderColorHover:r.theme.colors.transparent,colorActive:r.success?r.theme.colors['alert-success']:r.theme.colors['content-brand-primary'],backgroundColorActive:r.theme.colors['bg-oncolor-hover'],borderColorActive:r.theme.colors.transparent,colorDisabled:r.loading?r.theme.colors['content-brand-primary']:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors.transparent,borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),base:t(["",""],(r=>X(o({color:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-brand-primary'],backgroundColor:r.success?r.theme.colors['alert-bg-success-500']:r.theme.colors['bg-onmain-tertiary'],borderColor:r.theme.colors.transparent,colorHover:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-brand-primary'],backgroundColorHover:r.success?n(r.theme.colors['alert-bg-success-500']).darken(2).toString():n(r.theme.colors['bg-onmain-tertiary']).darken(2).toString(),borderColorHover:r.theme.colors.transparent,colorActive:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-brand-primary'],backgroundColorActive:r.success?n(r.theme.colors['alert-bg-success-500']).darken(2).toString():n(r.theme.colors['bg-onmain-tertiary']).darken(2).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.loading?r.theme.colors['content-brand-primary']:r.theme.colors['content-disabled'],backgroundColorDisabled:r.loading?r.theme.colors['bg-onmain-tertiary']:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),outline:t(["",""],(r=>X(o({color:r.success||r.loading?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-brand-primary'],backgroundColor:r.success?r.theme.colors['alert-bg-success-500']:r.loading?r.theme.colors['bg-brand-primary-basic']:r.theme.colors.transparent,borderColor:r.success||r.loading?r.theme.colors.transparent:r.theme.colors['border-brand-primary'],colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.success?n(r.theme.colors['alert-bg-success-500']).darken(2).toString():r.theme.colors['bg-brand-primary-basic'],borderColorHover:r.theme.colors.transparent,colorActive:r.theme.colors['content-oncolor-primary'],backgroundColorActive:r.success?n(r.theme.colors['alert-bg-success-500']).darken(2).toString():n(r.theme.colors['bg-brand-primary-basic']).darken(2).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.loading?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-disabled'],backgroundColorDisabled:r.loading?r.theme.colors['bg-brand-primary-basic']:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),default:t(["",""],(r=>X(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.success?r.theme.colors['alert-bg-success-500']:r.theme.colors['bg-brand-primary-basic'],borderColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.success?n(r.theme.colors['alert-bg-success-500']).darken(2).toString():n(r.theme.colors['bg-brand-primary-basic']).darken(2).toString(),borderColorHover:r.theme.colors.transparent,colorActive:r.theme.colors['content-oncolor-primary'],backgroundColorActive:r.success?n(r.theme.colors['alert-bg-success-500']).darken(2).toString():n(r.theme.colors['bg-brand-primary-basic']).darken(2).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.loading?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-disabled'],backgroundColorDisabled:r.loading?r.theme.colors['bg-brand-primary-basic']:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette))))}};var H=t([""," "," "," "," "," ",""],(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: ".concat(o.fontColor,";\n background-color: ").concat(n(o.theme.colors[o.color]).saturate(-5).lighten(-8).toString(),";\n }\n ").concat(o.inverted||o.basic||o.outline?"\n &:not(:hover) {\n border: 1px solid ".concat(o.theme.colors[o.color],";\n }\n &:hover {\n border: 1px solid ").concat(o.theme.colors[o.color],";\n }\n "):'',"\n ")),(o=>o.loading?S:''),(o=>{var r='background-color';return(o.inverted||o.basic||o.outline)&&(r='color'),l(o.color,r)}),(o=>{var r='color';return(o.inverted||o.basic||o.outline)&&(r='background-color'),l(o.fontColor,r)}),(o=>o.disabled?"\n cursor: not-allowed;\n background-color: ".concat(o.theme.colors.mercury,";\n color: ").concat(o.theme.colors.silver,";\n "):''),(o=>o.basic||o.outline?'background-color: transparent;':''));var D=r.button.withConfig({shouldForwardProp:v}).attrs((o=>({dynamicSizeDeclaration:(r,e)=>({fontSize:'string'==typeof r?r:"".concat(r).concat(e),height:'2.8em',width:o.round?'2.8em':void 0,paddingRight:o.round?void 0:'1.6em',paddingLeft:o.round?void 0:'1.6em'})}))).withConfig({componentId:"fox-ui__sc-16o31r2-0"})([""," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," ",""],(o=>{var r=o.inline?'inline-flex':'flex';o.display&&(r=o.display);var e='0px';o.rounded&&(e='brand'===o.preset?'48px':'5px'),o.round&&(e='50%');var t='pointer';return o.disabled&&(t='not-allowed'),o.loading&&(t='wait'),"\n display: ".concat(r,";\n border-radius: ").concat(e,";\n cursor: ").concat(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 ").concat('brand'===o.preset?"\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('default'===o.preset)return H;var r=w.default;return o.black&&(r=w.black),o.danger&&(r=w.danger),o.onColored&&(r=w.onColored),o.clear?r.clear:o.base?r.base:o.outline?r.outline:r.default}),i,d,(o=>o.padding?c(o.padding,'padding'):null),(o=>o.paddingTop?c(o.paddingTop,'padding-top'):null),(o=>o.paddingRight?c(o.paddingRight,'padding-right'):null),(o=>o.paddingBottom?c(o.paddingBottom,'padding-bottom'):null),(o=>o.paddingLeft?c(o.paddingLeft,'padding-left'):null),(o=>o.margin?c(o.margin,'margin'):null),(o=>o.marginTop?c(o.marginTop,'margin-top'):null),(o=>o.marginRight?c(o.marginRight,'margin-right'):null),(o=>o.marginBottom?c(o.marginBottom,'margin-bottom'):null),(o=>o.marginLeft?c(o.marginLeft,'margin-left'):null),(o=>o.fontSize?c(o.fontSize,'font-size'):null),(o=>o.height?c(o.height,'height'):null),(o=>{var r=o.fluid&&'auto'!==o.width?'max-width':'width';return o.width?c(f(o.width),r):null}),(o=>{var{paddingXS:r,paddingS:e,paddingM:t,paddingL:n,paddingXL:c}=o;return s({sizes:{paddingXS:r,paddingS:e,paddingM:t,paddingL:n,paddingXL:c},cssProperty:'padding'})}),(o=>{var{paddingTopXS:r,paddingTopS:e,paddingTopM:t,paddingTopL:n,paddingTopXL:c}=o;return s({sizes:{paddingTopXS:r,paddingTopS:e,paddingTopM:t,paddingTopL:n,paddingTopXL:c},cssProperty:'padding-top'})}),(o=>{var{paddingRightXS:r,paddingRightS:e,paddingRightM:t,paddingRightL:n,paddingRightXL:c}=o;return s({sizes:{paddingRightXS:r,paddingRightS:e,paddingRightM:t,paddingRightL:n,paddingRightXL:c},cssProperty:'padding-right'})}),(o=>{var{paddingBottomXS:r,paddingBottomS:e,paddingBottomM:t,paddingBottomL:n,paddingBottomXL:c}=o;return s({sizes:{paddingBottomXS:r,paddingBottomS:e,paddingBottomM:t,paddingBottomL:n,paddingBottomXL:c},cssProperty:'padding-bottom'})}),(o=>{var{paddingLeftXS:r,paddingLeftS:e,paddingLeftM:t,paddingLeftL:n,paddingLeftXL:c}=o;return s({sizes:{paddingLeftXS:r,paddingLeftS:e,paddingLeftM:t,paddingLeftL:n,paddingLeftXL:c},cssProperty:'padding-left'})}),(o=>{var{marginXS:r,marginS:e,marginM:t,marginL:n,marginXL:c}=o;return s({sizes:{marginXS:r,marginS:e,marginM:t,marginL:n,marginXL:c},cssProperty:'margin'})}),(o=>{var{marginTopXS:r,marginTopS:e,marginTopM:t,marginTopL:n,marginTopXL:c}=o;return s({sizes:{marginTopXS:r,marginTopS:e,marginTopM:t,marginTopL:n,marginTopXL:c},cssProperty:'margin-top'})}),(o=>{var{marginRightXS:r,marginRightS:e,marginRightM:t,marginRightL:n,marginRightXL:c}=o;return s({sizes:{marginRightXS:r,marginRightS:e,marginRightM:t,marginRightL:n,marginRightXL:c},cssProperty:'margin-right'})}),(o=>{var{marginBottomXS:r,marginBottomS:e,marginBottomM:t,marginBottomL:n,marginBottomXL:c}=o;return s({sizes:{marginBottomXS:r,marginBottomS:e,marginBottomM:t,marginBottomL:n,marginBottomXL:c},cssProperty:'margin-bottom'})}),(o=>{var{marginLeftXS:r,marginLeftS:e,marginLeftM:t,marginLeftL:n,marginLeftXL:c}=o;return s({sizes:{marginLeftXS:r,marginLeftS:e,marginLeftM:t,marginLeftL:n,marginLeftXL:c},cssProperty:'margin-left'})}),(o=>{var{fontSizeXS:r,fontSizeS:e,fontSizeM:t,fontSizeL:n,fontSizeXL:c}=o;return s({sizes:{fontSizeXS:r,fontSizeS:e,fontSizeM:t,fontSizeL:n,fontSizeXL:c},cssProperty:'font-size'})}),(o=>{var{heightXS:r,heightS:e,heightM:t,heightL:n,heightXL:c}=o;return s({sizes:{heightXS:r,heightS:e,heightM:t,heightL:n,heightXL:c},cssProperty:'height'})}),(o=>{var{widthXS:r,widthS:e,widthM:t,widthL:n,widthXL:c,fluid:l,width:a}=o;return s({sizes:{widthXS:r,widthS:e,widthM:t,widthL:n,widthXL:c},cssProperty:l&&'auto'!==a?'max-width':'width',customSizeHandler:f})}),(o=>o.fluid?c(o.fluid,L):null),(o=>{var{fluidXS:r,fluidS:e,fluidM:t,fluidL:n,fluidXL:c}=o;return s({sizes:{fluidXS:r,fluidS:e,fluidM:t,fluidL:n,fluidXL:c},cssProperty:L})}));var A=r(u).withConfig({componentId:"fox-ui__sc-16o31r2-1"})(["transform-origin:center;animation:"," 1600ms infinite linear;"],k);export{A as LoaderIcon,D as 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 {\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'\nimport Loader from './images/loader.module.svg'\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 onColored: {\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.loading\n ? props.theme.colors['content-oncolor-primary']\n : 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.loading\n ? props.theme.colors['content-oncolor-constant']\n : props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.loading\n ? props.theme.colors['bg-oncolor-primary']\n : 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'],\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.loading\n ? props.theme.colors['content-oncolor-constant']\n : props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.loading\n ? props.theme.colors['bg-oncolor-primary']\n : 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 default: 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.loading\n ? props.theme.colors['content-oncolor-constant']\n : props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.loading\n ? props.theme.colors['bg-oncolor-primary']\n : 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.loading ? props.theme.colors['alert-error'] : 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.loading ? props.theme.colors['alert-error'] : props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.loading\n ? props.theme.colors['bg-onmain-tertiary']\n : 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 ? props.theme.colors.transparent : props.theme.colors['alert-bg-error-500'],\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.loading\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.loading\n ? props.theme.colors['alert-bg-error-500']\n : 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 default: 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.loading\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.loading\n ? props.theme.colors['alert-bg-error-500']\n : 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-contrast'],\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 default: 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.loading\n ? props.theme.colors['content-brand-primary']\n : 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.loading\n ? props.theme.colors['content-brand-primary']\n : props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.loading\n ? props.theme.colors['bg-onmain-tertiary']\n : 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-brand-primary'],\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.loading\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.loading\n ? props.theme.colors['bg-brand-primary-basic']\n : 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 default: 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.loading\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.loading\n ? props.theme.colors['bg-brand-primary-basic']\n : 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]).saturate(-5).lighten(-8).toString()};\n }\n ${\n props.inverted || props.basic || props.outline\n ? `\n &:not(:hover) {\n border: 1px solid ${props.theme.colors[props.color]};\n }\n &:hover {\n border: 1px solid ${props.theme.colors[props.color]};\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 return `\n display: ${display};\n border-radius: ${borderRadius};\n cursor: ${props.cursor ?? 'pointer'};\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 ${\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.onColored) schema = COLOR_SCHEMA.onColored\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.default\n }}\n\n ${focus}\n ${responsiveSize}\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.margin ? property(props.margin, 'margin') : null)}\n ${(props) => (props.marginTop ? property(props.marginTop, 'margin-top') : null)}\n ${(props) => (props.marginRight ? property(props.marginRight, 'margin-right') : null)}\n ${(props) => (props.marginBottom ? property(props.marginBottom, 'margin-bottom') : null)}\n ${(props) => (props.marginLeft ? property(props.marginLeft, 'margin-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 ${({ marginXS, marginS, marginM, marginL, marginXL }) => {\n return responsiveNamedProperty({ sizes: { marginXS, marginS, marginM, marginL, marginXL }, cssProperty: 'margin' })\n }}\n ${({ marginTopXS, marginTopS, marginTopM, marginTopL, marginTopXL }) => {\n return responsiveNamedProperty({\n sizes: { marginTopXS, marginTopS, marginTopM, marginTopL, marginTopXL },\n cssProperty: 'margin-top',\n })\n }}\n ${({ marginRightXS, marginRightS, marginRightM, marginRightL, marginRightXL }) => {\n return responsiveNamedProperty({\n sizes: { marginRightXS, marginRightS, marginRightM, marginRightL, marginRightXL },\n cssProperty: 'margin-right',\n })\n }}\n ${({ marginBottomXS, marginBottomS, marginBottomM, marginBottomL, marginBottomXL }) => {\n return responsiveNamedProperty({\n sizes: { marginBottomXS, marginBottomS, marginBottomM, marginBottomL, marginBottomXL },\n cssProperty: 'margin-bottom',\n })\n }}\n ${({ marginLeftXS, marginLeftS, marginLeftM, marginLeftL, marginLeftXL }) => {\n return responsiveNamedProperty({\n sizes: { marginLeftXS, marginLeftS, marginLeftM, marginLeftL, marginLeftXL },\n cssProperty: 'margin-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 LoaderIcon = styled(Loader)`\n transform-origin: center;\n animation: ${spinAnimation} 1600ms infinite linear;\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","concat","backgroundColor","borderColor","shadowColor","colorHover","backgroundColorHover","borderColorHover","colorActive","backgroundColorActive","borderColorActive","colorDisabled","backgroundColorDisabled","borderColorDisabled","COLOR_SCHEMA","onColored","clear","props","_objectSpread","theme","colors","transparent","loading","base","success","tinycolor","darken","toString","outline","default","danger","black","lighten","defaultStyles","disabled","fontColor","saturate","inverted","basic","cssProperty","mercury","silver","Root","styled","button","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","height","round","paddingRight","undefined","paddingLeft","componentId","_props$cursor","display","inline","borderRadius","rounded","preset","cursor","schema","focus","responsiveSize","padding","property","paddingTop","paddingBottom","margin","marginTop","marginRight","marginBottom","marginLeft","fluid","_ref","paddingXS","paddingS","paddingM","paddingL","paddingXL","responsiveNamedProperty","sizes","_ref2","paddingTopXS","paddingTopS","paddingTopM","paddingTopL","paddingTopXL","_ref3","paddingRightXS","paddingRightS","paddingRightM","paddingRightL","paddingRightXL","_ref4","paddingBottomXS","paddingBottomS","paddingBottomM","paddingBottomL","paddingBottomXL","_ref5","paddingLeftXS","paddingLeftS","paddingLeftM","paddingLeftL","paddingLeftXL","_ref6","marginXS","marginS","marginM","marginL","marginXL","_ref7","marginTopXS","marginTopS","marginTopM","marginTopL","marginTopXL","_ref8","marginRightXS","marginRightS","marginRightM","marginRightL","marginRightXL","_ref9","marginBottomXS","marginBottomS","marginBottomM","marginBottomL","marginBottomXL","_ref10","marginLeftXS","marginLeftS","marginLeftM","marginLeftL","marginLeftXL","_ref11","fontSizeXS","fontSizeS","fontSizeM","fontSizeL","fontSizeXL","_ref12","heightXS","heightS","heightM","heightL","heightXL","_ref13","widthXS","widthS","widthM","widthL","widthXL","customSizeHandler","_ref14","fluidXS","fluidS","fluidM","fluidL","fluidXL","LoaderIcon","Loader"],"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 {\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'\nimport Loader from './images/loader.module.svg'\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 onColored: {\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.loading\n ? props.theme.colors['content-oncolor-primary']\n : 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.loading\n ? props.theme.colors['content-oncolor-constant']\n : props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.loading\n ? props.theme.colors['bg-oncolor-primary']\n : 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'],\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.loading\n ? props.theme.colors['content-oncolor-constant']\n : props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.loading\n ? props.theme.colors['bg-oncolor-primary']\n : 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 default: 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.loading\n ? props.theme.colors['content-oncolor-constant']\n : props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.loading\n ? props.theme.colors['bg-oncolor-primary']\n : 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.loading ? props.theme.colors['alert-error'] : 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.loading ? props.theme.colors['alert-error'] : props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.loading\n ? props.theme.colors['bg-onmain-tertiary']\n : 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 ? props.theme.colors.transparent : props.theme.colors['alert-bg-error-500'],\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.loading\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.loading\n ? props.theme.colors['alert-bg-error-500']\n : 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 default: 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.loading\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.loading\n ? props.theme.colors['alert-bg-error-500']\n : 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-contrast'],\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 default: 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.loading\n ? props.theme.colors['content-brand-primary']\n : 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.loading\n ? props.theme.colors['content-brand-primary']\n : props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.loading\n ? props.theme.colors['bg-onmain-tertiary']\n : 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-brand-primary'],\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.loading\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.loading\n ? props.theme.colors['bg-brand-primary-basic']\n : 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 default: 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.loading\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.loading\n ? props.theme.colors['bg-brand-primary-basic']\n : 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]).saturate(-5).lighten(-8).toString()};\n }\n ${\n props.inverted || props.basic || props.outline\n ? `\n &:not(:hover) {\n border: 1px solid ${props.theme.colors[props.color]};\n }\n &:hover {\n border: 1px solid ${props.theme.colors[props.color]};\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.disabled) cursor = 'not-allowed'\n if (props.loading) cursor = 'wait'\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 ${\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.onColored) schema = COLOR_SCHEMA.onColored\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.default\n }}\n\n ${focus}\n ${responsiveSize}\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.margin ? property(props.margin, 'margin') : null)}\n ${(props) => (props.marginTop ? property(props.marginTop, 'margin-top') : null)}\n ${(props) => (props.marginRight ? property(props.marginRight, 'margin-right') : null)}\n ${(props) => (props.marginBottom ? property(props.marginBottom, 'margin-bottom') : null)}\n ${(props) => (props.marginLeft ? property(props.marginLeft, 'margin-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 ${({ marginXS, marginS, marginM, marginL, marginXL }) => {\n return responsiveNamedProperty({ sizes: { marginXS, marginS, marginM, marginL, marginXL }, cssProperty: 'margin' })\n }}\n ${({ marginTopXS, marginTopS, marginTopM, marginTopL, marginTopXL }) => {\n return responsiveNamedProperty({\n sizes: { marginTopXS, marginTopS, marginTopM, marginTopL, marginTopXL },\n cssProperty: 'margin-top',\n })\n }}\n ${({ marginRightXS, marginRightS, marginRightM, marginRightL, marginRightXL }) => {\n return responsiveNamedProperty({\n sizes: { marginRightXS, marginRightS, marginRightM, marginRightL, marginRightXL },\n cssProperty: 'margin-right',\n })\n }}\n ${({ marginBottomXS, marginBottomS, marginBottomM, marginBottomL, marginBottomXL }) => {\n return responsiveNamedProperty({\n sizes: { marginBottomXS, marginBottomS, marginBottomM, marginBottomL, marginBottomXL },\n cssProperty: 'margin-bottom',\n })\n }}\n ${({ marginLeftXS, marginLeftS, marginLeftM, marginLeftL, marginLeftXL }) => {\n return responsiveNamedProperty({\n sizes: { marginLeftXS, marginLeftS, marginLeftM, marginLeftL, marginLeftXL },\n cssProperty: 'margin-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 LoaderIcon = styled(Loader)`\n transform-origin: center;\n animation: ${spinAnimation} 1600ms infinite linear;\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","concat","backgroundColor","borderColor","shadowColor","colorHover","backgroundColorHover","borderColorHover","colorActive","backgroundColorActive","borderColorActive","colorDisabled","backgroundColorDisabled","borderColorDisabled","COLOR_SCHEMA","onColored","clear","props","_objectSpread","theme","colors","transparent","loading","base","success","tinycolor","darken","toString","outline","default","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","componentId","display","inline","borderRadius","rounded","preset","cursor","schema","focus","responsiveSize","padding","property","paddingTop","paddingBottom","margin","marginTop","marginRight","marginBottom","marginLeft","fluid","_ref","paddingXS","paddingS","paddingM","paddingL","paddingXL","responsiveNamedProperty","sizes","_ref2","paddingTopXS","paddingTopS","paddingTopM","paddingTopL","paddingTopXL","_ref3","paddingRightXS","paddingRightS","paddingRightM","paddingRightL","paddingRightXL","_ref4","paddingBottomXS","paddingBottomS","paddingBottomM","paddingBottomL","paddingBottomXL","_ref5","paddingLeftXS","paddingLeftS","paddingLeftM","paddingLeftL","paddingLeftXL","_ref6","marginXS","marginS","marginM","marginL","marginXL","_ref7","marginTopXS","marginTopS","marginTopM","marginTopL","marginTopXL","_ref8","marginRightXS","marginRightS","marginRightM","marginRightL","marginRightXL","_ref9","marginBottomXS","marginBottomS","marginBottomM","marginBottomL","marginBottomXL","_ref10","marginLeftXS","marginLeftS","marginLeftM","marginLeftL","marginLeftXL","_ref11","fontSizeXS","fontSizeS","fontSizeM","fontSizeL","fontSizeXL","_ref12","heightXS","heightS","heightM","heightL","heightXL","_ref13","widthXS","widthS","widthM","widthL","widthXL","customSizeHandler","_ref14","fluidXS","fluidS","fluidM","fluidL","fluidXL","LoaderIcon","Loader"],"mappings":"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"}
package/components/FormInputLabel/FormInputLabel.js CHANGED
@@ -1,2 +1,2 @@
1
- import r from'@babel/runtime/helpers/objectSpread2';import o from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as e}from'react';import{Text as i}from'../Text/Text.js';import{Icon as t}from'../Icon/Icon.js';import'../Icon/icons.js';import{Spacer as s}from'../Spacer/Spacer.js';import{withMergedProps as a}from'../../hocs/withMergedProps.js';import{SIZES as n}from'./constants.js';import{Root as p,Label as l,Caption as m}from'./style.js';import{jsxs as c,jsx as h}from'react/jsx-runtime';var f=["size","labelPosition","textProps","iconProps","icon","input","label","text","controls"];var b='FormInputLabel';var d=a(e(((e,a)=>{var{size:n="m",labelPosition:b="dynamic",textProps:d={},iconProps:x={},icon:j,input:u,label:P,text:g,controls:I}=e,S=o(e,f);return c(p,r(r({},S),{},{size:n,labelPosition:b,ref:a,children:[j&&h(s,{display:"flex",marginRight:12,children:h(t,r({as:"span",color:"inherit",icon:j},x))}),c(l,r(r({size:"inherit",color:"inherit"},d),{},{children:[u,P&&h(m,{children:P})]})),g&&h(i,r(r({size:"inherit",color:"inherit",whiteSpace:"nowrap",cursor:"inherit",marginLeft:12,marginRight:I?void 0:6},d),{},{children:g})),I&&h(s,{display:"flex",marginLeft:4,children:I})]}))})),{sizes:n,displayName:"FormInputLabel"});export{b as COMPONENT_NAME,d as FormInputLabel};
1
+ import r from'@babel/runtime/helpers/objectSpread2';import o from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as e}from'react';import{Text as i}from'../Text/Text.js';import{Icon as t}from'../Icon/Icon.js';import'../Icon/icons.js';import{Spacer as s}from'../Spacer/Spacer.js';import{withMergedProps as a}from'../../hocs/withMergedProps.js';import{SIZES as n}from'./constants.js';import{Root as p,Label as l,Caption as m}from'./style.js';import{jsxs as c,jsx as h}from'react/jsx-runtime';var f=["size","labelPosition","textProps","iconProps","icon","input","label","text","controls"];var b='FormInputLabel';var d=a(e(((e,a)=>{var{size:n="m",labelPosition:b="dynamic",textProps:d={},iconProps:x={},icon:j,input:P,label:u,text:g,controls:I}=e,S=o(e,f);return c(p,r(r({},S),{},{size:n,labelPosition:b,ref:a,children:[j&&h(s,{display:"flex",marginRight:12,children:h(t,r({as:"span",color:"inherit",icon:j},x))}),c(l,r(r({size:"inherit",color:"inherit"},d),{},{children:[P,u&&h(m,{children:u})]})),g&&h(i,r(r({size:"inherit",color:"inherit",whiteSpace:"nowrap",marginLeft:12,marginRight:I?void 0:6},d),{},{children:g})),I&&h(s,{display:"flex",marginLeft:4,children:I})]}))})),{sizes:n,displayName:"FormInputLabel"});export{b as COMPONENT_NAME,d as FormInputLabel};
2
2
  //# sourceMappingURL=FormInputLabel.js.map
package/components/FormInputLabel/FormInputLabel.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FormInputLabel.js","sources":["../../../../src/components/FormInputLabel/FormInputLabel.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport { Spacer } from 'components/Spacer'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { FormInputLabelProps } from './types'\n\nconst COMPONENT_NAME = 'FormInputLabel'\n\nconst FormInputLabel: React.ForwardRefExoticComponent<FormInputLabelProps> = withMergedProps<\n FormInputLabelProps,\n HTMLDivElement\n>(\n forwardRef((props, ref) => {\n const {\n size = 'm',\n labelPosition = 'dynamic',\n textProps = {},\n iconProps = {},\n icon,\n input,\n label,\n text,\n controls,\n ...restProps\n } = props\n\n return (\n <Styled.Root {...restProps} size={size} labelPosition={labelPosition} ref={ref}>\n {icon && (\n <Spacer display='flex' marginRight={12}>\n <Icon as='span' color='inherit' icon={icon} {...iconProps} />\n </Spacer>\n )}\n <Styled.Label size='inherit' color='inherit' {...textProps}>\n {input}\n {label && <Styled.Caption>{label}</Styled.Caption>}\n </Styled.Label>\n {text && (\n <Text\n size='inherit'\n color='inherit'\n whiteSpace='nowrap'\n cursor='inherit'\n marginLeft={12}\n marginRight={!controls ? 6 : undefined}\n {...textProps}\n >\n {text}\n </Text>\n )}\n {controls && (\n <Spacer display='flex' marginLeft={4}>\n {controls}\n </Spacer>\n )}\n </Styled.Root>\n )\n }),\n {\n sizes: SIZES,\n displayName: COMPONENT_NAME,\n }\n)\n\nexport { FormInputLabel, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","FormInputLabel","withMergedProps","forwardRef","props","ref","size","labelPosition","textProps","iconProps","icon","input","label","text","controls","restProps","_excluded","_jsxs","Styled.Root","children","_jsx","Spacer","display","marginRight","Icon","_objectSpread","as","color","Styled.Label","Styled.Caption","Text","whiteSpace","cursor","marginLeft","sizes","SIZES","displayName"],"mappings":"4lBASMA,IAAAA,EAAiB,iBAEjBC,IAAAA,EAAuEC,EAI3EC,GAAW,CAACC,EAAOC,KACjB,IAAMC,KACJA,EAAO,IADHC,cAEJA,EAAgB,UAFZC,UAGJA,EAAY,GAHRC,UAIJA,EAAY,GAJRC,KAKJA,EALIC,MAMJA,EANIC,MAOJA,EAPIC,KAQJA,EARIC,SASJA,GAEEV,EADCW,IACDX,EAXJY,GAaA,OACEC,EAACC,SAAgBH,GAAjB,GAAA,CAA4BT,KAAMA,EAAMC,cAAeA,EAAeF,IAAKA,EAA3Ec,SACGT,CAAAA,GACCU,EAACC,EAAD,CAAQC,QAAQ,OAAOC,YAAa,GAApCJ,SACEC,EAACI,EAADC,EAAA,CAAMC,GAAG,OAAOC,MAAM,UAAUjB,KAAMA,GAAUD,MAGpDQ,EAACW,EAADH,EAAAA,EAAA,CAAcnB,KAAK,UAAUqB,MAAM,WAAcnB,GAAjD,GAAA,CAAAW,SAAA,CACGR,EACAC,GAASQ,EAACS,EAAD,CAAAV,SAAiBP,QAE5BC,GACCO,EAACU,EAADL,EAAAA,EAAA,CACEnB,KAAK,UACLqB,MAAM,UACNI,WAAW,SACXC,OAAO,UACPC,WAAY,GACZV,YAAcT,SAAW,GACrBN,GAPN,GAAA,CAAAW,SASGN,KAGJC,GACCM,EAACC,EAAD,CAAQC,QAAQ,OAAOW,WAAY,EAAnCd,SACGL,WAMX,CACEoB,MAAOC,EACPC,YAtDmB"}
1
+ {"version":3,"file":"FormInputLabel.js","sources":["../../../../src/components/FormInputLabel/FormInputLabel.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport { Spacer } from 'components/Spacer'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { FormInputLabelProps } from './types'\n\nconst COMPONENT_NAME = 'FormInputLabel'\n\nconst FormInputLabel: React.ForwardRefExoticComponent<FormInputLabelProps> = withMergedProps<\n FormInputLabelProps,\n HTMLDivElement\n>(\n forwardRef((props, ref) => {\n const {\n size = 'm',\n labelPosition = 'dynamic',\n textProps = {},\n iconProps = {},\n icon,\n input,\n label,\n text,\n controls,\n ...restProps\n } = props\n\n return (\n <Styled.Root {...restProps} size={size} labelPosition={labelPosition} ref={ref}>\n {icon && (\n <Spacer display='flex' marginRight={12}>\n <Icon as='span' color='inherit' icon={icon} {...iconProps} />\n </Spacer>\n )}\n <Styled.Label size='inherit' color='inherit' {...textProps}>\n {input}\n {label && <Styled.Caption>{label}</Styled.Caption>}\n </Styled.Label>\n {text && (\n <Text\n size='inherit'\n color='inherit'\n whiteSpace='nowrap'\n marginLeft={12}\n marginRight={!controls ? 6 : undefined}\n {...textProps}\n >\n {text}\n </Text>\n )}\n {controls && (\n <Spacer display='flex' marginLeft={4}>\n {controls}\n </Spacer>\n )}\n </Styled.Root>\n )\n }),\n {\n sizes: SIZES,\n displayName: COMPONENT_NAME,\n }\n)\n\nexport { FormInputLabel, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","FormInputLabel","withMergedProps","forwardRef","props","ref","size","labelPosition","textProps","iconProps","icon","input","label","text","controls","restProps","_excluded","_jsxs","Styled.Root","children","_jsx","Spacer","display","marginRight","Icon","_objectSpread","as","color","Styled.Label","Styled.Caption","Text","whiteSpace","marginLeft","sizes","SIZES","displayName"],"mappings":"4lBASMA,IAAAA,EAAiB,iBAEjBC,IAAAA,EAAuEC,EAI3EC,GAAW,CAACC,EAAOC,KACjB,IAAMC,KACJA,EAAO,IADHC,cAEJA,EAAgB,UAFZC,UAGJA,EAAY,GAHRC,UAIJA,EAAY,GAJRC,KAKJA,EALIC,MAMJA,EANIC,MAOJA,EAPIC,KAQJA,EARIC,SASJA,GAEEV,EADCW,IACDX,EAXJY,GAaA,OACEC,EAACC,SAAgBH,GAAjB,GAAA,CAA4BT,KAAMA,EAAMC,cAAeA,EAAeF,IAAKA,EAA3Ec,SACGT,CAAAA,GACCU,EAACC,EAAD,CAAQC,QAAQ,OAAOC,YAAa,GAApCJ,SACEC,EAACI,EAADC,EAAA,CAAMC,GAAG,OAAOC,MAAM,UAAUjB,KAAMA,GAAUD,MAGpDQ,EAACW,EAADH,EAAAA,EAAA,CAAcnB,KAAK,UAAUqB,MAAM,WAAcnB,GAAjD,GAAA,CAAAW,SAAA,CACGR,EACAC,GAASQ,EAACS,EAAD,CAAAV,SAAiBP,QAE5BC,GACCO,EAACU,EAADL,EAAAA,EAAA,CACEnB,KAAK,UACLqB,MAAM,UACNI,WAAW,SACXC,WAAY,GACZT,YAAcT,SAAW,GACrBN,GANN,GAAA,CAAAW,SAQGN,KAGJC,GACCM,EAACC,EAAD,CAAQC,QAAQ,OAAOU,WAAY,EAAnCb,SACGL,WAMX,CACEmB,MAAOC,EACPC,YArDmB"}
package/components/FormInputLabel/style.js CHANGED
@@ -1,2 +1,2 @@
1
- import o from'@babel/runtime/helpers/objectSpread2';import r,{css as e}from'styled-components';import n from'tinycolor2';import{Text as t}from'../Text/Text.js';import{createShouldForwardProp as c}from'../../shared/utils/style.js';import{responsiveSize as a}from'../../mixins/responsive-size.js';import{responsiveMargin as l}from'../../mixins/responsive-margin.js';var s=c((o=>!['primary','secondary','active','error','success','disabled','onColored','labelPosition','inline'].includes(o)));var i=r(t).attrs({forwardedAs:'label'}).withConfig({componentId:"fox-ui__sc-1il4atw-0"})(["box-sizing:border-box;position:relative;display:flex;flex-grow:1;align-self:stretch;cursor:inherit;&::after{content:'';position:absolute;bottom:0;right:0;width:40px;height:100%;pointer-events:none;opacity:1;background-image:linear-gradient(90deg,transparent,currentColor);transition-property:color,opacity;}"]);var d=r.span.withConfig({componentId:"fox-ui__sc-1il4atw-1"})(["box-sizing:border-box;position:absolute;left:0;top:50%;width:100%;white-space:nowrap;cursor:inherit;overflow:hidden;text-overflow:ellipsis;pointer-events:none;transition-property:transform;"]);var m=o=>"\n color: ".concat(o.color,";\n background-color: ").concat(o.backgroundColor,";\n border-color: ").concat(o.borderColor,";\n &:hover {\n color: ").concat(o.colorHover,";\n background-color: ").concat(o.backgroundColorHover,";\n border-color: ").concat(o.borderColorHover,";\n }\n &:focus-within {\n color: ").concat(o.color,";\n background-color: ").concat(o.backgroundColor,";\n border-color: ").concat(o.borderColor,";\n }\n & > ").concat(i,"::after {\n color: ").concat(o.backgroundColor,";\n }\n");var b={onColored:{disabled:e(["",""],(r=>m(o({color:r.theme.colors['content-disabled'],backgroundColor:r.theme.colors['bg-disabled-large'],borderColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-disabled'],backgroundColorHover:r.theme.colors['bg-disabled-large'],borderColorHover:r.theme.colors.transparent},r.palette)))),error:e(["",""],(r=>m(o({color:r.theme.colors['content-onmain-secondary'],backgroundColor:r.theme.colors['alert-bg-error-200'],borderColor:r.theme.colors['alert-bg-error-500'],colorHover:r.theme.colors['content-onmain-secondary'],backgroundColorHover:r.theme.colors['alert-bg-error-200'],borderColorHover:r.theme.colors['alert-bg-error-500']},r.palette)))),success:e(["",""],(r=>m(o({color:r.theme.colors['content-onmain-secondary'],backgroundColor:r.theme.colors['alert-bg-success-200'],borderColor:r.theme.colors['alert-bg-success-500'],colorHover:r.theme.colors['content-onmain-secondary'],backgroundColorHover:r.theme.colors['alert-bg-success-200'],borderColorHover:r.theme.colors['alert-bg-success-500']},r.palette)))),default:e(["",""],(r=>m(o({color:r.theme.colors['content-onmain-secondary'],backgroundColor:r.theme.colors['bg-onmain-primary'],borderColor:r.theme.colors['border-onmain-default-large'],colorHover:r.theme.colors['content-onmain-secondary'],backgroundColorHover:n(r.theme.colors['bg-onmain-primary']).darken(4).toString(),borderColorHover:r.theme.colors['border-onmain-default-large']},r.palette))))},secondary:{disabled:e(["",""],(r=>m(o({color:r.theme.colors['content-disabled'],backgroundColor:r.theme.colors['bg-disabled-large'],borderColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-disabled'],backgroundColorHover:r.theme.colors['bg-disabled-large'],borderColorHover:r.theme.colors.transparent},r.palette)))),error:e(["",""],(r=>m(o({color:r.theme.colors['content-onmain-secondary'],backgroundColor:r.theme.colors['alert-bg-error-100'],borderColor:r.theme.colors['alert-bg-error-500'],colorHover:r.theme.colors['content-onmain-secondary'],backgroundColorHover:r.theme.colors['alert-bg-error-100'],borderColorHover:r.theme.colors['alert-bg-error-500']},r.palette)))),success:e(["",""],(r=>m(o({color:r.theme.colors['content-onmain-secondary'],backgroundColor:r.theme.colors['alert-bg-success-100'],borderColor:r.theme.colors['alert-bg-success-500'],colorHover:r.theme.colors['content-onmain-secondary'],backgroundColorHover:r.theme.colors['alert-bg-success-100'],borderColorHover:r.theme.colors['alert-bg-success-500']},r.palette)))),default:e(["",""],(r=>m(o({color:r.theme.colors['content-onmain-secondary'],backgroundColor:r.theme.colors['bg-onmain-secondary'],borderColor:r.theme.colors['border-onmain-default-large'],colorHover:r.theme.colors['content-onmain-secondary'],backgroundColorHover:n(r.theme.colors['bg-onmain-secondary']).darken(4).toString(),borderColorHover:r.theme.colors['border-onmain-default-large']},r.palette))))},primary:{disabled:e(["",""],(r=>m(o({color:r.theme.colors['content-disabled'],backgroundColor:r.theme.colors['bg-disabled-large'],borderColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-disabled'],backgroundColorHover:r.theme.colors['bg-disabled-large'],borderColorHover:r.theme.colors.transparent},r.palette)))),error:e(["",""],(r=>m(o({color:r.theme.colors['content-onmain-secondary'],backgroundColor:r.theme.colors['alert-bg-error-100'],borderColor:r.theme.colors['alert-bg-error-500'],colorHover:r.theme.colors['content-onmain-secondary'],backgroundColorHover:r.theme.colors['alert-bg-error-100'],borderColorHover:r.theme.colors['alert-bg-error-500']},r.palette)))),success:e(["",""],(r=>m(o({color:r.theme.colors['content-onmain-secondary'],backgroundColor:r.theme.colors['alert-bg-success-100'],borderColor:r.theme.colors['alert-bg-success-500'],colorHover:r.theme.colors['content-onmain-secondary'],backgroundColorHover:r.theme.colors['alert-bg-success-100'],borderColorHover:r.theme.colors['alert-bg-success-500']},r.palette)))),default:e(["",""],(r=>m(o({color:r.theme.colors['content-onmain-secondary'],backgroundColor:r.theme.colors['bg-onmain-primary'],borderColor:r.theme.colors['border-onmain-default-large'],colorHover:r.theme.colors['content-onmain-secondary'],backgroundColorHover:n(r.theme.colors['bg-onmain-primary']).darken(4).toString(),borderColorHover:r.theme.colors['border-onmain-default-large']},r.palette))))}};var g=r.div.withConfig({shouldForwardProp:s}).attrs({dynamicSizeDeclaration:(o,r)=>({fontSize:'string'==typeof o?o:"".concat(o).concat(r),padding:'0.25em 0.6em 0.25em 1em',minHeight:'3em',borderRadius:'0.6em'})}).withConfig({componentId:"fox-ui__sc-1il4atw-2"})([""," "," "," ",""],(o=>{var r;var e=o.active?'scale(0.7) translateX(-21.5%) translateY(-145%)':'translateY(-50%)';var n='1';var t='auto';return'top'===o.labelPosition&&(e='scale(0.7) translateX(-21.5%) translateY(-145%)'),'center'===o.labelPosition&&(e="translateY(-50%)",n=o.active?'0':'1',t=o.active?'-1':'auto'),"\n box-sizing: border-box;\n position: relative;\n isolation: isolate;\n display: ".concat(o.inline?'inline-flex':'flex',";\n cursor: ").concat((null!==(r=o.cursor)&&void 0!==r?r:o.disabled)?'not-allowed':'pointer',";\n align-items: center;\n min-width: min-content;\n border: 1px solid transparent;\n transition-property: background-color;\n\n &,\n & > ").concat(i,"::after,\n & > ").concat(i," > ").concat(d," {\n transition-duration: 150ms;\n transition-timing-function: ease;\n }\n\n & > ").concat(i," > ").concat(d," {\n transform: ").concat(e,";\n opacity: ").concat(n,";\n z-index: ").concat(t,";\n }\n\n &:focus-within {\n box-shadow: 0 0 0 2px ").concat(o.theme.colors.white,", 0 0 0 4px ").concat(o.theme.colors['border-focus'],";\n outline: 2px solid transparent;\n outline-offset: 2px;\n }\n\n &:hover > ").concat(i,"::after,\n &:focus-within > ").concat(i,"::after {\n opacity: 0;\n }\n ")}),(o=>{var r=b.primary;return o.secondary&&(r=b.secondary),o.onColored&&(r=b.onColored),o.disabled?r.disabled:o.error?r.error:o.success?r.success:r.default}),a,l);export{d as Caption,i as Label,g as Root};
1
+ import o from'@babel/runtime/helpers/objectSpread2';import r,{css as e}from'styled-components';import n from'tinycolor2';import{Text as t}from'../Text/Text.js';import{createShouldForwardProp as c}from'../../shared/utils/style.js';import{responsiveSize as a}from'../../mixins/responsive-size.js';import{responsiveMargin as l}from'../../mixins/responsive-margin.js';var s=c((o=>!['primary','secondary','active','error','success','disabled','onColored','labelPosition','inline'].includes(o)));var i=r(t).attrs({forwardedAs:'label'}).withConfig({componentId:"fox-ui__sc-1il4atw-0"})(["box-sizing:border-box;position:relative;display:flex;flex-grow:1;align-self:stretch;cursor:inherit;&::after{content:'';position:absolute;bottom:0;right:0;width:40px;height:100%;pointer-events:none;opacity:1;background-image:linear-gradient(90deg,transparent,currentColor);transition-property:color,opacity;}"]);var d=r.span.withConfig({componentId:"fox-ui__sc-1il4atw-1"})(["box-sizing:border-box;position:absolute;left:0;top:50%;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;transition-property:transform;"]);var m=o=>"\n color: ".concat(o.color,";\n background-color: ").concat(o.backgroundColor,";\n border-color: ").concat(o.borderColor,";\n &:hover {\n color: ").concat(o.colorHover,";\n background-color: ").concat(o.backgroundColorHover,";\n border-color: ").concat(o.borderColorHover,";\n }\n &:focus-within {\n color: ").concat(o.color,";\n background-color: ").concat(o.backgroundColor,";\n border-color: ").concat(o.borderColor,";\n }\n & > ").concat(i,"::after {\n color: ").concat(o.backgroundColor,";\n }\n");var b={onColored:{disabled:e(["",""],(r=>m(o({color:r.theme.colors['content-disabled'],backgroundColor:r.theme.colors['bg-disabled-large'],borderColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-disabled'],backgroundColorHover:r.theme.colors['bg-disabled-large'],borderColorHover:r.theme.colors.transparent},r.palette)))),error:e(["",""],(r=>m(o({color:r.theme.colors['content-onmain-secondary'],backgroundColor:r.theme.colors['alert-bg-error-200'],borderColor:r.theme.colors['alert-bg-error-500'],colorHover:r.theme.colors['content-onmain-secondary'],backgroundColorHover:r.theme.colors['alert-bg-error-200'],borderColorHover:r.theme.colors['alert-bg-error-500']},r.palette)))),success:e(["",""],(r=>m(o({color:r.theme.colors['content-onmain-secondary'],backgroundColor:r.theme.colors['alert-bg-success-200'],borderColor:r.theme.colors['alert-bg-success-500'],colorHover:r.theme.colors['content-onmain-secondary'],backgroundColorHover:r.theme.colors['alert-bg-success-200'],borderColorHover:r.theme.colors['alert-bg-success-500']},r.palette)))),default:e(["",""],(r=>m(o({color:r.theme.colors['content-onmain-secondary'],backgroundColor:r.theme.colors['bg-onmain-primary'],borderColor:r.theme.colors['border-onmain-default-large'],colorHover:r.theme.colors['content-onmain-secondary'],backgroundColorHover:n(r.theme.colors['bg-onmain-primary']).darken(4).toString(),borderColorHover:r.theme.colors['border-onmain-default-large']},r.palette))))},secondary:{disabled:e(["",""],(r=>m(o({color:r.theme.colors['content-disabled'],backgroundColor:r.theme.colors['bg-disabled-large'],borderColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-disabled'],backgroundColorHover:r.theme.colors['bg-disabled-large'],borderColorHover:r.theme.colors.transparent},r.palette)))),error:e(["",""],(r=>m(o({color:r.theme.colors['content-onmain-secondary'],backgroundColor:r.theme.colors['alert-bg-error-100'],borderColor:r.theme.colors['alert-bg-error-500'],colorHover:r.theme.colors['content-onmain-secondary'],backgroundColorHover:r.theme.colors['alert-bg-error-100'],borderColorHover:r.theme.colors['alert-bg-error-500']},r.palette)))),success:e(["",""],(r=>m(o({color:r.theme.colors['content-onmain-secondary'],backgroundColor:r.theme.colors['alert-bg-success-100'],borderColor:r.theme.colors['alert-bg-success-500'],colorHover:r.theme.colors['content-onmain-secondary'],backgroundColorHover:r.theme.colors['alert-bg-success-100'],borderColorHover:r.theme.colors['alert-bg-success-500']},r.palette)))),default:e(["",""],(r=>m(o({color:r.theme.colors['content-onmain-secondary'],backgroundColor:r.theme.colors['bg-onmain-secondary'],borderColor:r.theme.colors['border-onmain-default-large'],colorHover:r.theme.colors['content-onmain-secondary'],backgroundColorHover:n(r.theme.colors['bg-onmain-secondary']).darken(4).toString(),borderColorHover:r.theme.colors['border-onmain-default-large']},r.palette))))},primary:{disabled:e(["",""],(r=>m(o({color:r.theme.colors['content-disabled'],backgroundColor:r.theme.colors['bg-disabled-large'],borderColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-disabled'],backgroundColorHover:r.theme.colors['bg-disabled-large'],borderColorHover:r.theme.colors.transparent},r.palette)))),error:e(["",""],(r=>m(o({color:r.theme.colors['content-onmain-secondary'],backgroundColor:r.theme.colors['alert-bg-error-100'],borderColor:r.theme.colors['alert-bg-error-500'],colorHover:r.theme.colors['content-onmain-secondary'],backgroundColorHover:r.theme.colors['alert-bg-error-100'],borderColorHover:r.theme.colors['alert-bg-error-500']},r.palette)))),success:e(["",""],(r=>m(o({color:r.theme.colors['content-onmain-secondary'],backgroundColor:r.theme.colors['alert-bg-success-100'],borderColor:r.theme.colors['alert-bg-success-500'],colorHover:r.theme.colors['content-onmain-secondary'],backgroundColorHover:r.theme.colors['alert-bg-success-100'],borderColorHover:r.theme.colors['alert-bg-success-500']},r.palette)))),default:e(["",""],(r=>m(o({color:r.theme.colors['content-onmain-secondary'],backgroundColor:r.theme.colors['bg-onmain-primary'],borderColor:r.theme.colors['border-onmain-default-large'],colorHover:r.theme.colors['content-onmain-secondary'],backgroundColorHover:n(r.theme.colors['bg-onmain-primary']).darken(4).toString(),borderColorHover:r.theme.colors['border-onmain-default-large']},r.palette))))}};var g=r.div.withConfig({shouldForwardProp:s}).attrs({dynamicSizeDeclaration:(o,r)=>({fontSize:'string'==typeof o?o:"".concat(o).concat(r),padding:'0.25em 0.6em 0.25em 1em',minHeight:'3em',borderRadius:'0.6em'})}).withConfig({componentId:"fox-ui__sc-1il4atw-2"})([""," "," "," ",""],(o=>{var r=o.active?'scale(0.7) translateX(-21.5%) translateY(-145%)':'translateY(-50%)';var e='1';var n='auto';return'top'===o.labelPosition&&(r='scale(0.7) translateX(-21.5%) translateY(-145%)'),'center'===o.labelPosition&&(r="translateY(-50%)",e=o.active?'0':'1',n=o.active?'-1':'auto'),"\n box-sizing: border-box;\n position: relative;\n isolation: isolate;\n display: ".concat(o.inline?'inline-flex':'flex',";\n cursor: ").concat(o.disabled?'not-allowed':'pointer',";\n align-items: center;\n min-width: min-content;\n border: 1px solid transparent;\n transition-property: background-color;\n\n &,\n & > ").concat(i,"::after,\n & > ").concat(i," > ").concat(d," {\n transition-duration: 150ms;\n transition-timing-function: ease;\n }\n\n & > ").concat(i," > ").concat(d," {\n transform: ").concat(r,";\n opacity: ").concat(e,";\n z-index: ").concat(n,";\n }\n\n &:focus-within {\n box-shadow: 0 0 0 2px ").concat(o.theme.colors.white,", 0 0 0 4px ").concat(o.theme.colors['border-focus'],";\n outline: 2px solid transparent;\n outline-offset: 2px;\n }\n\n &:hover > ").concat(i,"::after,\n &:focus-within > ").concat(i,"::after {\n opacity: 0;\n }\n ")}),(o=>{var r=b.primary;return o.secondary&&(r=b.secondary),o.onColored&&(r=b.onColored),o.disabled?r.disabled:o.error?r.error:o.success?r.success:r.default}),a,l);export{d as Caption,i as Label,g as Root};
2
2
  //# sourceMappingURL=style.js.map