@skbkontur/react-ui 6.3.3 → 6.3.5-4fa10.0

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 (116) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/components/Autocomplete/Autocomplete.d.ts +4 -1
  3. package/components/Autocomplete/Autocomplete.js +15 -7
  4. package/components/Autocomplete/Autocomplete.js.map +1 -1
  5. package/components/Button/Button.js +9 -3
  6. package/components/Button/Button.js.map +1 -1
  7. package/components/Button/Button.styles.d.ts +3 -0
  8. package/components/Button/Button.styles.js +62 -50
  9. package/components/Button/Button.styles.js.map +1 -1
  10. package/components/Checkbox/Checkbox.d.ts +1 -0
  11. package/components/Checkbox/Checkbox.js +12 -1
  12. package/components/Checkbox/Checkbox.js.map +1 -1
  13. package/components/Checkbox/Checkbox.styles.d.ts +3 -0
  14. package/components/Checkbox/Checkbox.styles.js +27 -18
  15. package/components/Checkbox/Checkbox.styles.js.map +1 -1
  16. package/components/ComboBox/ComboBox.d.ts +5 -1
  17. package/components/ComboBox/ComboBox.js.map +1 -1
  18. package/components/DropdownMenu/DropdownMenu.d.ts +3 -0
  19. package/components/DropdownMenu/DropdownMenu.js +1 -1
  20. package/components/DropdownMenu/DropdownMenu.js.map +1 -1
  21. package/components/FileUploader/FileUploader.js +8 -3
  22. package/components/FileUploader/FileUploader.js.map +1 -1
  23. package/components/FileUploader/FileUploader.styles.d.ts +3 -0
  24. package/components/FileUploader/FileUploader.styles.js +73 -64
  25. package/components/FileUploader/FileUploader.styles.js.map +1 -1
  26. package/components/FileUploader/FileUploaderFile.styles.js +12 -12
  27. package/components/FileUploader/FileUploaderFile.styles.js.map +1 -1
  28. package/components/FileUploader/FileUploaderFileList/FileUploaderFileList.styles.js +13 -13
  29. package/components/FileUploader/FileUploaderFileList/FileUploaderFileList.styles.js.map +1 -1
  30. package/components/Input/InputLayout/InputLayout.styles.d.ts +1 -0
  31. package/components/Input/InputLayout/InputLayout.styles.js +11 -8
  32. package/components/Input/InputLayout/InputLayout.styles.js.map +1 -1
  33. package/components/Input/InputLayout/InputLayoutAsideText.js +3 -1
  34. package/components/Input/InputLayout/InputLayoutAsideText.js.map +1 -1
  35. package/components/Kebab/Kebab.js +1 -1
  36. package/components/Kebab/Kebab.js.map +1 -1
  37. package/components/MenuItem/MenuItem.js +1 -0
  38. package/components/MenuItem/MenuItem.js.map +1 -1
  39. package/components/MenuItem/MenuItem.styles.d.ts +1 -0
  40. package/components/MenuItem/MenuItem.styles.js +12 -9
  41. package/components/MenuItem/MenuItem.styles.js.map +1 -1
  42. package/components/Radio/Radio.js +18 -22
  43. package/components/Radio/Radio.js.map +1 -1
  44. package/components/Radio/Radio.styles.js +1 -1
  45. package/components/Radio/Radio.styles.js.map +1 -1
  46. package/components/Select/Select.js +5 -4
  47. package/components/Select/Select.js.map +1 -1
  48. package/components/SidePage/SidePage.styles.d.ts +1 -0
  49. package/components/SidePage/SidePage.styles.js +19 -16
  50. package/components/SidePage/SidePage.styles.js.map +1 -1
  51. package/components/SidePage/SidePageHeader.js +3 -0
  52. package/components/SidePage/SidePageHeader.js.map +1 -1
  53. package/components/Textarea/Textarea.styles.js +4 -4
  54. package/components/Textarea/Textarea.styles.js.map +1 -1
  55. package/components/TokenInput/TokenInput.d.ts +17 -16
  56. package/components/TokenInput/TokenInput.js +202 -59
  57. package/components/TokenInput/TokenInput.js.map +1 -1
  58. package/components/TokenInput/TokenInputFailedMenu.d.ts +17 -0
  59. package/components/TokenInput/TokenInputFailedMenu.js +30 -0
  60. package/components/TokenInput/TokenInputFailedMenu.js.map +1 -0
  61. package/components/TokenInput/TokenInputMenu.d.ts +13 -2
  62. package/components/TokenInput/TokenInputMenu.js +150 -22
  63. package/components/TokenInput/TokenInputMenu.js.map +1 -1
  64. package/components/TokenInput/TokenInputMobileMenu.js +3 -2
  65. package/components/TokenInput/TokenInputMobileMenu.js.map +1 -1
  66. package/components/TokenInput/TokenInputReducer.d.ts +6 -1
  67. package/components/TokenInput/TokenInputReducer.js +14 -3
  68. package/components/TokenInput/TokenInputReducer.js.map +1 -1
  69. package/components/TokenInput/locale/locales/en.js +1 -0
  70. package/components/TokenInput/locale/locales/en.js.map +1 -1
  71. package/components/TokenInput/locale/locales/ru.js +1 -0
  72. package/components/TokenInput/locale/locales/ru.js.map +1 -1
  73. package/components/TokenInput/locale/types.d.ts +1 -0
  74. package/components/TokenInput/locale/types.js.map +1 -1
  75. package/components/TooltipMenu/TooltipMenu.d.ts +3 -0
  76. package/components/TooltipMenu/TooltipMenu.js +1 -1
  77. package/components/TooltipMenu/TooltipMenu.js.map +1 -1
  78. package/internal/CustomComboBox/ComboBoxView.d.ts +1 -0
  79. package/internal/CustomComboBox/ComboBoxView.js +8 -4
  80. package/internal/CustomComboBox/ComboBoxView.js.map +1 -1
  81. package/internal/CustomComboBox/CustomComboBox.d.ts +1 -0
  82. package/internal/CustomComboBox/CustomComboBox.js +1 -0
  83. package/internal/CustomComboBox/CustomComboBox.js.map +1 -1
  84. package/internal/Popup/Popup.js.map +1 -1
  85. package/internal/PopupMenu/PopupMenu.d.ts +4 -0
  86. package/internal/PopupMenu/PopupMenu.js +7 -4
  87. package/internal/PopupMenu/PopupMenu.js.map +1 -1
  88. package/internal/themes/BasicTheme.d.ts +36 -0
  89. package/internal/themes/BasicTheme.js +42 -0
  90. package/internal/themes/BasicTheme.js.map +1 -1
  91. package/internal/themes/DarkTheme6_0.js +1 -0
  92. package/internal/themes/DarkTheme6_0.js.map +1 -1
  93. package/internal/themes/DarkTheme6_4.d.ts +1 -0
  94. package/internal/themes/DarkTheme6_4.js +44 -0
  95. package/internal/themes/DarkTheme6_4.js.map +1 -0
  96. package/internal/themes/DarkTheme6_5.d.ts +1 -0
  97. package/internal/themes/DarkTheme6_5.js +63 -0
  98. package/internal/themes/DarkTheme6_5.js.map +1 -0
  99. package/internal/themes/LightTheme6_4.d.ts +1 -0
  100. package/internal/themes/LightTheme6_4.js +44 -0
  101. package/internal/themes/LightTheme6_4.js.map +1 -0
  102. package/internal/themes/LightTheme6_5.d.ts +1 -0
  103. package/internal/themes/LightTheme6_5.js +63 -0
  104. package/internal/themes/LightTheme6_5.js.map +1 -0
  105. package/lib/theming/ThemeVersions.d.ts +1 -1
  106. package/lib/theming/ThemeVersions.js.map +1 -1
  107. package/lib/theming/getMenuProgressiveRadius.d.ts +8 -0
  108. package/lib/theming/getMenuProgressiveRadius.js +23 -0
  109. package/lib/theming/getMenuProgressiveRadius.js.map +1 -0
  110. package/lib/theming/themes/DarkTheme.d.ts +2 -0
  111. package/lib/theming/themes/DarkTheme.js +5 -1
  112. package/lib/theming/themes/DarkTheme.js.map +1 -1
  113. package/lib/theming/themes/LightTheme.d.ts +2 -0
  114. package/lib/theming/themes/LightTheme.js +5 -1
  115. package/lib/theming/themes/LightTheme.js.map +1 -1
  116. package/package.json +3 -2
