@foxford/ui 2.19.0 → 2.19.1-beta-9d83b85-20240221

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 (28) hide show
  1. package/components/Button/Button.js +1 -1
  2. package/components/Button/Button.js.map +1 -1
  3. package/components/Button/constants.js +1 -1
  4. package/components/Button/constants.js.map +1 -1
  5. package/components/Button/hooks.js +1 -1
  6. package/components/Button/hooks.js.map +1 -1
  7. package/components/Button/images/loader.module.svg.js +2 -0
  8. package/components/Button/images/loader.module.svg.js.map +1 -0
  9. package/components/Button/images/success.module.svg.js +2 -0
  10. package/components/Button/images/success.module.svg.js.map +1 -0
  11. package/components/Button/style.js +1 -1
  12. package/components/Button/style.js.map +1 -1
  13. package/dts/index.d.ts +93 -58
  14. package/index.cjs.js +1 -1
  15. package/index.cjs.js.map +1 -1
  16. package/package.json +3 -2
  17. package/shared/regexp.js +1 -1
  18. package/shared/regexp.js.map +1 -1
  19. package/theme/colors-dark.js +1 -1
  20. package/theme/colors-dark.js.map +1 -1
  21. package/theme/colors-light.js +1 -1
  22. package/theme/colors-light.js.map +1 -1
  23. package/theme/colors.js +1 -1
  24. package/theme/colors.js.map +1 -1
  25. package/components/Button/images/check.module.svg.js +0 -2
  26. package/components/Button/images/check.module.svg.js.map +0 -1
  27. package/components/Button/images/spinner.module.svg.js +0 -2
  28. package/components/Button/images/spinner.module.svg.js.map +0 -1
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 tiny from 'tinycolor2'\nimport type { DefaultTheme, ThemedStyledProps } from 'styled-components'\nimport { CalcProperty, property, responsiveNamedProperty } from 'mixins/responsive-property'\nimport { color as colorFn } from 'mixins/color'\nimport type { PossibleValues } from 'mixins/responsive-property'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { FORWARD_PROPS } from './constants'\nimport Check from './images/check.module.svg'\nimport Spinner from './images/spinner.module.svg'\nimport type { StyledButtonProps } from './types'\n\nconst WIDTHS: Record<string, number> = {\n xl: 320,\n l: 280,\n m: 245,\n s: 180,\n xs: 140,\n}\n\nconst baseStyles = css<StyledButtonProps>`\n ${(props) => `\n display: ${props.display};\n font-weight: ${props.fontWeight};\n border-radius: ${props.borderRadius};\n line-height: ${props.lineHeight};\n box-sizing: border-box;\n position: relative;\n isolation: isolate;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n cursor: pointer;\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 transition-property: color, background-color, box-shadow;\n &::before,\n &::after {\n transition-property: opacity;\n }\n &,\n &::before,\n &::after {\n transition-duration: 200ms;\n }\n & + & {\n margin-left: ${props.noSpacing ? 'auto' : '1em'};\n }\n `}\n`\n\nconst loading = keyframes`\n 0% {\n background-position: 0 0;\n }\n 100% {\n background-position: 50px 50px;\n }\n`\n\nconst spin = 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: ${loading} 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 pseudoBaseStyles = `\n content: '';\n position: absolute;\n inset: 0;\n border-radius: inherit;\n`\n\nconst PRESET = {\n filled: {\n default: css<StyledButtonProps>`\n ${(props) => {\n let background = props.theme.colors['bg-brand-primary-basic']\n if (props.black) background = props.theme.colors['bg-onmain-contrast']\n if (props.danger) background = props.theme.colors['alert-bg-error-500']\n if (props.success) background = props.theme.colors['alert-bg-success-500']\n if (props.disabled) background = props.theme.colors['bg-disabled-large']\n\n let color = props.theme.colors['content-oncolor-primary']\n if (props.disabled) color = props.theme.colors['content-disabled']\n\n let backgroundBefore = props.theme.colors['bg-oncolor-hover']\n if (props.black && !props.danger) backgroundBefore = props.theme.colors['bg-oncontrast-hover']\n\n return `\n background-color: ${background};\n color: ${color};\n\n &::before {\n ${pseudoBaseStyles}\n background-color: ${backgroundBefore};\n opacity: 0;\n }\n &::after {\n ${pseudoBaseStyles}\n box-shadow: inset 0px 4px 0px ${props.theme.colors['bg-oncolor-hover']};\n opacity: 0;\n }\n\n ${\n !props.disabled && !props.success && !props.loading\n ? `\n &:hover::before {\n opacity: 1;\n }\n &:active::after {\n opacity: 1;\n }\n `\n : 'cursor: default;'\n }\n `\n }}\n `,\n onColored: css<StyledButtonProps>`\n ${(props) => {\n let background = props.theme.colors['bg-oncolor-primary']\n if (props.disabled) background = props.theme.colors['bg-oncolor-disabled']\n\n let color = props.theme.colors['content-oncolor-constant']\n if (props.success) color = props.theme.colors['alert-success']\n if (props.disabled) color = props.theme.colors['content-oncolor-disabled']\n\n return `\n background-color: ${background};\n color: ${color};\n\n &::before {\n ${pseudoBaseStyles}\n background-color: ${props.theme.colors['bg-oncolor-hover']};\n opacity: 0;\n }\n &::after {\n ${pseudoBaseStyles}\n box-shadow: inset 0px 4px 0px ${props.theme.colors['bg-oncolor-hover']};\n opacity: 0;\n }\n\n ${\n !props.disabled && !props.success && !props.loading\n ? `\n &:hover::before {\n opacity: 1;\n }\n &:active::after {\n opacity: 1;\n }\n `\n : 'cursor: default;'\n }\n `\n }}\n `,\n },\n outline: {\n default: css<StyledButtonProps>`\n ${(props) => {\n let background = props.theme.colors.transparent\n if (props.loading && !props.success && !props.black && !props.danger)\n background = props.theme.colors['bg-brand-primary-basic']\n if (props.loading && !props.success && props.black) background = props.theme.colors['bg-onmain-contrast']\n if (props.loading && !props.success && props.danger) background = props.theme.colors['alert-bg-error-500']\n if (props.success) background = props.theme.colors['alert-bg-success-500']\n if (props.disabled) background = props.theme.colors['bg-disabled-large']\n\n let color = props.theme.colors['content-brand-primary']\n if (props.black) color = props.theme.colors['content-oncolor-inverse']\n if (props.danger) color = props.theme.colors['alert-error']\n if (props.success || props.loading) color = props.theme.colors['content-oncolor-primary']\n if (props.disabled) color = props.theme.colors['content-disabled']\n\n let boxShadow = props.theme.colors['border-brand-primary']\n if (props.black) boxShadow = props.theme.colors['border-onmain-contrast']\n if (props.danger) boxShadow = props.theme.colors['alert-bg-error-500']\n if (props.loading && !props.success) boxShadow = props.theme.colors.transparent\n if (props.success) boxShadow = props.theme.colors['alert-bg-success-500']\n if (props.disabled) boxShadow = props.theme.colors['bg-disabled-large']\n\n let backgroundBefore = props.theme.colors['bg-brand-primary-basic']\n if (props.black) backgroundBefore = props.theme.colors['bg-onmain-contrast']\n if (props.danger) backgroundBefore = props.theme.colors['alert-bg-error-500']\n\n let backgroundAfter = props.theme.colors['bg-oncolor-hover']\n if (props.black && !props.danger) backgroundAfter = props.theme.colors['bg-oncontrast-hover']\n\n return `\n background-color: ${background};\n color: ${color};\n box-shadow: inset 0 0 0 1px ${boxShadow};\n\n &::before {\n ${pseudoBaseStyles}\n background-color: ${backgroundBefore};\n opacity: 0;\n }\n &::after {\n ${pseudoBaseStyles}\n background-color: ${backgroundAfter};\n box-shadow: inset 0px 4px 0px ${props.theme.colors['bg-oncolor-hover']};\n opacity: 0;\n }\n\n ${\n !props.disabled && !props.success && !props.loading\n ? `\n &:hover {\n color: ${props.theme.colors['content-oncolor-primary']};\n box-shadow: none;\n }\n &:hover::before {\n opacity: 1;\n }\n &:active::after {\n opacity: 1;\n }\n `\n : 'cursor: default;'\n }\n `\n }}\n `,\n onColored: css<StyledButtonProps>`\n ${(props) => {\n let background = props.theme.colors.transparent\n if (props.success || props.loading) background = props.theme.colors['bg-oncolor-primary']\n if (props.disabled) background = props.theme.colors['bg-oncolor-disabled']\n\n let color = props.theme.colors['content-oncolor-primary']\n if (props.loading && !props.success) color = props.theme.colors['content-oncolor-constant']\n if (props.success) color = props.theme.colors['alert-success']\n if (props.disabled) color = props.theme.colors['content-oncolor-disabled']\n\n let boxShadow = props.theme.colors['border-oncolor-default']\n if (props.disabled) boxShadow = props.theme.colors.transparent\n\n return `\n background-color: ${background};\n color: ${color};\n box-shadow: inset 0 0 0 1px ${boxShadow};\n\n &::before {\n ${pseudoBaseStyles}\n background-color: ${props.theme.colors['bg-oncolor-primary']};\n opacity: 0;\n }\n &::after {\n ${pseudoBaseStyles}\n box-shadow: inset 0px 4px 0px ${props.theme.colors['bg-oncolor-hover']};\n opacity: 0;\n }\n\n ${\n !props.disabled && !props.success && !props.loading\n ? `\n &:hover {\n color: ${props.theme.colors['content-oncolor-constant']};\n box-shadow: none;\n }\n &:hover::before {\n opacity: 1;\n }\n &:active::after {\n opacity: 1;\n }\n `\n : 'cursor: default;'\n }\n `\n }}\n `,\n },\n base: {\n default: css<StyledButtonProps>`\n ${(props) => {\n let background = props.theme.colors['bg-onmain-tertiary']\n if (props.success) background = props.theme.colors['alert-bg-success-500']\n if (props.disabled) background = props.theme.colors['bg-disabled-large']\n\n let color = props.theme.colors['content-brand-primary']\n if (props.black) color = props.theme.colors['content-oncolor-inverse']\n if (props.danger) color = props.theme.colors['alert-error']\n if (props.success) color = props.theme.colors['content-oncolor-primary']\n if (props.disabled) color = props.theme.colors['content-disabled']\n\n return `\n background-color: ${background};\n color: ${color};\n\n &::before {\n ${pseudoBaseStyles}\n background-color: ${props.theme.colors['bg-oncolor-hover']};\n opacity: 0;\n }\n &::after {\n ${pseudoBaseStyles}\n box-shadow: inset 0px 4px 0px ${props.theme.colors['bg-oncolor-hover']};\n opacity: 0;\n }\n\n ${\n !props.disabled && !props.success && !props.loading\n ? `\n &:hover::before {\n opacity: 1;\n }\n &:active::after {\n opacity: 1;\n }\n `\n : 'cursor: default;'\n }\n `\n }}\n `,\n onColored: css<StyledButtonProps>`\n ${(props) => {\n let background = props.theme.colors['bg-oncolor-secondary']\n if (props.success) background = props.theme.colors['bg-oncolor-primary']\n if (props.disabled) background = props.theme.colors['bg-oncolor-disabled']\n\n let color = props.theme.colors['content-oncolor-primary']\n if (props.success) color = props.theme.colors['alert-success']\n if (props.disabled) color = props.theme.colors['content-oncolor-disabled']\n\n return `\n background-color: ${background};\n color: ${color};\n\n &::before {\n ${pseudoBaseStyles}\n background-color: ${props.theme.colors['bg-oncolor-hover']};\n opacity: 0;\n }\n &::after {\n ${pseudoBaseStyles}\n box-shadow: inset 0px 4px 0px ${props.theme.colors['bg-oncolor-hover']};\n opacity: 0;\n }\n\n ${\n !props.disabled && !props.success && !props.loading\n ? `\n &:hover::before {\n opacity: 1;\n }\n &:active::after {\n opacity: 1;\n }\n `\n : 'cursor: default;'\n }\n `\n }}\n `,\n },\n clear: {\n default: css<StyledButtonProps>`\n ${(props) => {\n let color = props.theme.colors['content-brand-primary']\n if (props.black) color = props.theme.colors['content-oncolor-inverse']\n if (props.danger) color = props.theme.colors['alert-error']\n if (props.success) color = props.theme.colors['alert-success']\n if (props.disabled) color = props.theme.colors['content-disabled']\n\n return `\n background-color: transparent;\n color: ${color};\n\n &::before {\n ${pseudoBaseStyles}\n background-color: ${props.theme.colors['bg-oncolor-hover']};\n opacity: 0;\n }\n &::after {\n ${pseudoBaseStyles}\n box-shadow: inset 0px 4px 0px ${props.theme.colors['bg-oncolor-hover']};\n opacity: 0;\n }\n\n ${\n !props.disabled && !props.success && !props.loading\n ? `\n &:hover::before {\n opacity: 1;\n }\n &:active::after {\n opacity: 1;\n }\n `\n : 'cursor: default;'\n }\n `\n }}\n `,\n onColored: css<StyledButtonProps>`\n ${(props) => {\n let color = props.theme.colors['content-oncolor-primary']\n if (props.disabled) color = props.theme.colors['content-oncolor-disabled']\n\n return `\n background-color: transparent;\n color: ${color};\n\n &::before {\n ${pseudoBaseStyles}\n background-color: ${props.theme.colors['bg-oncontrast-hover']};\n opacity: 0;\n }\n &::after {\n ${pseudoBaseStyles}\n box-shadow: inset 0px 4px 0px ${props.theme.colors['bg-oncontrast-hover']};\n opacity: 0;\n }\n\n ${\n !props.disabled && !props.success && !props.loading\n ? `\n &:hover::before {\n opacity: 1;\n }\n &:active::after {\n opacity: 1;\n }\n `\n : 'cursor: default;'\n }\n `\n }}\n `,\n },\n}\n\nconst PRESET_DEFAULT = {\n default: 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: ${tiny(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 colorFn(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 colorFn(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}\n\nconst dynamicStyles = (props: ThemedStyledProps<StyledButtonProps, DefaultTheme>) => {\n if (props.brandPresetUsed) {\n if (props.clear && !props.base && !props.outline && !props.onColored) return PRESET.clear.default\n if (props.clear && !props.base && !props.outline && props.onColored) return PRESET.clear.onColored\n\n if (props.base && !props.clear && !props.outline && !props.onColored) return PRESET.base.default\n if (props.base && !props.clear && !props.outline && props.onColored) return PRESET.base.onColored\n\n if (props.outline && !props.clear && !props.base && !props.onColored) return PRESET.outline.default\n if (props.outline && !props.clear && !props.base && props.onColored) return PRESET.outline.onColored\n\n return props.onColored ? PRESET.filled.onColored : PRESET.filled.default\n }\n\n return PRESET_DEFAULT.default\n}\n\nexport const Root = styled.button.withConfig<StyledButtonProps>({\n shouldForwardProp: (prop) => {\n return FORWARD_PROPS.includes(prop) || prop.includes('data')\n },\n})`\n ${baseStyles}\n ${dynamicStyles}\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 IconSlot = styled.span<{\n children: React.ReactNode\n marginLeft?: boolean\n marginRight?: boolean\n}>`\n ${(props) => `\n position: relative;\n z-index: 1;\n display: flex;\n flex-shrink: 0;\n width: 1em;\n height: 1em;\n margin-left: ${props.marginLeft ? '0.4em' : 0};\n margin-right: ${props.marginRight ? '0.4em' : 0};\n `}\n`\n\nexport const Content = styled.span`\n position: relative;\n z-index: 1;\n`\n\nexport const SpinnerIcon = styled(Spinner)`\n width: 100%;\n animation: ${spin} 2000ms linear infinite;\n ${(props) => `\n > path {\n stroke-width: ${props.strokeWidth};\n }\n `}\n`\n\nexport const CheckIcon = styled(Check)`\n width: 100%;\n ${(props) => `\n > path {\n stroke-width: ${props.strokeWidth};\n }\n `}\n`\n"],"names":["WIDTHS","xl","l","m","s","xs","baseStyles","css","props","concat","display","fontWeight","borderRadius","lineHeight","noSpacing","loading","keyframes","spin","defaultLoadingStyles","getWidth","width","fluidStyles","pseudoBaseStyles","PRESET","filled","default","background","theme","colors","black","danger","success","disabled","color","backgroundBefore","onColored","outline","transparent","boxShadow","backgroundAfter","base","clear","PRESET_DEFAULT","fontColor","tiny","saturate","lighten","toString","inverted","basic","cssProperty","colorFn","mercury","silver","Root","styled","button","withConfig","shouldForwardProp","prop","FORWARD_PROPS","includes","componentId","brandPresetUsed","responsiveSize","padding","property","paddingTop","paddingRight","paddingBottom","paddingLeft","margin","marginTop","marginRight","marginBottom","marginLeft","fontSize","height","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","IconSlot","span","Content","SpinnerIcon","Spinner","strokeWidth","CheckIcon","Check"],"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 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 margin-left: ${props.noSpacing ? 'auto' : '1em'};\n }`\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","_props$cursor","display","inline","borderRadius","rounded","preset","cursor","noSpacing","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/dts/index.d.ts CHANGED
@@ -3,7 +3,7 @@ import * as styled_components from 'styled-components';
3
3
  import { DefaultTheme, FlattenSimpleInterpolation, CSSObject, Interpolation, ThemeProps, SimpleInterpolation, css } from 'styled-components';
4
4
  import * as react from 'react';
5
5
  import { CSSProperties, Component, ForwardRefExoticComponent, PropsWithoutRef, RefAttributes, PureComponent } from 'react';
6
- import { LinkProps, Link } from 'react-router-dom';
6
+ import { LinkProps } from 'react-router-dom';
7
7
  import { Classes } from 'react-modal';
8
8
  import * as rc_scrollbars_lib_Scrollbars_types from 'rc-scrollbars/lib/Scrollbars/types';
9
9
  import * as rc_scrollbars from 'rc-scrollbars';
@@ -225,6 +225,7 @@ declare enum BaseColorNames {
225
225
  'content-onmain-primary' = "content-onmain-primary",
226
226
  'content-onmain-secondary' = "content-onmain-secondary",
227
227
  'content-onmain-tertiary' = "content-onmain-tertiary",
228
+ 'content-onmain-inverse' = "content-onmain-inverse",
228
229
  'content-oncolor-primary' = "content-oncolor-primary",
229
230
  'content-oncolor-secondary' = "content-oncolor-secondary",
230
231
  'content-oncolor-tertiary' = "content-oncolor-tertiary",
@@ -437,6 +438,7 @@ declare const ColorNames: {
437
438
  'content-onmain-primary': (typeof BaseColorNames)["content-onmain-primary"];
438
439
  'content-onmain-secondary': (typeof BaseColorNames)["content-onmain-secondary"];
439
440
  'content-onmain-tertiary': (typeof BaseColorNames)["content-onmain-tertiary"];
441
+ 'content-onmain-inverse': (typeof BaseColorNames)["content-onmain-inverse"];
440
442
  'content-oncolor-primary': (typeof BaseColorNames)["content-oncolor-primary"];
441
443
  'content-oncolor-secondary': (typeof BaseColorNames)["content-oncolor-secondary"];
442
444
  'content-oncolor-tertiary': (typeof BaseColorNames)["content-oncolor-tertiary"];
@@ -953,7 +955,7 @@ interface TextProps extends ResponsiveSizeProps, ResponsiveMarginProps, DisplayP
953
955
  /** Font family */
954
956
  fontFamily?: string;
955
957
  /** Font weight */
956
- weight?: 'normal' | 'bold' | 'lighter' | 'bolder' | number | 'inherit';
958
+ weight?: CSSFontWeight;
957
959
  /** Font style */
958
960
  fontStyle?: 'normal' | 'italic';
959
961
  /** Text transform */
@@ -1265,78 +1267,111 @@ DisplayProperty {
1265
1267
  */
1266
1268
  declare const Anchor: React.ForwardRefExoticComponent<AnchorProps>;
1267
1269
 
1268
- interface ButtonProps extends BaseProps, ResponsiveSizeProps, DisplayProperty, ColorProperty, ColorProperty<'fontColor'>, ResponsiveNamedProperty<'padding'>, ResponsiveNamedProperty<'paddingTop'>, ResponsiveNamedProperty<'paddingRight'>, ResponsiveNamedProperty<'paddingBottom'>, ResponsiveNamedProperty<'paddingLeft'>, ResponsiveNamedProperty<'margin'>, ResponsiveNamedProperty<'marginTop'>, ResponsiveNamedProperty<'marginRight'>, ResponsiveNamedProperty<'marginBottom'>, ResponsiveNamedProperty<'marginLeft'>, ResponsiveNamedProperty<'fontSize'>, ResponsiveNamedProperty<'fluid', boolean>, ResponsiveNamedProperty<'width', 'auto' | 'l' | 'm' | 's' | 'xs' | number>, ResponsiveNamedProperty<'height', 'l' | 'm' | 's' | 'xs' | number> {
1269
- /** Root node polymorphic type */
1270
- as?: 'div' | 'span' | 'a' | 'button' | typeof Link | typeof Anchor;
1271
- /** Button type attribute */
1272
- type?: 'button' | 'submit' | 'reset';
1273
- /** Button icons */
1270
+ declare type ButtonPalette = {
1271
+ color: CSSColor;
1272
+ backgroundColor: CSSColor;
1273
+ borderColor: CSSColor;
1274
+ colorHover: CSSColor;
1275
+ backgroundColorHover: CSSColor;
1276
+ borderColorHover: CSSColor;
1277
+ colorActive: CSSColor;
1278
+ backgroundColorActive: CSSColor;
1279
+ borderColorActive: CSSColor;
1280
+ colorDisabled: CSSColor;
1281
+ backgroundColorDisabled: CSSColor;
1282
+ borderColorDisabled: CSSColor;
1283
+ shadowColor: CSSColor;
1284
+ };
1285
+ interface ButtonProps extends BaseProps, ResponsiveSizeProps, ColorPaletteProps<keyof ButtonPalette>, TypographyProps, ColorProperty, ColorProperty<'fontColor'>, ResponsiveNamedProperty<'margin'>, ResponsiveNamedProperty<'marginTop'>, ResponsiveNamedProperty<'marginRight'>, ResponsiveNamedProperty<'marginBottom'>, ResponsiveNamedProperty<'marginLeft'>, ResponsiveNamedProperty<'fluid', boolean>, ResponsiveNamedProperty<'width', 'auto' | 'l' | 'm' | 's' | 'xs' | number>, Omit<React.ComponentPropsWithRef<'button'>, 'color' | 'children'>,
1286
+ /** @deprecated Use children as function or inline prop */
1287
+ DisplayProperty,
1288
+ /** @deprecated */
1289
+ ResponsiveNamedProperty<'padding'>,
1290
+ /** @deprecated */
1291
+ ResponsiveNamedProperty<'paddingTop'>,
1292
+ /** @deprecated */
1293
+ ResponsiveNamedProperty<'paddingRight'>,
1294
+ /** @deprecated */
1295
+ ResponsiveNamedProperty<'paddingBottom'>,
1296
+ /** @deprecated */
1297
+ ResponsiveNamedProperty<'paddingLeft'>,
1298
+ /** @deprecated Use textProps */
1299
+ ResponsiveNamedProperty<'fontSize'>,
1300
+ /** @deprecated Use size props */
1301
+ ResponsiveNamedProperty<'height', 'l' | 'm' | 's' | 'xs' | number> {
1302
+ /** React children */
1303
+ children?: React.ReactNode | ((props: RenderProps<TypographyProps & {
1304
+ iconBaseProps: Partial<IconProps>;
1305
+ iconProps: ButtonProps['iconProps'];
1306
+ icon: ButtonProps['icon'];
1307
+ }>) => React.ReactNode);
1308
+ /** Display inline */
1309
+ inline?: boolean;
1310
+ /** Icons before and after content */
1274
1311
  icon?: JSX.Element | [Nullable<JSX.Element>, Nullable<JSX.Element>];
1275
- /** Button success state */
1312
+ /** Props for icon components */
1313
+ iconProps?: IconProps;
1314
+ /** Border radius 50% */
1315
+ round?: boolean;
1316
+ /** Appearance variant */
1276
1317
  success?: boolean;
1277
- /** Loading state */
1318
+ /** Appearance variant */
1278
1319
  loading?: boolean;
1279
- /** Button disabled */
1280
- disabled?: boolean;
1281
- /** Rounded border radius */
1282
- rounded?: boolean;
1283
- /** Rounded shape button */
1284
- round?: boolean;
1285
- /** Anchor target attribute */
1320
+ /** Appearance variant */
1321
+ black?: boolean;
1322
+ /** Appearance variant */
1323
+ danger?: boolean;
1324
+ /** Appearance variant */
1325
+ onColored?: boolean;
1326
+ /** Appearance variant */
1327
+ clear?: boolean;
1328
+ /** Appearance variant */
1329
+ base?: boolean;
1330
+ /** Appearance variant */
1331
+ outline?: boolean;
1332
+ /** Link from react-router-dom will be used.
1333
+ * Look up [docs](https://v5.reactrouter.com/web/api/Link) */
1334
+ to?: Pick<LinkProps, 'to'>;
1335
+ /** Anchor element will be used */
1336
+ href?: string;
1337
+ /** Anchor attribute */
1286
1338
  target?: string;
1287
- /** Anchor rel attribute */
1339
+ /** Anchor attribute */
1288
1340
  rel?: string;
1289
- /** Auto-generate rel. You must specify domain inside theme */
1341
+ /** Build rel attribute with relBuilder from context */
1290
1342
  autoRel?: boolean;
1291
- /** Anchor href attribute */
1292
- href?: string;
1293
- /** React router Link to prop */
1294
- to?: string;
1295
- /**
1296
- * Indicates if there should not be any margin
1297
- * between this button and the previous one
1298
- */
1343
+ /** Attempt not to use default margin-left */
1299
1344
  noSpacing?: boolean;
1300
- /** Outline appearance */
1301
- outline?: boolean;
1302
- /** Content font weight */
1303
- fontWeight?: CSSFontWeight;
1304
- /** Associated form */
1305
- form?: string;
1306
- /** @preset {Default} Primary appearance */
1345
+ /** @ignore Appearance variant */
1307
1346
  primary?: boolean;
1308
- /** @preset {Default} Secondary appearance */
1347
+ /** @ignore Appearance variant */
1309
1348
  secondary?: boolean;
1310
- /** @preset {Default} Inverted colors */
1349
+ /** @ignore Appearance variant */
1311
1350
  inverted?: boolean;
1312
- /** @preset {Brand} Base appearance */
1313
- base?: boolean;
1314
- /** @preset {Brand} Clear appearance */
1315
- clear?: boolean;
1316
- /** @preset {Brand} Black colors appearance */
1317
- black?: boolean;
1318
- /** @preset {Brand} Red colors appearance */
1319
- danger?: boolean;
1320
- /** @preset {Brand} Modifies appearance on colored background */
1321
- onColored?: boolean;
1322
- /** @deprecated Use outline */
1351
+ /** @ignore @deprecated Use href or to props */
1352
+ as?: React.ElementType<any>;
1353
+ /** @ignore @deprecated Use use textProps */
1354
+ fontWeight?: TextProps['weight'];
1355
+ /** @ignore @deprecated */
1356
+ rounded?: boolean;
1357
+ /** @ignore @deprecated */
1323
1358
  basic?: boolean;
1324
- /** @deprecated Use children */
1359
+ /** @ignore @deprecated Use children */
1325
1360
  content?: React.ReactNode;
1326
- /** @deprecated Use ref */
1361
+ /** @ignore @deprecated Use ref */
1327
1362
  innerRef?: any;
1328
- /** Component's children */
1329
- children?: React.ReactNode | React.ReactNode[];
1330
- onClick?: (evt: React.SyntheticEvent<HTMLElement>) => void;
1331
- onClickCapture?: (evt: React.SyntheticEvent<HTMLElement>) => void;
1332
- onMouseEnter?: (evt: React.SyntheticEvent<HTMLElement>) => void;
1333
- onMouseLeave?: (evt: React.SyntheticEvent<HTMLElement>) => void;
1334
1363
  }
1335
1364
 
1336
1365
  /**
1337
- * Main button
1366
+ *
1367
+ * Component interface extends:
1368
+ * - [`BaseProps`](#/Interfaces)
1369
+ * - [`TypographyProps`](#/Interfaces)
1370
+ * - [`ResponsiveSizeProps`](#/Interfaces)
1371
+ * - [`ColorPaletteProps<keyof ButtonPalette>`](#/Interfaces)
1372
+ * - [`React.ComponentPropsWithRef<'button'>`](#/Interfaces)
1338
1373
  */
1339
- declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLElement>>;
1374
+ declare const Button: React.ForwardRefExoticComponent<ButtonProps>;
1340
1375
 
1341
1376
  declare type AlertType = 'warning' | 'error' | 'info' | 'success';
1342
1377
  declare type AlertSize = 'l' | 's';
@@ -2505,6 +2540,7 @@ declare const withThemeScrollable: react.ForwardRefExoticComponent<{
2505
2540
  isolate?: boolean | undefined;
2506
2541
  ref?: react.Ref<Scrollable> | undefined;
2507
2542
  onScroll?: (() => void) | undefined;
2543
+ shadowColor?: string | undefined;
2508
2544
  autoHeight?: boolean | undefined;
2509
2545
  autoHeightMax?: number | undefined;
2510
2546
  autoHeightMin?: number | undefined;
@@ -2529,7 +2565,6 @@ declare const withThemeScrollable: react.ForwardRefExoticComponent<{
2529
2565
  shadowHeight?: number | undefined;
2530
2566
  withShadow?: boolean | undefined;
2531
2567
  shadowOpacity?: number | undefined;
2532
- shadowColor?: string | undefined;
2533
2568
  thumbColor?: string | undefined;
2534
2569
  thumbOpacity?: number | undefined;
2535
2570
  thumbBorderRadius?: number | undefined;