@skbkontur/react-ui 3.10.0 → 3.11.0-select-right

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 (214) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/LICENSE +21 -21
  3. package/cjs/components/Autocomplete/Autocomplete.md +7 -7
  4. package/cjs/components/Button/Button.d.ts +1 -1
  5. package/cjs/components/Button/Button.js +4 -3
  6. package/cjs/components/Button/Button.js.map +1 -1
  7. package/cjs/components/Button/Button.styles.d.ts +1 -0
  8. package/cjs/components/Button/Button.styles.js +38 -28
  9. package/cjs/components/Button/Button.styles.js.map +1 -1
  10. package/cjs/components/CurrencyInput/CurrencyInput.md +24 -24
  11. package/cjs/components/CurrencyLabel/CurrencyLabel.md +23 -23
  12. package/cjs/components/DateInput/DateInput.md +106 -106
  13. package/cjs/components/DatePicker/DatePicker.md +307 -307
  14. package/cjs/components/DropdownMenu/DropdownMenu.d.ts +2 -2
  15. package/cjs/components/DropdownMenu/DropdownMenu.js.map +1 -1
  16. package/cjs/components/FxInput/FxInput.md +16 -16
  17. package/cjs/components/Gapped/Gapped.md +43 -43
  18. package/cjs/components/Group/Group.md +18 -18
  19. package/cjs/components/Hint/Hint.d.ts +2 -1
  20. package/cjs/components/Hint/Hint.js +0 -16
  21. package/cjs/components/Hint/Hint.js.map +1 -1
  22. package/cjs/components/Input/Input.md +13 -13
  23. package/cjs/components/Kebab/Kebab.d.ts +2 -2
  24. package/cjs/components/Kebab/Kebab.js.map +1 -1
  25. package/cjs/components/MenuItem/MenuItem.d.ts +1 -1
  26. package/cjs/components/MenuItem/MenuItem.js +1 -4
  27. package/cjs/components/MenuItem/MenuItem.js.map +1 -1
  28. package/cjs/components/Paging/Paging.md +43 -43
  29. package/cjs/components/PasswordInput/PasswordInput.md +9 -9
  30. package/cjs/components/RadioGroup/RadioGroup.md +43 -43
  31. package/cjs/components/ScrollContainer/ScrollBar.js +4 -2
  32. package/cjs/components/ScrollContainer/ScrollBar.js.map +1 -1
  33. package/cjs/components/ScrollContainer/ScrollContainer.js +2 -1
  34. package/cjs/components/ScrollContainer/ScrollContainer.js.map +1 -1
  35. package/cjs/components/ScrollContainer/ScrollContainer.styles.d.ts +1 -0
  36. package/cjs/components/ScrollContainer/ScrollContainer.styles.js +12 -8
  37. package/cjs/components/ScrollContainer/ScrollContainer.styles.js.map +1 -1
  38. package/cjs/components/Select/Select.js +2 -1
  39. package/cjs/components/Select/Select.js.map +1 -1
  40. package/cjs/components/SidePage/SidePage.d.ts +1 -0
  41. package/cjs/components/SidePage/SidePage.js +14 -1
  42. package/cjs/components/SidePage/SidePage.js.map +1 -1
  43. package/cjs/components/Spinner/Spinner.d.ts +8 -0
  44. package/cjs/components/Spinner/Spinner.js +21 -3
  45. package/cjs/components/Spinner/Spinner.js.map +1 -1
  46. package/cjs/components/Spinner/Spinner.md +1 -0
  47. package/cjs/components/Spinner/Spinner.styles.d.ts +2 -1
  48. package/cjs/components/Spinner/Spinner.styles.js +13 -10
  49. package/cjs/components/Spinner/Spinner.styles.js.map +1 -1
  50. package/cjs/components/Switcher/Switcher.styles.js +4 -2
  51. package/cjs/components/Switcher/Switcher.styles.js.map +1 -1
  52. package/cjs/components/Tabs/Tabs.md +36 -36
  53. package/cjs/components/Textarea/Textarea.md +25 -25
  54. package/cjs/components/Token/Token.md +112 -112
  55. package/cjs/components/TokenInput/TokenInput.md +79 -79
  56. package/cjs/components/Tooltip/Tooltip.d.ts +8 -21
  57. package/cjs/components/Tooltip/Tooltip.js +14 -27
  58. package/cjs/components/Tooltip/Tooltip.js.map +1 -1
  59. package/cjs/components/TooltipMenu/TooltipMenu.d.ts +2 -2
  60. package/cjs/components/TooltipMenu/TooltipMenu.js.map +1 -1
  61. package/cjs/index.d.ts +1 -0
  62. package/cjs/index.js +2 -1
  63. package/cjs/index.js.map +1 -1
  64. package/cjs/internal/DropdownContainer/DropdownContainer.js +10 -2
  65. package/cjs/internal/DropdownContainer/DropdownContainer.js.map +1 -1
  66. package/cjs/internal/DropdownContainer/DropdownContainer.styles.d.ts +3 -0
  67. package/cjs/internal/DropdownContainer/DropdownContainer.styles.js +9 -0
  68. package/cjs/internal/DropdownContainer/DropdownContainer.styles.js.map +1 -0
  69. package/cjs/internal/Menu/Menu.d.ts +2 -0
  70. package/cjs/internal/Menu/Menu.js +26 -2
  71. package/cjs/internal/Menu/Menu.js.map +1 -1
  72. package/cjs/internal/Menu/Menu.styles.d.ts +3 -0
  73. package/cjs/internal/Menu/Menu.styles.js +22 -3
  74. package/cjs/internal/Menu/Menu.styles.js.map +1 -1
  75. package/cjs/internal/Popup/Popup.d.ts +5 -4
  76. package/cjs/internal/Popup/Popup.js +13 -24
  77. package/cjs/internal/Popup/Popup.js.map +1 -1
  78. package/cjs/internal/Popup/PopupHelper.d.ts +2 -2
  79. package/cjs/internal/Popup/PopupHelper.js.map +1 -1
  80. package/cjs/internal/Popup/types.d.ts +1 -0
  81. package/cjs/internal/Popup/types.js +1 -0
  82. package/cjs/internal/Popup/types.js.map +1 -0
  83. package/cjs/internal/PopupMenu/PopupMenu.d.ts +3 -3
  84. package/cjs/internal/PopupMenu/PopupMenu.js +17 -3
  85. package/cjs/internal/PopupMenu/PopupMenu.js.map +1 -1
  86. package/cjs/internal/PopupMenu/validatePositions.d.ts +2 -2
  87. package/cjs/internal/PopupMenu/validatePositions.js +2 -4
  88. package/cjs/internal/PopupMenu/validatePositions.js.map +1 -1
  89. package/cjs/internal/ThemeShowcase/ThemeShowcase.md +13 -13
  90. package/cjs/internal/icons/SpinnerIcon.d.ts +4 -1
  91. package/cjs/internal/icons/SpinnerIcon.js +5 -2
  92. package/cjs/internal/icons/SpinnerIcon.js.map +1 -1
  93. package/cjs/lib/ModalStack.js +16 -17
  94. package/cjs/lib/ModalStack.js.map +1 -1
  95. package/cjs/lib/theming/AnimationKeyframes.js +1 -1
  96. package/cjs/lib/theming/AnimationKeyframes.js.map +1 -1
  97. package/cjs/lib/theming/useTheme.d.ts +1 -0
  98. package/cjs/lib/theming/useTheme.js +7 -0
  99. package/cjs/lib/theming/useTheme.js.map +1 -0
  100. package/cjs/lib/utils.d.ts +32 -0
  101. package/cjs/lib/utils.js +62 -2
  102. package/cjs/lib/utils.js.map +1 -1
  103. package/cjs/typings/html-props.d.ts +123 -0
  104. package/components/Autocomplete/Autocomplete.md +7 -7
  105. package/components/Button/Button/Button.js +3 -7
  106. package/components/Button/Button/Button.js.map +1 -1
  107. package/components/Button/Button.d.ts +1 -1
  108. package/components/Button/Button.styles/Button.styles.js +31 -28
  109. package/components/Button/Button.styles/Button.styles.js.map +1 -1
  110. package/components/Button/Button.styles.d.ts +1 -0
  111. package/components/CurrencyInput/CurrencyInput.md +24 -24
  112. package/components/CurrencyLabel/CurrencyLabel.md +23 -23
  113. package/components/DateInput/DateInput.md +106 -106
  114. package/components/DatePicker/DatePicker.md +307 -307
  115. package/components/DropdownMenu/DropdownMenu/DropdownMenu.js.map +1 -1
  116. package/components/DropdownMenu/DropdownMenu.d.ts +2 -2
  117. package/components/FxInput/FxInput.md +16 -16
  118. package/components/Gapped/Gapped.md +43 -43
  119. package/components/Group/Group.md +18 -18
  120. package/components/Hint/Hint/Hint.js.map +1 -1
  121. package/components/Hint/Hint.d.ts +2 -1
  122. package/components/Input/Input.md +13 -13
  123. package/components/Kebab/Kebab/Kebab.js.map +1 -1
  124. package/components/Kebab/Kebab.d.ts +2 -2
  125. package/components/MenuItem/MenuItem/MenuItem.js +2 -7
  126. package/components/MenuItem/MenuItem/MenuItem.js.map +1 -1
  127. package/components/MenuItem/MenuItem.d.ts +1 -1
  128. package/components/Paging/Paging.md +43 -43
  129. package/components/PasswordInput/PasswordInput.md +9 -9
  130. package/components/RadioGroup/RadioGroup.md +43 -43
  131. package/components/ScrollContainer/ScrollBar/ScrollBar.js +6 -2
  132. package/components/ScrollContainer/ScrollBar/ScrollBar.js.map +1 -1
  133. package/components/ScrollContainer/ScrollContainer/ScrollContainer.js +2 -1
  134. package/components/ScrollContainer/ScrollContainer/ScrollContainer.js.map +1 -1
  135. package/components/ScrollContainer/ScrollContainer.styles/ScrollContainer.styles.js +11 -8
  136. package/components/ScrollContainer/ScrollContainer.styles/ScrollContainer.styles.js.map +1 -1
  137. package/components/ScrollContainer/ScrollContainer.styles.d.ts +1 -0
  138. package/components/Select/Select/Select.js +2 -1
  139. package/components/Select/Select/Select.js.map +1 -1
  140. package/components/SidePage/SidePage/SidePage.js +19 -0
  141. package/components/SidePage/SidePage/SidePage.js.map +1 -1
  142. package/components/SidePage/SidePage.d.ts +1 -0
  143. package/components/Spinner/Spinner/Spinner.js +6 -3
  144. package/components/Spinner/Spinner/Spinner.js.map +1 -1
  145. package/components/Spinner/Spinner.d.ts +8 -0
  146. package/components/Spinner/Spinner.md +1 -0
  147. package/components/Spinner/Spinner.styles/Spinner.styles.js +12 -9
  148. package/components/Spinner/Spinner.styles/Spinner.styles.js.map +1 -1
  149. package/components/Spinner/Spinner.styles.d.ts +2 -1
  150. package/components/Switcher/Switcher.styles/Switcher.styles.js +3 -1
  151. package/components/Switcher/Switcher.styles/Switcher.styles.js.map +1 -1
  152. package/components/Tabs/Tabs.md +36 -36
  153. package/components/Textarea/Textarea.md +25 -25
  154. package/components/Token/Token.md +112 -112
  155. package/components/TokenInput/TokenInput.md +79 -79
  156. package/components/Tooltip/Tooltip/Tooltip.js +2 -2
  157. package/components/Tooltip/Tooltip/Tooltip.js.map +1 -1
  158. package/components/Tooltip/Tooltip.d.ts +8 -21
  159. package/components/TooltipMenu/TooltipMenu/TooltipMenu.js.map +1 -1
  160. package/components/TooltipMenu/TooltipMenu.d.ts +2 -2
  161. package/index.d.ts +1 -0
  162. package/index.js +2 -1
  163. package/index.js.map +1 -1
  164. package/internal/DropdownContainer/DropdownContainer/DropdownContainer.js +6 -1
  165. package/internal/DropdownContainer/DropdownContainer/DropdownContainer.js.map +1 -1
  166. package/internal/DropdownContainer/DropdownContainer.styles/DropdownContainer.styles.js +10 -0
  167. package/internal/DropdownContainer/DropdownContainer.styles/DropdownContainer.styles.js.map +1 -0
  168. package/internal/DropdownContainer/DropdownContainer.styles/package.json +6 -0
  169. package/internal/DropdownContainer/DropdownContainer.styles.d.ts +3 -0
  170. package/internal/Menu/Menu/Menu.js +14 -5
  171. package/internal/Menu/Menu/Menu.js.map +1 -1
  172. package/internal/Menu/Menu.d.ts +2 -0
  173. package/internal/Menu/Menu.styles/Menu.styles.js +12 -3
  174. package/internal/Menu/Menu.styles/Menu.styles.js.map +1 -1
  175. package/internal/Menu/Menu.styles.d.ts +3 -0
  176. package/internal/Popup/Popup/Popup.js +3 -2
  177. package/internal/Popup/Popup/Popup.js.map +1 -1
  178. package/internal/Popup/Popup.d.ts +5 -4
  179. package/internal/Popup/PopupHelper/PopupHelper.js.map +1 -1
  180. package/internal/Popup/PopupHelper.d.ts +2 -2
  181. package/internal/Popup/types/package.json +6 -0
  182. package/internal/Popup/types/types.js +0 -0
  183. package/internal/Popup/types/types.js.map +1 -0
  184. package/internal/Popup/types.d.ts +1 -0
  185. package/internal/PopupMenu/PopupMenu/PopupMenu.js +3 -3
  186. package/internal/PopupMenu/PopupMenu/PopupMenu.js.map +1 -1
  187. package/internal/PopupMenu/PopupMenu.d.ts +3 -3
  188. package/internal/PopupMenu/validatePositions/validatePositions.js +2 -2
  189. package/internal/PopupMenu/validatePositions/validatePositions.js.map +1 -1
  190. package/internal/PopupMenu/validatePositions.d.ts +2 -2
  191. package/internal/ThemeShowcase/ThemeShowcase.md +13 -13
  192. package/internal/icons/SpinnerIcon/SpinnerIcon.js +5 -2
  193. package/internal/icons/SpinnerIcon/SpinnerIcon.js.map +1 -1
  194. package/internal/icons/SpinnerIcon.d.ts +4 -1
  195. package/lib/ModalStack/ModalStack.js +9 -13
  196. package/lib/ModalStack/ModalStack.js.map +1 -1
  197. package/lib/theming/AnimationKeyframes/AnimationKeyframes.js +1 -1
  198. package/lib/theming/AnimationKeyframes/AnimationKeyframes.js.map +1 -1
  199. package/lib/theming/useTheme/package.json +6 -0
  200. package/lib/theming/useTheme/useTheme.js +5 -0
  201. package/lib/theming/useTheme/useTheme.js.map +1 -0
  202. package/lib/theming/useTheme.d.ts +1 -0
  203. package/lib/utils/utils.js +66 -0
  204. package/lib/utils/utils.js.map +1 -1
  205. package/lib/utils.d.ts +32 -0
  206. package/package.json +5 -5
  207. package/typings/html-props.d.ts +123 -0
  208. package/cjs/internal/PopupMenu/PopupMenuPositions.d.ts +0 -2
  209. package/cjs/internal/PopupMenu/PopupMenuPositions.js +0 -15
  210. package/cjs/internal/PopupMenu/PopupMenuPositions.js.map +0 -1
  211. package/internal/PopupMenu/PopupMenuPositions/PopupMenuPositions.js +0 -1
  212. package/internal/PopupMenu/PopupMenuPositions/PopupMenuPositions.js.map +0 -1
  213. package/internal/PopupMenu/PopupMenuPositions/package.json +0 -6
  214. package/internal/PopupMenu/PopupMenuPositions.d.ts +0 -2