package/components/Button/Button.styles.js CHANGED
@@ -94,133 +94,145 @@ export var getStyles = memoizeGetStyles(function (emotion) {
94
94
  sizeLargeWithIconWithoutText: function (t) {
95
95
  return emotion.css(templateObject_26 || (templateObject_26 = __makeTemplateObject(["\n padding-left: ", ";\n padding-right: ", ";\n "], ["\n padding-left: ", ";\n padding-right: ", ";\n "])), t.btnWithIconPaddingLarge, t.btnWithIconPaddingLarge);
96
96
  },
97
+ sizeSmallWithIconOnly: function (t) {
98
+ var padding = "calc((".concat(t.btnHeightSmall, " - ").concat(t.btnIconSizeSmall, ") / 2 - ").concat(t.btnBorderWidth, ")");
99
+ return emotion.css(templateObject_27 || (templateObject_27 = __makeTemplateObject(["\n padding-left: ", ";\n padding-right: ", ";\n "], ["\n padding-left: ", ";\n padding-right: ", ";\n "])), padding, padding);
100
+ },
101
+ sizeMediumWithIconOnly: function (t) {
102
+ var padding = "calc((".concat(t.btnHeightMedium, " - ").concat(t.btnIconSizeMedium, ") / 2 - ").concat(t.btnBorderWidth, ")");
103
+ return emotion.css(templateObject_28 || (templateObject_28 = __makeTemplateObject(["\n padding-left: ", ";\n padding-right: ", ";\n "], ["\n padding-left: ", ";\n padding-right: ", ";\n "])), padding, padding);
104
+ },
105
+ sizeLargeWithIconOnly: function (t) {
106
+ var padding = "calc((".concat(t.btnHeightLarge, " - ").concat(t.btnIconSizeLarge, ") / 2 - ").concat(t.btnBorderWidth, ")");
107
+ return emotion.css(templateObject_29 || (templateObject_29 = __makeTemplateObject(["\n padding-left: ", ";\n padding-right: ", ";\n "], ["\n padding-left: ", ";\n padding-right: ", ";\n "])), padding, padding);
108
+ },
97
109
  /** @deprecated */
98
110
  link: function (t) {
99
- return emotion.css(templateObject_27 || (templateObject_27 = __makeTemplateObject(["\n background: none;\n border-radius: ", ";\n border: none;\n box-shadow: none;\n white-space: nowrap;\n color: ", ";\n display: inline;\n margin: 0;\n padding: 0 !important; // override size mixin\n height: auto !important; // override size mixin\n\n &:hover:enabled,\n &:active:enabled {\n color: ", ";\n text-decoration: ", ";\n }\n\n &:active:enabled {\n ", "\n }\n "], ["\n background: none;\n border-radius: ", ";\n border: none;\n box-shadow: none;\n white-space: nowrap;\n color: ", ";\n display: inline;\n margin: 0;\n padding: 0 !important; // override size mixin\n height: auto !important; // override size mixin\n\n &:hover:enabled,\n &:active:enabled {\n color: ", ";\n text-decoration: ", ";\n }\n\n &:active:enabled {\n ", "\n }\n "])), t.btnLinkBorderRadius, t.btnLinkColor, t.btnLinkHoverColor, t.btnLinkHoverTextDecoration, activeStyles.link(t));
111
+ return emotion.css(templateObject_30 || (templateObject_30 = __makeTemplateObject(["\n background: none;\n border-radius: ", ";\n border: none;\n box-shadow: none;\n white-space: nowrap;\n color: ", ";\n display: inline;\n margin: 0;\n padding: 0 !important; // override size mixin\n height: auto !important; // override size mixin\n\n &:hover:enabled,\n &:active:enabled {\n color: ", ";\n text-decoration: ", ";\n }\n\n &:active:enabled {\n ", "\n }\n "], ["\n background: none;\n border-radius: ", ";\n border: none;\n box-shadow: none;\n white-space: nowrap;\n color: ", ";\n display: inline;\n margin: 0;\n padding: 0 !important; // override size mixin\n height: auto !important; // override size mixin\n\n &:hover:enabled,\n &:active:enabled {\n color: ", ";\n text-decoration: ", ";\n }\n\n &:active:enabled {\n ", "\n }\n "])), t.btnLinkBorderRadius, t.btnLinkColor, t.btnLinkHoverColor, t.btnLinkHoverTextDecoration, activeStyles.link(t));
100
112
  },
101
113
  /** @deprecated */
102
114
  linkLineHeight: function () {
103
- return emotion.css(templateObject_28 || (templateObject_28 = __makeTemplateObject(["\n line-height: inherit !important; // override size mixin\n "], ["\n line-height: inherit !important; // override size mixin\n "])));
115
+ return emotion.css(templateObject_31 || (templateObject_31 = __makeTemplateObject(["\n line-height: inherit !important; // override size mixin\n "], ["\n line-height: inherit !important; // override size mixin\n "])));
104
116
  },
105
117
  /** @deprecated */
106
118
  linkLineHeightSafariFallback: function () {
107
- return emotion.css(templateObject_29 || (templateObject_29 = __makeTemplateObject(["\n /* Safari overrides 'underline' and 'border' if 'line-height' is used */\n margin: -1px 0 -2px;\n "], ["\n /* Safari overrides 'underline' and 'border' if 'line-height' is used */\n margin: -1px 0 -2px;\n "])));
119
+ return emotion.css(templateObject_32 || (templateObject_32 = __makeTemplateObject(["\n /* Safari overrides 'underline' and 'border' if 'line-height' is used */\n margin: -1px 0 -2px;\n "], ["\n /* Safari overrides 'underline' and 'border' if 'line-height' is used */\n margin: -1px 0 -2px;\n "])));
108
120
  },
109
121
  /** @deprecated */
110
122
  linkFocus: function (t) {
111
- return emotion.css(templateObject_30 || (templateObject_30 = __makeTemplateObject(["\n & {\n color: ", ";\n text-decoration: ", ";\n }\n "], ["\n & {\n color: ", ";\n text-decoration: ", ";\n }\n "])), t.btnLinkColor, t.btnLinkHoverTextDecoration);
123
+ return emotion.css(templateObject_33 || (templateObject_33 = __makeTemplateObject(["\n & {\n color: ", ";\n text-decoration: ", ";\n }\n "], ["\n & {\n color: ", ";\n text-decoration: ", ";\n }\n "])), t.btnLinkColor, t.btnLinkHoverTextDecoration);
112
124
  },
113
125
  /** @deprecated */
114
126
  linkDisabled: function (t) {
115
- return emotion.css(templateObject_31 || (templateObject_31 = __makeTemplateObject(["\n cursor: default;\n\n &,\n &:hover:enabled,\n &:active:enabled {\n color: ", ";\n }\n "], ["\n cursor: default;\n\n &,\n &:hover:enabled,\n &:active:enabled {\n color: ", ";\n }\n "])), t.btnLinkDisabledColor);
127
+ return emotion.css(templateObject_34 || (templateObject_34 = __makeTemplateObject(["\n cursor: default;\n\n &,\n &:hover:enabled,\n &:active:enabled {\n color: ", ";\n }\n "], ["\n cursor: default;\n\n &,\n &:hover:enabled,\n &:active:enabled {\n color: ", ";\n }\n "])), t.btnLinkDisabledColor);
116
128
  },
117
129
  focus: function (t) {
118
- return emotion.css(templateObject_32 || (templateObject_32 = __makeTemplateObject(["\n position: relative;\n z-index: 2;\n\n &,\n &:hover:enabled,\n &:active:enabled,\n &:active:hover:enabled {\n box-shadow:\n inset 0 0 0 ", " ", ",\n 0 0 0 ", " ", " !important; // override root:hover style\n }\n "], ["\n position: relative;\n z-index: 2;\n\n &,\n &:hover:enabled,\n &:active:enabled,\n &:active:hover:enabled {\n box-shadow:\n inset 0 0 0 ", " ", ",\n 0 0 0 ", " ", " !important; // override root:hover style\n }\n "])), t.btnInsetWidth, t.btnOutlineColorFocus, t.btnFocusShadowWidth, t.btnBorderColorFocus);
130
+ return emotion.css(templateObject_35 || (templateObject_35 = __makeTemplateObject(["\n position: relative;\n z-index: 2;\n\n &,\n &:hover:enabled,\n &:active:enabled,\n &:active:hover:enabled {\n box-shadow:\n inset 0 0 0 ", " ", ",\n 0 0 0 ", " ", " !important; // override root:hover style\n }\n "], ["\n position: relative;\n z-index: 2;\n\n &,\n &:hover:enabled,\n &:active:enabled,\n &:active:hover:enabled {\n box-shadow:\n inset 0 0 0 ", " ", ",\n 0 0 0 ", " ", " !important; // override root:hover style\n }\n "])), t.btnInsetWidth, t.btnOutlineColorFocus, t.btnFocusShadowWidth, t.btnBorderColorFocus);
119
131
  },
120
132
  disabled: function (t) {
121
- return emotion.css(templateObject_33 || (templateObject_33 = __makeTemplateObject(["\n cursor: default;\n pointer-events: none;\n box-shadow: 0 0 0 ", " ", ";\n\n background-image: none;\n background-color: ", ";\n color: ", ";\n "], ["\n cursor: default;\n pointer-events: none;\n box-shadow: 0 0 0 ", " ", ";\n\n background-image: none;\n background-color: ", ";\n color: ", ";\n "])), t.btnBorderWidth, t.btnDisabledBorderColor, t.btnDisabledBg, t.btnDisabledTextColor);
133
+ return emotion.css(templateObject_36 || (templateObject_36 = __makeTemplateObject(["\n cursor: default;\n pointer-events: none;\n box-shadow: 0 0 0 ", " ", ";\n\n background-image: none;\n background-color: ", ";\n color: ", ";\n "], ["\n cursor: default;\n pointer-events: none;\n box-shadow: 0 0 0 ", " ", ";\n\n background-image: none;\n background-color: ", ";\n color: ", ";\n "])), t.btnBorderWidth, t.btnDisabledBorderColor, t.btnDisabledBg, t.btnDisabledTextColor);
122
134
  },
123
135
  disabledWithoutOutline: function (t) {
124
- return emotion.css(templateObject_34 || (templateObject_34 = __makeTemplateObject(["\n box-shadow: 0 0 0 ", " ", ";\n "], ["\n box-shadow: 0 0 0 ", " ", ";\n "])), t.btnBorderWidth, t.btnDisabledBg);
136
+ return emotion.css(templateObject_37 || (templateObject_37 = __makeTemplateObject(["\n box-shadow: 0 0 0 ", " ", ";\n "], ["\n box-shadow: 0 0 0 ", " ", ";\n "])), t.btnBorderWidth, t.btnDisabledBg);
125
137
  },
126
138
  arrowIconRoot: function () {
127
- return emotion.css(templateObject_35 || (templateObject_35 = __makeTemplateObject(["\n position: absolute;\n height: 100%;\n top: 0;\n right: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: content-box;\n "], ["\n position: absolute;\n height: 100%;\n top: 0;\n right: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: content-box;\n "])));
139
+ return emotion.css(templateObject_38 || (templateObject_38 = __makeTemplateObject(["\n position: absolute;\n height: 100%;\n top: 0;\n right: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: content-box;\n "], ["\n position: absolute;\n height: 100%;\n top: 0;\n right: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: content-box;\n "])));
128
140
  },
129
141
  arrowIconRootSmall: function (t) {
130
- return emotion.css(templateObject_36 || (templateObject_36 = __makeTemplateObject(["\n padding: 0 ", " 0 ", ";\n width: ", ";\n "], ["\n padding: 0 ", " 0 ", ";\n width: ", ";\n "])), t.btnWithIconPaddingSmall, t.btnWithIconPaddingSmall, t.btnIconSizeSmall);
142
+ return emotion.css(templateObject_39 || (templateObject_39 = __makeTemplateObject(["\n padding: 0 ", " 0 ", ";\n width: ", ";\n "], ["\n padding: 0 ", " 0 ", ";\n width: ", ";\n "])), t.btnWithIconPaddingSmall, t.btnWithIconPaddingSmall, t.btnIconSizeSmall);
131
143
  },
132
144
  arrowIconRootMedium: function (t) {
133
- return emotion.css(templateObject_37 || (templateObject_37 = __makeTemplateObject(["\n padding: 0 ", " 0 ", ";\n width: ", ";\n "], ["\n padding: 0 ", " 0 ", ";\n width: ", ";\n "])), t.btnWithIconPaddingMedium, t.btnWithIconPaddingMedium, t.btnIconSizeMedium);
145
+ return emotion.css(templateObject_40 || (templateObject_40 = __makeTemplateObject(["\n padding: 0 ", " 0 ", ";\n width: ", ";\n "], ["\n padding: 0 ", " 0 ", ";\n width: ", ";\n "])), t.btnWithIconPaddingMedium, t.btnWithIconPaddingMedium, t.btnIconSizeMedium);
134
146
  },
135
147
  arrowIconRootLarge: function (t) {
136
- return emotion.css(templateObject_38 || (templateObject_38 = __makeTemplateObject(["\n padding: 0 ", " 0 ", ";\n width: ", ";\n "], ["\n padding: 0 ", " 0 ", ";\n width: ", ";\n "])), t.btnWithIconPaddingLarge, t.btnWithIconPaddingLarge, t.btnIconSizeLarge);
148
+ return emotion.css(templateObject_41 || (templateObject_41 = __makeTemplateObject(["\n padding: 0 ", " 0 ", ";\n width: ", ";\n "], ["\n padding: 0 ", " 0 ", ";\n width: ", ";\n "])), t.btnWithIconPaddingLarge, t.btnWithIconPaddingLarge, t.btnIconSizeLarge);
137
149
  },
138
150
  arrowIconLeft: function () {
139
- return emotion.css(templateObject_39 || (templateObject_39 = __makeTemplateObject(["\n left: 0;\n "], ["\n left: 0;\n "])));
151
+ return emotion.css(templateObject_42 || (templateObject_42 = __makeTemplateObject(["\n left: 0;\n "], ["\n left: 0;\n "])));
140
152
  },
141
153
  default: function (t) {
142
- return emotion.css(templateObject_40 || (templateObject_40 = __makeTemplateObject(["\n ", ";\n\n &:hover {\n ", ";\n }\n\n &:active {\n ", ";\n }\n "], ["\n ", ";\n\n &:hover {\n ", ";\n }\n\n &:active {\n ", ";\n }\n "])), buttonUseMixin(t.btnDefaultBg, t.btnDefaultBgStart, t.btnDefaultBgEnd, t.btnDefaultTextColor, t.btnDefaultBorderColor, t.btnBorderWidth), buttonHoverMixin(t.btnDefaultHoverBg, t.btnDefaultHoverBgStart, t.btnDefaultHoverBgEnd, t.btnDefaultHoverTextColor, t.btnDefaultHoverBorderColor, t.btnBorderWidth), activeStyles.default(t));
154
+ return emotion.css(templateObject_43 || (templateObject_43 = __makeTemplateObject(["\n ", ";\n\n &:hover {\n ", ";\n }\n\n &:active {\n ", ";\n }\n "], ["\n ", ";\n\n &:hover {\n ", ";\n }\n\n &:active {\n ", ";\n }\n "])), buttonUseMixin(t.btnDefaultBg, t.btnDefaultBgStart, t.btnDefaultBgEnd, t.btnDefaultTextColor, t.btnDefaultBorderColor, t.btnBorderWidth), buttonHoverMixin(t.btnDefaultHoverBg, t.btnDefaultHoverBgStart, t.btnDefaultHoverBgEnd, t.btnDefaultHoverTextColor, t.btnDefaultHoverBorderColor, t.btnBorderWidth), activeStyles.default(t));
143
155
  },
144
156
  accent: function (t) {
145
- return emotion.css(templateObject_41 || (templateObject_41 = __makeTemplateObject(["\n ", ";\n\n &:hover {\n ", ";\n }\n\n &:active {\n ", "\n }\n "], ["\n ", ";\n\n &:hover {\n ", ";\n }\n\n &:active {\n ", "\n }\n "])), buttonUseMixin(t.btnPrimaryBg, t.btnPrimaryBgStart, t.btnPrimaryBgEnd, t.btnPrimaryTextColor, t.btnPrimaryBorderColor, t.btnBorderWidth), buttonHoverMixin(t.btnPrimaryHoverBg, t.btnPrimaryHoverBgStart, t.btnPrimaryHoverBgEnd, t.btnPrimaryHoverTextColor, t.btnPrimaryHoverBorderColor, t.btnBorderWidth), activeStyles.accent(t));
157
+ return emotion.css(templateObject_44 || (templateObject_44 = __makeTemplateObject(["\n ", ";\n\n &:hover {\n ", ";\n }\n\n &:active {\n ", "\n }\n "], ["\n ", ";\n\n &:hover {\n ", ";\n }\n\n &:active {\n ", "\n }\n "])), buttonUseMixin(t.btnPrimaryBg, t.btnPrimaryBgStart, t.btnPrimaryBgEnd, t.btnPrimaryTextColor, t.btnPrimaryBorderColor, t.btnBorderWidth), buttonHoverMixin(t.btnPrimaryHoverBg, t.btnPrimaryHoverBgStart, t.btnPrimaryHoverBgEnd, t.btnPrimaryHoverTextColor, t.btnPrimaryHoverBorderColor, t.btnBorderWidth), activeStyles.accent(t));
146
158
  },
147
159
  success: function (t) {
148
- return emotion.css(templateObject_42 || (templateObject_42 = __makeTemplateObject(["\n ", ";\n\n &:hover {\n ", ";\n }\n\n &:active {\n ", "\n }\n "], ["\n ", ";\n\n &:hover {\n ", ";\n }\n\n &:active {\n ", "\n }\n "])), buttonUseMixin(t.btnSuccessBg, t.btnSuccessBgStart, t.btnSuccessBgEnd, t.btnSuccessTextColor, t.btnSuccessBorderColor, t.btnBorderWidth), buttonHoverMixin(t.btnSuccessHoverBg, t.btnSuccessHoverBgStart, t.btnSuccessHoverBgEnd, t.btnSuccessHoverTextColor, t.btnSuccessHoverBorderColor, t.btnBorderWidth), activeStyles.success(t));
160
+ return emotion.css(templateObject_45 || (templateObject_45 = __makeTemplateObject(["\n ", ";\n\n &:hover {\n ", ";\n }\n\n &:active {\n ", "\n }\n "], ["\n ", ";\n\n &:hover {\n ", ";\n }\n\n &:active {\n ", "\n }\n "])), buttonUseMixin(t.btnSuccessBg, t.btnSuccessBgStart, t.btnSuccessBgEnd, t.btnSuccessTextColor, t.btnSuccessBorderColor, t.btnBorderWidth), buttonHoverMixin(t.btnSuccessHoverBg, t.btnSuccessHoverBgStart, t.btnSuccessHoverBgEnd, t.btnSuccessHoverTextColor, t.btnSuccessHoverBorderColor, t.btnBorderWidth), activeStyles.success(t));
149
161
  },
150
162
  danger: function (t) {
151
- return emotion.css(templateObject_43 || (templateObject_43 = __makeTemplateObject(["\n ", ";\n\n &:hover {\n ", ";\n }\n\n &:active {\n ", "\n }\n "], ["\n ", ";\n\n &:hover {\n ", ";\n }\n\n &:active {\n ", "\n }\n "])), buttonUseMixin(t.btnDangerBg, t.btnDangerBgStart, t.btnDangerBgEnd, t.btnDangerTextColor, t.btnDangerBorderColor, t.btnBorderWidth), buttonHoverMixin(t.btnDangerHoverBg, t.btnDangerHoverBgStart, t.btnDangerHoverBgEnd, t.btnDangerHoverTextColor, t.btnDangerHoverBorderColor, t.btnBorderWidth), activeStyles.danger(t));
163
+ return emotion.css(templateObject_46 || (templateObject_46 = __makeTemplateObject(["\n ", ";\n\n &:hover {\n ", ";\n }\n\n &:active {\n ", "\n }\n "], ["\n ", ";\n\n &:hover {\n ", ";\n }\n\n &:active {\n ", "\n }\n "])), buttonUseMixin(t.btnDangerBg, t.btnDangerBgStart, t.btnDangerBgEnd, t.btnDangerTextColor, t.btnDangerBorderColor, t.btnBorderWidth), buttonHoverMixin(t.btnDangerHoverBg, t.btnDangerHoverBgStart, t.btnDangerHoverBgEnd, t.btnDangerHoverTextColor, t.btnDangerHoverBorderColor, t.btnBorderWidth), activeStyles.danger(t));
152
164
  },
153
165
  pay: function (t) {
154
- return emotion.css(templateObject_44 || (templateObject_44 = __makeTemplateObject(["\n ", ";\n\n &:hover {\n ", ";\n }\n\n &:active {\n ", "\n }\n "], ["\n ", ";\n\n &:hover {\n ", ";\n }\n\n &:active {\n ", "\n }\n "])), buttonUseMixin(t.btnPayBg, t.btnPayBgStart, t.btnPayBgEnd, t.btnPayTextColor, t.btnPayBorderColor, t.btnBorderWidth), buttonHoverMixin(t.btnPayHoverBg, t.btnPayHoverBgStart, t.btnPayHoverBgEnd, t.btnPayHoverTextColor, t.btnPayHoverBorderColor, t.btnBorderWidth), activeStyles.pay(t));
166
+ return emotion.css(templateObject_47 || (templateObject_47 = __makeTemplateObject(["\n ", ";\n\n &:hover {\n ", ";\n }\n\n &:active {\n ", "\n }\n "], ["\n ", ";\n\n &:hover {\n ", ";\n }\n\n &:active {\n ", "\n }\n "])), buttonUseMixin(t.btnPayBg, t.btnPayBgStart, t.btnPayBgEnd, t.btnPayTextColor, t.btnPayBorderColor, t.btnBorderWidth), buttonHoverMixin(t.btnPayHoverBg, t.btnPayHoverBgStart, t.btnPayHoverBgEnd, t.btnPayHoverTextColor, t.btnPayHoverBorderColor, t.btnBorderWidth), activeStyles.pay(t));
155
167
  },
156
168
  text: function (t) {
157
- return emotion.css(templateObject_45 || (templateObject_45 = __makeTemplateObject(["\n &,\n &:enabled,\n &:hover {\n box-shadow: none;\n }\n\n ", ";\n\n &:hover {\n ", ";\n }\n\n &:active {\n ", "\n }\n "], ["\n &,\n &:enabled,\n &:hover {\n box-shadow: none;\n }\n\n ", ";\n\n &:hover {\n ", ";\n }\n\n &:active {\n ", "\n }\n "])), buttonUseMixin(t.btnTextBg, '', '', t.btnTextTextColor, t.btnTextBorderColor, t.btnBorderWidth), buttonHoverMixin(t.btnTextHoverBg, '', '', t.btnTextHoverTextColor, t.btnTextHoverBorderColor, t.btnBorderWidth), activeStyles.text(t));
169
+ return emotion.css(templateObject_48 || (templateObject_48 = __makeTemplateObject(["\n &,\n &:enabled,\n &:hover {\n box-shadow: none;\n }\n\n ", ";\n\n &:hover {\n ", ";\n }\n\n &:active {\n ", "\n }\n "], ["\n &,\n &:enabled,\n &:hover {\n box-shadow: none;\n }\n\n ", ";\n\n &:hover {\n ", ";\n }\n\n &:active {\n ", "\n }\n "])), buttonUseMixin(t.btnTextBg, '', '', t.btnTextTextColor, t.btnTextBorderColor, t.btnBorderWidth), buttonHoverMixin(t.btnTextHoverBg, '', '', t.btnTextHoverTextColor, t.btnTextHoverBorderColor, t.btnBorderWidth), activeStyles.text(t));
158
170
  },
159
171
  outline: function (t) {
160
- return emotion.css(templateObject_46 || (templateObject_46 = __makeTemplateObject(["\n ", ";\n\n &:hover {\n ", ";\n }\n\n &:active {\n ", "\n }\n "], ["\n ", ";\n\n &:hover {\n ", ";\n }\n\n &:active {\n ", "\n }\n "])), buttonUseMixin(t.btnBacklessBg, '', '', t.btnBacklessTextColor, t.btnBacklessBorderColor, t.btnBorderWidth), buttonHoverMixin(t.btnBacklessHoverBg, '', '', t.btnBacklessHoverTextColor, t.btnBacklessHoverBorderColor, t.btnBorderWidth), activeStyles.outline(t));
172
+ return emotion.css(templateObject_49 || (templateObject_49 = __makeTemplateObject(["\n ", ";\n\n &:hover {\n ", ";\n }\n\n &:active {\n ", "\n }\n "], ["\n ", ";\n\n &:hover {\n ", ";\n }\n\n &:active {\n ", "\n }\n "])), buttonUseMixin(t.btnBacklessBg, '', '', t.btnBacklessTextColor, t.btnBacklessBorderColor, t.btnBorderWidth), buttonHoverMixin(t.btnBacklessHoverBg, '', '', t.btnBacklessHoverTextColor, t.btnBacklessHoverBorderColor, t.btnBorderWidth), activeStyles.outline(t));
161
173
  },
162
174
  fill: function (t) {
163
- return emotion.css(templateObject_47 || (templateObject_47 = __makeTemplateObject(["\n ", ";\n\n &:hover {\n ", ";\n }\n\n &:active {\n ", ";\n }\n "], ["\n ", ";\n\n &:hover {\n ", ";\n }\n\n &:active {\n ", ";\n }\n "])), buttonUseMixin(t.btnFillBg, '', '', t.btnDefaultTextColor, '', ''), buttonHoverMixin(t.btnFillHoverBg, '', '', t.btnDefaultHoverTextColor, '', ''), activeStyles.fill(t));
175
+ return emotion.css(templateObject_50 || (templateObject_50 = __makeTemplateObject(["\n ", ";\n\n &:hover {\n ", ";\n }\n\n &:active {\n ", ";\n }\n "], ["\n ", ";\n\n &:hover {\n ", ";\n }\n\n &:active {\n ", ";\n }\n "])), buttonUseMixin(t.btnFillBg, '', '', t.btnDefaultTextColor, '', ''), buttonHoverMixin(t.btnFillHoverBg, '', '', t.btnDefaultHoverTextColor, '', ''), activeStyles.fill(t));
164
176
  },
165
177
  checked: function (t) {
166
178
  var checkedStyles = "\n background-image: none;\n box-shadow: 0 0 0 ".concat(t.btnBorderWidth, " ").concat(t.btnDefaultCheckedBorderColor, " !important;\n background-color: ").concat(t.btnCheckedBg, " !important;\n color: ").concat(t.btnCheckedTextColor, " !important;\n\n .").concat(globalClasses.innerShadow, " {\n box-shadow: ").concat(t.btnCheckedShadow, ";\n }\n\n :enabled svg {\n color: ").concat(t.btnCheckedTextColor, " !important;\n }\n :hover:enabled svg {\n color: ").concat(t.btnCheckedTextColor, " !important;\n }\n ");
167
- return emotion.css(templateObject_48 || (templateObject_48 = __makeTemplateObject(["\n ", "\n\n &:hover:enabled,\n &:active:enabled,\n &:hover:active:enabled {\n ", "\n }\n "], ["\n ", "\n\n &:hover:enabled,\n &:active:enabled,\n &:hover:active:enabled {\n ", "\n }\n "])), checkedStyles, checkedStyles);
179
+ return emotion.css(templateObject_51 || (templateObject_51 = __makeTemplateObject(["\n ", "\n\n &:hover:enabled,\n &:active:enabled,\n &:hover:active:enabled {\n ", "\n }\n "], ["\n ", "\n\n &:hover:enabled,\n &:active:enabled,\n &:hover:active:enabled {\n ", "\n }\n "])), checkedStyles, checkedStyles);
168
180
  },
169
181
  checkedFocused: function (t) {
170
- return emotion.css(templateObject_49 || (templateObject_49 = __makeTemplateObject(["\n &:hover:enabled,\n &:hover:active:enabled {\n box-shadow:\n inset 0 0 0 ", " ", ",\n 0 0 0 ", " ", " !important;\n border-color: ", " !important;\n }\n "], ["\n &:hover:enabled,\n &:hover:active:enabled {\n box-shadow:\n inset 0 0 0 ", " ", ",\n 0 0 0 ", " ", " !important;\n border-color: ", " !important;\n }\n "])), t.btnInsetWidth, t.btnOutlineColorFocus, t.btnFocusShadowWidth, t.btnBorderColorFocus, t.btnBorderColorFocus);
182
+ return emotion.css(templateObject_52 || (templateObject_52 = __makeTemplateObject(["\n &:hover:enabled,\n &:hover:active:enabled {\n box-shadow:\n inset 0 0 0 ", " ", ",\n 0 0 0 ", " ", " !important;\n border-color: ", " !important;\n }\n "], ["\n &:hover:enabled,\n &:hover:active:enabled {\n box-shadow:\n inset 0 0 0 ", " ", ",\n 0 0 0 ", " ", " !important;\n border-color: ", " !important;\n }\n "])), t.btnInsetWidth, t.btnOutlineColorFocus, t.btnFocusShadowWidth, t.btnBorderColorFocus, t.btnBorderColorFocus);
171
183
  },
172
184
  checkedDisabled: function (t) {
173
- return emotion.css(templateObject_50 || (templateObject_50 = __makeTemplateObject(["\n box-shadow: 0 0 0 ", " ", ";\n background-color: ", ";\n color: ", ";\n\n .", " {\n box-shadow: ", ";\n }\n\n svg {\n color: ", " !important;\n }\n "], ["\n box-shadow: 0 0 0 ", " ", ";\n background-color: ", ";\n color: ", ";\n\n .", " {\n box-shadow: ", ";\n }\n\n svg {\n color: ", " !important;\n }\n "])), t.btnBorderWidth, t.btnCheckedDisabledBorderColor, t.btnCheckedDisabledBg, t.btnCheckedDisabledColor, globalClasses.innerShadow, t.btnCheckedDisabledShadow, t.btnCheckedDisabledColor);
185
+ return emotion.css(templateObject_53 || (templateObject_53 = __makeTemplateObject(["\n box-shadow: 0 0 0 ", " ", ";\n background-color: ", ";\n color: ", ";\n\n .", " {\n box-shadow: ", ";\n }\n\n svg {\n color: ", " !important;\n }\n "], ["\n box-shadow: 0 0 0 ", " ", ";\n background-color: ", ";\n color: ", ";\n\n .", " {\n box-shadow: ", ";\n }\n\n svg {\n color: ", " !important;\n }\n "])), t.btnBorderWidth, t.btnCheckedDisabledBorderColor, t.btnCheckedDisabledBg, t.btnCheckedDisabledColor, globalClasses.innerShadow, t.btnCheckedDisabledShadow, t.btnCheckedDisabledColor);
174
186
  },
175
187
  caption: function () {
176
- return emotion.css(templateObject_51 || (templateObject_51 = __makeTemplateObject(["\n position: relative;\n white-space: nowrap;\n display: inline-block;\n width: 100%;\n vertical-align: top;\n "], ["\n position: relative;\n white-space: nowrap;\n display: inline-block;\n width: 100%;\n vertical-align: top;\n "])));
188
+ return emotion.css(templateObject_54 || (templateObject_54 = __makeTemplateObject(["\n position: relative;\n white-space: nowrap;\n display: inline-block;\n width: 100%;\n vertical-align: top;\n "], ["\n position: relative;\n white-space: nowrap;\n display: inline-block;\n width: 100%;\n vertical-align: top;\n "])));
177
189
  },
178
190
  captionLink: function () {
179
- return emotion.css(templateObject_52 || (templateObject_52 = __makeTemplateObject(["\n display: inline;\n transform: none !important; // override root:active style\n "], ["\n display: inline;\n transform: none !important; // override root:active style\n "])));
191
+ return emotion.css(templateObject_55 || (templateObject_55 = __makeTemplateObject(["\n display: inline;\n transform: none !important; // override root:active style\n "], ["\n display: inline;\n transform: none !important; // override root:active style\n "])));
180
192
  },
181
193
  captionDisabled: function () {
182
- return emotion.css(templateObject_53 || (templateObject_53 = __makeTemplateObject(["\n transform: none !important; // override root:active style\n "], ["\n transform: none !important; // override root:active style\n "])));
194
+ return emotion.css(templateObject_56 || (templateObject_56 = __makeTemplateObject(["\n transform: none !important; // override root:active style\n "], ["\n transform: none !important; // override root:active style\n "])));
183
195
  },
184
196
  wrap: function (t) {
185
- return emotion.css(templateObject_54 || (templateObject_54 = __makeTemplateObject(["\n box-sizing: border-box;\n display: inline-block;\n line-height: normal;\n padding: ", ";\n "], ["\n box-sizing: border-box;\n display: inline-block;\n line-height: normal;\n padding: ", ";\n "])), t.btnBorderWidth);
197
+ return emotion.css(templateObject_57 || (templateObject_57 = __makeTemplateObject(["\n box-sizing: border-box;\n display: inline-block;\n line-height: normal;\n padding: ", ";\n "], ["\n box-sizing: border-box;\n display: inline-block;\n line-height: normal;\n padding: ", ";\n "])), t.btnBorderWidth);
186
198
  },
187
199
  wrapSmall: function (t) {
188
- return emotion.css(templateObject_55 || (templateObject_55 = __makeTemplateObject(["\n height: ", ";\n "], ["\n height: ", ";\n "])), t.btnHeightSmall);
200
+ return emotion.css(templateObject_58 || (templateObject_58 = __makeTemplateObject(["\n height: ", ";\n "], ["\n height: ", ";\n "])), t.btnHeightSmall);
189
201
  },
190
202
  wrapMedium: function (t) {
191
- return emotion.css(templateObject_56 || (templateObject_56 = __makeTemplateObject(["\n height: ", ";\n "], ["\n height: ", ";\n "])), t.btnHeightMedium);
203
+ return emotion.css(templateObject_59 || (templateObject_59 = __makeTemplateObject(["\n height: ", ";\n "], ["\n height: ", ";\n "])), t.btnHeightMedium);
192
204
  },
193
205
  wrapLarge: function (t) {
194
- return emotion.css(templateObject_57 || (templateObject_57 = __makeTemplateObject(["\n height: ", ";\n "], ["\n height: ", ";\n "])), t.btnHeightLarge);
206
+ return emotion.css(templateObject_60 || (templateObject_60 = __makeTemplateObject(["\n height: ", ";\n "], ["\n height: ", ";\n "])), t.btnHeightLarge);
195
207
  },
196
208
  /** @deprecated */
197
209
  narrow: function () {
198
- return emotion.css(templateObject_58 || (templateObject_58 = __makeTemplateObject(["\n padding-left: 5px;\n padding-right: 5px;\n "], ["\n padding-left: 5px;\n padding-right: 5px;\n "])));
210
+ return emotion.css(templateObject_61 || (templateObject_61 = __makeTemplateObject(["\n padding-left: 5px;\n padding-right: 5px;\n "], ["\n padding-left: 5px;\n padding-right: 5px;\n "])));
199
211
  },
200
212
  noPadding: function () {
201
- return emotion.css(templateObject_59 || (templateObject_59 = __makeTemplateObject(["\n padding-left: 0;\n padding-right: 0;\n "], ["\n padding-left: 0;\n padding-right: 0;\n "])));
213
+ return emotion.css(templateObject_62 || (templateObject_62 = __makeTemplateObject(["\n padding-left: 0;\n padding-right: 0;\n "], ["\n padding-left: 0;\n padding-right: 0;\n "])));
202
214
  },
203
215
  noRightPadding: function () {
204
- return emotion.css(templateObject_60 || (templateObject_60 = __makeTemplateObject(["\n padding-right: 0;\n "], ["\n padding-right: 0;\n "])));
216
+ return emotion.css(templateObject_63 || (templateObject_63 = __makeTemplateObject(["\n padding-right: 0;\n "], ["\n padding-right: 0;\n "])));
205
217
  },
206
218
  wrapLink: function () {
207
- return emotion.css(templateObject_61 || (templateObject_61 = __makeTemplateObject(["\n padding: 0;\n "], ["\n padding: 0;\n "])));
219
+ return emotion.css(templateObject_64 || (templateObject_64 = __makeTemplateObject(["\n padding: 0;\n "], ["\n padding: 0;\n "])));
208
220
  },
209
221
  /** @deprecated */
210
222
  borderless: function () {
211
- return emotion.css(templateObject_62 || (templateObject_62 = __makeTemplateObject(["\n &,\n &:active:hover,\n &:hover {\n box-shadow: none !important; // override root:hover style\n }\n "], ["\n &,\n &:active:hover,\n &:hover {\n box-shadow: none !important; // override root:hover style\n }\n "])));
223
+ return emotion.css(templateObject_65 || (templateObject_65 = __makeTemplateObject(["\n &,\n &:active:hover,\n &:hover {\n box-shadow: none !important; // override root:hover style\n }\n "], ["\n &,\n &:active:hover,\n &:hover {\n box-shadow: none !important; // override root:hover style\n }\n "])));
212
224
  },
213
225
  backlessDisabled: function (t) {
214
- return emotion.css(templateObject_63 || (templateObject_63 = __makeTemplateObject(["\n box-shadow: 0 0 0 1px ", ";\n background-color: transparent;\n "], ["\n box-shadow: 0 0 0 1px ", ";\n background-color: transparent;\n "])), t.btnBacklessDisabledBorderColor);
226
+ return emotion.css(templateObject_66 || (templateObject_66 = __makeTemplateObject(["\n box-shadow: 0 0 0 1px ", ";\n background-color: transparent;\n "], ["\n box-shadow: 0 0 0 1px ", ";\n background-color: transparent;\n "])), t.btnBacklessDisabledBorderColor);
215
227
  },
216
228
  textDisabled: function () {
217
- return emotion.css(templateObject_64 || (templateObject_64 = __makeTemplateObject(["\n background-color: transparent;\n "], ["\n background-color: transparent;\n "])));
229
+ return emotion.css(templateObject_67 || (templateObject_67 = __makeTemplateObject(["\n background-color: transparent;\n "], ["\n background-color: transparent;\n "])));
218
230
  },
219
231
  loading: function () {
220
- return emotion.css(templateObject_65 || (templateObject_65 = __makeTemplateObject(["\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 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 "])));
232
+ return emotion.css(templateObject_68 || (templateObject_68 = __makeTemplateObject(["\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 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 "])));
221
233
  },
222
234
  visibilityHidden: function () {
223
- return emotion.css(templateObject_66 || (templateObject_66 = __makeTemplateObject(["\n visibility: hidden;\n "], ["\n visibility: hidden;\n "])));
235
+ return emotion.css(templateObject_69 || (templateObject_69 = __makeTemplateObject(["\n visibility: hidden;\n "], ["\n visibility: hidden;\n "])));
224
236
  },
225
237
  };
226
238
  });
