@skbkontur/react-ui 0.0.0-044e274f2c → 0.0.0-07d08325b0

package/cjs/components/Button/Button.mixins.js

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.buttonUseMixin = exports.buttonSizeMixinIE11 = exports.buttonSizeMixin = exports.buttonHoverMixin = exports.buttonActiveMixin = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.buttonUseMixin = exports.buttonSizeMixinIE11 = exports.buttonSizeMixin = exports.buttonHoverMixin = exports.buttonActiveMixin = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");
 
 var _Button = require("./Button.styles");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
@@ -6,80 +6,79 @@ var getBtnPadding = function getBtnPadding(paddingY, paddingX) {
   return paddingY + " " + paddingX + " " + paddingY;
 };
 
-var buttonUseMixin = exports.buttonUseMixin =
-function buttonUseMixin(emotion) {return (
-    function (
-    btnBackground,
-    btnBackgroundStart,
-    btnBackgroundEnd,
-    color,
-    borderColor,
-    borderWidth)
-    {
-      var hasGradient = btnBackgroundStart !== btnBackgroundEnd;
-      return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n    background-color: ", ";\n    background-image: ", ";\n    color: ", ";\n    box-shadow: 0 0 0 ", " ", ";\n\n    :enabled:hover,\n    :enabled {\n      .", " svg {\n        color: ", ";\n      }\n    }\n  "])),
-      hasGradient ? "initial" : btnBackground,
-      hasGradient ? "linear-gradient(" + btnBackgroundStart + ", " + btnBackgroundEnd + ")" : "none",
-      color,
-      borderWidth, borderColor,
+var buttonUseMixin = exports.buttonUseMixin = function buttonUseMixin(
+btnBackground,
+btnBackgroundStart,
+btnBackgroundEnd,
+color,
+borderColor,
+borderWidth)
+{
+  var hasGradient = btnBackgroundStart !== btnBackgroundEnd;
+  return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n    background-color: ", ";\n    background-image: ", ";\n    color: ", ";\n    box-shadow: 0 0 0 ", " ", ";\n\n    :enabled:hover,\n    :enabled {\n      .", " svg {\n        color: ", ";\n      }\n    }\n  "])),
+  hasGradient ? "initial" : btnBackground,
+  hasGradient ? "linear-gradient(" + btnBackgroundStart + ", " + btnBackgroundEnd + ")" : "none",
+  color,
+  borderWidth, borderColor,
 
 
 
-      _Button.globalClasses.arrow,
-      color);
+  _Button.globalClasses.arrow,
+  color);
 
 
 
-    });};
+};
 
-var buttonHoverMixin = exports.buttonHoverMixin =
-function buttonHoverMixin(emotion) {return (
-    function (
-    btnBackground,
-    btnBackgroundStart,
-    btnBackgroundEnd,
-    color,
-    borderColor,
-    borderWidth)
-    {
-      var hasGradient = btnBackgroundStart !== btnBackgroundEnd;
-      return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n    background-color: ", ";\n    background-image: ", ";\n    box-shadow: 0 0 0 ", " ", ";\n    color: ", ";\n  "])),
-      hasGradient ? "initial" : btnBackground,
-      hasGradient ? "linear-gradient(" + btnBackgroundStart + ", " + btnBackgroundEnd + ")" : "none",
-      borderWidth, borderColor,
-      color);
+var buttonHoverMixin = exports.buttonHoverMixin = function buttonHoverMixin(
+btnBackground,
+btnBackgroundStart,
+btnBackgroundEnd,
+color,
+borderColor,
+borderWidth)
+{
+  var hasGradient = btnBackgroundStart !== btnBackgroundEnd;
+  return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n    background-color: ", ";\n    background-image: ", ";\n    box-shadow: 0 0 0 ", " ", ";\n    color: ", ";\n  "])),
+  hasGradient ? "initial" : btnBackground,
+  hasGradient ? "linear-gradient(" + btnBackgroundStart + ", " + btnBackgroundEnd + ")" : "none",
+  borderWidth, borderColor,
+  color);
 
-    });};
+};
 