@@ -1 +1 @@
1
- {"version":3,"sources":["Button.tsx"],"names":["React","isIE11","isEdge","keyListener","ThemeContext","Spinner","CommonWrapper","cx","rootNode","styles","activeStyles","globalClasses","Corners","Button","state","focusedByTab","theme","node","setRootNode","handleFocus","e","props","disabled","disableFocus","requestAnimationFrame","isTabPressed","setState","onFocus","handleBlur","onBlur","_ref","componentDidMount","autoFocus","focus","getDerivedStateFromProps","loading","blur","render","renderMain","corners","active","borderless","checked","error","warning","arrow","narrow","icon","_noPadding","_noRightPadding","use","defaultProps","visuallyFocused","align","onMouseEnter","onMouseLeave","onMouseOver","onKeyDown","onClick","width","children","sizeClass","getSizeClassName","isFocused","isLink","rootProps","type","className","root","checkedDisabled","noPadding","noRightPadding","style","borderTopLeftRadius","TOP_LEFT","undefined","borderTopRightRadius","TOP_RIGHT","borderBottomRightRadius","BOTTOM_RIGHT","borderBottomLeftRadius","BOTTOM_LEFT","textAlign","tabIndex","title","wrapProps","wrap","wrapArrow","wrapArrowLeft","outlineNode","outline","outlineWarning","outlineError","outlineLink","outlineLinkWarning","outlineLinkError","loadingNode","getLoadingSpinner","iconNode","getSizeIconClassName","iconNoRightPadding","iconLink","arrowNode","arrowWarning","arrowError","arrowFocus","arrowLeft","arrowHelper","arrowHelperTop","arrowHelperBottom","link","linkFocus","linkDisabled","Object","assign","wrapLink","caption","captionTranslated","captionLink","captionDisabled","visibilityHidden","size","sizeLarge","sizeLargeIE11","sizeMedium","sizeMediumIE11","sizeSmall","sizeSmallIE11","iconLarge","iconMedium","iconSmall","Component","__KONTUR_REACT_UI__","__BUTTON__","isButton","child"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { isIE11, isEdge } from '../../lib/client';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Spinner } from '../Spinner';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\n\nimport { styles, activeStyles, globalClasses } from './Button.styles';\nimport { Corners } from './Corners';\n\nexport type ButtonSize = 'small' | 'medium' | 'large';\nexport type ButtonType = 'button' | 'submit' | 'reset';\nexport type ButtonUse = 'default' | 'primary' | 'success' | 'danger' | 'pay' | 'link';\n\nexport interface ButtonProps extends CommonProps {\n /** @ignore */\n _noPadding?: boolean;\n\n /** @ignore */\n _noRightPadding?: boolean;\n\n /**\n * Применяет к кнопке стили псевдокласса `:active`.\n */\n active?: boolean;\n\n /**\n * CSS-свойство `text-align`.\n */\n align?: React.CSSProperties['textAlign'];\n\n /**\n * Превращает обычную кнопку в кнопку со стрелкой.\n */\n arrow?: boolean | 'left';\n\n /**\n * Даёт кнопке фокус после окончания загрузки страницы.\n */\n autoFocus?: boolean;\n\n /**\n * Убирает обводку у кнопки.\n */\n borderless?: boolean;\n\n /**\n * @ignore\n */\n checked?: boolean;\n\n children?: React.ReactNode;\n\n /** @ignore */\n corners?: number;\n\n /**\n * Отключенное состояние кнопки.\n */\n disabled?: boolean;\n\n /** @ignore */\n disableFocus?: boolean;\n\n /**\n * Cостояние валидации при ошибке.\n */\n error?: boolean;\n\n /**\n * Иконка слева от текста кнопки.\n */\n icon?: React.ReactElement<any>;\n\n /**\n * Переводит кнопку в состояние загрузки.\n */\n loading?: boolean;\n\n /**\n * Сужает кнопку.\n */\n narrow?: boolean;\n\n /**\n * HTML-событие `onblur`.\n */\n onBlur?: React.FocusEventHandler<HTMLButtonElement>;\n\n /**\n * HTML-событие `onclick`.\n */\n onClick?: React.MouseEventHandler<HTMLButtonElement>;\n\n /**\n * HTML-событие `onfocus`.\n */\n onFocus?: React.FocusEventHandler<HTMLButtonElement>;\n\n /**\n * HTML-событие `keydown`.\n */\n onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement>;\n\n /**\n * HTML-событие `onmouseenter`.\n */\n onMouseEnter?: React.MouseEventHandler<HTMLButtonElement>;\n\n /**\n * HTML-событие `mouseleave`.\n */\n onMouseLeave?: React.MouseEventHandler<HTMLButtonElement>;\n\n /**\n * HTML-событие `onmouseover`.\n */\n onMouseOver?: React.MouseEventHandler<HTMLButtonElement>;\n\n /**\n * Задаёт размер кнопки.\n *\n * **Допустимые значения**: `\"small\"`, `\"medium\"`, `\"large\"`.\n */\n size?: ButtonSize;\n\n /**\n * HTML-атрибут `type`.\n */\n type?: ButtonType;\n\n /**\n * HTML-атрибут `title`.\n */\n title?: string;\n\n /**\n * Стиль кнопки.\n *\n * **Допустимые значения**: `\"default\"`, `\"primary\"`, `\"success\"`, `\"danger\"`, `\"pay\"`, `\"link\"`.\n */\n use?: ButtonUse;\n\n /** @ignore */\n visuallyFocused?: boolean;\n\n /**\n * Cостояние валидации при предупреждении.\n */\n warning?: boolean;\n\n /**\n * CSS-свойство `width`.\n */\n width?: number | string;\n}\n\nexport interface ButtonState {\n focusedByTab: boolean;\n}\n\n@rootNode\nexport class Button extends React.Component<ButtonProps, ButtonState> {\n public static __KONTUR_REACT_UI__ = 'Button';\n public static __BUTTON__ = true;\n public static TOP_LEFT = Corners.TOP_LEFT;\n public static TOP_RIGHT = Corners.TOP_RIGHT;\n public static BOTTOM_RIGHT = Corners.BOTTOM_RIGHT;\n public static BOTTOM_LEFT = Corners.BOTTOM_LEFT;\n\n public static defaultProps = {\n use: 'default' as ButtonUse,\n size: 'small' as ButtonSize,\n type: 'button' as ButtonType,\n };\n\n public state = {\n focusedByTab: false,\n };\n\n private theme!: Theme;\n private node: HTMLButtonElement | null = null;\n private setRootNode!: TSetRootNode;\n\n public componentDidMount() {\n if (this.props.autoFocus) {\n keyListener.isTabPressed = true;\n this.focus();\n }\n }\n\n public static getDerivedStateFromProps(props: ButtonProps) {\n if (props.loading || props.disabled) {\n return { focusedByTab: false };\n }\n return null;\n }\n\n /**\n * @public\n */\n public focus() {\n this.node?.focus();\n }\n\n /**\n * @public\n */\n public blur() {\n this.node?.blur();\n }\n\n public render(): JSX.Element {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return this.renderMain();\n }}\n </ThemeContext.Consumer>\n );\n }\n\n private renderMain() {\n const {\n corners = 0,\n active,\n disabled,\n borderless,\n checked,\n error,\n warning,\n loading,\n arrow,\n narrow,\n icon,\n _noPadding,\n _noRightPadding,\n use = Button.defaultProps.use,\n visuallyFocused,\n align,\n disableFocus,\n onMouseEnter,\n onMouseLeave,\n onMouseOver,\n onKeyDown,\n onClick,\n width,\n children,\n } = this.props;\n const sizeClass = this.getSizeClassName();\n\n const isFocused = this.state.focusedByTab || visuallyFocused;\n const isLink = use === 'link';\n const rootProps = {\n // By default the type attribute is 'submit'. IE8 will fire a click event\n // on this button if somewhere on the page user presses Enter while some\n // input is focused. So we set type to 'button' by default.\n type: this.props.type,\n className: cx({\n [styles.root(this.theme)]: true,\n [styles[use](this.theme)]: true,\n [activeStyles[use](this.theme)]: active,\n [sizeClass]: true,\n [styles.focus(this.theme)]: isFocused && !checked,\n [styles.checked(this.theme)]: checked,\n [styles.disabled(this.theme)]: disabled || loading,\n [styles.checkedDisabled(this.theme)]: checked && disabled,\n [styles.borderless()]: borderless && !disabled && !loading && !checked && !isFocused && !active,\n [styles.narrow()]: narrow,\n [styles.noPadding()]: _noPadding,\n [styles.noRightPadding()]: _noRightPadding,\n }),\n style: {\n borderTopLeftRadius: corners & Corners.TOP_LEFT ? 0 : undefined,\n borderTopRightRadius: corners & Corners.TOP_RIGHT ? 0 : undefined,\n borderBottomRightRadius: corners & Corners.BOTTOM_RIGHT ? 0 : undefined,\n borderBottomLeftRadius: corners & Corners.BOTTOM_LEFT ? 0 : undefined,\n textAlign: align,\n },\n disabled: disabled || loading,\n onClick: onClick,\n onFocus: this.handleFocus,\n onBlur: this.handleBlur,\n onKeyDown: onKeyDown,\n onMouseEnter: onMouseEnter,\n onMouseLeave: onMouseLeave,\n onMouseOver: onMouseOver,\n tabIndex: disableFocus ? -1 : 0,\n title: this.props.title,\n };\n\n const wrapProps = {\n className: cx({\n [styles.wrap()]: true,\n [styles.wrapArrow()]: arrow === true,\n [styles.wrapArrowLeft()]: arrow === 'left',\n }),\n style: {\n width: width,\n },\n };\n\n let outlineNode = null;\n if (!isFocused || isLink) {\n outlineNode = (\n <div\n className={cx(styles.outline(), {\n [styles.outlineWarning(this.theme)]: warning,\n [styles.outlineError(this.theme)]: error,\n [styles.outlineLink()]: isLink,\n [styles.outlineLinkWarning(this.theme)]: isLink && warning,\n [styles.outlineLinkError(this.theme)]: isLink && error,\n })}\n />\n );\n }\n\n let loadingNode = null;\n if (loading && !icon) {\n loadingNode = <div className={styles.loading()}>{this.getLoadingSpinner()}</div>;\n }\n\n let iconNode = null;\n if (icon) {\n iconNode = (\n <span\n className={cx(styles.icon(), this.getSizeIconClassName(), {\n [styles.iconNoRightPadding()]: !children,\n [styles.iconLink(this.theme)]: isLink,\n })}\n >\n {loading ? this.getLoadingSpinner() : icon}\n </span>\n );\n }\n\n let arrowNode = null;\n if (arrow) {\n arrowNode = (\n <div\n className={cx({\n [styles.arrow()]: true,\n [styles.arrowWarning(this.theme)]: !checked && warning,\n [styles.arrowError(this.theme)]: !checked && error,\n [styles.arrowFocus(this.theme)]: !checked && isFocused,\n [styles.arrowLeft()]: arrow === 'left',\n })}\n >\n <div className={cx(globalClasses.arrowHelper, globalClasses.arrowHelperTop)} />\n <div className={cx(globalClasses.arrowHelper, globalClasses.arrowHelperBottom)} />\n </div>\n );\n }\n\n // Force disable all props and features, that cannot be use with Link\n if (isLink) {\n rootProps.className = cx({\n [styles.root(this.theme)]: true,\n [sizeClass]: true,\n [styles.link(this.theme)]: true,\n [styles.linkFocus(this.theme)]: isFocused,\n [styles.linkDisabled(this.theme)]: disabled || loading,\n });\n Object.assign(wrapProps, {\n className: cx(styles.wrap(), styles.wrapLink()),\n style: { width: wrapProps.style.width },\n });\n rootProps.style.textAlign = undefined;\n arrowNode = null;\n }\n\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <span {...wrapProps}>\n <button ref={this._ref} {...rootProps}>\n {outlineNode}\n {loadingNode}\n {arrowNode}\n <div\n className={cx(styles.caption(), globalClasses.caption, {\n [styles.captionTranslated()]: active || checked,\n [styles.captionLink()]: isLink,\n [styles.captionDisabled()]: !checked && disabled,\n })}\n >\n {iconNode}\n <span className={cx({ [styles.visibilityHidden()]: !!loadingNode })}>{children}</span>\n </div>\n </button>\n </span>\n </CommonWrapper>\n );\n }\n\n private getLoadingSpinner() {\n return <Spinner caption={null} dimmed type=\"mini\" />;\n }\n\n private getSizeClassName() {\n switch (this.props.size) {\n case 'large':\n return cx(styles.sizeLarge(this.theme), { [styles.sizeLargeIE11(this.theme)]: isIE11 || isEdge });\n case 'medium':\n return cx(styles.sizeMedium(this.theme), { [styles.sizeMediumIE11(this.theme)]: isIE11 || isEdge });\n case 'small':\n default:\n return cx(styles.sizeSmall(this.theme), { [styles.sizeSmallIE11(this.theme)]: isIE11 || isEdge });\n }\n }\n\n private getSizeIconClassName() {\n switch (this.props.size) {\n case 'large':\n return styles.iconLarge(this.theme);\n case 'medium':\n return styles.iconMedium(this.theme);\n case 'small':\n default:\n return styles.iconSmall(this.theme);\n }\n }\n\n private handleFocus = (e: React.FocusEvent<HTMLButtonElement>) => {\n if (!this.props.disabled && !this.props.disableFocus) {\n // focus event fires before keyDown eventlistener\n // so we should check tabPressed in async way\n requestAnimationFrame(() => {\n if (keyListener.isTabPressed) {\n this.setState({ focusedByTab: true });\n }\n });\n this.props.onFocus?.(e);\n }\n };\n\n private handleBlur = (e: React.FocusEvent<HTMLButtonElement>) => {\n this.setState({ focusedByTab: false });\n if (!this.props.disabled && !this.props.disableFocus) {\n this.props.onBlur?.(e);\n }\n };\n\n private _ref = (node: HTMLButtonElement | null) => {\n this.node = node;\n };\n}\n\nexport const isButton = (child: React.ReactChild): child is React.ReactElement<ButtonProps> => {\n // @ts-ignore\n return child?.type?.__KONTUR_REACT_UI__ === 'Button';\n};\n"]}
1
+ {"version":3,"sources":["Button.tsx"],"names":["React","isReactUIComponent","isIE11","isEdge","keyListener","ThemeContext","Spinner","CommonWrapper","cx","rootNode","styles","activeStyles","globalClasses","Corners","Button","state","focusedByTab","theme","node","setRootNode","handleFocus","e","props","disabled","disableFocus","requestAnimationFrame","isTabPressed","setState","onFocus","handleBlur","onBlur","_ref","componentDidMount","autoFocus","focus","getDerivedStateFromProps","loading","blur","render","renderMain","corners","active","borderless","checked","error","warning","arrow","narrow","icon","_noPadding","_noRightPadding","use","defaultProps","visuallyFocused","align","onMouseEnter","onMouseLeave","onMouseOver","onKeyDown","onClick","width","children","sizeClass","getSizeClassName","isFocused","isLink","rootProps","type","className","root","checkedFocused","checkedDisabled","noPadding","noRightPadding","style","borderTopLeftRadius","TOP_LEFT","undefined","borderTopRightRadius","TOP_RIGHT","borderBottomRightRadius","BOTTOM_RIGHT","borderBottomLeftRadius","BOTTOM_LEFT","textAlign","tabIndex","title","wrapProps","wrap","wrapArrow","wrapArrowLeft","outlineNode","outline","outlineWarning","outlineError","outlineLink","outlineLinkWarning","outlineLinkError","loadingNode","getLoadingSpinner","iconNode","getSizeIconClassName","iconNoRightPadding","iconLink","arrowNode","arrowWarning","arrowError","arrowFocus","arrowLeft","arrowHelper","arrowHelperTop","arrowHelperBottom","link","linkFocus","linkDisabled","Object","assign","wrapLink","caption","captionTranslated","captionLink","captionDisabled","visibilityHidden","size","sizeLarge","sizeLargeIE11","sizeMedium","sizeMediumIE11","sizeSmall","sizeSmallIE11","iconLarge","iconMedium","iconSmall","Component","__KONTUR_REACT_UI__","__BUTTON__","isButton"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { isReactUIComponent } from '../../lib/utils';\nimport { isIE11, isEdge } from '../../lib/client';\nimport { keyListener } from '../../lib/events/keyListener';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Spinner } from '../Spinner';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\n\nimport { styles, activeStyles, globalClasses } from './Button.styles';\nimport { Corners } from './Corners';\n\nexport type ButtonSize = 'small' | 'medium' | 'large';\nexport type ButtonType = 'button' | 'submit' | 'reset';\nexport type ButtonUse = 'default' | 'primary' | 'success' | 'danger' | 'pay' | 'link';\n\nexport interface ButtonProps extends CommonProps {\n /** @ignore */\n _noPadding?: boolean;\n\n /** @ignore */\n _noRightPadding?: boolean;\n\n /**\n * Применяет к кнопке стили псевдокласса `:active`.\n */\n active?: boolean;\n\n /**\n * CSS-свойство `text-align`.\n */\n align?: React.CSSProperties['textAlign'];\n\n /**\n * Превращает обычную кнопку в кнопку со стрелкой.\n */\n arrow?: boolean | 'left';\n\n /**\n * Даёт кнопке фокус после окончания загрузки страницы.\n */\n autoFocus?: boolean;\n\n /**\n * Убирает обводку у кнопки.\n */\n borderless?: boolean;\n\n /**\n * @ignore\n */\n checked?: boolean;\n\n children?: React.ReactNode;\n\n /** @ignore */\n corners?: number;\n\n /**\n * Отключенное состояние кнопки.\n */\n disabled?: boolean;\n\n /** @ignore */\n disableFocus?: boolean;\n\n /**\n * Cостояние валидации при ошибке.\n */\n error?: boolean;\n\n /**\n * Иконка слева от текста кнопки.\n */\n icon?: React.ReactElement<any>;\n\n /**\n * Переводит кнопку в состояние загрузки.\n */\n loading?: boolean;\n\n /**\n * Сужает кнопку.\n */\n narrow?: boolean;\n\n /**\n * HTML-событие `onblur`.\n */\n onBlur?: React.FocusEventHandler<HTMLButtonElement>;\n\n /**\n * HTML-событие `onclick`.\n */\n onClick?: React.MouseEventHandler<HTMLButtonElement>;\n\n /**\n * HTML-событие `onfocus`.\n */\n onFocus?: React.FocusEventHandler<HTMLButtonElement>;\n\n /**\n * HTML-событие `keydown`.\n */\n onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement>;\n\n /**\n * HTML-событие `onmouseenter`.\n */\n onMouseEnter?: React.MouseEventHandler<HTMLButtonElement>;\n\n /**\n * HTML-событие `mouseleave`.\n */\n onMouseLeave?: React.MouseEventHandler<HTMLButtonElement>;\n\n /**\n * HTML-событие `onmouseover`.\n */\n onMouseOver?: React.MouseEventHandler<HTMLButtonElement>;\n\n /**\n * Задаёт размер кнопки.\n *\n * **Допустимые значения**: `\"small\"`, `\"medium\"`, `\"large\"`.\n */\n size?: ButtonSize;\n\n /**\n * HTML-атрибут `type`.\n */\n type?: ButtonType;\n\n /**\n * HTML-атрибут `title`.\n */\n title?: string;\n\n /**\n * Стиль кнопки.\n *\n * **Допустимые значения**: `\"default\"`, `\"primary\"`, `\"success\"`, `\"danger\"`, `\"pay\"`, `\"link\"`.\n */\n use?: ButtonUse;\n\n /** @ignore */\n visuallyFocused?: boolean;\n\n /**\n * Cостояние валидации при предупреждении.\n */\n warning?: boolean;\n\n /**\n * CSS-свойство `width`.\n */\n width?: number | string;\n}\n\nexport interface ButtonState {\n focusedByTab: boolean;\n}\n\n@rootNode\nexport class Button extends React.Component<ButtonProps, ButtonState> {\n public static __KONTUR_REACT_UI__ = 'Button';\n public static __BUTTON__ = true;\n public static TOP_LEFT = Corners.TOP_LEFT;\n public static TOP_RIGHT = Corners.TOP_RIGHT;\n public static BOTTOM_RIGHT = Corners.BOTTOM_RIGHT;\n public static BOTTOM_LEFT = Corners.BOTTOM_LEFT;\n\n public static defaultProps = {\n use: 'default' as ButtonUse,\n size: 'small' as ButtonSize,\n type: 'button' as ButtonType,\n };\n\n public state = {\n focusedByTab: false,\n };\n\n private theme!: Theme;\n private node: HTMLButtonElement | null = null;\n private setRootNode!: TSetRootNode;\n\n public componentDidMount() {\n if (this.props.autoFocus) {\n keyListener.isTabPressed = true;\n this.focus();\n }\n }\n\n public static getDerivedStateFromProps(props: ButtonProps) {\n if (props.loading || props.disabled) {\n return { focusedByTab: false };\n }\n return null;\n }\n\n /**\n * @public\n */\n public focus() {\n this.node?.focus();\n }\n\n /**\n * @public\n */\n public blur() {\n this.node?.blur();\n }\n\n public render(): JSX.Element {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return this.renderMain();\n }}\n </ThemeContext.Consumer>\n );\n }\n\n private renderMain() {\n const {\n corners = 0,\n active,\n disabled,\n borderless,\n checked,\n error,\n warning,\n loading,\n arrow,\n narrow,\n icon,\n _noPadding,\n _noRightPadding,\n use = Button.defaultProps.use,\n visuallyFocused,\n align,\n disableFocus,\n onMouseEnter,\n onMouseLeave,\n onMouseOver,\n onKeyDown,\n onClick,\n width,\n children,\n } = this.props;\n const sizeClass = this.getSizeClassName();\n\n const isFocused = this.state.focusedByTab || visuallyFocused;\n const isLink = use === 'link';\n const rootProps = {\n // By default the type attribute is 'submit'. IE8 will fire a click event\n // on this button if somewhere on the page user presses Enter while some\n // input is focused. So we set type to 'button' by default.\n type: this.props.type,\n className: cx({\n [styles.root(this.theme)]: true,\n [styles[use](this.theme)]: true,\n [activeStyles[use](this.theme)]: active,\n [sizeClass]: true,\n [styles.focus(this.theme)]: isFocused,\n [styles.checked(this.theme)]: checked,\n [styles.checkedFocused(this.theme)]: checked && isFocused,\n [styles.disabled(this.theme)]: disabled || loading,\n [styles.checkedDisabled(this.theme)]: checked && disabled,\n [styles.borderless()]: borderless && !disabled && !loading && !checked && !isFocused && !active,\n [styles.narrow()]: narrow,\n [styles.noPadding()]: _noPadding,\n [styles.noRightPadding()]: _noRightPadding,\n }),\n style: {\n borderTopLeftRadius: corners & Corners.TOP_LEFT ? 0 : undefined,\n borderTopRightRadius: corners & Corners.TOP_RIGHT ? 0 : undefined,\n borderBottomRightRadius: corners & Corners.BOTTOM_RIGHT ? 0 : undefined,\n borderBottomLeftRadius: corners & Corners.BOTTOM_LEFT ? 0 : undefined,\n textAlign: align,\n },\n disabled: disabled || loading,\n onClick: onClick,\n onFocus: this.handleFocus,\n onBlur: this.handleBlur,\n onKeyDown: onKeyDown,\n onMouseEnter: onMouseEnter,\n onMouseLeave: onMouseLeave,\n onMouseOver: onMouseOver,\n tabIndex: disableFocus ? -1 : 0,\n title: this.props.title,\n };\n\n const wrapProps = {\n className: cx({\n [styles.wrap()]: true,\n [styles.wrapArrow()]: arrow === true,\n [styles.wrapArrowLeft()]: arrow === 'left',\n }),\n style: {\n width: width,\n },\n };\n\n let outlineNode = null;\n if (!isFocused || isLink) {\n outlineNode = (\n <div\n className={cx(styles.outline(), {\n [styles.outlineWarning(this.theme)]: warning,\n [styles.outlineError(this.theme)]: error,\n [styles.outlineLink()]: isLink,\n [styles.outlineLinkWarning(this.theme)]: isLink && warning,\n [styles.outlineLinkError(this.theme)]: isLink && error,\n })}\n />\n );\n }\n\n let loadingNode = null;\n if (loading && !icon) {\n loadingNode = <div className={styles.loading()}>{this.getLoadingSpinner()}</div>;\n }\n\n let iconNode = null;\n if (icon) {\n iconNode = (\n <span\n className={cx(styles.icon(), this.getSizeIconClassName(), {\n [styles.iconNoRightPadding()]: !children,\n [styles.iconLink(this.theme)]: isLink,\n })}\n >\n {loading ? this.getLoadingSpinner() : icon}\n </span>\n );\n }\n\n let arrowNode = null;\n if (arrow) {\n arrowNode = (\n <div\n className={cx({\n [styles.arrow()]: true,\n [styles.arrowWarning(this.theme)]: !checked && warning,\n [styles.arrowError(this.theme)]: !checked && error,\n [styles.arrowFocus(this.theme)]: !checked && isFocused,\n [styles.arrowLeft()]: arrow === 'left',\n })}\n >\n <div className={cx(globalClasses.arrowHelper, globalClasses.arrowHelperTop)} />\n <div className={cx(globalClasses.arrowHelper, globalClasses.arrowHelperBottom)} />\n </div>\n );\n }\n\n // Force disable all props and features, that cannot be use with Link\n if (isLink) {\n rootProps.className = cx({\n [styles.root(this.theme)]: true,\n [sizeClass]: true,\n [styles.link(this.theme)]: true,\n [styles.linkFocus(this.theme)]: isFocused,\n [styles.linkDisabled(this.theme)]: disabled || loading,\n });\n Object.assign(wrapProps, {\n className: cx(styles.wrap(), styles.wrapLink()),\n style: { width: wrapProps.style.width },\n });\n rootProps.style.textAlign = undefined;\n arrowNode = null;\n }\n\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <span {...wrapProps}>\n <button ref={this._ref} {...rootProps}>\n {outlineNode}\n {loadingNode}\n {arrowNode}\n <div\n className={cx(styles.caption(), globalClasses.caption, {\n [styles.captionTranslated()]: active || checked,\n [styles.captionLink()]: isLink,\n [styles.captionDisabled()]: !checked && disabled,\n })}\n >\n {iconNode}\n <span className={cx({ [styles.visibilityHidden()]: !!loadingNode })}>{children}</span>\n </div>\n </button>\n </span>\n </CommonWrapper>\n );\n }\n\n private getLoadingSpinner() {\n return <Spinner caption={null} dimmed type=\"mini\" />;\n }\n\n private getSizeClassName() {\n switch (this.props.size) {\n case 'large':\n return cx(styles.sizeLarge(this.theme), { [styles.sizeLargeIE11(this.theme)]: isIE11 || isEdge });\n case 'medium':\n return cx(styles.sizeMedium(this.theme), { [styles.sizeMediumIE11(this.theme)]: isIE11 || isEdge });\n case 'small':\n default:\n return cx(styles.sizeSmall(this.theme), { [styles.sizeSmallIE11(this.theme)]: isIE11 || isEdge });\n }\n }\n\n private getSizeIconClassName() {\n switch (this.props.size) {\n case 'large':\n return styles.iconLarge(this.theme);\n case 'medium':\n return styles.iconMedium(this.theme);\n case 'small':\n default:\n return styles.iconSmall(this.theme);\n }\n }\n\n private handleFocus = (e: React.FocusEvent<HTMLButtonElement>) => {\n if (!this.props.disabled && !this.props.disableFocus) {\n // focus event fires before keyDown eventlistener\n // so we should check tabPressed in async way\n requestAnimationFrame(() => {\n if (keyListener.isTabPressed) {\n this.setState({ focusedByTab: true });\n }\n });\n this.props.onFocus?.(e);\n }\n };\n\n private handleBlur = (e: React.FocusEvent<HTMLButtonElement>) => {\n this.setState({ focusedByTab: false });\n if (!this.props.disabled && !this.props.disableFocus) {\n this.props.onBlur?.(e);\n }\n };\n\n private _ref = (node: HTMLButtonElement | null) => {\n this.node = node;\n };\n}\n\nexport const isButton = isReactUIComponent<ButtonProps>('Button');\n"]}
@@ -158,4 +158,4 @@ export declare class Button extends React.Component<ButtonProps, ButtonState> {
158
158
  private handleBlur;
159
159
  private _ref;
160
160
  }
161
- export declare const isButton: (child: React.ReactChild) => child is React.ReactElement<ButtonProps, string | React.JSXElementConstructor<any>>;
161
+ export declare const isButton: (child: React.ReactNode) => child is React.ReactElement<ButtonProps, string | React.JSXElementConstructor<any>>;
@@ -1,6 +1,6 @@
1
1
  import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
2
2
 
3
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41, _templateObject42, _templateObject43, _templateObject44, _templateObject45, _templateObject46, _templateObject47, _templateObject48, _templateObject49, _templateObject50, _templateObject51, _templateObject52, _templateObject53, _templateObject54, _templateObject55, _templateObject56;
3
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41, _templateObject42, _templateObject43, _templateObject44, _templateObject45, _templateObject46, _templateObject47, _templateObject48, _templateObject49, _templateObject50, _templateObject51, _templateObject52, _templateObject53, _templateObject54, _templateObject55, _templateObject56, _templateObject57;
4
4
 
5
5
  import { css, memoizeStyle, prefix } from "../../../lib/theming/Emotion";
6
6
  import { resetButton, resetText } from "../../../lib/styles/Mixins";
@@ -101,87 +101,90 @@ export var styles = memoizeStyle({
101
101
  var checkedStyles = "\n background-image: none;\n box-shadow: " + t.btnCheckedShadow + ";\n background-color: " + t.btnCheckedBg + ";\n color: " + t.btnCheckedTextColor + ";\n border-color: " + t.btnDefaultCheckedBorderColor + ";\n\n ." + globalClasses.arrowHelper + " {\n box-shadow: " + t.btnBorderWidth + " 0 0 " + t.btnDefaultCheckedBorderColor + ";\n\n &." + globalClasses.arrowHelperTop + " {\n background-image: " + t.btnArrowBgImageChecked + ";\n }\n }\n ";
102
102
  return css(_templateObject29 || (_templateObject29 = _taggedTemplateLiteralLoose(["\n ", "\n\n &:hover,\n &:active,\n &:hover:active {\n ", "\n }\n "])), checkedStyles, checkedStyles);
103
103
  },
104
+ checkedFocused: function checkedFocused(t) {
105
+ return css(_templateObject30 || (_templateObject30 = _taggedTemplateLiteralLoose(["\n &:hover {\n box-shadow: inset 0 0 0 ", " ", ",\n 0 0 0 ", " ", ";\n border-color: ", ";\n }\n "])), t.btnInsetWidth, t.btnOutlineColorFocus, t.btnFocusShadowWidth, t.btnBorderColorFocus, t.btnBorderColorFocus);
106
+ },
104
107
  checkedDisabled: function checkedDisabled(t) {
105
- return css(_templateObject30 || (_templateObject30 = _taggedTemplateLiteralLoose(["\n box-shadow: ", ";\n background-color: ", ";\n color: ", ";\n border-color: ", ";\n\n .", " {\n box-shadow: ", " 0 0 ", ";\n\n &.", " {\n background-image: none;\n }\n }\n "])), t.btnCheckedDisabledShadow, t.btnCheckedDisabledBg, t.btnCheckedDisabledColor, t.btnCheckedDisabledBorderColor, globalClasses.arrowHelper, t.btnBorderWidth, t.btnCheckedDisabledBorderColor, globalClasses.arrowHelperTop);
108
+ return css(_templateObject31 || (_templateObject31 = _taggedTemplateLiteralLoose(["\n box-shadow: ", ";\n background-color: ", ";\n color: ", ";\n border-color: ", ";\n\n .", " {\n box-shadow: ", " 0 0 ", ";\n\n &.", " {\n background-image: none;\n }\n }\n "])), t.btnCheckedDisabledShadow, t.btnCheckedDisabledBg, t.btnCheckedDisabledColor, t.btnCheckedDisabledBorderColor, globalClasses.arrowHelper, t.btnBorderWidth, t.btnCheckedDisabledBorderColor, globalClasses.arrowHelperTop);
106
109
  },
107
110
  caption: function caption() {
108
- return css(_templateObject31 || (_templateObject31 = _taggedTemplateLiteralLoose(["\n position: relative;\n white-space: nowrap;\n display: inline-block;\n width: 100%;\n vertical-align: top;\n "])));
111
+ return css(_templateObject32 || (_templateObject32 = _taggedTemplateLiteralLoose(["\n position: relative;\n white-space: nowrap;\n display: inline-block;\n width: 100%;\n vertical-align: top;\n "])));
109
112
  },
110
113
  captionLink: function captionLink() {
111
- return css(_templateObject32 || (_templateObject32 = _taggedTemplateLiteralLoose(["\n display: inline;\n transform: none !important; // override root:active style\n "])));
114
+ return css(_templateObject33 || (_templateObject33 = _taggedTemplateLiteralLoose(["\n display: inline;\n transform: none !important; // override root:active style\n "])));
112
115
  },
113
116
  captionTranslated: function captionTranslated() {
114
- return css(_templateObject33 || (_templateObject33 = _taggedTemplateLiteralLoose(["\n transform: translateY(1px);\n "])));
117
+ return css(_templateObject34 || (_templateObject34 = _taggedTemplateLiteralLoose(["\n transform: translateY(1px);\n "])));
115
118
  },
116
119
  captionDisabled: function captionDisabled() {
117
- return css(_templateObject34 || (_templateObject34 = _taggedTemplateLiteralLoose(["\n transform: none !important; // override root:active style\n "])));
120
+ return css(_templateObject35 || (_templateObject35 = _taggedTemplateLiteralLoose(["\n transform: none !important; // override root:active style\n "])));
118
121
  },
119
122
  wrap: function wrap() {
120
- return css(_templateObject35 || (_templateObject35 = _taggedTemplateLiteralLoose(["\n box-sizing: border-box;\n display: inline-block;\n "])));
123
+ return css(_templateObject36 || (_templateObject36 = _taggedTemplateLiteralLoose(["\n box-sizing: border-box;\n display: inline-block;\n "])));
121
124
  },
122
125
  narrow: function narrow() {
123
- return css(_templateObject36 || (_templateObject36 = _taggedTemplateLiteralLoose(["\n padding-left: 5px;\n padding-right: 5px;\n "])));
126
+ return css(_templateObject37 || (_templateObject37 = _taggedTemplateLiteralLoose(["\n padding-left: 5px;\n padding-right: 5px;\n "])));
124
127
  },
125
128
  noPadding: function noPadding() {
126
- return css(_templateObject37 || (_templateObject37 = _taggedTemplateLiteralLoose(["\n padding-left: 0;\n padding-right: 0;\n "])));
129
+ return css(_templateObject38 || (_templateObject38 = _taggedTemplateLiteralLoose(["\n padding-left: 0;\n padding-right: 0;\n "])));
127
130
  },
128
131
  noRightPadding: function noRightPadding() {
129
- return css(_templateObject38 || (_templateObject38 = _taggedTemplateLiteralLoose(["\n padding-right: 0;\n "])));
132
+ return css(_templateObject39 || (_templateObject39 = _taggedTemplateLiteralLoose(["\n padding-right: 0;\n "])));
130
133
  },
131
134
  iconNoRightPadding: function iconNoRightPadding() {
132
- return css(_templateObject39 || (_templateObject39 = _taggedTemplateLiteralLoose(["\n padding-right: 0;\n "])));
135
+ return css(_templateObject40 || (_templateObject40 = _taggedTemplateLiteralLoose(["\n padding-right: 0;\n "])));
133
136
  },
134
137
  iconLink: function iconLink(t) {
135
- return css(_templateObject40 || (_templateObject40 = _taggedTemplateLiteralLoose(["\n padding-right: ", ";\n "])), t.btnLinkIconMarginRight);
138
+ return css(_templateObject41 || (_templateObject41 = _taggedTemplateLiteralLoose(["\n padding-right: ", ";\n "])), t.btnLinkIconMarginRight);
136
139
  },
137
140
  wrapLink: function wrapLink() {
138
- return css(_templateObject41 || (_templateObject41 = _taggedTemplateLiteralLoose(["\n padding: 0;\n "])));
141
+ return css(_templateObject42 || (_templateObject42 = _taggedTemplateLiteralLoose(["\n padding: 0;\n "])));
139
142
  },
140
143
  wrapArrow: function wrapArrow() {
141
- return css(_templateObject42 || (_templateObject42 = _taggedTemplateLiteralLoose(["\n margin-right: 10px;\n "])));
144
+ return css(_templateObject43 || (_templateObject43 = _taggedTemplateLiteralLoose(["\n margin-right: 10px;\n "])));
142
145
  },
143
146
  wrapArrowLeft: function wrapArrowLeft() {
144
- return css(_templateObject43 || (_templateObject43 = _taggedTemplateLiteralLoose(["\n margin-right: 0;\n margin-left: 10px;\n "])));
147
+ return css(_templateObject44 || (_templateObject44 = _taggedTemplateLiteralLoose(["\n margin-right: 0;\n margin-left: 10px;\n "])));
145
148
  },
146
149
  icon: function icon() {
147
- return css(_templateObject44 || (_templateObject44 = _taggedTemplateLiteralLoose(["\n display: inline-block;\n "])));
150
+ return css(_templateObject45 || (_templateObject45 = _taggedTemplateLiteralLoose(["\n display: inline-block;\n "])));
148
151
  },
149
152
  iconSmall: function iconSmall(t) {
150
- return css(_templateObject45 || (_templateObject45 = _taggedTemplateLiteralLoose(["\n width: ", ";\n padding-right: ", ";\n "])), t.btnIconSizeSmall, t.btnIconGapSmall);
153
+ return css(_templateObject46 || (_templateObject46 = _taggedTemplateLiteralLoose(["\n width: ", ";\n padding-right: ", ";\n "])), t.btnIconSizeSmall, t.btnIconGapSmall);
151
154
  },
152
155
  iconMedium: function iconMedium(t) {
153
- return css(_templateObject46 || (_templateObject46 = _taggedTemplateLiteralLoose(["\n width: ", ";\n padding-right: ", ";\n "])), t.btnIconSizeMedium, t.btnIconGapMedium);
156
+ return css(_templateObject47 || (_templateObject47 = _taggedTemplateLiteralLoose(["\n width: ", ";\n padding-right: ", ";\n "])), t.btnIconSizeMedium, t.btnIconGapMedium);
154
157
  },
155
158
  iconLarge: function iconLarge(t) {
156
- return css(_templateObject47 || (_templateObject47 = _taggedTemplateLiteralLoose(["\n width: ", ";\n padding-right: ", ";\n "])), t.btnIconSizeLarge, t.btnIconGapLarge);
159
+ return css(_templateObject48 || (_templateObject48 = _taggedTemplateLiteralLoose(["\n width: ", ";\n padding-right: ", ";\n "])), t.btnIconSizeLarge, t.btnIconGapLarge);
157
160
  },
158
161
  borderless: function borderless() {
159
- return css(_templateObject48 || (_templateObject48 = _taggedTemplateLiteralLoose(["\n &,\n &:hover,\n &:active {\n border-color: transparent;\n .", ", .", " {\n box-shadow: none;\n }\n }\n "])), globalClasses.arrowHelperTop, globalClasses.arrowHelperBottom);
162
+ return css(_templateObject49 || (_templateObject49 = _taggedTemplateLiteralLoose(["\n &,\n &:hover,\n &:active {\n border-color: transparent;\n .", ", .", " {\n box-shadow: none;\n }\n }\n "])), globalClasses.arrowHelperTop, globalClasses.arrowHelperBottom);
160
163
  },
161
164
  loading: function loading() {
162
- return css(_templateObject49 || (_templateObject49 = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n border-radius: inherit;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 10;\n "])));
165
+ return css(_templateObject50 || (_templateObject50 = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n border-radius: inherit;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 10;\n "])));
163
166
  },
164
167
  visibilityHidden: function visibilityHidden() {
165
- return css(_templateObject50 || (_templateObject50 = _taggedTemplateLiteralLoose(["\n visibility: hidden;\n "])));
168
+ return css(_templateObject51 || (_templateObject51 = _taggedTemplateLiteralLoose(["\n visibility: hidden;\n "])));
166
169
  }
167
170
  });
168
171
  export var activeStyles = memoizeStyle({
169
172
  "default": function _default(t) {
170
- return css(_templateObject51 || (_templateObject51 = _taggedTemplateLiteralLoose(["\n &,\n &:hover {\n ", ";\n }\n "])), buttonActiveMixin(t.btnDefaultActiveBg, t.btnDefaultActiveShadow, t.btnDefaultActiveBorderColor, t.btnDefaultActiveBorderTopColor, t.btnBorderWidth, t.btnArrowBgImageActive));
173
+ return css(_templateObject52 || (_templateObject52 = _taggedTemplateLiteralLoose(["\n &,\n &:hover {\n ", ";\n }\n "])), buttonActiveMixin(t.btnDefaultActiveBg, t.btnDefaultActiveShadow, t.btnDefaultActiveBorderColor, t.btnDefaultActiveBorderTopColor, t.btnBorderWidth, t.btnArrowBgImageActive));
171
174
  },
172
175
  primary: function primary(t) {
173
- return css(_templateObject52 || (_templateObject52 = _taggedTemplateLiteralLoose(["\n &,\n &:hover {\n ", ";\n }\n "])), buttonActiveMixin(t.btnPrimaryActiveBg, t.btnPrimaryActiveShadow, t.btnPrimaryActiveBorderColor, t.btnPrimaryActiveBorderTopColor, t.btnBorderWidth, t.btnArrowBgImageActive));
176
+ return css(_templateObject53 || (_templateObject53 = _taggedTemplateLiteralLoose(["\n &,\n &:hover {\n ", ";\n }\n "])), buttonActiveMixin(t.btnPrimaryActiveBg, t.btnPrimaryActiveShadow, t.btnPrimaryActiveBorderColor, t.btnPrimaryActiveBorderTopColor, t.btnBorderWidth, t.btnArrowBgImageActive));
174
177
  },
175
178
  success: function success(t) {
176
- return css(_templateObject53 || (_templateObject53 = _taggedTemplateLiteralLoose(["\n &,\n &:hover {\n ", ";\n }\n "])), buttonActiveMixin(t.btnSuccessActiveBg, t.btnSuccessActiveShadow, t.btnSuccessActiveBorderColor, t.btnSuccessActiveBorderTopColor, t.btnBorderWidth, t.btnArrowBgImageActive));
179
+ return css(_templateObject54 || (_templateObject54 = _taggedTemplateLiteralLoose(["\n &,\n &:hover {\n ", ";\n }\n "])), buttonActiveMixin(t.btnSuccessActiveBg, t.btnSuccessActiveShadow, t.btnSuccessActiveBorderColor, t.btnSuccessActiveBorderTopColor, t.btnBorderWidth, t.btnArrowBgImageActive));
177
180
  },
178
181
  danger: function danger(t) {
179
- return css(_templateObject54 || (_templateObject54 = _taggedTemplateLiteralLoose(["\n &,\n &:hover {\n ", ";\n }\n "])), buttonActiveMixin(t.btnDangerActiveBg, t.btnDangerActiveShadow, t.btnDangerActiveBorderColor, t.btnDangerActiveBorderTopColor, t.btnBorderWidth, t.btnArrowBgImageActive));
182
+ return css(_templateObject55 || (_templateObject55 = _taggedTemplateLiteralLoose(["\n &,\n &:hover {\n ", ";\n }\n "])), buttonActiveMixin(t.btnDangerActiveBg, t.btnDangerActiveShadow, t.btnDangerActiveBorderColor, t.btnDangerActiveBorderTopColor, t.btnBorderWidth, t.btnArrowBgImageActive));
180
183
  },
181
184
  pay: function pay(t) {
182
- return css(_templateObject55 || (_templateObject55 = _taggedTemplateLiteralLoose(["\n &,\n &:hover {\n ", ";\n }\n "])), buttonActiveMixin(t.btnPayActiveBg, t.btnPayActiveShadow, t.btnPayActiveBorderColor, t.btnPayActiveBorderTopColor, t.btnBorderWidth, t.btnArrowBgImageActive));
185
+ return css(_templateObject56 || (_templateObject56 = _taggedTemplateLiteralLoose(["\n &,\n &:hover {\n ", ";\n }\n "])), buttonActiveMixin(t.btnPayActiveBg, t.btnPayActiveShadow, t.btnPayActiveBorderColor, t.btnPayActiveBorderTopColor, t.btnBorderWidth, t.btnArrowBgImageActive));
183
186
  },
184
187
  link: function link(t) {
185
- return css(_templateObject56 || (_templateObject56 = _taggedTemplateLiteralLoose(["\n &,\n &:hover {\n color: ", ";\n }\n "])), t.linkActiveColor);
188
+ return css(_templateObject57 || (_templateObject57 = _taggedTemplateLiteralLoose(["\n &,\n &:hover {\n color: ", ";\n }\n "])), t.linkActiveColor);
186
189
  }
187
190
  });
@@ -1 +1 @@
1
- {"version":3,"sources":["Button.styles.ts"],"names":["css","memoizeStyle","prefix","resetButton","resetText","isFirefox","buttonUseMixin","buttonHoverMixin","buttonActiveMixin","buttonSizeMixin","arrowOutlineMixin","buttonSizeMixinIE11","globalClasses","arrowHelper","arrowHelperTop","arrowHelperBottom","caption","styles","root","t","btnBackgroundClip","btnBorderWidth","outline","outlineWarning","btnOutlineWidth","btnBorderColorWarning","btnInsetWidth","btnInsetColor","outlineError","btnBorderColorError","outlineLink","outlineLinkWarning","btnWarningSecondary","outlineLinkError","btnErrorSecondary","sizeSmall","btnBorderRadiusSmall","btnFontSizeSmall","btnHeightSmall","btnLineHeightSmall","btnPaddingXSmall","btnPaddingYSmall","fontFamilyCompensationBaseline","sizeSmallIE11","sizeMedium","btnBorderRadiusMedium","btnFontSizeMedium","btnHeightMedium","btnLineHeightMedium","btnPaddingXMedium","btnPaddingYMedium","sizeMediumIE11","sizeLarge","btnBorderRadiusLarge","btnFontSizeLarge","btnHeightLarge","btnLineHeightLarge","btnPaddingXLarge","btnPaddingYLarge","sizeLargeIE11","link","btnLinkBorderRadius","btnLinkColor","btnLinkHoverColor","btnLinkHoverTextDecoration","activeStyles","linkFocus","linkDisabled","btnLinkDisabledColor","focus","btnOutlineColorFocus","btnFocusShadowWidth","btnBorderColorFocus","disabled","btnDisabledBorderColor","btnDisabledBg","btnDisabledTextColor","arrowWarning","arrowError","arrowFocus","arrow","arrowLeft","btnDefaultBg","btnDefaultBgStart","btnDefaultBgEnd","btnDefaultTextColor","btnDefaultBorderColor","btnDefaultBorderBottomColor","btnDefaultHoverBg","btnDefaultHoverBgStart","btnDefaultHoverBgEnd","btnDefaultHoverBorderColor","btnDefaultHoverBorderBottomColor","primary","btnPrimaryBg","btnPrimaryBgStart","btnPrimaryBgEnd","btnPrimaryTextColor","btnPrimaryBorderColor","btnPrimaryBorderBottomColor","btnPrimaryHoverBg","btnPrimaryHoverBgStart","btnPrimaryHoverBgEnd","btnPrimaryHoverBorderColor","btnPrimaryHoverBorderBottomColor","success","btnSuccessBg","btnSuccessBgStart","btnSuccessBgEnd","btnSuccessTextColor","btnSuccessBorderColor","btnSuccessBorderBottomColor","btnSuccessHoverBg","btnSuccessHoverBgStart","btnSuccessHoverBgEnd","btnSuccessHoverBorderColor","btnSuccessHoverBorderBottomColor","danger","btnDangerBg","btnDangerBgStart","btnDangerBgEnd","btnDangerTextColor","btnDangerBorderColor","btnDangerBorderBottomColor","btnDangerHoverBg","btnDangerHoverBgStart","btnDangerHoverBgEnd","btnDangerHoverBorderColor","btnDangerHoverBorderBottomColor","pay","btnPayBg","btnPayBgStart","btnPayBgEnd","btnPayTextColor","btnPayBorderColor","btnPayBorderBottomColor","btnPayHoverBg","btnPayHoverBgStart","btnPayHoverBgEnd","btnPayHoverBorderColor","btnPayHoverBorderBottomColor","checked","checkedStyles","btnCheckedShadow","btnCheckedBg","btnCheckedTextColor","btnDefaultCheckedBorderColor","btnArrowBgImageChecked","checkedDisabled","btnCheckedDisabledShadow","btnCheckedDisabledBg","btnCheckedDisabledColor","btnCheckedDisabledBorderColor","captionLink","captionTranslated","captionDisabled","wrap","narrow","noPadding","noRightPadding","iconNoRightPadding","iconLink","btnLinkIconMarginRight","wrapLink","wrapArrow","wrapArrowLeft","icon","iconSmall","btnIconSizeSmall","btnIconGapSmall","iconMedium","btnIconSizeMedium","btnIconGapMedium","iconLarge","btnIconSizeLarge","btnIconGapLarge","borderless","loading","visibilityHidden","btnDefaultActiveBg","btnDefaultActiveShadow","btnDefaultActiveBorderColor","btnDefaultActiveBorderTopColor","btnArrowBgImageActive","btnPrimaryActiveBg","btnPrimaryActiveShadow","btnPrimaryActiveBorderColor","btnPrimaryActiveBorderTopColor","btnSuccessActiveBg","btnSuccessActiveShadow","btnSuccessActiveBorderColor","btnSuccessActiveBorderTopColor","btnDangerActiveBg","btnDangerActiveShadow","btnDangerActiveBorderColor","btnDangerActiveBorderTopColor","btnPayActiveBg","btnPayActiveShadow","btnPayActiveBorderColor","btnPayActiveBorderTopColor","linkActiveColor"],"mappings":"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","sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { resetButton, resetText } from '../../lib/styles/Mixins';\nimport { isFirefox } from '../../lib/client';\n\nimport {\n buttonUseMixin,\n buttonHoverMixin,\n buttonActiveMixin,\n buttonSizeMixin,\n arrowOutlineMixin,\n buttonSizeMixinIE11,\n} from './Button.mixins';\n\nexport const globalClasses = prefix('button')({\n arrowHelper: 'arrow-helper',\n arrowHelperTop: 'arrow-helper-top',\n arrowHelperBottom: 'arrow-helper-bottom',\n caption: 'caption',\n});\n\nexport const styles = memoizeStyle({\n root(t: Theme) {\n return css`\n ${resetButton()};\n ${resetText()};\n\n background-clip: ${t.btnBackgroundClip};\n background-position: center;\n background-repeat: no-repeat;\n background-size: contain;\n cursor: pointer;\n display: inline-block;\n position: relative;\n text-align: center;\n width: 100%;\n border: ${t.btnBorderWidth} solid transparent;\n\n &::-moz-focus-inner {\n border: 0;\n padding: 0;\n }\n &::after {\n content: '';\n display: inline-block;\n vertical-align: baseline;\n width: 0;\n }\n\n &:active .${globalClasses.caption} {\n transform: translateY(1px);\n }\n `;\n },\n\n outline() {\n return css`\n border-radius: inherit;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n `;\n },\n\n outlineWarning(t: Theme) {\n return css`\n box-shadow: 0 0 0 ${t.btnOutlineWidth} ${t.btnBorderColorWarning},\n inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n `;\n },\n\n outlineError(t: Theme) {\n return css`\n box-shadow: 0 0 0 ${t.btnOutlineWidth} ${t.btnBorderColorError}, inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n `;\n },\n\n outlineLink() {\n return css`\n box-shadow: none;\n left: -2px;\n right: -2px;\n bottom: -2px;\n `;\n },\n\n outlineLinkWarning(t: Theme) {\n return css`\n background-color: ${t.btnWarningSecondary};\n `;\n },\n\n outlineLinkError(t: Theme) {\n return css`\n background-color: ${t.btnErrorSecondary};\n `;\n },\n\n sizeSmall(t: Theme) {\n return css`\n border-radius: ${t.btnBorderRadiusSmall};\n\n ${buttonSizeMixin(\n t.btnFontSizeSmall,\n t.btnHeightSmall,\n t.btnLineHeightSmall,\n t.btnPaddingXSmall,\n t.btnPaddingYSmall,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeSmallIE11(t: Theme) {\n return css`\n ${buttonSizeMixinIE11(\n t.btnFontSizeSmall,\n t.btnPaddingXSmall,\n t.btnPaddingYSmall,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeMedium(t: Theme) {\n return css`\n border-radius: ${t.btnBorderRadiusMedium};\n\n ${buttonSizeMixin(\n t.btnFontSizeMedium,\n t.btnHeightMedium,\n t.btnLineHeightMedium,\n t.btnPaddingXMedium,\n t.btnPaddingYMedium,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeMediumIE11(t: Theme) {\n return css`\n ${buttonSizeMixinIE11(\n t.btnFontSizeMedium,\n t.btnPaddingXMedium,\n t.btnPaddingYMedium,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeLarge(t: Theme) {\n return css`\n border-radius: ${t.btnBorderRadiusLarge};\n\n ${buttonSizeMixin(\n t.btnFontSizeLarge,\n t.btnHeightLarge,\n t.btnLineHeightLarge,\n t.btnPaddingXLarge,\n t.btnPaddingYLarge,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeLargeIE11(t: Theme) {\n return css`\n ${buttonSizeMixinIE11(\n t.btnFontSizeLarge,\n t.btnPaddingXLarge,\n t.btnPaddingYLarge,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n link(t: Theme) {\n return css`\n background: none;\n border-radius: ${t.btnLinkBorderRadius};\n border: none;\n box-shadow: none;\n white-space: nowrap;\n color: ${t.btnLinkColor};\n display: inline;\n line-height: inherit !important; // override size mixin\n margin: 0;\n padding: 0 !important; // override size mixin\n height: auto !important; // override size mixin\n\n &:hover {\n color: ${t.btnLinkHoverColor};\n text-decoration: ${t.btnLinkHoverTextDecoration};\n }\n &:active {\n ${activeStyles.link(t)}\n }\n `;\n },\n\n linkFocus(t: Theme) {\n return css`\n color: ${t.btnLinkColor};\n text-decoration: ${t.btnLinkHoverTextDecoration};\n `;\n },\n\n linkDisabled(t: Theme) {\n return css`\n cursor: default;\n pointer-events: none;\n\n &,\n &:hover,\n &:active {\n color: ${t.btnLinkDisabledColor};\n }\n `;\n },\n\n focus(t: Theme) {\n return css`\n position: relative;\n z-index: 2;\n\n &,\n &:hover,\n &:active,\n &:active:hover {\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus},\n 0 0 0 ${t.btnFocusShadowWidth} ${t.btnBorderColorFocus};\n border-color: ${t.btnBorderColorFocus};\n }\n `;\n },\n\n disabled(t: Theme) {\n return css`\n cursor: default;\n pointer-events: none;\n border-color: ${t.btnDisabledBorderColor};\n\n background-image: none;\n background-color: ${t.btnDisabledBg};\n color: ${t.btnDisabledTextColor};\n box-shadow: none;\n\n .${globalClasses.arrowHelper} {\n box-shadow: ${t.btnBorderWidth} 0 0 0 ${t.btnDisabledBorderColor};\n }\n `;\n },\n\n arrowWarning(t: Theme) {\n return css`\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n\n ${arrowOutlineMixin(t.btnInsetWidth, t.btnBorderColorWarning, t.btnOutlineWidth, t.btnInsetColor)}\n `;\n },\n\n arrowError(t: Theme) {\n return css`\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n\n ${arrowOutlineMixin(t.btnInsetWidth, t.btnBorderColorError, t.btnOutlineWidth, t.btnInsetColor)}\n `;\n },\n\n arrowFocus(t: Theme) {\n return css`\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus};\n\n ${arrowOutlineMixin(t.btnInsetWidth, t.btnBorderColorFocus, t.btnOutlineWidth, t.btnOutlineColorFocus)}\n `;\n },\n\n arrow() {\n return css`\n background: inherit;\n border-radius: inherit;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n\n .${globalClasses.arrowHelper} {\n width: 100%;\n height: 50%;\n position: absolute;\n left: 0;\n background: inherit;\n background-size: 200% 200%;\n border-radius: inherit;\n background-clip: padding-box;\n\n // fix ugly arrow edge\n &:before {\n content: '';\n display: block;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background: inherit;\n border-radius: inherit;\n transform: translateX(${isFirefox ? `0.2px` : `0.3px`});\n }\n }\n\n .${globalClasses.arrowHelperTop} {\n top: 0;\n transform: skewX(30deg);\n transform-origin: top;\n background-position-y: top;\n border-bottom-right-radius: 1px;\n\n // fix ugly line in the\n // middle of the button\n &:before {\n bottom: -1px;\n }\n }\n\n .${globalClasses.arrowHelperBottom} {\n bottom: 0;\n transform: skewX(-30deg);\n transform-origin: bottom;\n background-position-y: bottom;\n border-top-right-radius: 1px;\n\n // fix ugly line in the\n // middle of the button\n &:before {\n top: -1px;\n }\n }\n `;\n },\n\n arrowLeft() {\n return css`\n transform: scaleX(-1);\n `;\n },\n\n default(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnDefaultBg,\n t.btnDefaultBgStart,\n t.btnDefaultBgEnd,\n t.btnDefaultTextColor,\n t.btnDefaultBorderColor,\n t.btnDefaultBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n ${buttonHoverMixin(\n t.btnDefaultHoverBg,\n t.btnDefaultHoverBgStart,\n t.btnDefaultHoverBgEnd,\n t.btnDefaultHoverBorderColor,\n t.btnDefaultHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:active {\n ${activeStyles.default(t)}\n }\n `;\n },\n\n primary(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnPrimaryBg,\n t.btnPrimaryBgStart,\n t.btnPrimaryBgEnd,\n t.btnPrimaryTextColor,\n t.btnPrimaryBorderColor,\n t.btnPrimaryBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n ${buttonHoverMixin(\n t.btnPrimaryHoverBg,\n t.btnPrimaryHoverBgStart,\n t.btnPrimaryHoverBgEnd,\n t.btnPrimaryHoverBorderColor,\n t.btnPrimaryHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:active {\n ${activeStyles.primary(t)}\n }\n `;\n },\n\n success(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnSuccessBg,\n t.btnSuccessBgStart,\n t.btnSuccessBgEnd,\n t.btnSuccessTextColor,\n t.btnSuccessBorderColor,\n t.btnSuccessBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n ${buttonHoverMixin(\n t.btnSuccessHoverBg,\n t.btnSuccessHoverBgStart,\n t.btnSuccessHoverBgEnd,\n t.btnSuccessHoverBorderColor,\n t.btnSuccessHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:active {\n ${activeStyles.success(t)}\n }\n `;\n },\n\n danger(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnDangerBg,\n t.btnDangerBgStart,\n t.btnDangerBgEnd,\n t.btnDangerTextColor,\n t.btnDangerBorderColor,\n t.btnDangerBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n ${buttonHoverMixin(\n t.btnDangerHoverBg,\n t.btnDangerHoverBgStart,\n t.btnDangerHoverBgEnd,\n t.btnDangerHoverBorderColor,\n t.btnDangerHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:active {\n ${activeStyles.danger(t)}\n }\n `;\n },\n\n pay(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnPayBg,\n t.btnPayBgStart,\n t.btnPayBgEnd,\n t.btnPayTextColor,\n t.btnPayBorderColor,\n t.btnPayBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n ${buttonHoverMixin(\n t.btnPayHoverBg,\n t.btnPayHoverBgStart,\n t.btnPayHoverBgEnd,\n t.btnPayHoverBorderColor,\n t.btnPayHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:active {\n ${activeStyles.pay(t)}\n }\n `;\n },\n\n checked(t: Theme) {\n const checkedStyles = `\n background-image: none;\n box-shadow: ${t.btnCheckedShadow};\n background-color: ${t.btnCheckedBg};\n color: ${t.btnCheckedTextColor};\n border-color: ${t.btnDefaultCheckedBorderColor};\n\n .${globalClasses.arrowHelper} {\n box-shadow: ${t.btnBorderWidth} 0 0 ${t.btnDefaultCheckedBorderColor};\n\n &.${globalClasses.arrowHelperTop} {\n background-image: ${t.btnArrowBgImageChecked};\n }\n }\n `;\n\n return css`\n ${checkedStyles}\n\n &:hover,\n &:active,\n &:hover:active {\n ${checkedStyles}\n }\n `;\n },\n\n checkedDisabled(t: Theme) {\n return css`\n box-shadow: ${t.btnCheckedDisabledShadow};\n background-color: ${t.btnCheckedDisabledBg};\n color: ${t.btnCheckedDisabledColor};\n border-color: ${t.btnCheckedDisabledBorderColor};\n\n .${globalClasses.arrowHelper} {\n box-shadow: ${t.btnBorderWidth} 0 0 ${t.btnCheckedDisabledBorderColor};\n\n &.${globalClasses.arrowHelperTop} {\n background-image: none;\n }\n }\n `;\n },\n\n caption() {\n return css`\n position: relative;\n white-space: nowrap;\n display: inline-block;\n width: 100%;\n vertical-align: top;\n `;\n },\n\n captionLink() {\n return css`\n display: inline;\n transform: none !important; // override root:active style\n `;\n },\n\n captionTranslated() {\n return css`\n transform: translateY(1px);\n `;\n },\n\n captionDisabled() {\n return css`\n transform: none !important; // override root:active style\n `;\n },\n\n wrap() {\n return css`\n box-sizing: border-box;\n display: inline-block;\n `;\n },\n\n narrow() {\n return css`\n padding-left: 5px;\n padding-right: 5px;\n `;\n },\n\n noPadding() {\n return css`\n padding-left: 0;\n padding-right: 0;\n `;\n },\n\n noRightPadding() {\n return css`\n padding-right: 0;\n `;\n },\n\n iconNoRightPadding() {\n return css`\n padding-right: 0;\n `;\n },\n\n iconLink(t: Theme) {\n return css`\n padding-right: ${t.btnLinkIconMarginRight};\n `;\n },\n\n wrapLink() {\n return css`\n padding: 0;\n `;\n },\n\n wrapArrow() {\n return css`\n margin-right: 10px;\n `;\n },\n\n wrapArrowLeft() {\n return css`\n margin-right: 0;\n margin-left: 10px;\n `;\n },\n\n icon() {\n return css`\n display: inline-block;\n `;\n },\n iconSmall(t: Theme) {\n return css`\n width: ${t.btnIconSizeSmall};\n padding-right: ${t.btnIconGapSmall};\n `;\n },\n iconMedium(t: Theme) {\n return css`\n width: ${t.btnIconSizeMedium};\n padding-right: ${t.btnIconGapMedium};\n `;\n },\n iconLarge(t: Theme) {\n return css`\n width: ${t.btnIconSizeLarge};\n padding-right: ${t.btnIconGapLarge};\n `;\n },\n\n borderless() {\n return css`\n &,\n &:hover,\n &:active {\n border-color: transparent;\n .${globalClasses.arrowHelperTop}, .${globalClasses.arrowHelperBottom} {\n box-shadow: none;\n }\n }\n `;\n },\n\n loading() {\n return css`\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n border-radius: inherit;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 10;\n `;\n },\n\n visibilityHidden() {\n return css`\n visibility: hidden;\n `;\n },\n});\n\nexport const activeStyles = memoizeStyle({\n default(t: Theme) {\n return css`\n &,\n &:hover {\n ${buttonActiveMixin(\n t.btnDefaultActiveBg,\n t.btnDefaultActiveShadow,\n t.btnDefaultActiveBorderColor,\n t.btnDefaultActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n primary(t: Theme) {\n return css`\n &,\n &:hover {\n ${buttonActiveMixin(\n t.btnPrimaryActiveBg,\n t.btnPrimaryActiveShadow,\n t.btnPrimaryActiveBorderColor,\n t.btnPrimaryActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n success(t: Theme) {\n return css`\n &,\n &:hover {\n ${buttonActiveMixin(\n t.btnSuccessActiveBg,\n t.btnSuccessActiveShadow,\n t.btnSuccessActiveBorderColor,\n t.btnSuccessActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n danger(t: Theme) {\n return css`\n &,\n &:hover {\n ${buttonActiveMixin(\n t.btnDangerActiveBg,\n t.btnDangerActiveShadow,\n t.btnDangerActiveBorderColor,\n t.btnDangerActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n pay(t: Theme) {\n return css`\n &,\n &:hover {\n ${buttonActiveMixin(\n t.btnPayActiveBg,\n t.btnPayActiveShadow,\n t.btnPayActiveBorderColor,\n t.btnPayActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n link(t: Theme) {\n return css`\n &,\n &:hover {\n color: ${t.linkActiveColor};\n }\n `;\n },\n});\n"]}
1
+ {"version":3,"sources":["Button.styles.ts"],"names":["css","memoizeStyle","prefix","resetButton","resetText","isFirefox","buttonUseMixin","buttonHoverMixin","buttonActiveMixin","buttonSizeMixin","arrowOutlineMixin","buttonSizeMixinIE11","globalClasses","arrowHelper","arrowHelperTop","arrowHelperBottom","caption","styles","root","t","btnBackgroundClip","btnBorderWidth","outline","outlineWarning","btnOutlineWidth","btnBorderColorWarning","btnInsetWidth","btnInsetColor","outlineError","btnBorderColorError","outlineLink","outlineLinkWarning","btnWarningSecondary","outlineLinkError","btnErrorSecondary","sizeSmall","btnBorderRadiusSmall","btnFontSizeSmall","btnHeightSmall","btnLineHeightSmall","btnPaddingXSmall","btnPaddingYSmall","fontFamilyCompensationBaseline","sizeSmallIE11","sizeMedium","btnBorderRadiusMedium","btnFontSizeMedium","btnHeightMedium","btnLineHeightMedium","btnPaddingXMedium","btnPaddingYMedium","sizeMediumIE11","sizeLarge","btnBorderRadiusLarge","btnFontSizeLarge","btnHeightLarge","btnLineHeightLarge","btnPaddingXLarge","btnPaddingYLarge","sizeLargeIE11","link","btnLinkBorderRadius","btnLinkColor","btnLinkHoverColor","btnLinkHoverTextDecoration","activeStyles","linkFocus","linkDisabled","btnLinkDisabledColor","focus","btnOutlineColorFocus","btnFocusShadowWidth","btnBorderColorFocus","disabled","btnDisabledBorderColor","btnDisabledBg","btnDisabledTextColor","arrowWarning","arrowError","arrowFocus","arrow","arrowLeft","btnDefaultBg","btnDefaultBgStart","btnDefaultBgEnd","btnDefaultTextColor","btnDefaultBorderColor","btnDefaultBorderBottomColor","btnDefaultHoverBg","btnDefaultHoverBgStart","btnDefaultHoverBgEnd","btnDefaultHoverBorderColor","btnDefaultHoverBorderBottomColor","primary","btnPrimaryBg","btnPrimaryBgStart","btnPrimaryBgEnd","btnPrimaryTextColor","btnPrimaryBorderColor","btnPrimaryBorderBottomColor","btnPrimaryHoverBg","btnPrimaryHoverBgStart","btnPrimaryHoverBgEnd","btnPrimaryHoverBorderColor","btnPrimaryHoverBorderBottomColor","success","btnSuccessBg","btnSuccessBgStart","btnSuccessBgEnd","btnSuccessTextColor","btnSuccessBorderColor","btnSuccessBorderBottomColor","btnSuccessHoverBg","btnSuccessHoverBgStart","btnSuccessHoverBgEnd","btnSuccessHoverBorderColor","btnSuccessHoverBorderBottomColor","danger","btnDangerBg","btnDangerBgStart","btnDangerBgEnd","btnDangerTextColor","btnDangerBorderColor","btnDangerBorderBottomColor","btnDangerHoverBg","btnDangerHoverBgStart","btnDangerHoverBgEnd","btnDangerHoverBorderColor","btnDangerHoverBorderBottomColor","pay","btnPayBg","btnPayBgStart","btnPayBgEnd","btnPayTextColor","btnPayBorderColor","btnPayBorderBottomColor","btnPayHoverBg","btnPayHoverBgStart","btnPayHoverBgEnd","btnPayHoverBorderColor","btnPayHoverBorderBottomColor","checked","checkedStyles","btnCheckedShadow","btnCheckedBg","btnCheckedTextColor","btnDefaultCheckedBorderColor","btnArrowBgImageChecked","checkedFocused","checkedDisabled","btnCheckedDisabledShadow","btnCheckedDisabledBg","btnCheckedDisabledColor","btnCheckedDisabledBorderColor","captionLink","captionTranslated","captionDisabled","wrap","narrow","noPadding","noRightPadding","iconNoRightPadding","iconLink","btnLinkIconMarginRight","wrapLink","wrapArrow","wrapArrowLeft","icon","iconSmall","btnIconSizeSmall","btnIconGapSmall","iconMedium","btnIconSizeMedium","btnIconGapMedium","iconLarge","btnIconSizeLarge","btnIconGapLarge","borderless","loading","visibilityHidden","btnDefaultActiveBg","btnDefaultActiveShadow","btnDefaultActiveBorderColor","btnDefaultActiveBorderTopColor","btnArrowBgImageActive","btnPrimaryActiveBg","btnPrimaryActiveShadow","btnPrimaryActiveBorderColor","btnPrimaryActiveBorderTopColor","btnSuccessActiveBg","btnSuccessActiveShadow","btnSuccessActiveBorderColor","btnSuccessActiveBorderTopColor","btnDangerActiveBg","btnDangerActiveShadow","btnDangerActiveBorderColor","btnDangerActiveBorderTopColor","btnPayActiveBg","btnPayActiveShadow","btnPayActiveBorderColor","btnPayActiveBorderTopColor","linkActiveColor"],"mappings":"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","sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { resetButton, resetText } from '../../lib/styles/Mixins';\nimport { isFirefox } from '../../lib/client';\n\nimport {\n buttonUseMixin,\n buttonHoverMixin,\n buttonActiveMixin,\n buttonSizeMixin,\n arrowOutlineMixin,\n buttonSizeMixinIE11,\n} from './Button.mixins';\n\nexport const globalClasses = prefix('button')({\n arrowHelper: 'arrow-helper',\n arrowHelperTop: 'arrow-helper-top',\n arrowHelperBottom: 'arrow-helper-bottom',\n caption: 'caption',\n});\n\nexport const styles = memoizeStyle({\n root(t: Theme) {\n return css`\n ${resetButton()};\n ${resetText()};\n\n background-clip: ${t.btnBackgroundClip};\n background-position: center;\n background-repeat: no-repeat;\n background-size: contain;\n cursor: pointer;\n display: inline-block;\n position: relative;\n text-align: center;\n width: 100%;\n border: ${t.btnBorderWidth} solid transparent;\n\n &::-moz-focus-inner {\n border: 0;\n padding: 0;\n }\n &::after {\n content: '';\n display: inline-block;\n vertical-align: baseline;\n width: 0;\n }\n\n &:active .${globalClasses.caption} {\n transform: translateY(1px);\n }\n `;\n },\n\n outline() {\n return css`\n border-radius: inherit;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n `;\n },\n\n outlineWarning(t: Theme) {\n return css`\n box-shadow: 0 0 0 ${t.btnOutlineWidth} ${t.btnBorderColorWarning},\n inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n `;\n },\n\n outlineError(t: Theme) {\n return css`\n box-shadow: 0 0 0 ${t.btnOutlineWidth} ${t.btnBorderColorError}, inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n `;\n },\n\n outlineLink() {\n return css`\n box-shadow: none;\n left: -2px;\n right: -2px;\n bottom: -2px;\n `;\n },\n\n outlineLinkWarning(t: Theme) {\n return css`\n background-color: ${t.btnWarningSecondary};\n `;\n },\n\n outlineLinkError(t: Theme) {\n return css`\n background-color: ${t.btnErrorSecondary};\n `;\n },\n\n sizeSmall(t: Theme) {\n return css`\n border-radius: ${t.btnBorderRadiusSmall};\n\n ${buttonSizeMixin(\n t.btnFontSizeSmall,\n t.btnHeightSmall,\n t.btnLineHeightSmall,\n t.btnPaddingXSmall,\n t.btnPaddingYSmall,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeSmallIE11(t: Theme) {\n return css`\n ${buttonSizeMixinIE11(\n t.btnFontSizeSmall,\n t.btnPaddingXSmall,\n t.btnPaddingYSmall,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeMedium(t: Theme) {\n return css`\n border-radius: ${t.btnBorderRadiusMedium};\n\n ${buttonSizeMixin(\n t.btnFontSizeMedium,\n t.btnHeightMedium,\n t.btnLineHeightMedium,\n t.btnPaddingXMedium,\n t.btnPaddingYMedium,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeMediumIE11(t: Theme) {\n return css`\n ${buttonSizeMixinIE11(\n t.btnFontSizeMedium,\n t.btnPaddingXMedium,\n t.btnPaddingYMedium,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeLarge(t: Theme) {\n return css`\n border-radius: ${t.btnBorderRadiusLarge};\n\n ${buttonSizeMixin(\n t.btnFontSizeLarge,\n t.btnHeightLarge,\n t.btnLineHeightLarge,\n t.btnPaddingXLarge,\n t.btnPaddingYLarge,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n sizeLargeIE11(t: Theme) {\n return css`\n ${buttonSizeMixinIE11(\n t.btnFontSizeLarge,\n t.btnPaddingXLarge,\n t.btnPaddingYLarge,\n t.fontFamilyCompensationBaseline,\n )};\n `;\n },\n\n link(t: Theme) {\n return css`\n background: none;\n border-radius: ${t.btnLinkBorderRadius};\n border: none;\n box-shadow: none;\n white-space: nowrap;\n color: ${t.btnLinkColor};\n display: inline;\n line-height: inherit !important; // override size mixin\n margin: 0;\n padding: 0 !important; // override size mixin\n height: auto !important; // override size mixin\n\n &:hover {\n color: ${t.btnLinkHoverColor};\n text-decoration: ${t.btnLinkHoverTextDecoration};\n }\n &:active {\n ${activeStyles.link(t)}\n }\n `;\n },\n\n linkFocus(t: Theme) {\n return css`\n color: ${t.btnLinkColor};\n text-decoration: ${t.btnLinkHoverTextDecoration};\n `;\n },\n\n linkDisabled(t: Theme) {\n return css`\n cursor: default;\n pointer-events: none;\n\n &,\n &:hover,\n &:active {\n color: ${t.btnLinkDisabledColor};\n }\n `;\n },\n\n focus(t: Theme) {\n return css`\n position: relative;\n z-index: 2;\n\n &,\n &:hover,\n &:active,\n &:active:hover {\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus},\n 0 0 0 ${t.btnFocusShadowWidth} ${t.btnBorderColorFocus};\n border-color: ${t.btnBorderColorFocus};\n }\n `;\n },\n\n disabled(t: Theme) {\n return css`\n cursor: default;\n pointer-events: none;\n border-color: ${t.btnDisabledBorderColor};\n\n background-image: none;\n background-color: ${t.btnDisabledBg};\n color: ${t.btnDisabledTextColor};\n box-shadow: none;\n\n .${globalClasses.arrowHelper} {\n box-shadow: ${t.btnBorderWidth} 0 0 0 ${t.btnDisabledBorderColor};\n }\n `;\n },\n\n arrowWarning(t: Theme) {\n return css`\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n\n ${arrowOutlineMixin(t.btnInsetWidth, t.btnBorderColorWarning, t.btnOutlineWidth, t.btnInsetColor)}\n `;\n },\n\n arrowError(t: Theme) {\n return css`\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n\n ${arrowOutlineMixin(t.btnInsetWidth, t.btnBorderColorError, t.btnOutlineWidth, t.btnInsetColor)}\n `;\n },\n\n arrowFocus(t: Theme) {\n return css`\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus};\n\n ${arrowOutlineMixin(t.btnInsetWidth, t.btnBorderColorFocus, t.btnOutlineWidth, t.btnOutlineColorFocus)}\n `;\n },\n\n arrow() {\n return css`\n background: inherit;\n border-radius: inherit;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n\n .${globalClasses.arrowHelper} {\n width: 100%;\n height: 50%;\n position: absolute;\n left: 0;\n background: inherit;\n background-size: 200% 200%;\n border-radius: inherit;\n background-clip: padding-box;\n\n // fix ugly arrow edge\n &:before {\n content: '';\n display: block;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background: inherit;\n border-radius: inherit;\n transform: translateX(${isFirefox ? `0.2px` : `0.3px`});\n }\n }\n\n .${globalClasses.arrowHelperTop} {\n top: 0;\n transform: skewX(30deg);\n transform-origin: top;\n background-position-y: top;\n border-bottom-right-radius: 1px;\n\n // fix ugly line in the\n // middle of the button\n &:before {\n bottom: -1px;\n }\n }\n\n .${globalClasses.arrowHelperBottom} {\n bottom: 0;\n transform: skewX(-30deg);\n transform-origin: bottom;\n background-position-y: bottom;\n border-top-right-radius: 1px;\n\n // fix ugly line in the\n // middle of the button\n &:before {\n top: -1px;\n }\n }\n `;\n },\n\n arrowLeft() {\n return css`\n transform: scaleX(-1);\n `;\n },\n\n default(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnDefaultBg,\n t.btnDefaultBgStart,\n t.btnDefaultBgEnd,\n t.btnDefaultTextColor,\n t.btnDefaultBorderColor,\n t.btnDefaultBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n ${buttonHoverMixin(\n t.btnDefaultHoverBg,\n t.btnDefaultHoverBgStart,\n t.btnDefaultHoverBgEnd,\n t.btnDefaultHoverBorderColor,\n t.btnDefaultHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:active {\n ${activeStyles.default(t)}\n }\n `;\n },\n\n primary(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnPrimaryBg,\n t.btnPrimaryBgStart,\n t.btnPrimaryBgEnd,\n t.btnPrimaryTextColor,\n t.btnPrimaryBorderColor,\n t.btnPrimaryBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n ${buttonHoverMixin(\n t.btnPrimaryHoverBg,\n t.btnPrimaryHoverBgStart,\n t.btnPrimaryHoverBgEnd,\n t.btnPrimaryHoverBorderColor,\n t.btnPrimaryHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:active {\n ${activeStyles.primary(t)}\n }\n `;\n },\n\n success(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnSuccessBg,\n t.btnSuccessBgStart,\n t.btnSuccessBgEnd,\n t.btnSuccessTextColor,\n t.btnSuccessBorderColor,\n t.btnSuccessBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n ${buttonHoverMixin(\n t.btnSuccessHoverBg,\n t.btnSuccessHoverBgStart,\n t.btnSuccessHoverBgEnd,\n t.btnSuccessHoverBorderColor,\n t.btnSuccessHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:active {\n ${activeStyles.success(t)}\n }\n `;\n },\n\n danger(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnDangerBg,\n t.btnDangerBgStart,\n t.btnDangerBgEnd,\n t.btnDangerTextColor,\n t.btnDangerBorderColor,\n t.btnDangerBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n ${buttonHoverMixin(\n t.btnDangerHoverBg,\n t.btnDangerHoverBgStart,\n t.btnDangerHoverBgEnd,\n t.btnDangerHoverBorderColor,\n t.btnDangerHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:active {\n ${activeStyles.danger(t)}\n }\n `;\n },\n\n pay(t: Theme) {\n return css`\n ${buttonUseMixin(\n t.btnPayBg,\n t.btnPayBgStart,\n t.btnPayBgEnd,\n t.btnPayTextColor,\n t.btnPayBorderColor,\n t.btnPayBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n ${buttonHoverMixin(\n t.btnPayHoverBg,\n t.btnPayHoverBgStart,\n t.btnPayHoverBgEnd,\n t.btnPayHoverBorderColor,\n t.btnPayHoverBorderBottomColor,\n t.btnBorderWidth,\n )};\n\n &:active {\n ${activeStyles.pay(t)}\n }\n `;\n },\n\n checked(t: Theme) {\n const checkedStyles = `\n background-image: none;\n box-shadow: ${t.btnCheckedShadow};\n background-color: ${t.btnCheckedBg};\n color: ${t.btnCheckedTextColor};\n border-color: ${t.btnDefaultCheckedBorderColor};\n\n .${globalClasses.arrowHelper} {\n box-shadow: ${t.btnBorderWidth} 0 0 ${t.btnDefaultCheckedBorderColor};\n\n &.${globalClasses.arrowHelperTop} {\n background-image: ${t.btnArrowBgImageChecked};\n }\n }\n `;\n\n return css`\n ${checkedStyles}\n\n &:hover,\n &:active,\n &:hover:active {\n ${checkedStyles}\n }\n `;\n },\n\n checkedFocused(t: Theme) {\n return css`\n &:hover {\n box-shadow: inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus},\n 0 0 0 ${t.btnFocusShadowWidth} ${t.btnBorderColorFocus};\n border-color: ${t.btnBorderColorFocus};\n }\n `;\n },\n\n checkedDisabled(t: Theme) {\n return css`\n box-shadow: ${t.btnCheckedDisabledShadow};\n background-color: ${t.btnCheckedDisabledBg};\n color: ${t.btnCheckedDisabledColor};\n border-color: ${t.btnCheckedDisabledBorderColor};\n\n .${globalClasses.arrowHelper} {\n box-shadow: ${t.btnBorderWidth} 0 0 ${t.btnCheckedDisabledBorderColor};\n\n &.${globalClasses.arrowHelperTop} {\n background-image: none;\n }\n }\n `;\n },\n\n caption() {\n return css`\n position: relative;\n white-space: nowrap;\n display: inline-block;\n width: 100%;\n vertical-align: top;\n `;\n },\n\n captionLink() {\n return css`\n display: inline;\n transform: none !important; // override root:active style\n `;\n },\n\n captionTranslated() {\n return css`\n transform: translateY(1px);\n `;\n },\n\n captionDisabled() {\n return css`\n transform: none !important; // override root:active style\n `;\n },\n\n wrap() {\n return css`\n box-sizing: border-box;\n display: inline-block;\n `;\n },\n\n narrow() {\n return css`\n padding-left: 5px;\n padding-right: 5px;\n `;\n },\n\n noPadding() {\n return css`\n padding-left: 0;\n padding-right: 0;\n `;\n },\n\n noRightPadding() {\n return css`\n padding-right: 0;\n `;\n },\n\n iconNoRightPadding() {\n return css`\n padding-right: 0;\n `;\n },\n\n iconLink(t: Theme) {\n return css`\n padding-right: ${t.btnLinkIconMarginRight};\n `;\n },\n\n wrapLink() {\n return css`\n padding: 0;\n `;\n },\n\n wrapArrow() {\n return css`\n margin-right: 10px;\n `;\n },\n\n wrapArrowLeft() {\n return css`\n margin-right: 0;\n margin-left: 10px;\n `;\n },\n\n icon() {\n return css`\n display: inline-block;\n `;\n },\n iconSmall(t: Theme) {\n return css`\n width: ${t.btnIconSizeSmall};\n padding-right: ${t.btnIconGapSmall};\n `;\n },\n iconMedium(t: Theme) {\n return css`\n width: ${t.btnIconSizeMedium};\n padding-right: ${t.btnIconGapMedium};\n `;\n },\n iconLarge(t: Theme) {\n return css`\n width: ${t.btnIconSizeLarge};\n padding-right: ${t.btnIconGapLarge};\n `;\n },\n\n borderless() {\n return css`\n &,\n &:hover,\n &:active {\n border-color: transparent;\n .${globalClasses.arrowHelperTop}, .${globalClasses.arrowHelperBottom} {\n box-shadow: none;\n }\n }\n `;\n },\n\n loading() {\n return css`\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n border-radius: inherit;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 10;\n `;\n },\n\n visibilityHidden() {\n return css`\n visibility: hidden;\n `;\n },\n});\n\nexport const activeStyles = memoizeStyle({\n default(t: Theme) {\n return css`\n &,\n &:hover {\n ${buttonActiveMixin(\n t.btnDefaultActiveBg,\n t.btnDefaultActiveShadow,\n t.btnDefaultActiveBorderColor,\n t.btnDefaultActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n primary(t: Theme) {\n return css`\n &,\n &:hover {\n ${buttonActiveMixin(\n t.btnPrimaryActiveBg,\n t.btnPrimaryActiveShadow,\n t.btnPrimaryActiveBorderColor,\n t.btnPrimaryActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n success(t: Theme) {\n return css`\n &,\n &:hover {\n ${buttonActiveMixin(\n t.btnSuccessActiveBg,\n t.btnSuccessActiveShadow,\n t.btnSuccessActiveBorderColor,\n t.btnSuccessActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n danger(t: Theme) {\n return css`\n &,\n &:hover {\n ${buttonActiveMixin(\n t.btnDangerActiveBg,\n t.btnDangerActiveShadow,\n t.btnDangerActiveBorderColor,\n t.btnDangerActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n pay(t: Theme) {\n return css`\n &,\n &:hover {\n ${buttonActiveMixin(\n t.btnPayActiveBg,\n t.btnPayActiveShadow,\n t.btnPayActiveBorderColor,\n t.btnPayActiveBorderTopColor,\n t.btnBorderWidth,\n t.btnArrowBgImageActive,\n )};\n }\n `;\n },\n\n link(t: Theme) {\n return css`\n &,\n &:hover {\n color: ${t.linkActiveColor};\n }\n `;\n },\n});\n"]}
@@ -35,6 +35,7 @@ export declare const styles: {
35
35
  danger(t: Theme): string;
36
36
  pay(t: Theme): string;
37
37
  checked(t: Theme): string;
38
+ checkedFocused(t: Theme): string;
38
39
  checkedDisabled(t: Theme): string;
39
40
  caption(): string;
40
41
  captionLink(): string;
@@ -1,24 +1,24 @@
1
- ```jsx harmony
2
- const [value, setValue] = React.useState();
3
-
4
- <CurrencyInput value={value} fractionDigits={3} onValueChange={setValue} />
5
- ```
6
-
7
- `fractionDigits={15}`
8
-
9
- ```jsx harmony
10
- const [value, setValue] = React.useState();
11
-
12
- <CurrencyInput value={value} fractionDigits={15} onValueChange={setValue} />
13
- ```
14
-
15
- ---
16
-
17
- ### <a name="/CurrencyInput?id=why15" href="#/CurrencyInput?id=why15">Почему 15?</a>
18
-
19
- Максимальное безопасное целочисленное значение - `9007199254740991` (16 цифр).
20
- Убрав один разряд, мы получим "новое" максимальное безопасное значение - **`999999999999999` (15 цифр)**.
21
-
22
- При этом десятичный резделитель может находиться в любом месте. Если целая часть равна `0`, то она не учитывается.
23
-
24
- _Детали можно почитать здесь - <a href="https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Number/MAX_SAFE_INTEGER">MDN web docs</a>_
1
+ ```jsx harmony
2
+ const [value, setValue] = React.useState();
3
+
4
+ <CurrencyInput value={value} fractionDigits={3} onValueChange={setValue} />
5
+ ```
6
+
7
+ `fractionDigits={15}`
8
+
9
+ ```jsx harmony
10
+ const [value, setValue] = React.useState();
11
+
12
+ <CurrencyInput value={value} fractionDigits={15} onValueChange={setValue} />
13
+ ```
14
+
15
+ ---
16
+
17
+ ### <a name="/CurrencyInput?id=why15" href="#/CurrencyInput?id=why15">Почему 15?</a>
18
+
19
+ Максимальное безопасное целочисленное значение - `9007199254740991` (16 цифр).
20
+ Убрав один разряд, мы получим "новое" максимальное безопасное значение - **`999999999999999` (15 цифр)**.
21
+
22
+ При этом десятичный резделитель может находиться в любом месте. Если целая часть равна `0`, то она не учитывается.
23
+
24
+ _Детали можно почитать здесь - <a href="https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Number/MAX_SAFE_INTEGER">MDN web docs</a>_
@@ -1,23 +1,23 @@
1
- To render rubles
2
-
3
- ```jsx
4
- <CurrencyLabel value={12356.1} currencySymbol={'₽'} />
5
- ```
6
-
7
- ...or dollars
8
-
9
- ```jsx
10
- <CurrencyLabel value={12356.1} currencySymbol={'$'} />
11
- ```
12
-
13
- ...or nothing
14
-
15
- ```jsx
16
- <CurrencyLabel value={12356.1} />
17
- ```
18
-
19
- Count of fraction digits can be changed
20
-
21
- ```jsx
22
- <CurrencyLabel value={3562001.1} fractionDigits={3} currencySymbol={'₽'} />
23
- ```
1
+ To render rubles
2
+
3
+ ```jsx
4
+ <CurrencyLabel value={12356.1} currencySymbol={'₽'} />
5
+ ```
6
+
7
+ ...or dollars
8
+
9
+ ```jsx
10
+ <CurrencyLabel value={12356.1} currencySymbol={'$'} />
11
+ ```
12
+
13
+ ...or nothing
14
+
15
+ ```jsx
16
+ <CurrencyLabel value={12356.1} />
17
+ ```
18
+
19
+ Count of fraction digits can be changed
20
+
21
+ ```jsx
22
+ <CurrencyLabel value={3562001.1} fractionDigits={3} currencySymbol={'₽'} />
23
+ ```