@@ -228,33 +240,33 @@ export var getActiveStyles = memoizeGetStyles(function (_a) {
228
240
  var css = _a.css;
229
241
  return ({
230
242
  default: function (t) {
231
- return css(templateObject_67 || (templateObject_67 = __makeTemplateObject(["\n & {\n ", ";\n }\n "], ["\n & {\n ", ";\n }\n "])), buttonActiveMixin(t.btnDefaultActiveBg, t.btnDefaultActiveShadow, t.btnDefaultActiveBorderColor, t.btnBorderWidth));
243
+ return css(templateObject_70 || (templateObject_70 = __makeTemplateObject(["\n & {\n ", ";\n }\n "], ["\n & {\n ", ";\n }\n "])), buttonActiveMixin(t.btnDefaultActiveBg, t.btnDefaultActiveShadow, t.btnDefaultActiveBorderColor, t.btnBorderWidth));
232
244
  },
233
245
  accent: function (t) {
234
- return css(templateObject_68 || (templateObject_68 = __makeTemplateObject(["\n & {\n ", ";\n }\n "], ["\n & {\n ", ";\n }\n "])), buttonActiveMixin(t.btnPrimaryActiveBg, t.btnPrimaryActiveShadow, t.btnPrimaryActiveBorderColor, t.btnBorderWidth));
246
+ return css(templateObject_71 || (templateObject_71 = __makeTemplateObject(["\n & {\n ", ";\n }\n "], ["\n & {\n ", ";\n }\n "])), buttonActiveMixin(t.btnPrimaryActiveBg, t.btnPrimaryActiveShadow, t.btnPrimaryActiveBorderColor, t.btnBorderWidth));
235
247
  },
236
248
  success: function (t) {
237
- return css(templateObject_69 || (templateObject_69 = __makeTemplateObject(["\n & {\n ", ";\n }\n "], ["\n & {\n ", ";\n }\n "])), buttonActiveMixin(t.btnSuccessActiveBg, t.btnSuccessActiveShadow, t.btnSuccessActiveBorderColor, t.btnBorderWidth));
249
+ return css(templateObject_72 || (templateObject_72 = __makeTemplateObject(["\n & {\n ", ";\n }\n "], ["\n & {\n ", ";\n }\n "])), buttonActiveMixin(t.btnSuccessActiveBg, t.btnSuccessActiveShadow, t.btnSuccessActiveBorderColor, t.btnBorderWidth));
238
250
  },
239
251
  danger: function (t) {
240
- return css(templateObject_70 || (templateObject_70 = __makeTemplateObject(["\n & {\n ", ";\n }\n "], ["\n & {\n ", ";\n }\n "])), buttonActiveMixin(t.btnDangerActiveBg, t.btnDangerActiveShadow, t.btnDangerActiveBorderColor, t.btnBorderWidth));
252
+ return css(templateObject_73 || (templateObject_73 = __makeTemplateObject(["\n & {\n ", ";\n }\n "], ["\n & {\n ", ";\n }\n "])), buttonActiveMixin(t.btnDangerActiveBg, t.btnDangerActiveShadow, t.btnDangerActiveBorderColor, t.btnBorderWidth));
241
253
  },
242
254
  pay: function (t) {
243
- return css(templateObject_71 || (templateObject_71 = __makeTemplateObject(["\n & {\n ", ";\n }\n "], ["\n & {\n ", ";\n }\n "])), buttonActiveMixin(t.btnPayActiveBg, t.btnPayActiveShadow, t.btnPayActiveBorderColor, t.btnBorderWidth));
255
+ return css(templateObject_74 || (templateObject_74 = __makeTemplateObject(["\n & {\n ", ";\n }\n "], ["\n & {\n ", ";\n }\n "])), buttonActiveMixin(t.btnPayActiveBg, t.btnPayActiveShadow, t.btnPayActiveBorderColor, t.btnBorderWidth));
244
256
  },
245
257
  link: function (t) {
246
- return css(templateObject_72 || (templateObject_72 = __makeTemplateObject(["\n & {\n color: ", ";\n }\n "], ["\n & {\n color: ", ";\n }\n "])), t.btnLinkActiveColor);
258
+ return css(templateObject_75 || (templateObject_75 = __makeTemplateObject(["\n & {\n color: ", ";\n }\n "], ["\n & {\n color: ", ";\n }\n "])), t.btnLinkActiveColor);
247
259
  },
248
260
  text: function (t) {
249
- return css(templateObject_73 || (templateObject_73 = __makeTemplateObject(["\n & {\n ", ";\n }\n "], ["\n & {\n ", ";\n }\n "])), buttonActiveMixin(t.btnTextActiveBg, '', t.btnTextActiveBg, t.btnBorderWidth));
261
+ return css(templateObject_76 || (templateObject_76 = __makeTemplateObject(["\n & {\n ", ";\n }\n "], ["\n & {\n ", ";\n }\n "])), buttonActiveMixin(t.btnTextActiveBg, '', t.btnTextActiveBg, t.btnBorderWidth));
250
262
  },
251
263
  outline: function (t) {
252
- return css(templateObject_74 || (templateObject_74 = __makeTemplateObject(["\n & {\n ", ";\n }\n "], ["\n & {\n ", ";\n }\n "])), buttonActiveMixin(t.btnBacklessActiveBg, '', t.btnBacklessActiveBorderColor, t.btnBorderWidth));
264
+ return css(templateObject_77 || (templateObject_77 = __makeTemplateObject(["\n & {\n ", ";\n }\n "], ["\n & {\n ", ";\n }\n "])), buttonActiveMixin(t.btnBacklessActiveBg, '', t.btnBacklessActiveBorderColor, t.btnBorderWidth));
253
265
  },
254
266
  fill: function (t) {
255
- return css(templateObject_75 || (templateObject_75 = __makeTemplateObject(["\n & {\n ", ";\n }\n "], ["\n & {\n ", ";\n }\n "])), buttonActiveMixin(t.btnFillActiveBg, '', '', ''));
267
+ return css(templateObject_78 || (templateObject_78 = __makeTemplateObject(["\n & {\n ", ";\n }\n "], ["\n & {\n ", ";\n }\n "])), buttonActiveMixin(t.btnFillActiveBg, '', '', ''));
256
268
  },
257
269
  });
258
270
  });