-var buttonActiveMixin = exports.buttonActiveMixin =
-function buttonActiveMixin(emotion) {return function (btnBackground, btnShadow, borderColor, borderWidth) {
-    return emotion.css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n    &,\n    &:hover {\n      background-image: none !important; // override :hover styles\n      background-color: ", " !important; // override :hover styles\n      box-shadow: 0 0 0 ", " ", " !important; // override :hover styles\n\n      .", " {\n        box-shadow: ", ";\n      }\n    }\n  "])),
+var buttonActiveMixin = exports.buttonActiveMixin = function buttonActiveMixin(
+btnBackground,
+btnShadow,
+borderColor,
+borderWidth)
+{
+  return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n    &,\n    &:hover {\n      background-image: none !important; // override :hover styles\n      background-color: ", " !important; // override :hover styles\n      box-shadow: 0 0 0 ", " ", " !important; // override :hover styles\n\n      .", " {\n        box-shadow: ", ";\n      }\n    }\n  "])),
 
 
 
-    btnBackground,
-    borderWidth, borderColor,
+  btnBackground,
+  borderWidth, borderColor,
 
-    _Button.globalClasses.innerShadow,
-    btnShadow);
+  _Button.globalClasses.innerShadow,
+  btnShadow);
 
 
 
-  };};
+};
 
-var buttonSizeMixin = exports.buttonSizeMixin =
-function buttonSizeMixin(emotion) {return function (fontSize, lineHeight, paddingX, paddingY) {
-    return emotion.css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n    font-size: ", ";\n    box-sizing: border-box;\n    padding: ", ";\n    line-height: ", ";\n  "])),
-    fontSize,
+var buttonSizeMixin = exports.buttonSizeMixin = function buttonSizeMixin(fontSize, lineHeight, paddingX, paddingY) {
+  return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n    font-size: ", ";\n    box-sizing: border-box;\n    padding: ", ";\n    line-height: ", ";\n  "])),
+  fontSize,
 
-    getBtnPadding(paddingY, paddingX),
-    lineHeight);
+  getBtnPadding(paddingY, paddingX),
+  lineHeight);
 
-  };};
+};
 
-var buttonSizeMixinIE11 = exports.buttonSizeMixinIE11 = function buttonSizeMixinIE11(emotion) {return function (paddingX, paddingY) {
-    return emotion.css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n    padding: ", ";\n    line-height: normal;\n  "])),
-    getBtnPadding(paddingY, paddingX));
+var buttonSizeMixinIE11 = exports.buttonSizeMixinIE11 = function buttonSizeMixinIE11(paddingX, paddingY) {
+  return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n    padding: ", ";\n    line-height: normal;\n  "])),
+  getBtnPadding(paddingY, paddingX));
 
 
-  };};
+};