259
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32, templateObject_33, templateObject_34, templateObject_35, templateObject_36, templateObject_37, templateObject_38, templateObject_39, templateObject_40, templateObject_41, templateObject_42, templateObject_43, templateObject_44, templateObject_45, templateObject_46, templateObject_47, templateObject_48, templateObject_49, templateObject_50, templateObject_51, templateObject_52, templateObject_53, templateObject_54, templateObject_55, templateObject_56, templateObject_57, templateObject_58, templateObject_59, templateObject_60, templateObject_61, templateObject_62, templateObject_63, templateObject_64, templateObject_65, templateObject_66, templateObject_67, templateObject_68, templateObject_69, templateObject_70, templateObject_71, templateObject_72, templateObject_73, templateObject_74, templateObject_75;
271
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32, templateObject_33, templateObject_34, templateObject_35, templateObject_36, templateObject_37, templateObject_38, templateObject_39, templateObject_40, templateObject_41, templateObject_42, templateObject_43, templateObject_44, templateObject_45, templateObject_46, templateObject_47, templateObject_48, templateObject_49, templateObject_50, templateObject_51, templateObject_52, templateObject_53, templateObject_54, templateObject_55, templateObject_56, templateObject_57, templateObject_58, templateObject_59, templateObject_60, templateObject_61, templateObject_62, templateObject_63, templateObject_64, templateObject_65, templateObject_66, templateObject_67, templateObject_68, templateObject_69, templateObject_70, templateObject_71, templateObject_72, templateObject_73, templateObject_74, templateObject_75, templateObject_76, templateObject_77, templateObject_78;
260
272
  //# sourceMappingURL=Button.styles.js.map
package/components/Button/Button.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Button.styles.js","sourceRoot":"","sources":["Button.styles.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { resetButton, resetText } from '../../lib/styles/Mixins.js';\nimport { memoizeGetStyles } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { globalClasses } from './Button.classes.js';\nimport { buttonActiveMixin, buttonHoverMixin, buttonSizeMixin, buttonUseMixin } from './Button.mixins.js';\n\nexport { globalClasses };\n\nexport const getStyles = memoizeGetStyles((emotion: Emotion) => {\n const activeStyles = getActiveStyles(emotion);\n return {\n root(t: Theme) {\n return emotion.css`\n ${resetButton()};\n ${resetText()};\n\n transition: background-color ${t.transitionDuration} ${t.transitionTimingFunction}\n ${t.btnBorderColorTransition ? `, ${t.btnBorderColorTransition}` : ''};\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 height: 100%;\n\n .${globalClasses.innerShadow} {\n content: '';\n border-radius: inherit;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n }\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 &:hover svg {\n color: ${t.btnIconHoverColor};\n }\n &.${globalClasses.disabled} svg {\n color: ${t.btnIconDisabledColor};\n }\n & svg {\n color: ${t.btnIconColor};\n }\n `;\n },\n\n withArrowIconRightSmall(t: Theme) {\n return emotion.css`\n padding-right: calc(${t.btnIconSizeSmall} + ${t.btnWithIconPaddingSmall} + ${t.btnWithIconPaddingSmall});\n `;\n },\n\n withArrowIconRightMedium(t: Theme) {\n return emotion.css`\n padding-right: calc(${t.btnIconSizeMedium} + ${t.btnWithIconPaddingMedium} + ${t.btnWithIconPaddingMedium});\n `;\n },\n\n withArrowIconRightLarge(t: Theme) {\n return emotion.css`\n padding-right: calc(${t.btnIconSizeLarge} + ${t.btnWithIconPaddingLarge} + ${t.btnWithIconPaddingLarge});\n `;\n },\n\n withArrowIconLeftSmall(t: Theme) {\n return emotion.css`\n padding-left: calc(${t.btnIconSizeSmall} + ${t.btnWithIconPaddingSmall} + ${t.btnWithIconPaddingSmall});\n `;\n },\n\n withArrowIconLeftMedium(t: Theme) {\n return emotion.css`\n padding-left: calc(${t.btnIconSizeMedium} + ${t.btnWithIconPaddingMedium} + ${t.btnWithIconPaddingMedium});\n `;\n },\n\n withArrowIconLeftLarge(t: Theme) {\n return emotion.css`\n padding-left: calc(${t.btnIconSizeLarge} + ${t.btnWithIconPaddingLarge} + ${t.btnWithIconPaddingLarge});\n `;\n },\n\n simulatedPress() {\n return emotion.css`\n &:active .${globalClasses.caption} {\n transform: translateY(1px);\n }\n `;\n },\n\n /** @deprecated */\n outlineDefault() {\n return emotion.css`\n border-radius: inherit;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n `;\n },\n\n /** @deprecated */\n outlineWarning(t: Theme) {\n return emotion.css`\n box-shadow:\n 0 0 0 ${t.btnOutlineWidth} ${t.btnBorderColorWarning},\n inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n `;\n },\n\n /** @deprecated */\n outlineError(t: Theme) {\n return emotion.css`\n box-shadow:\n 0 0 0 ${t.btnOutlineWidth} ${t.btnBorderColorError},\n inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n `;\n },\n\n /** @deprecated */\n outlineLink() {\n return emotion.css`\n cursor: default;\n box-shadow: none;\n left: -2px;\n right: -2px;\n bottom: -2px;\n top: -2px;\n `;\n },\n\n /** @deprecated */\n outlineLinkWarning(t: Theme) {\n return emotion.css`\n background-color: ${t.btnWarningSecondary};\n `;\n },\n\n /** @deprecated */\n outlineLinkError(t: Theme) {\n return emotion.css`\n background-color: ${t.btnErrorSecondary};\n `;\n },\n\n sizeSmall(t: Theme) {\n return emotion.css`\n border-radius: ${t.btnBorderRadiusSmall};\n\n ${buttonSizeMixin(t.btnFontSizeSmall, t.btnLineHeightSmall, t.btnPaddingXSmall, t.btnPaddingYSmall)};\n `;\n },\n\n sizeMedium(t: Theme) {\n return emotion.css`\n border-radius: ${t.btnBorderRadiusMedium};\n\n ${buttonSizeMixin(t.btnFontSizeMedium, t.btnLineHeightMedium, t.btnPaddingXMedium, t.btnPaddingYMedium)};\n `;\n },\n\n sizeLarge(t: Theme) {\n return emotion.css`\n border-radius: ${t.btnBorderRadiusLarge};\n\n ${buttonSizeMixin(t.btnFontSizeLarge, t.btnLineHeightLarge, t.btnPaddingXLarge, t.btnPaddingYLarge)};\n `;\n },\n\n sizeSmallWithIcon(t: Theme) {\n return emotion.css`\n padding-left: ${t.btnWithIconPaddingSmall};\n `;\n },\n\n sizeMediumWithIcon(t: Theme) {\n return emotion.css`\n padding-left: ${t.btnWithIconPaddingMedium};\n `;\n },\n\n sizeLargeWithIcon(t: Theme) {\n return emotion.css`\n padding-left: ${t.btnWithIconPaddingLarge};\n `;\n },\n\n sizeSmallWithRightIcon(t: Theme) {\n return emotion.css`\n padding-right: ${t.btnWithIconPaddingSmall};\n `;\n },\n\n sizeMediumWithRightIcon(t: Theme) {\n return emotion.css`\n padding-right: ${t.btnWithIconPaddingMedium};\n `;\n },\n\n sizeLargeWithRightIcon(t: Theme) {\n return emotion.css`\n padding-right: ${t.btnWithIconPaddingLarge};\n `;\n },\n\n sizeSmallWithIconWithoutText(t: Theme) {\n return emotion.css`\n padding-left: ${t.btnWithIconPaddingSmall};\n padding-right: ${t.btnWithIconPaddingSmall};\n `;\n },\n\n sizeMediumWithIconWithoutText(t: Theme) {\n return emotion.css`\n padding-left: ${t.btnWithIconPaddingMedium};\n padding-right: ${t.btnWithIconPaddingMedium};\n `;\n },\n\n sizeLargeWithIconWithoutText(t: Theme) {\n return emotion.css`\n padding-left: ${t.btnWithIconPaddingLarge};\n padding-right: ${t.btnWithIconPaddingLarge};\n `;\n },\n\n /** @deprecated */\n link(t: Theme) {\n return emotion.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 margin: 0;\n padding: 0 !important; // override size mixin\n height: auto !important; // override size mixin\n\n &:hover:enabled,\n &:active:enabled {\n color: ${t.btnLinkHoverColor};\n text-decoration: ${t.btnLinkHoverTextDecoration};\n }\n\n &:active:enabled {\n ${activeStyles.link(t)}\n }\n `;\n },\n\n /** @deprecated */\n linkLineHeight() {\n return emotion.css`\n line-height: inherit !important; // override size mixin\n `;\n },\n\n /** @deprecated */\n linkLineHeightSafariFallback() {\n return emotion.css`\n /* Safari overrides 'underline' and 'border' if 'line-height' is used */\n margin: -1px 0 -2px;\n `;\n },\n\n /** @deprecated */\n linkFocus(t: Theme) {\n return emotion.css`\n & {\n color: ${t.btnLinkColor};\n text-decoration: ${t.btnLinkHoverTextDecoration};\n }\n `;\n },\n\n /** @deprecated */\n linkDisabled(t: Theme) {\n return emotion.css`\n cursor: default;\n\n &,\n &:hover:enabled,\n &:active:enabled {\n color: ${t.btnLinkDisabledColor};\n }\n `;\n },\n\n focus(t: Theme) {\n return emotion.css`\n position: relative;\n z-index: 2;\n\n &,\n &:hover:enabled,\n &:active:enabled,\n &:active:hover:enabled {\n box-shadow:\n inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus},\n 0 0 0 ${t.btnFocusShadowWidth} ${t.btnBorderColorFocus} !important; // override root:hover style\n }\n `;\n },\n\n disabled(t: Theme) {\n return emotion.css`\n cursor: default;\n pointer-events: none;\n box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDisabledBorderColor};\n\n background-image: none;\n background-color: ${t.btnDisabledBg};\n color: ${t.btnDisabledTextColor};\n `;\n },\n\n disabledWithoutOutline(t: Theme) {\n return emotion.css`\n box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDisabledBg};\n `;\n },\n\n arrowIconRoot() {\n return emotion.css`\n position: absolute;\n height: 100%;\n top: 0;\n right: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: content-box;\n `;\n },\n\n arrowIconRootSmall(t: Theme) {\n return emotion.css`\n padding: 0 ${t.btnWithIconPaddingSmall} 0 ${t.btnWithIconPaddingSmall};\n width: ${t.btnIconSizeSmall};\n `;\n },\n\n arrowIconRootMedium(t: Theme) {\n return emotion.css`\n padding: 0 ${t.btnWithIconPaddingMedium} 0 ${t.btnWithIconPaddingMedium};\n width: ${t.btnIconSizeMedium};\n `;\n },\n\n arrowIconRootLarge(t: Theme) {\n return emotion.css`\n padding: 0 ${t.btnWithIconPaddingLarge} 0 ${t.btnWithIconPaddingLarge};\n width: ${t.btnIconSizeLarge};\n `;\n },\n\n arrowIconLeft() {\n return emotion.css`\n left: 0;\n `;\n },\n\n default(t: Theme) {\n return emotion.css`\n ${buttonUseMixin(\n t.btnDefaultBg,\n t.btnDefaultBgStart,\n t.btnDefaultBgEnd,\n t.btnDefaultTextColor,\n t.btnDefaultBorderColor,\n t.btnBorderWidth,\n )};\n\n &:hover {\n ${buttonHoverMixin(\n t.btnDefaultHoverBg,\n t.btnDefaultHoverBgStart,\n t.btnDefaultHoverBgEnd,\n t.btnDefaultHoverTextColor,\n t.btnDefaultHoverBorderColor,\n t.btnBorderWidth,\n )};\n }\n\n &:active {\n ${activeStyles.default(t)};\n }\n `;\n },\n\n accent(t: Theme) {\n return emotion.css`\n ${buttonUseMixin(\n t.btnPrimaryBg,\n t.btnPrimaryBgStart,\n t.btnPrimaryBgEnd,\n t.btnPrimaryTextColor,\n t.btnPrimaryBorderColor,\n t.btnBorderWidth,\n )};\n\n &:hover {\n ${buttonHoverMixin(\n t.btnPrimaryHoverBg,\n t.btnPrimaryHoverBgStart,\n t.btnPrimaryHoverBgEnd,\n t.btnPrimaryHoverTextColor,\n t.btnPrimaryHoverBorderColor,\n t.btnBorderWidth,\n )};\n }\n\n &:active {\n ${activeStyles.accent(t)}\n }\n `;\n },\n\n success(t: Theme) {\n return emotion.css`\n ${buttonUseMixin(\n t.btnSuccessBg,\n t.btnSuccessBgStart,\n t.btnSuccessBgEnd,\n t.btnSuccessTextColor,\n t.btnSuccessBorderColor,\n t.btnBorderWidth,\n )};\n\n &:hover {\n ${buttonHoverMixin(\n t.btnSuccessHoverBg,\n t.btnSuccessHoverBgStart,\n t.btnSuccessHoverBgEnd,\n t.btnSuccessHoverTextColor,\n t.btnSuccessHoverBorderColor,\n t.btnBorderWidth,\n )};\n }\n\n &:active {\n ${activeStyles.success(t)}\n }\n `;\n },\n\n danger(t: Theme) {\n return emotion.css`\n ${buttonUseMixin(\n t.btnDangerBg,\n t.btnDangerBgStart,\n t.btnDangerBgEnd,\n t.btnDangerTextColor,\n t.btnDangerBorderColor,\n t.btnBorderWidth,\n )};\n\n &:hover {\n ${buttonHoverMixin(\n t.btnDangerHoverBg,\n t.btnDangerHoverBgStart,\n t.btnDangerHoverBgEnd,\n t.btnDangerHoverTextColor,\n t.btnDangerHoverBorderColor,\n t.btnBorderWidth,\n )};\n }\n\n &:active {\n ${activeStyles.danger(t)}\n }\n `;\n },\n\n pay(t: Theme) {\n return emotion.css`\n ${buttonUseMixin(\n t.btnPayBg,\n t.btnPayBgStart,\n t.btnPayBgEnd,\n t.btnPayTextColor,\n t.btnPayBorderColor,\n t.btnBorderWidth,\n )};\n\n &:hover {\n ${buttonHoverMixin(\n t.btnPayHoverBg,\n t.btnPayHoverBgStart,\n t.btnPayHoverBgEnd,\n t.btnPayHoverTextColor,\n t.btnPayHoverBorderColor,\n t.btnBorderWidth,\n )};\n }\n\n &:active {\n ${activeStyles.pay(t)}\n }\n `;\n },\n\n text(t: Theme) {\n return emotion.css`\n &,\n &:enabled,\n &:hover {\n box-shadow: none;\n }\n\n ${buttonUseMixin(t.btnTextBg, '', '', t.btnTextTextColor, t.btnTextBorderColor, t.btnBorderWidth)};\n\n &:hover {\n ${buttonHoverMixin(\n t.btnTextHoverBg,\n '',\n '',\n t.btnTextHoverTextColor,\n t.btnTextHoverBorderColor,\n t.btnBorderWidth,\n )};\n }\n\n &:active {\n ${activeStyles.text(t)}\n }\n `;\n },\n\n outline(t: Theme) {\n return emotion.css`\n ${buttonUseMixin(t.btnBacklessBg, '', '', t.btnBacklessTextColor, t.btnBacklessBorderColor, t.btnBorderWidth)};\n\n &:hover {\n ${buttonHoverMixin(\n t.btnBacklessHoverBg,\n '',\n '',\n t.btnBacklessHoverTextColor,\n t.btnBacklessHoverBorderColor,\n t.btnBorderWidth,\n )};\n }\n\n &:active {\n ${activeStyles.outline(t)}\n }\n `;\n },\n\n fill(t: Theme) {\n return emotion.css`\n ${buttonUseMixin(t.btnFillBg, '', '', t.btnDefaultTextColor, '', '')};\n\n &:hover {\n ${buttonHoverMixin(t.btnFillHoverBg, '', '', t.btnDefaultHoverTextColor, '', '')};\n }\n\n &:active {\n ${activeStyles.fill(t)};\n }\n `;\n },\n\n checked(t: Theme) {\n const checkedStyles = `\n background-image: none;\n box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDefaultCheckedBorderColor} !important;\n background-color: ${t.btnCheckedBg} !important;\n color: ${t.btnCheckedTextColor} !important;\n\n .${globalClasses.innerShadow} {\n box-shadow: ${t.btnCheckedShadow};\n }\n\n :enabled svg {\n color: ${t.btnCheckedTextColor} !important;\n }\n :hover:enabled svg {\n color: ${t.btnCheckedTextColor} !important;\n }\n `;\n\n return emotion.css`\n ${checkedStyles}\n\n &:hover:enabled,\n &:active:enabled,\n &:hover:active:enabled {\n ${checkedStyles}\n }\n `;\n },\n\n checkedFocused(t: Theme) {\n return emotion.css`\n &:hover:enabled,\n &:hover:active:enabled {\n box-shadow:\n inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus},\n 0 0 0 ${t.btnFocusShadowWidth} ${t.btnBorderColorFocus} !important;\n border-color: ${t.btnBorderColorFocus} !important;\n }\n `;\n },\n\n checkedDisabled(t: Theme) {\n return emotion.css`\n box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnCheckedDisabledBorderColor};\n background-color: ${t.btnCheckedDisabledBg};\n color: ${t.btnCheckedDisabledColor};\n\n .${globalClasses.innerShadow} {\n box-shadow: ${t.btnCheckedDisabledShadow};\n }\n\n svg {\n color: ${t.btnCheckedDisabledColor} !important;\n }\n `;\n },\n\n caption() {\n return emotion.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 emotion.css`\n display: inline;\n transform: none !important; // override root:active style\n `;\n },\n\n captionDisabled() {\n return emotion.css`\n transform: none !important; // override root:active style\n `;\n },\n\n wrap(t: Theme) {\n return emotion.css`\n box-sizing: border-box;\n display: inline-block;\n line-height: normal;\n padding: ${t.btnBorderWidth};\n `;\n },\n\n wrapSmall(t: Theme) {\n return emotion.css`\n height: ${t.btnHeightSmall};\n `;\n },\n\n wrapMedium(t: Theme) {\n return emotion.css`\n height: ${t.btnHeightMedium};\n `;\n },\n\n wrapLarge(t: Theme) {\n return emotion.css`\n height: ${t.btnHeightLarge};\n `;\n },\n\n /** @deprecated */\n narrow() {\n return emotion.css`\n padding-left: 5px;\n padding-right: 5px;\n `;\n },\n\n noPadding() {\n return emotion.css`\n padding-left: 0;\n padding-right: 0;\n `;\n },\n\n noRightPadding() {\n return emotion.css`\n padding-right: 0;\n `;\n },\n\n wrapLink() {\n return emotion.css`\n padding: 0;\n `;\n },\n\n /** @deprecated */\n borderless() {\n return emotion.css`\n &,\n &:active:hover,\n &:hover {\n box-shadow: none !important; // override root:hover style\n }\n `;\n },\n\n backlessDisabled(t: Theme) {\n return emotion.css`\n box-shadow: 0 0 0 1px ${t.btnBacklessDisabledBorderColor};\n background-color: transparent;\n `;\n },\n\n textDisabled() {\n return emotion.css`\n background-color: transparent;\n `;\n },\n\n loading() {\n return emotion.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 emotion.css`\n visibility: hidden;\n `;\n },\n };\n});\n\nexport const getActiveStyles = memoizeGetStyles(({ css }: Emotion) => ({\n default(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(\n t.btnDefaultActiveBg,\n t.btnDefaultActiveShadow,\n t.btnDefaultActiveBorderColor,\n t.btnBorderWidth,\n )};\n }\n `;\n },\n\n accent(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(\n t.btnPrimaryActiveBg,\n t.btnPrimaryActiveShadow,\n t.btnPrimaryActiveBorderColor,\n t.btnBorderWidth,\n )};\n }\n `;\n },\n\n success(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(\n t.btnSuccessActiveBg,\n t.btnSuccessActiveShadow,\n t.btnSuccessActiveBorderColor,\n t.btnBorderWidth,\n )};\n }\n `;\n },\n\n danger(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(\n t.btnDangerActiveBg,\n t.btnDangerActiveShadow,\n t.btnDangerActiveBorderColor,\n t.btnBorderWidth,\n )};\n }\n `;\n },\n\n pay(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(t.btnPayActiveBg, t.btnPayActiveShadow, t.btnPayActiveBorderColor, t.btnBorderWidth)};\n }\n `;\n },\n\n link(t: Theme) {\n return css`\n & {\n color: ${t.btnLinkActiveColor};\n }\n `;\n },\n\n text(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(t.btnTextActiveBg, '', t.btnTextActiveBg, t.btnBorderWidth)};\n }\n `;\n },\n\n outline(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(t.btnBacklessActiveBg, '', t.btnBacklessActiveBorderColor, t.btnBorderWidth)};\n }\n `;\n },\n\n fill(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(t.btnFillActiveBg, '', '', '')};\n }\n `;\n },\n}));\n"]}
1
+ {"version":3,"file":"Button.styles.js","sourceRoot":"","sources":["Button.styles.ts"],"names":[],"mappings":";;;;AAEA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAEhE,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAE1G,OAAO,EAAE,aAAa,EAAE,CAAC;AAEzB,MAAM,CAAC,IAAM,SAAS,GAAG,gBAAgB,CAAC,UAAC,OAAgB;IACzD,IAAM,YAAY,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;IAC9C,OAAO;QACL,IAAI,YAAC,CAAQ;YACX,OAAO,OAAO,CAAC,GAAG,4iCAAA,YACd,EAAa,aACb,EAAW,4CAEkB,EAAoB,GAAI,EAA0B,cAC7E,EAAmE,8BAEtD,EAAmB,+QAWjC,EAAyB,mdAsBjB,EAAmB,0BAE1B,EAAsB,2BACf,EAAsB,kDAGtB,EAAc,sBAE1B,KA/CG,WAAW,EAAE,EACb,SAAS,EAAE,EAEkB,CAAC,CAAC,kBAAkB,EAAI,CAAC,CAAC,wBAAwB,EAC7E,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,YAAK,CAAC,CAAC,wBAAwB,CAAE,CAAC,CAAC,CAAC,EAAE,EAEtD,CAAC,CAAC,iBAAiB,EAWjC,aAAa,CAAC,WAAW,EAsBjB,CAAC,CAAC,iBAAiB,EAE1B,aAAa,CAAC,QAAQ,EACf,CAAC,CAAC,oBAAoB,EAGtB,CAAC,CAAC,YAAY,EAEzB;QACJ,CAAC;QAED,uBAAuB,YAAC,CAAQ;YAC9B,OAAO,OAAO,CAAC,GAAG,+HAAA,gCACM,EAAkB,KAAM,EAAyB,KAAM,EAAyB,YACvG,KADuB,CAAC,CAAC,gBAAgB,EAAM,CAAC,CAAC,uBAAuB,EAAM,CAAC,CAAC,uBAAuB,EACtG;QACJ,CAAC;QAED,wBAAwB,YAAC,CAAQ;YAC/B,OAAO,OAAO,CAAC,GAAG,+HAAA,gCACM,EAAmB,KAAM,EAA0B,KAAM,EAA0B,YAC1G,KADuB,CAAC,CAAC,iBAAiB,EAAM,CAAC,CAAC,wBAAwB,EAAM,CAAC,CAAC,wBAAwB,EACzG;QACJ,CAAC;QAED,uBAAuB,YAAC,CAAQ;YAC9B,OAAO,OAAO,CAAC,GAAG,+HAAA,gCACM,EAAkB,KAAM,EAAyB,KAAM,EAAyB,YACvG,KADuB,CAAC,CAAC,gBAAgB,EAAM,CAAC,CAAC,uBAAuB,EAAM,CAAC,CAAC,uBAAuB,EACtG;QACJ,CAAC;QAED,sBAAsB,YAAC,CAAQ;YAC7B,OAAO,OAAO,CAAC,GAAG,8HAAA,+BACK,EAAkB,KAAM,EAAyB,KAAM,EAAyB,YACtG,KADsB,CAAC,CAAC,gBAAgB,EAAM,CAAC,CAAC,uBAAuB,EAAM,CAAC,CAAC,uBAAuB,EACrG;QACJ,CAAC;QAED,uBAAuB,YAAC,CAAQ;YAC9B,OAAO,OAAO,CAAC,GAAG,8HAAA,+BACK,EAAmB,KAAM,EAA0B,KAAM,EAA0B,YACzG,KADsB,CAAC,CAAC,iBAAiB,EAAM,CAAC,CAAC,wBAAwB,EAAM,CAAC,CAAC,wBAAwB,EACxG;QACJ,CAAC;QAED,sBAAsB,YAAC,CAAQ;YAC7B,OAAO,OAAO,CAAC,GAAG,8HAAA,+BACK,EAAkB,KAAM,EAAyB,KAAM,EAAyB,YACtG,KADsB,CAAC,CAAC,gBAAgB,EAAM,CAAC,CAAC,uBAAuB,EAAM,CAAC,CAAC,uBAAuB,EACrG;QACJ,CAAC;QAED,cAAc;YACZ,OAAO,OAAO,CAAC,GAAG,yJAAA,sBACJ,EAAqB,8DAGlC,KAHa,aAAa,CAAC,OAAO,EAGjC;QACJ,CAAC;QAED,kBAAkB;QAClB,cAAc;YACZ,OAAO,OAAO,CAAC,GAAG,qNAAA,kJAOjB,KAAC;QACJ,CAAC;QAED,kBAAkB;QAClB,cAAc,YAAC,CAAQ;YACrB,OAAO,OAAO,CAAC,GAAG,kKAAA,yCAEN,EAAiB,GAAI,EAAuB,2BACtC,EAAe,GAAI,EAAe,WACnD,KAFW,CAAC,CAAC,eAAe,EAAI,CAAC,CAAC,qBAAqB,EACtC,CAAC,CAAC,aAAa,EAAI,CAAC,CAAC,aAAa,EAClD;QACJ,CAAC;QAED,kBAAkB;QAClB,YAAY,YAAC,CAAQ;YACnB,OAAO,OAAO,CAAC,GAAG,kKAAA,yCAEN,EAAiB,GAAI,EAAqB,2BACpC,EAAe,GAAI,EAAe,WACnD,KAFW,CAAC,CAAC,eAAe,EAAI,CAAC,CAAC,mBAAmB,EACpC,CAAC,CAAC,aAAa,EAAI,CAAC,CAAC,aAAa,EAClD;QACJ,CAAC;QAED,kBAAkB;QAClB,WAAW;YACT,OAAO,OAAO,CAAC,GAAG,0NAAA,qJAOjB,KAAC;QACJ,CAAC;QAED,kBAAkB;QAClB,kBAAkB,YAAC,CAAQ;YACzB,OAAO,OAAO,CAAC,GAAG,gHAAA,8BACI,EAAqB,WAC1C,KADqB,CAAC,CAAC,mBAAmB,EACzC;QACJ,CAAC;QAED,kBAAkB;QAClB,gBAAgB,YAAC,CAAQ;YACvB,OAAO,OAAO,CAAC,GAAG,gHAAA,8BACI,EAAmB,WACxC,KADqB,CAAC,CAAC,iBAAiB,EACvC;QACJ,CAAC;QAED,SAAS,YAAC,CAAQ;YAChB,OAAO,OAAO,CAAC,GAAG,0HAAA,2BACC,EAAsB,aAEvC,EAAiG,SACpG,KAHoB,CAAC,CAAC,oBAAoB,EAEvC,eAAe,CAAC,CAAC,CAAC,gBAAgB,EAAE,CAAC,CAAC,kBAAkB,EAAE,CAAC,CAAC,gBAAgB,EAAE,CAAC,CAAC,gBAAgB,CAAC,EACnG;QACF,CAAC;QAED,UAAU,YAAC,CAAQ;YACjB,OAAO,OAAO,CAAC,GAAG,0HAAA,2BACC,EAAuB,aAExC,EAAqG,SACxG,KAHoB,CAAC,CAAC,qBAAqB,EAExC,eAAe,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC,CAAC,mBAAmB,EAAE,CAAC,CAAC,iBAAiB,EAAE,CAAC,CAAC,iBAAiB,CAAC,EACvG;QACF,CAAC;QAED,SAAS,YAAC,CAAQ;YAChB,OAAO,OAAO,CAAC,GAAG,0HAAA,2BACC,EAAsB,aAEvC,EAAiG,SACpG,KAHoB,CAAC,CAAC,oBAAoB,EAEvC,eAAe,CAAC,CAAC,CAAC,gBAAgB,EAAE,CAAC,CAAC,kBAAkB,EAAE,CAAC,CAAC,gBAAgB,EAAE,CAAC,CAAC,gBAAgB,CAAC,EACnG;QACF,CAAC;QAED,iBAAiB,YAAC,CAAQ;YACxB,OAAO,OAAO,CAAC,GAAG,4GAAA,0BACA,EAAyB,WAC1C,KADiB,CAAC,CAAC,uBAAuB,EACzC;QACJ,CAAC;QAED,kBAAkB,YAAC,CAAQ;YACzB,OAAO,OAAO,CAAC,GAAG,4GAAA,0BACA,EAA0B,WAC3C,KADiB,CAAC,CAAC,wBAAwB,EAC1C;QACJ,CAAC;QAED,iBAAiB,YAAC,CAAQ;YACxB,OAAO,OAAO,CAAC,GAAG,4GAAA,0BACA,EAAyB,WAC1C,KADiB,CAAC,CAAC,uBAAuB,EACzC;QACJ,CAAC;QAED,sBAAsB,YAAC,CAAQ;YAC7B,OAAO,OAAO,CAAC,GAAG,6GAAA,2BACC,EAAyB,WAC3C,KADkB,CAAC,CAAC,uBAAuB,EAC1C;QACJ,CAAC;QAED,uBAAuB,YAAC,CAAQ;YAC9B,OAAO,OAAO,CAAC,GAAG,6GAAA,2BACC,EAA0B,WAC5C,KADkB,CAAC,CAAC,wBAAwB,EAC3C;QACJ,CAAC;QAED,sBAAsB,YAAC,CAAQ;YAC7B,OAAO,OAAO,CAAC,GAAG,6GAAA,2BACC,EAAyB,WAC3C,KADkB,CAAC,CAAC,uBAAuB,EAC1C;QACJ,CAAC;QAED,4BAA4B,YAAC,CAAQ;YACnC,OAAO,OAAO,CAAC,GAAG,oIAAA,wBACF,EAAyB,0BACxB,EAAyB,SAC3C,KAFiB,CAAC,CAAC,uBAAuB,EACxB,CAAC,CAAC,uBAAuB,EAC1C;QACF,CAAC;QAED,6BAA6B,YAAC,CAAQ;YACpC,OAAO,OAAO,CAAC,GAAG,oIAAA,wBACF,EAA0B,0BACzB,EAA0B,SAC5C,KAFiB,CAAC,CAAC,wBAAwB,EACzB,CAAC,CAAC,wBAAwB,EAC3C;QACF,CAAC;QAED,4BAA4B,YAAC,CAAQ;YACnC,OAAO,OAAO,CAAC,GAAG,oIAAA,wBACF,EAAyB,0BACxB,EAAyB,SAC3C,KAFiB,CAAC,CAAC,uBAAuB,EACxB,CAAC,CAAC,uBAAuB,EAC1C;QACF,CAAC;QAED,qBAAqB,YAAC,CAAQ;YAC5B,IAAM,OAAO,GAAG,gBAAS,CAAC,CAAC,cAAc,gBAAM,CAAC,CAAC,gBAAgB,qBAAW,CAAC,CAAC,cAAc,MAAG,CAAC;YAChG,OAAO,OAAO,CAAC,GAAG,0IAAA,0BACA,EAAO,4BACN,EAAO,WACzB,KAFiB,OAAO,EACN,OAAO,EACxB;QACJ,CAAC;QAED,sBAAsB,YAAC,CAAQ;YAC7B,IAAM,OAAO,GAAG,gBAAS,CAAC,CAAC,eAAe,gBAAM,CAAC,CAAC,iBAAiB,qBAAW,CAAC,CAAC,cAAc,MAAG,CAAC;YAClG,OAAO,OAAO,CAAC,GAAG,0IAAA,0BACA,EAAO,4BACN,EAAO,WACzB,KAFiB,OAAO,EACN,OAAO,EACxB;QACJ,CAAC;QAED,qBAAqB,YAAC,CAAQ;YAC5B,IAAM,OAAO,GAAG,gBAAS,CAAC,CAAC,cAAc,gBAAM,CAAC,CAAC,gBAAgB,qBAAW,CAAC,CAAC,cAAc,MAAG,CAAC;YAChG,OAAO,OAAO,CAAC,GAAG,0IAAA,0BACA,EAAO,4BACN,EAAO,WACzB,KAFiB,OAAO,EACN,OAAO,EACxB;QACJ,CAAC;QAED,kBAAkB;QAClB,IAAI,YAAC,CAAQ;YACX,OAAO,OAAO,CAAC,GAAG,kkBAAA,sDAEC,EAAqB,oGAI7B,EAAc,4OAQZ,EAAmB,gCACT,EAA4B,wDAI7C,EAAoB,qBAEzB,KAnBkB,CAAC,CAAC,mBAAmB,EAI7B,CAAC,CAAC,YAAY,EAQZ,CAAC,CAAC,iBAAiB,EACT,CAAC,CAAC,0BAA0B,EAI7C,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,EAExB;QACJ,CAAC;QAED,kBAAkB;QAClB,cAAc;YACZ,OAAO,OAAO,CAAC,GAAG,gJAAA,2EAEjB,KAAC;QACJ,CAAC;QAED,kBAAkB;QAClB,4BAA4B;YAC1B,OAAO,OAAO,CAAC,GAAG,+LAAA,0HAGjB,KAAC;QACJ,CAAC;QAED,kBAAkB;QAClB,SAAS,YAAC,CAAQ;YAChB,OAAO,OAAO,CAAC,GAAG,iKAAA,kCAEL,EAAc,gCACJ,EAA4B,sBAElD,KAHY,CAAC,CAAC,YAAY,EACJ,CAAC,CAAC,0BAA0B,EAEjD;QACJ,CAAC;QAED,kBAAkB;QAClB,YAAY,YAAC,CAAQ;YACnB,OAAO,OAAO,CAAC,GAAG,gNAAA,mHAML,EAAsB,sBAElC,KAFY,CAAC,CAAC,oBAAoB,EAEjC;QACJ,CAAC;QAED,KAAK,YAAC,CAAQ;YACZ,OAAO,OAAO,CAAC,GAAG,kXAAA,0MASE,EAAe,GAAI,EAAsB,uBAC/C,EAAqB,GAAI,EAAqB,8DAE3D,KAHmB,CAAC,CAAC,aAAa,EAAI,CAAC,CAAC,oBAAoB,EAC/C,CAAC,CAAC,mBAAmB,EAAI,CAAC,CAAC,mBAAmB,EAE1D;QACJ,CAAC;QAED,QAAQ,YAAC,CAAQ;YACf,OAAO,OAAO,CAAC,GAAG,wQAAA,uFAGI,EAAgB,GAAI,EAAwB,kEAG5C,EAAe,oBAC1B,EAAsB,WAChC,KALqB,CAAC,CAAC,cAAc,EAAI,CAAC,CAAC,sBAAsB,EAG5C,CAAC,CAAC,aAAa,EAC1B,CAAC,CAAC,oBAAoB,EAC/B;QACJ,CAAC;QAED,sBAAsB,YAAC,CAAQ;YAC7B,OAAO,OAAO,CAAC,GAAG,qHAAA,8BACI,EAAgB,GAAI,EAAe,WACxD,KADqB,CAAC,CAAC,cAAc,EAAI,CAAC,CAAC,aAAa,EACvD;QACJ,CAAC;QAED,aAAa;YACX,OAAO,OAAO,CAAC,GAAG,iSAAA,4NASjB,KAAC;QACJ,CAAC;QAED,kBAAkB,YAAC,CAAQ;YACzB,OAAO,OAAO,CAAC,GAAG,sIAAA,uBACH,EAAyB,KAAM,EAAyB,oBAC5D,EAAkB,WAC5B,KAFc,CAAC,CAAC,uBAAuB,EAAM,CAAC,CAAC,uBAAuB,EAC5D,CAAC,CAAC,gBAAgB,EAC3B;QACJ,CAAC;QAED,mBAAmB,YAAC,CAAQ;YAC1B,OAAO,OAAO,CAAC,GAAG,sIAAA,uBACH,EAA0B,KAAM,EAA0B,oBAC9D,EAAmB,WAC7B,KAFc,CAAC,CAAC,wBAAwB,EAAM,CAAC,CAAC,wBAAwB,EAC9D,CAAC,CAAC,iBAAiB,EAC5B;QACJ,CAAC;QAED,kBAAkB,YAAC,CAAQ;YACzB,OAAO,OAAO,CAAC,GAAG,sIAAA,uBACH,EAAyB,KAAM,EAAyB,oBAC5D,EAAkB,WAC5B,KAFc,CAAC,CAAC,uBAAuB,EAAM,CAAC,CAAC,uBAAuB,EAC5D,CAAC,CAAC,gBAAgB,EAC3B;QACJ,CAAC;QAED,aAAa;YACX,OAAO,OAAO,CAAC,GAAG,iGAAA,4BAEjB,KAAC;QACJ,CAAC;QAED,OAAO,YAAC,CAAQ;YACd,OAAO,OAAO,CAAC,GAAG,iMAAA,YACd,EAOD,oCAGG,EAOD,gDAIC,EAAuB,sBAE5B,KAvBG,cAAc,CACd,CAAC,CAAC,YAAY,EACd,CAAC,CAAC,iBAAiB,EACnB,CAAC,CAAC,eAAe,EACjB,CAAC,CAAC,mBAAmB,EACrB,CAAC,CAAC,qBAAqB,EACvB,CAAC,CAAC,cAAc,CACjB,EAGG,gBAAgB,CAChB,CAAC,CAAC,iBAAiB,EACnB,CAAC,CAAC,sBAAsB,EACxB,CAAC,CAAC,oBAAoB,EACtB,CAAC,CAAC,wBAAwB,EAC1B,CAAC,CAAC,0BAA0B,EAC5B,CAAC,CAAC,cAAc,CACjB,EAIC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,EAE3B;QACJ,CAAC;QAED,MAAM,YAAC,CAAQ;YACb,OAAO,OAAO,CAAC,GAAG,gMAAA,YACd,EAOD,oCAGG,EAOD,gDAIC,EAAsB,qBAE3B,KAvBG,cAAc,CACd,CAAC,CAAC,YAAY,EACd,CAAC,CAAC,iBAAiB,EACnB,CAAC,CAAC,eAAe,EACjB,CAAC,CAAC,mBAAmB,EACrB,CAAC,CAAC,qBAAqB,EACvB,CAAC,CAAC,cAAc,CACjB,EAGG,gBAAgB,CAChB,CAAC,CAAC,iBAAiB,EACnB,CAAC,CAAC,sBAAsB,EACxB,CAAC,CAAC,oBAAoB,EACtB,CAAC,CAAC,wBAAwB,EAC1B,CAAC,CAAC,0BAA0B,EAC5B,CAAC,CAAC,cAAc,CACjB,EAIC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,EAE1B;QACJ,CAAC;QAED,OAAO,YAAC,CAAQ;YACd,OAAO,OAAO,CAAC,GAAG,gMAAA,YACd,EAOD,oCAGG,EAOD,gDAIC,EAAuB,qBAE5B,KAvBG,cAAc,CACd,CAAC,CAAC,YAAY,EACd,CAAC,CAAC,iBAAiB,EACnB,CAAC,CAAC,eAAe,EACjB,CAAC,CAAC,mBAAmB,EACrB,CAAC,CAAC,qBAAqB,EACvB,CAAC,CAAC,cAAc,CACjB,EAGG,gBAAgB,CAChB,CAAC,CAAC,iBAAiB,EACnB,CAAC,CAAC,sBAAsB,EACxB,CAAC,CAAC,oBAAoB,EACtB,CAAC,CAAC,wBAAwB,EAC1B,CAAC,CAAC,0BAA0B,EAC5B,CAAC,CAAC,cAAc,CACjB,EAIC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,EAE3B;QACJ,CAAC;QAED,MAAM,YAAC,CAAQ;YACb,OAAO,OAAO,CAAC,GAAG,gMAAA,YACd,EAOD,oCAGG,EAOD,gDAIC,EAAsB,qBAE3B,KAvBG,cAAc,CACd,CAAC,CAAC,WAAW,EACb,CAAC,CAAC,gBAAgB,EAClB,CAAC,CAAC,cAAc,EAChB,CAAC,CAAC,kBAAkB,EACpB,CAAC,CAAC,oBAAoB,EACtB,CAAC,CAAC,cAAc,CACjB,EAGG,gBAAgB,CAChB,CAAC,CAAC,gBAAgB,EAClB,CAAC,CAAC,qBAAqB,EACvB,CAAC,CAAC,mBAAmB,EACrB,CAAC,CAAC,uBAAuB,EACzB,CAAC,CAAC,yBAAyB,EAC3B,CAAC,CAAC,cAAc,CACjB,EAIC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,EAE1B;QACJ,CAAC;QAED,GAAG,YAAC,CAAQ;YACV,OAAO,OAAO,CAAC,GAAG,gMAAA,YACd,EAOD,oCAGG,EAOD,gDAIC,EAAmB,qBAExB,KAvBG,cAAc,CACd,CAAC,CAAC,QAAQ,EACV,CAAC,CAAC,aAAa,EACf,CAAC,CAAC,WAAW,EACb,CAAC,CAAC,eAAe,EACjB,CAAC,CAAC,iBAAiB,EACnB,CAAC,CAAC,cAAc,CACjB,EAGG,gBAAgB,CAChB,CAAC,CAAC,aAAa,EACf,CAAC,CAAC,kBAAkB,EACpB,CAAC,CAAC,gBAAgB,EAClB,CAAC,CAAC,oBAAoB,EACtB,CAAC,CAAC,sBAAsB,EACxB,CAAC,CAAC,cAAc,CACjB,EAIC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,EAEvB;QACJ,CAAC;QAED,IAAI,YAAC,CAAQ;YACX,OAAO,OAAO,CAAC,GAAG,6RAAA,yGAOd,EAA+F,oCAG7F,EAOD,gDAIC,EAAoB,qBAEzB,KAhBG,cAAc,CAAC,CAAC,CAAC,SAAS,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,gBAAgB,EAAE,CAAC,CAAC,kBAAkB,EAAE,CAAC,CAAC,cAAc,CAAC,EAG7F,gBAAgB,CAChB,CAAC,CAAC,cAAc,EAChB,EAAE,EACF,EAAE,EACF,CAAC,CAAC,qBAAqB,EACvB,CAAC,CAAC,uBAAuB,EACzB,CAAC,CAAC,cAAc,CACjB,EAIC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,EAExB;QACJ,CAAC;QAED,OAAO,YAAC,CAAQ;YACd,OAAO,OAAO,CAAC,GAAG,gMAAA,YACd,EAA2G,oCAGzG,EAOD,gDAIC,EAAuB,qBAE5B,KAhBG,cAAc,CAAC,CAAC,CAAC,aAAa,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,oBAAoB,EAAE,CAAC,CAAC,sBAAsB,EAAE,CAAC,CAAC,cAAc,CAAC,EAGzG,gBAAgB,CAChB,CAAC,CAAC,kBAAkB,EACpB,EAAE,EACF,EAAE,EACF,CAAC,CAAC,yBAAyB,EAC3B,CAAC,CAAC,2BAA2B,EAC7B,CAAC,CAAC,cAAc,CACjB,EAIC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,EAE3B;QACJ,CAAC;QAED,IAAI,YAAC,CAAQ;YACX,OAAO,OAAO,CAAC,GAAG,iMAAA,YACd,EAAkE,oCAGhE,EAA8E,gDAI9E,EAAoB,sBAEzB,KATG,cAAc,CAAC,CAAC,CAAC,SAAS,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,mBAAmB,EAAE,EAAE,EAAE,EAAE,CAAC,EAGhE,gBAAgB,CAAC,CAAC,CAAC,cAAc,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,wBAAwB,EAAE,EAAE,EAAE,EAAE,CAAC,EAI9E,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,EAExB;QACJ,CAAC;QAED,OAAO,YAAC,CAAQ;YACd,IAAM,aAAa,GAAG,mEAEF,CAAC,CAAC,cAAc,cAAI,CAAC,CAAC,4BAA4B,mDAClD,CAAC,CAAC,YAAY,wCACzB,CAAC,CAAC,mBAAmB,oCAE3B,aAAa,CAAC,WAAW,qCACZ,CAAC,CAAC,gBAAgB,gEAIvB,CAAC,CAAC,mBAAmB,+EAGrB,CAAC,CAAC,mBAAmB,gCAEjC,CAAC;YAEA,OAAO,OAAO,CAAC,GAAG,6MAAA,YACd,EAAa,mGAKX,EAAa,qBAElB,KAPG,aAAa,EAKX,aAAa,EAEjB;QACJ,CAAC;QAED,cAAc,YAAC,CAAQ;YACrB,OAAO,OAAO,CAAC,GAAG,oSAAA,+GAIE,EAAe,GAAI,EAAsB,uBAC/C,EAAqB,GAAI,EAAqB,wCACxC,EAAqB,iCAExC,KAJmB,CAAC,CAAC,aAAa,EAAI,CAAC,CAAC,oBAAoB,EAC/C,CAAC,CAAC,mBAAmB,EAAI,CAAC,CAAC,mBAAmB,EACxC,CAAC,CAAC,mBAAmB,EAEvC;QACJ,CAAC;QAED,eAAe,YAAC,CAAQ;YACtB,OAAO,OAAO,CAAC,GAAG,sSAAA,8BACI,EAAgB,GAAI,EAA+B,+BACnD,EAAsB,oBACjC,EAAyB,gBAE/B,EAAyB,4BACZ,EAA0B,kDAI/B,EAAyB,iCAErC,KAXqB,CAAC,CAAC,cAAc,EAAI,CAAC,CAAC,6BAA6B,EACnD,CAAC,CAAC,oBAAoB,EACjC,CAAC,CAAC,uBAAuB,EAE/B,aAAa,CAAC,WAAW,EACZ,CAAC,CAAC,wBAAwB,EAI/B,CAAC,CAAC,uBAAuB,EAEpC;QACJ,CAAC;QAED,OAAO;YACL,OAAO,OAAO,CAAC,GAAG,8NAAA,yJAMjB,KAAC;QACJ,CAAC;QAED,WAAW;YACT,OAAO,OAAO,CAAC,GAAG,4KAAA,uGAGjB,KAAC;QACJ,CAAC;QAED,eAAe;YACb,OAAO,OAAO,CAAC,GAAG,kJAAA,6EAEjB,KAAC;QACJ,CAAC;QAED,IAAI,YAAC,CAAQ;YACX,OAAO,OAAO,CAAC,GAAG,sMAAA,oHAIL,EAAgB,WAC5B,KADY,CAAC,CAAC,cAAc,EAC3B;QACJ,CAAC;QAED,SAAS,YAAC,CAAQ;YAChB,OAAO,OAAO,CAAC,GAAG,sGAAA,oBACN,EAAgB,WAC3B,KADW,CAAC,CAAC,cAAc,EAC1B;QACJ,CAAC;QAED,UAAU,YAAC,CAAQ;YACjB,OAAO,OAAO,CAAC,GAAG,sGAAA,oBACN,EAAiB,WAC5B,KADW,CAAC,CAAC,eAAe,EAC3B;QACJ,CAAC;QAED,SAAS,YAAC,CAAQ;YAChB,OAAO,OAAO,CAAC,GAAG,sGAAA,oBACN,EAAgB,WAC3B,KADW,CAAC,CAAC,cAAc,EAC1B;QACJ,CAAC;QAED,kBAAkB;QAClB,MAAM;YACJ,OAAO,OAAO,CAAC,GAAG,wIAAA,mEAGjB,KAAC;QACJ,CAAC;QAED,SAAS;YACP,OAAO,OAAO,CAAC,GAAG,oIAAA,+DAGjB,KAAC;QACJ,CAAC;QAED,cAAc;YACZ,OAAO,OAAO,CAAC,GAAG,0GAAA,qCAEjB,KAAC;QACJ,CAAC;QAED,QAAQ;YACN,OAAO,OAAO,CAAC,GAAG,oGAAA,+BAEjB,KAAC;QACJ,CAAC;QAED,kBAAkB;QAClB,UAAU;YACR,OAAO,OAAO,CAAC,GAAG,uNAAA,kJAMjB,KAAC;QACJ,CAAC;QAED,gBAAgB,YAAC,CAAQ;YACvB,OAAO,OAAO,CAAC,GAAG,4JAAA,kCACQ,EAAgC,mDAEzD,KAFyB,CAAC,CAAC,8BAA8B,EAExD;QACJ,CAAC;QAED,YAAY;YACV,OAAO,OAAO,CAAC,GAAG,uHAAA,kDAEjB,KAAC;QACJ,CAAC;QAED,OAAO;YACL,OAAO,OAAO,CAAC,GAAG,qUAAA,gQAWjB,KAAC;QACJ,CAAC;QAED,gBAAgB;YACd,OAAO,OAAO,CAAC,GAAG,4GAAA,uCAEjB,KAAC;QACJ,CAAC;KACF,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,eAAe,GAAG,gBAAgB,CAAC,UAAC,EAAgB;QAAd,GAAG,SAAA;IAAgB,OAAA,CAAC;QACrE,OAAO,YAAC,CAAQ;YACd,OAAO,GAAG,gHAAA,uBAEJ,EAKD,kBAEJ,KAPK,iBAAiB,CACjB,CAAC,CAAC,kBAAkB,EACpB,CAAC,CAAC,sBAAsB,EACxB,CAAC,CAAC,2BAA2B,EAC7B,CAAC,CAAC,cAAc,CACjB,EAEH;QACJ,CAAC;QAED,MAAM,YAAC,CAAQ;YACb,OAAO,GAAG,gHAAA,uBAEJ,EAKD,kBAEJ,KAPK,iBAAiB,CACjB,CAAC,CAAC,kBAAkB,EACpB,CAAC,CAAC,sBAAsB,EACxB,CAAC,CAAC,2BAA2B,EAC7B,CAAC,CAAC,cAAc,CACjB,EAEH;QACJ,CAAC;QAED,OAAO,YAAC,CAAQ;YACd,OAAO,GAAG,gHAAA,uBAEJ,EAKD,kBAEJ,KAPK,iBAAiB,CACjB,CAAC,CAAC,kBAAkB,EACpB,CAAC,CAAC,sBAAsB,EACxB,CAAC,CAAC,2BAA2B,EAC7B,CAAC,CAAC,cAAc,CACjB,EAEH;QACJ,CAAC;QAED,MAAM,YAAC,CAAQ;YACb,OAAO,GAAG,gHAAA,uBAEJ,EAKD,kBAEJ,KAPK,iBAAiB,CACjB,CAAC,CAAC,iBAAiB,EACnB,CAAC,CAAC,qBAAqB,EACvB,CAAC,CAAC,0BAA0B,EAC5B,CAAC,CAAC,cAAc,CACjB,EAEH;QACJ,CAAC;QAED,GAAG,YAAC,CAAQ;YACV,OAAO,GAAG,gHAAA,uBAEJ,EAAsG,kBAE3G,KAFK,iBAAiB,CAAC,CAAC,CAAC,cAAc,EAAE,CAAC,CAAC,kBAAkB,EAAE,CAAC,CAAC,uBAAuB,EAAE,CAAC,CAAC,cAAc,CAAC,EAE1G;QACJ,CAAC;QAED,IAAI,YAAC,CAAQ;YACX,OAAO,GAAG,uHAAA,8BAEG,EAAoB,kBAEhC,KAFY,CAAC,CAAC,kBAAkB,EAE/B;QACJ,CAAC;QAED,IAAI,YAAC,CAAQ;YACX,OAAO,GAAG,gHAAA,uBAEJ,EAA6E,kBAElF,KAFK,iBAAiB,CAAC,CAAC,CAAC,eAAe,EAAE,EAAE,EAAE,CAAC,CAAC,eAAe,EAAE,CAAC,CAAC,cAAc,CAAC,EAEjF;QACJ,CAAC;QAED,OAAO,YAAC,CAAQ;YACd,OAAO,GAAG,gHAAA,uBAEJ,EAA8F,kBAEnG,KAFK,iBAAiB,CAAC,CAAC,CAAC,mBAAmB,EAAE,EAAE,EAAE,CAAC,CAAC,4BAA4B,EAAE,CAAC,CAAC,cAAc,CAAC,EAElG;QACJ,CAAC;QAED,IAAI,YAAC,CAAQ;YACX,OAAO,GAAG,gHAAA,uBAEJ,EAAgD,kBAErD,KAFK,iBAAiB,CAAC,CAAC,CAAC,eAAe,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAEpD;QACJ,CAAC;KACF,CAAC;AA5FoE,CA4FpE,CAAC,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { resetButton, resetText } from '../../lib/styles/Mixins.js';\nimport { memoizeGetStyles } from '../../lib/theming/Emotion.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { globalClasses } from './Button.classes.js';\nimport { buttonActiveMixin, buttonHoverMixin, buttonSizeMixin, buttonUseMixin } from './Button.mixins.js';\n\nexport { globalClasses };\n\nexport const getStyles = memoizeGetStyles((emotion: Emotion) => {\n const activeStyles = getActiveStyles(emotion);\n return {\n root(t: Theme) {\n return emotion.css`\n ${resetButton()};\n ${resetText()};\n\n transition: background-color ${t.transitionDuration} ${t.transitionTimingFunction}\n ${t.btnBorderColorTransition ? `, ${t.btnBorderColorTransition}` : ''};\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 height: 100%;\n\n .${globalClasses.innerShadow} {\n content: '';\n border-radius: inherit;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n }\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 &:hover svg {\n color: ${t.btnIconHoverColor};\n }\n &.${globalClasses.disabled} svg {\n color: ${t.btnIconDisabledColor};\n }\n & svg {\n color: ${t.btnIconColor};\n }\n `;\n },\n\n withArrowIconRightSmall(t: Theme) {\n return emotion.css`\n padding-right: calc(${t.btnIconSizeSmall} + ${t.btnWithIconPaddingSmall} + ${t.btnWithIconPaddingSmall});\n `;\n },\n\n withArrowIconRightMedium(t: Theme) {\n return emotion.css`\n padding-right: calc(${t.btnIconSizeMedium} + ${t.btnWithIconPaddingMedium} + ${t.btnWithIconPaddingMedium});\n `;\n },\n\n withArrowIconRightLarge(t: Theme) {\n return emotion.css`\n padding-right: calc(${t.btnIconSizeLarge} + ${t.btnWithIconPaddingLarge} + ${t.btnWithIconPaddingLarge});\n `;\n },\n\n withArrowIconLeftSmall(t: Theme) {\n return emotion.css`\n padding-left: calc(${t.btnIconSizeSmall} + ${t.btnWithIconPaddingSmall} + ${t.btnWithIconPaddingSmall});\n `;\n },\n\n withArrowIconLeftMedium(t: Theme) {\n return emotion.css`\n padding-left: calc(${t.btnIconSizeMedium} + ${t.btnWithIconPaddingMedium} + ${t.btnWithIconPaddingMedium});\n `;\n },\n\n withArrowIconLeftLarge(t: Theme) {\n return emotion.css`\n padding-left: calc(${t.btnIconSizeLarge} + ${t.btnWithIconPaddingLarge} + ${t.btnWithIconPaddingLarge});\n `;\n },\n\n simulatedPress() {\n return emotion.css`\n &:active .${globalClasses.caption} {\n transform: translateY(1px);\n }\n `;\n },\n\n /** @deprecated */\n outlineDefault() {\n return emotion.css`\n border-radius: inherit;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n `;\n },\n\n /** @deprecated */\n outlineWarning(t: Theme) {\n return emotion.css`\n box-shadow:\n 0 0 0 ${t.btnOutlineWidth} ${t.btnBorderColorWarning},\n inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n `;\n },\n\n /** @deprecated */\n outlineError(t: Theme) {\n return emotion.css`\n box-shadow:\n 0 0 0 ${t.btnOutlineWidth} ${t.btnBorderColorError},\n inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n `;\n },\n\n /** @deprecated */\n outlineLink() {\n return emotion.css`\n cursor: default;\n box-shadow: none;\n left: -2px;\n right: -2px;\n bottom: -2px;\n top: -2px;\n `;\n },\n\n /** @deprecated */\n outlineLinkWarning(t: Theme) {\n return emotion.css`\n background-color: ${t.btnWarningSecondary};\n `;\n },\n\n /** @deprecated */\n outlineLinkError(t: Theme) {\n return emotion.css`\n background-color: ${t.btnErrorSecondary};\n `;\n },\n\n sizeSmall(t: Theme) {\n return emotion.css`\n border-radius: ${t.btnBorderRadiusSmall};\n\n ${buttonSizeMixin(t.btnFontSizeSmall, t.btnLineHeightSmall, t.btnPaddingXSmall, t.btnPaddingYSmall)};\n `;\n },\n\n sizeMedium(t: Theme) {\n return emotion.css`\n border-radius: ${t.btnBorderRadiusMedium};\n\n ${buttonSizeMixin(t.btnFontSizeMedium, t.btnLineHeightMedium, t.btnPaddingXMedium, t.btnPaddingYMedium)};\n `;\n },\n\n sizeLarge(t: Theme) {\n return emotion.css`\n border-radius: ${t.btnBorderRadiusLarge};\n\n ${buttonSizeMixin(t.btnFontSizeLarge, t.btnLineHeightLarge, t.btnPaddingXLarge, t.btnPaddingYLarge)};\n `;\n },\n\n sizeSmallWithIcon(t: Theme) {\n return emotion.css`\n padding-left: ${t.btnWithIconPaddingSmall};\n `;\n },\n\n sizeMediumWithIcon(t: Theme) {\n return emotion.css`\n padding-left: ${t.btnWithIconPaddingMedium};\n `;\n },\n\n sizeLargeWithIcon(t: Theme) {\n return emotion.css`\n padding-left: ${t.btnWithIconPaddingLarge};\n `;\n },\n\n sizeSmallWithRightIcon(t: Theme) {\n return emotion.css`\n padding-right: ${t.btnWithIconPaddingSmall};\n `;\n },\n\n sizeMediumWithRightIcon(t: Theme) {\n return emotion.css`\n padding-right: ${t.btnWithIconPaddingMedium};\n `;\n },\n\n sizeLargeWithRightIcon(t: Theme) {\n return emotion.css`\n padding-right: ${t.btnWithIconPaddingLarge};\n `;\n },\n\n sizeSmallWithIconWithoutText(t: Theme) {\n return emotion.css`\n padding-left: ${t.btnWithIconPaddingSmall};\n padding-right: ${t.btnWithIconPaddingSmall};\n `;\n },\n\n sizeMediumWithIconWithoutText(t: Theme) {\n return emotion.css`\n padding-left: ${t.btnWithIconPaddingMedium};\n padding-right: ${t.btnWithIconPaddingMedium};\n `;\n },\n\n sizeLargeWithIconWithoutText(t: Theme) {\n return emotion.css`\n padding-left: ${t.btnWithIconPaddingLarge};\n padding-right: ${t.btnWithIconPaddingLarge};\n `;\n },\n\n sizeSmallWithIconOnly(t: Theme) {\n const padding = `calc((${t.btnHeightSmall} - ${t.btnIconSizeSmall}) / 2 - ${t.btnBorderWidth})`;\n return emotion.css`\n padding-left: ${padding};\n padding-right: ${padding};\n `;\n },\n\n sizeMediumWithIconOnly(t: Theme) {\n const padding = `calc((${t.btnHeightMedium} - ${t.btnIconSizeMedium}) / 2 - ${t.btnBorderWidth})`;\n return emotion.css`\n padding-left: ${padding};\n padding-right: ${padding};\n `;\n },\n\n sizeLargeWithIconOnly(t: Theme) {\n const padding = `calc((${t.btnHeightLarge} - ${t.btnIconSizeLarge}) / 2 - ${t.btnBorderWidth})`;\n return emotion.css`\n padding-left: ${padding};\n padding-right: ${padding};\n `;\n },\n\n /** @deprecated */\n link(t: Theme) {\n return emotion.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 margin: 0;\n padding: 0 !important; // override size mixin\n height: auto !important; // override size mixin\n\n &:hover:enabled,\n &:active:enabled {\n color: ${t.btnLinkHoverColor};\n text-decoration: ${t.btnLinkHoverTextDecoration};\n }\n\n &:active:enabled {\n ${activeStyles.link(t)}\n }\n `;\n },\n\n /** @deprecated */\n linkLineHeight() {\n return emotion.css`\n line-height: inherit !important; // override size mixin\n `;\n },\n\n /** @deprecated */\n linkLineHeightSafariFallback() {\n return emotion.css`\n /* Safari overrides 'underline' and 'border' if 'line-height' is used */\n margin: -1px 0 -2px;\n `;\n },\n\n /** @deprecated */\n linkFocus(t: Theme) {\n return emotion.css`\n & {\n color: ${t.btnLinkColor};\n text-decoration: ${t.btnLinkHoverTextDecoration};\n }\n `;\n },\n\n /** @deprecated */\n linkDisabled(t: Theme) {\n return emotion.css`\n cursor: default;\n\n &,\n &:hover:enabled,\n &:active:enabled {\n color: ${t.btnLinkDisabledColor};\n }\n `;\n },\n\n focus(t: Theme) {\n return emotion.css`\n position: relative;\n z-index: 2;\n\n &,\n &:hover:enabled,\n &:active:enabled,\n &:active:hover:enabled {\n box-shadow:\n inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus},\n 0 0 0 ${t.btnFocusShadowWidth} ${t.btnBorderColorFocus} !important; // override root:hover style\n }\n `;\n },\n\n disabled(t: Theme) {\n return emotion.css`\n cursor: default;\n pointer-events: none;\n box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDisabledBorderColor};\n\n background-image: none;\n background-color: ${t.btnDisabledBg};\n color: ${t.btnDisabledTextColor};\n `;\n },\n\n disabledWithoutOutline(t: Theme) {\n return emotion.css`\n box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDisabledBg};\n `;\n },\n\n arrowIconRoot() {\n return emotion.css`\n position: absolute;\n height: 100%;\n top: 0;\n right: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: content-box;\n `;\n },\n\n arrowIconRootSmall(t: Theme) {\n return emotion.css`\n padding: 0 ${t.btnWithIconPaddingSmall} 0 ${t.btnWithIconPaddingSmall};\n width: ${t.btnIconSizeSmall};\n `;\n },\n\n arrowIconRootMedium(t: Theme) {\n return emotion.css`\n padding: 0 ${t.btnWithIconPaddingMedium} 0 ${t.btnWithIconPaddingMedium};\n width: ${t.btnIconSizeMedium};\n `;\n },\n\n arrowIconRootLarge(t: Theme) {\n return emotion.css`\n padding: 0 ${t.btnWithIconPaddingLarge} 0 ${t.btnWithIconPaddingLarge};\n width: ${t.btnIconSizeLarge};\n `;\n },\n\n arrowIconLeft() {\n return emotion.css`\n left: 0;\n `;\n },\n\n default(t: Theme) {\n return emotion.css`\n ${buttonUseMixin(\n t.btnDefaultBg,\n t.btnDefaultBgStart,\n t.btnDefaultBgEnd,\n t.btnDefaultTextColor,\n t.btnDefaultBorderColor,\n t.btnBorderWidth,\n )};\n\n &:hover {\n ${buttonHoverMixin(\n t.btnDefaultHoverBg,\n t.btnDefaultHoverBgStart,\n t.btnDefaultHoverBgEnd,\n t.btnDefaultHoverTextColor,\n t.btnDefaultHoverBorderColor,\n t.btnBorderWidth,\n )};\n }\n\n &:active {\n ${activeStyles.default(t)};\n }\n `;\n },\n\n accent(t: Theme) {\n return emotion.css`\n ${buttonUseMixin(\n t.btnPrimaryBg,\n t.btnPrimaryBgStart,\n t.btnPrimaryBgEnd,\n t.btnPrimaryTextColor,\n t.btnPrimaryBorderColor,\n t.btnBorderWidth,\n )};\n\n &:hover {\n ${buttonHoverMixin(\n t.btnPrimaryHoverBg,\n t.btnPrimaryHoverBgStart,\n t.btnPrimaryHoverBgEnd,\n t.btnPrimaryHoverTextColor,\n t.btnPrimaryHoverBorderColor,\n t.btnBorderWidth,\n )};\n }\n\n &:active {\n ${activeStyles.accent(t)}\n }\n `;\n },\n\n success(t: Theme) {\n return emotion.css`\n ${buttonUseMixin(\n t.btnSuccessBg,\n t.btnSuccessBgStart,\n t.btnSuccessBgEnd,\n t.btnSuccessTextColor,\n t.btnSuccessBorderColor,\n t.btnBorderWidth,\n )};\n\n &:hover {\n ${buttonHoverMixin(\n t.btnSuccessHoverBg,\n t.btnSuccessHoverBgStart,\n t.btnSuccessHoverBgEnd,\n t.btnSuccessHoverTextColor,\n t.btnSuccessHoverBorderColor,\n t.btnBorderWidth,\n )};\n }\n\n &:active {\n ${activeStyles.success(t)}\n }\n `;\n },\n\n danger(t: Theme) {\n return emotion.css`\n ${buttonUseMixin(\n t.btnDangerBg,\n t.btnDangerBgStart,\n t.btnDangerBgEnd,\n t.btnDangerTextColor,\n t.btnDangerBorderColor,\n t.btnBorderWidth,\n )};\n\n &:hover {\n ${buttonHoverMixin(\n t.btnDangerHoverBg,\n t.btnDangerHoverBgStart,\n t.btnDangerHoverBgEnd,\n t.btnDangerHoverTextColor,\n t.btnDangerHoverBorderColor,\n t.btnBorderWidth,\n )};\n }\n\n &:active {\n ${activeStyles.danger(t)}\n }\n `;\n },\n\n pay(t: Theme) {\n return emotion.css`\n ${buttonUseMixin(\n t.btnPayBg,\n t.btnPayBgStart,\n t.btnPayBgEnd,\n t.btnPayTextColor,\n t.btnPayBorderColor,\n t.btnBorderWidth,\n )};\n\n &:hover {\n ${buttonHoverMixin(\n t.btnPayHoverBg,\n t.btnPayHoverBgStart,\n t.btnPayHoverBgEnd,\n t.btnPayHoverTextColor,\n t.btnPayHoverBorderColor,\n t.btnBorderWidth,\n )};\n }\n\n &:active {\n ${activeStyles.pay(t)}\n }\n `;\n },\n\n text(t: Theme) {\n return emotion.css`\n &,\n &:enabled,\n &:hover {\n box-shadow: none;\n }\n\n ${buttonUseMixin(t.btnTextBg, '', '', t.btnTextTextColor, t.btnTextBorderColor, t.btnBorderWidth)};\n\n &:hover {\n ${buttonHoverMixin(\n t.btnTextHoverBg,\n '',\n '',\n t.btnTextHoverTextColor,\n t.btnTextHoverBorderColor,\n t.btnBorderWidth,\n )};\n }\n\n &:active {\n ${activeStyles.text(t)}\n }\n `;\n },\n\n outline(t: Theme) {\n return emotion.css`\n ${buttonUseMixin(t.btnBacklessBg, '', '', t.btnBacklessTextColor, t.btnBacklessBorderColor, t.btnBorderWidth)};\n\n &:hover {\n ${buttonHoverMixin(\n t.btnBacklessHoverBg,\n '',\n '',\n t.btnBacklessHoverTextColor,\n t.btnBacklessHoverBorderColor,\n t.btnBorderWidth,\n )};\n }\n\n &:active {\n ${activeStyles.outline(t)}\n }\n `;\n },\n\n fill(t: Theme) {\n return emotion.css`\n ${buttonUseMixin(t.btnFillBg, '', '', t.btnDefaultTextColor, '', '')};\n\n &:hover {\n ${buttonHoverMixin(t.btnFillHoverBg, '', '', t.btnDefaultHoverTextColor, '', '')};\n }\n\n &:active {\n ${activeStyles.fill(t)};\n }\n `;\n },\n\n checked(t: Theme) {\n const checkedStyles = `\n background-image: none;\n box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnDefaultCheckedBorderColor} !important;\n background-color: ${t.btnCheckedBg} !important;\n color: ${t.btnCheckedTextColor} !important;\n\n .${globalClasses.innerShadow} {\n box-shadow: ${t.btnCheckedShadow};\n }\n\n :enabled svg {\n color: ${t.btnCheckedTextColor} !important;\n }\n :hover:enabled svg {\n color: ${t.btnCheckedTextColor} !important;\n }\n `;\n\n return emotion.css`\n ${checkedStyles}\n\n &:hover:enabled,\n &:active:enabled,\n &:hover:active:enabled {\n ${checkedStyles}\n }\n `;\n },\n\n checkedFocused(t: Theme) {\n return emotion.css`\n &:hover:enabled,\n &:hover:active:enabled {\n box-shadow:\n inset 0 0 0 ${t.btnInsetWidth} ${t.btnOutlineColorFocus},\n 0 0 0 ${t.btnFocusShadowWidth} ${t.btnBorderColorFocus} !important;\n border-color: ${t.btnBorderColorFocus} !important;\n }\n `;\n },\n\n checkedDisabled(t: Theme) {\n return emotion.css`\n box-shadow: 0 0 0 ${t.btnBorderWidth} ${t.btnCheckedDisabledBorderColor};\n background-color: ${t.btnCheckedDisabledBg};\n color: ${t.btnCheckedDisabledColor};\n\n .${globalClasses.innerShadow} {\n box-shadow: ${t.btnCheckedDisabledShadow};\n }\n\n svg {\n color: ${t.btnCheckedDisabledColor} !important;\n }\n `;\n },\n\n caption() {\n return emotion.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 emotion.css`\n display: inline;\n transform: none !important; // override root:active style\n `;\n },\n\n captionDisabled() {\n return emotion.css`\n transform: none !important; // override root:active style\n `;\n },\n\n wrap(t: Theme) {\n return emotion.css`\n box-sizing: border-box;\n display: inline-block;\n line-height: normal;\n padding: ${t.btnBorderWidth};\n `;\n },\n\n wrapSmall(t: Theme) {\n return emotion.css`\n height: ${t.btnHeightSmall};\n `;\n },\n\n wrapMedium(t: Theme) {\n return emotion.css`\n height: ${t.btnHeightMedium};\n `;\n },\n\n wrapLarge(t: Theme) {\n return emotion.css`\n height: ${t.btnHeightLarge};\n `;\n },\n\n /** @deprecated */\n narrow() {\n return emotion.css`\n padding-left: 5px;\n padding-right: 5px;\n `;\n },\n\n noPadding() {\n return emotion.css`\n padding-left: 0;\n padding-right: 0;\n `;\n },\n\n noRightPadding() {\n return emotion.css`\n padding-right: 0;\n `;\n },\n\n wrapLink() {\n return emotion.css`\n padding: 0;\n `;\n },\n\n /** @deprecated */\n borderless() {\n return emotion.css`\n &,\n &:active:hover,\n &:hover {\n box-shadow: none !important; // override root:hover style\n }\n `;\n },\n\n backlessDisabled(t: Theme) {\n return emotion.css`\n box-shadow: 0 0 0 1px ${t.btnBacklessDisabledBorderColor};\n background-color: transparent;\n `;\n },\n\n textDisabled() {\n return emotion.css`\n background-color: transparent;\n `;\n },\n\n loading() {\n return emotion.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 emotion.css`\n visibility: hidden;\n `;\n },\n };\n});\n\nexport const getActiveStyles = memoizeGetStyles(({ css }: Emotion) => ({\n default(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(\n t.btnDefaultActiveBg,\n t.btnDefaultActiveShadow,\n t.btnDefaultActiveBorderColor,\n t.btnBorderWidth,\n )};\n }\n `;\n },\n\n accent(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(\n t.btnPrimaryActiveBg,\n t.btnPrimaryActiveShadow,\n t.btnPrimaryActiveBorderColor,\n t.btnBorderWidth,\n )};\n }\n `;\n },\n\n success(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(\n t.btnSuccessActiveBg,\n t.btnSuccessActiveShadow,\n t.btnSuccessActiveBorderColor,\n t.btnBorderWidth,\n )};\n }\n `;\n },\n\n danger(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(\n t.btnDangerActiveBg,\n t.btnDangerActiveShadow,\n t.btnDangerActiveBorderColor,\n t.btnBorderWidth,\n )};\n }\n `;\n },\n\n pay(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(t.btnPayActiveBg, t.btnPayActiveShadow, t.btnPayActiveBorderColor, t.btnBorderWidth)};\n }\n `;\n },\n\n link(t: Theme) {\n return css`\n & {\n color: ${t.btnLinkActiveColor};\n }\n `;\n },\n\n text(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(t.btnTextActiveBg, '', t.btnTextActiveBg, t.btnBorderWidth)};\n }\n `;\n },\n\n outline(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(t.btnBacklessActiveBg, '', t.btnBacklessActiveBorderColor, t.btnBorderWidth)};\n }\n `;\n },\n\n fill(t: Theme) {\n return css`\n & {\n ${buttonActiveMixin(t.btnFillActiveBg, '', '', '')};\n }\n `;\n },\n}));\n"]}
package/components/Checkbox/Checkbox.d.ts CHANGED
@@ -49,6 +49,7 @@ export declare class Checkbox extends React.PureComponent<CheckboxProps, Checkbo
49
49
  static displayName: string;
50
50
  private getRootSizeClassName;
51
51
  private getBoxWrapperSizeClassName;
52
+ private getBoxSizeClassName;
52
53
  private getCheckboxBoxSize;
53
54
  state: {
54
55
  focusedByTab: boolean;
package/components/Checkbox/Checkbox.js CHANGED
@@ -143,7 +143,7 @@ var Checkbox = /** @class */ (function (_super) {
143
143
  var box = (React.createElement("div", { className: _this.cx(_this.getBoxWrapperSizeClassName(), (_b = {},
144
144
  _b[_this.styles.boxWrapper(_this.theme)] = true,
145
145
  _b)) },
146
- React.createElement("div", { className: _this.cx(_this.styles.box(_this.theme), globalClasses.box, (_c = {},
146
+ React.createElement("div", { className: _this.cx(_this.styles.box(_this.theme), _this.getBoxSizeClassName(), globalClasses.box, (_c = {},
147
147
  _c[_this.styles.boxChecked(_this.theme)] = _this.props.checked || isIndeterminate,
148
148
  _c[_this.styles.boxFocus(_this.theme)] = _this.state.focusedByTab,
149
149
  _c[_this.styles.boxError(_this.theme)] = _this.props.error,
@@ -222,6 +222,17 @@ var Checkbox = /** @class */ (function (_super) {
222
222
  return this.styles.boxWrapperSmall(this.theme);
223
223
  }
224
224
  };
225
+ Checkbox.prototype.getBoxSizeClassName = function () {
226
+ switch (this.size) {
227
+ case 'large':
228
+ return this.styles.boxLarge(this.theme);
229
+ case 'medium':
230
+ return this.styles.boxMedium(this.theme);
231
+ case 'small':
232
+ default:
233
+ return this.styles.boxSmall(this.theme);
234
+ }
235
+ };
225
236
  Checkbox.prototype.getCheckboxBoxSize = function () {
226
237
  switch (this.size) {
227
238
  case 'large':