package/cjs/components/Button/Button.mixins.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Button","require","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","getBtnPadding","paddingY","paddingX","buttonUseMixin","exports","emotion","btnBackground","btnBackgroundStart","btnBackgroundEnd","color","borderColor","borderWidth","hasGradient","css","_taggedTemplateLiteralLoose2","default","globalClasses","arrow","buttonHoverMixin","buttonActiveMixin","btnShadow","innerShadow","buttonSizeMixin","fontSize","lineHeight","buttonSizeMixinIE11"],"sources":["Button.mixins.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { globalClasses } from './Button.styles';\n\nconst getBtnPadding = (paddingY: string, paddingX: string): string => {\n  return `${paddingY} ${paddingX} ${paddingY}`;\n};\n\nexport const buttonUseMixin =\n  (emotion: Emotion) =>\n  (\n    btnBackground: string,\n    btnBackgroundStart: string,\n    btnBackgroundEnd: string,\n    color: string,\n    borderColor: string,\n    borderWidth: string,\n  ) => {\n    const hasGradient = btnBackgroundStart !== btnBackgroundEnd;\n    return emotion.css`\n    background-color: ${hasGradient ? `initial` : btnBackground};\n    background-image: ${hasGradient ? `linear-gradient(${btnBackgroundStart}, ${btnBackgroundEnd})` : `none`};\n    color: ${color};\n    box-shadow: 0 0 0 ${borderWidth} ${borderColor};\n\n    :enabled:hover,\n    :enabled {\n      .${globalClasses.arrow} svg {\n        color: ${color};\n      }\n    }\n  `;\n  };\n\nexport const buttonHoverMixin =\n  (emotion: Emotion) =>\n  (\n    btnBackground: string,\n    btnBackgroundStart: string,\n    btnBackgroundEnd: string,\n    color: string,\n    borderColor: string,\n    borderWidth: string,\n  ) => {\n    const hasGradient = btnBackgroundStart !== btnBackgroundEnd;\n    return emotion.css`\n    background-color: ${hasGradient ? `initial` : btnBackground};\n    background-image: ${hasGradient ? `linear-gradient(${btnBackgroundStart}, ${btnBackgroundEnd})` : `none`};\n    box-shadow: 0 0 0 ${borderWidth} ${borderColor};\n    color: ${color};\n  `;\n  };\n\nexport const buttonActiveMixin =\n  (emotion: Emotion) => (btnBackground: string, btnShadow: string, borderColor: string, borderWidth: string) => {\n    return emotion.css`\n    &,\n    &:hover {\n      background-image: none !important; // override :hover styles\n      background-color: ${btnBackground} !important; // override :hover styles\n      box-shadow: 0 0 0 ${borderWidth} ${borderColor} !important; // override :hover styles\n\n      .${globalClasses.innerShadow} {\n        box-shadow: ${btnShadow};\n      }\n    }\n  `;\n  };\n\nexport const buttonSizeMixin =\n  (emotion: Emotion) => (fontSize: string, lineHeight: string, paddingX: string, paddingY: string) => {\n    return emotion.css`\n    font-size: ${fontSize};\n    box-sizing: border-box;\n    padding: ${getBtnPadding(paddingY, paddingX)};\n    line-height: ${lineHeight};\n  `;\n  };\n\nexport const buttonSizeMixinIE11 = (emotion: Emotion) => (paddingX: string, paddingY: string) => {\n  return emotion.css`\n    padding: ${getBtnPadding(paddingY, paddingX)};\n    line-height: normal;\n  `;\n};\n"],"mappings":";;AAEA,IAAAA,OAAA,GAAAC,OAAA,oBAAgD,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAEhD,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,QAAgB,EAAEC,QAAgB,EAAa;EACpE,OAAUD,QAAQ,SAAIC,QAAQ,SAAID,QAAQ;AAC5C,CAAC;;AAEM,IAAME,cAAc,GAAAC,OAAA,CAAAD,cAAA;AACzB,SADWA,cAAcA,CACxBE,OAAgB;IACjB;IACEC,aAAqB;IACrBC,kBAA0B;IAC1BC,gBAAwB;IACxBC,KAAa;IACbC,WAAmB;IACnBC,WAAmB;IAChB;MACH,IAAMC,WAAW,GAAGL,kBAAkB,KAAKC,gBAAgB;MAC3D,OAAOH,OAAO,CAACQ,GAAG,CAAAlB,eAAA,KAAAA,eAAA,OAAAmB,4BAAA,CAAAC,OAAA;MACEH,WAAW,eAAeN,aAAa;MACvCM,WAAW,wBAAsBL,kBAAkB,UAAKC,gBAAgB,eAAY;MAC/FC,KAAK;MACME,WAAW,EAAID,WAAW;;;;MAIzCM,qBAAa,CAACC,KAAK;MACXR,KAAK;;;;IAIpB,CAAC;;AAEI,IAAMS,gBAAgB,GAAAd,OAAA,CAAAc,gBAAA;AAC3B,SADWA,gBAAgBA,CAC1Bb,OAAgB;IACjB;IACEC,aAAqB;IACrBC,kBAA0B;IAC1BC,gBAAwB;IACxBC,KAAa;IACbC,WAAmB;IACnBC,WAAmB;IAChB;MACH,IAAMC,WAAW,GAAGL,kBAAkB,KAAKC,gBAAgB;MAC3D,OAAOH,OAAO,CAACQ,GAAG,CAAAjB,gBAAA,KAAAA,gBAAA,OAAAkB,4BAAA,CAAAC,OAAA;MACEH,WAAW,eAAeN,aAAa;MACvCM,WAAW,wBAAsBL,kBAAkB,UAAKC,gBAAgB,eAAY;MACpFG,WAAW,EAAID,WAAW;MACrCD,KAAK;;IAEhB,CAAC;;AAEI,IAAMU,iBAAiB,GAAAf,OAAA,CAAAe,iBAAA;AAC5B,SADWA,iBAAiBA,CAC3Bd,OAAgB,UAAK,UAACC,aAAqB,EAAEc,SAAiB,EAAEV,WAAmB,EAAEC,WAAmB,EAAK;IAC5G,OAAON,OAAO,CAACQ,GAAG,CAAAhB,gBAAA,KAAAA,gBAAA,OAAAiB,4BAAA,CAAAC,OAAA;;;;IAIIT,aAAa;IACbK,WAAW,EAAID,WAAW;;IAE3CM,qBAAa,CAACK,WAAW;IACZD,SAAS;;;;EAI7B,CAAC;;AAEI,IAAME,eAAe,GAAAlB,OAAA,CAAAkB,eAAA;AAC1B,SADWA,eAAeA,CACzBjB,OAAgB,UAAK,UAACkB,QAAgB,EAAEC,UAAkB,EAAEtB,QAAgB,EAAED,QAAgB,EAAK;IAClG,OAAOI,OAAO,CAACQ,GAAG,CAAAf,gBAAA,KAAAA,gBAAA,OAAAgB,4BAAA,CAAAC,OAAA;IACLQ,QAAQ;;IAEVvB,aAAa,CAACC,QAAQ,EAAEC,QAAQ,CAAC;IAC7BsB,UAAU;;EAE3B,CAAC;;AAEI,IAAMC,mBAAmB,GAAArB,OAAA,CAAAqB,mBAAA,GAAG,SAAtBA,mBAAmBA,CAAIpB,OAAgB,UAAK,UAACH,QAAgB,EAAED,QAAgB,EAAK;IAC/F,OAAOI,OAAO,CAACQ,GAAG,CAAAd,gBAAA,KAAAA,gBAAA,OAAAe,4BAAA,CAAAC,OAAA;IACLf,aAAa,CAACC,QAAQ,EAAEC,QAAQ,CAAC;;;EAGhD,CAAC","ignoreList":[]}
+{"version":3,"names":["_Emotion","require","_Button","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","getBtnPadding","paddingY","paddingX","buttonUseMixin","exports","btnBackground","btnBackgroundStart","btnBackgroundEnd","color","borderColor","borderWidth","hasGradient","css","_taggedTemplateLiteralLoose2","default","globalClasses","arrow","buttonHoverMixin","buttonActiveMixin","btnShadow","innerShadow","buttonSizeMixin","fontSize","lineHeight","buttonSizeMixinIE11"],"sources":["Button.mixins.ts"],"sourcesContent":["import { css } from '../../lib/theming/Emotion';\n\nimport { globalClasses } from './Button.styles';\n\nconst getBtnPadding = (paddingY: string, paddingX: string): string => {\n  return `${paddingY} ${paddingX} ${paddingY}`;\n};\n\nexport const buttonUseMixin = (\n  btnBackground: string,\n  btnBackgroundStart: string,\n  btnBackgroundEnd: string,\n  color: string,\n  borderColor: string,\n  borderWidth: string,\n) => {\n  const hasGradient = btnBackgroundStart !== btnBackgroundEnd;\n  return css`\n    background-color: ${hasGradient ? `initial` : btnBackground};\n    background-image: ${hasGradient ? `linear-gradient(${btnBackgroundStart}, ${btnBackgroundEnd})` : `none`};\n    color: ${color};\n    box-shadow: 0 0 0 ${borderWidth} ${borderColor};\n\n    :enabled:hover,\n    :enabled {\n      .${globalClasses.arrow} svg {\n        color: ${color};\n      }\n    }\n  `;\n};\n\nexport const buttonHoverMixin = (\n  btnBackground: string,\n  btnBackgroundStart: string,\n  btnBackgroundEnd: string,\n  color: string,\n  borderColor: string,\n  borderWidth: string,\n) => {\n  const hasGradient = btnBackgroundStart !== btnBackgroundEnd;\n  return css`\n    background-color: ${hasGradient ? `initial` : btnBackground};\n    background-image: ${hasGradient ? `linear-gradient(${btnBackgroundStart}, ${btnBackgroundEnd})` : `none`};\n    box-shadow: 0 0 0 ${borderWidth} ${borderColor};\n    color: ${color};\n  `;\n};\n\nexport const buttonActiveMixin = (\n  btnBackground: string,\n  btnShadow: string,\n  borderColor: string,\n  borderWidth: string,\n) => {\n  return css`\n    &,\n    &:hover {\n      background-image: none !important; // override :hover styles\n      background-color: ${btnBackground} !important; // override :hover styles\n      box-shadow: 0 0 0 ${borderWidth} ${borderColor} !important; // override :hover styles\n\n      .${globalClasses.innerShadow} {\n        box-shadow: ${btnShadow};\n      }\n    }\n  `;\n};\n\nexport const buttonSizeMixin = (fontSize: string, lineHeight: string, paddingX: string, paddingY: string) => {\n  return css`\n    font-size: ${fontSize};\n    box-sizing: border-box;\n    padding: ${getBtnPadding(paddingY, paddingX)};\n    line-height: ${lineHeight};\n  `;\n};\n\nexport const buttonSizeMixinIE11 = (paddingX: string, paddingY: string) => {\n  return css`\n    padding: ${getBtnPadding(paddingY, paddingX)};\n    line-height: normal;\n  `;\n};\n"],"mappings":"2YAAA,IAAAA,QAAA,GAAAC,OAAA;;AAEA,IAAAC,OAAA,GAAAD,OAAA,oBAAgD,IAAAE,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;;AAEhD,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,QAAgB,EAAEC,QAAgB,EAAa;EACpE,OAAUD,QAAQ,SAAIC,QAAQ,SAAID,QAAQ;AAC5C,CAAC;;AAEM,IAAME,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,SAAjBA,cAAcA;AACzBE,aAAqB;AACrBC,kBAA0B;AAC1BC,gBAAwB;AACxBC,KAAa;AACbC,WAAmB;AACnBC,WAAmB;AAChB;EACH,IAAMC,WAAW,GAAGL,kBAAkB,KAAKC,gBAAgB;EAC3D,WAAOK,YAAG,EAAAjB,eAAA,KAAAA,eAAA,OAAAkB,4BAAA,CAAAC,OAAA;EACYH,WAAW,eAAeN,aAAa;EACvCM,WAAW,wBAAsBL,kBAAkB,UAAKC,gBAAgB,eAAY;EAC/FC,KAAK;EACME,WAAW,EAAID,WAAW;;;;EAIzCM,qBAAa,CAACC,KAAK;EACXR,KAAK;;;;AAItB,CAAC;;AAEM,IAAMS,gBAAgB,GAAAb,OAAA,CAAAa,gBAAA,GAAG,SAAnBA,gBAAgBA;AAC3BZ,aAAqB;AACrBC,kBAA0B;AAC1BC,gBAAwB;AACxBC,KAAa;AACbC,WAAmB;AACnBC,WAAmB;AAChB;EACH,IAAMC,WAAW,GAAGL,kBAAkB,KAAKC,gBAAgB;EAC3D,WAAOK,YAAG,EAAAhB,gBAAA,KAAAA,gBAAA,OAAAiB,4BAAA,CAAAC,OAAA;EACYH,WAAW,eAAeN,aAAa;EACvCM,WAAW,wBAAsBL,kBAAkB,UAAKC,gBAAgB,eAAY;EACpFG,WAAW,EAAID,WAAW;EACrCD,KAAK;;AAElB,CAAC;;AAEM,IAAMU,iBAAiB,GAAAd,OAAA,CAAAc,iBAAA,GAAG,SAApBA,iBAAiBA;AAC5Bb,aAAqB;AACrBc,SAAiB;AACjBV,WAAmB;AACnBC,WAAmB;AAChB;EACH,WAAOE,YAAG,EAAAf,gBAAA,KAAAA,gBAAA,OAAAgB,4BAAA,CAAAC,OAAA;;;;EAIcT,aAAa;EACbK,WAAW,EAAID,WAAW;;EAE3CM,qBAAa,CAACK,WAAW;EACZD,SAAS;;;;AAI/B,CAAC;;AAEM,IAAME,eAAe,GAAAjB,OAAA,CAAAiB,eAAA,GAAG,SAAlBA,eAAeA,CAAIC,QAAgB,EAAEC,UAAkB,EAAErB,QAAgB,EAAED,QAAgB,EAAK;EAC3G,WAAOW,YAAG,EAAAd,gBAAA,KAAAA,gBAAA,OAAAe,4BAAA,CAAAC,OAAA;EACKQ,QAAQ;;EAEVtB,aAAa,CAACC,QAAQ,EAAEC,QAAQ,CAAC;EAC7BqB,UAAU;;AAE7B,CAAC;;AAEM,IAAMC,mBAAmB,GAAApB,OAAA,CAAAoB,mBAAA,GAAG,SAAtBA,mBAAmBA,CAAItB,QAAgB,EAAED,QAAgB,EAAK;EACzE,WAAOW,YAAG,EAAAb,gBAAA,KAAAA,gBAAA,OAAAc,4BAAA,CAAAC,OAAA;EACGd,aAAa,CAACC,QAAQ,EAAEC,QAAQ,CAAC;;;AAGhD,CAAC","ignoreList":[]}

package/cjs/components/Button/Button.styles.d.ts

@@ -1,4 +1,3 @@
-import type { Emotion } from '@emotion/css/create-instance';
 import { Theme } from '../../lib/theming/Theme';
 export declare const globalClasses: {
     root: string;
@@ -8,7 +7,7 @@ export declare const globalClasses: {
     innerShadow: string;
     disabled: string;
 };
-export declare const getStyles: (emotion: Emotion) => {
+export declare const styles: {
     root(t: Theme): string;
     withArrowIconRightSmall(t: Theme): string;
     withArrowIconRightMedium(t: Theme): string;
@@ -75,7 +74,7 @@ export declare const getStyles: (emotion: Emotion) => {
     loading(): string;
     visibilityHidden(): string;
 };
-export declare const getActiveStyles: (emotion: Emotion) => {
+export declare const activeStyles: {
     default(t: Theme): string;
     primary(t: Theme): string;
     success(t: Theme): string;