@skbkontur/react-ui 0.0.0-444dd4e7b3 → 0.0.0-48840c3b9c

package/internal/icons/SpinnerIcon.styles/SpinnerIcon.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["SpinnerIcon.styles.ts"],"names":["css","memoizeStyle","styles","root","rootInline","icon","iconInline"],"mappings":"0KAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;AAEA,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;AACjCE,EAAAA,IADiC,kBAC1B;AACL,WAAOH,GAAP;;;;;AAKD,GAPgC;AAQjCI,EAAAA,UARiC,wBAQpB;AACX,WAAOJ,GAAP;;;;AAID,GAbgC;;AAejCK,EAAAA,IAfiC,kBAe1B;AACL,WAAOL,GAAP;;;;;AAKD,GArBgC;;AAuBjCM,EAAAA,UAvBiC,wBAuBpB;AACX,WAAON,GAAP;;;;;;AAMD,GA9BgC,EAAD,CAA3B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      display: inline-block;\n      margin-left: -1px;\n      margin-right: -1px;\n    `;\n  },\n  rootInline() {\n    return css`\n      margin-left: -0.0714285714285714em;\n      margin-right: -0.0714285714285714em;\n    `;\n  },\n\n  icon() {\n    return css`\n      margin-bottom: -3px;\n      border-radius: 50%;\n      overflow: visible;\n    `;\n  },\n\n  iconInline() {\n    return css`\n      height: 1.1428571428571428em;\n      width: 1.1428571428571428em;\n      margin-bottom: -0.2428571428571428em;\n      stroke-width: 0.10714285714285714em;\n    `;\n  },\n});\n"]}
+{"version":3,"sources":["SpinnerIcon.styles.ts"],"names":["memoizeStyle","getStyles","emotion","root","css","rootInline","icon","iconInline"],"mappings":";;AAEA,SAASA,YAAT,QAA6B,2BAA7B;;AAEA,OAAO,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAACC,OAAD;AACvBF,IAAAA,YAAY,CAAC;AACXG,MAAAA,IADW,kBACJ;AACL,eAAOD,OAAO,CAACE,GAAf;;;;;AAKD,OAPU;AAQXC,MAAAA,UARW,wBAQE;AACX,eAAOH,OAAO,CAACE,GAAf;;;;AAID,OAbU;;AAeXE,MAAAA,IAfW,kBAeJ;AACL,eAAOJ,OAAO,CAACE,GAAf;;;;;AAKD,OArBU;;AAuBXG,MAAAA,UAvBW,wBAuBE;AACX,eAAOL,OAAO,CAACE,GAAf;;;;;;AAMD,OA9BU,EAAD,CADW,GAAlB","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    root() {\n      return emotion.css`\n        display: inline-block;\n        margin-left: -1px;\n        margin-right: -1px;\n      `;\n    },\n    rootInline() {\n      return emotion.css`\n        margin-left: -0.0714285714285714em;\n        margin-right: -0.0714285714285714em;\n      `;\n    },\n\n    icon() {\n      return emotion.css`\n        margin-bottom: -3px;\n        border-radius: 50%;\n        overflow: visible;\n      `;\n    },\n\n    iconInline() {\n      return emotion.css`\n        height: 1.1428571428571428em;\n        width: 1.1428571428571428em;\n        margin-bottom: -0.2428571428571428em;\n        stroke-width: 0.10714285714285714em;\n      `;\n    },\n  });\n"]}

package/internal/icons/SpinnerIcon.styles.d.ts

@@ -1,4 +1,5 @@
-export declare const styles: {
+import type { Emotion } from '@emotion/css/create-instance';
+export declare const getStyles: (emotion: Emotion) => {
     root(): string;
     rootInline(): string;
     icon(): string;

package/internal/icons2022/BaseIcon/BaseIcon.js

@@ -3,7 +3,8 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 var _excluded = ["color", "size", "style", "aria-hidden", "viewBoxSize", "align", "children"];
 import React from 'react';
 import { forwardRefAndName } from "../../../lib/forwardRefAndName";
-import { styles } from "../BaseIcon.styles";
+import { useEmotion } from "../../../lib/theming/Emotion";
+import { getStyles } from "../BaseIcon.styles";
 export var BaseIcon = forwardRefAndName('BaseIcon', function (_ref, ref) {
   var color = _ref.color,
       size = _ref.size,
@@ -17,6 +18,7 @@ export var BaseIcon = forwardRefAndName('BaseIcon', function (_ref, ref) {
       children = _ref.children,
       rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
+  var emotion = useEmotion();
   var icon = /*#__PURE__*/React.createElement("svg", _extends({
     ref: ref,
     width: size || viewBoxSize,
@@ -32,6 +34,7 @@ export var BaseIcon = forwardRefAndName('BaseIcon', function (_ref, ref) {
   }, rest), children);
 
   if (align === 'center') {
+    var styles = getStyles(emotion);
     return /*#__PURE__*/React.createElement("span", {
       className: styles.centeredIcon()
     }, icon);

package/internal/icons2022/BaseIcon/BaseIcon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["BaseIcon.tsx"],"names":["React","forwardRefAndName","styles","BaseIcon","ref","color","size","style","ariaHidden","viewBoxSize","align","children","rest","icon","fill","marginBottom","flexShrink","centeredIcon"],"mappings":"4PAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,iBAAT,QAA2D,6BAA3D;;;AAGA,SAASC,MAAT,QAAuB,mBAAvB;;;;;;;;;;;;;AAaA,OAAO,IAAMC,QAAQ,GAAGF,iBAAiB;AACvC,UADuC;AAEvC;;AAEEG,GAFF;AAGK,KAFDC,KAEC,QAFDA,KAEC,CAFMC,IAEN,QAFMA,IAEN,CAFYC,KAEZ,QAFYA,KAEZ,wBAFmB,aAEnB,EAFkCC,UAElC,gCAF+C,IAE/C,2CAFqDC,WAErD,CAFqDA,WAErD,iCAFmE,EAEnE,sCAFuEC,KAEvE,CAFuEA,KAEvE,2BAF+E,QAE/E,cAFyFC,QAEzF,QAFyFA,QAEzF,CAFsGC,IAEtG;AACH,MAAMC,IAAI;AACR;AACE,IAAA,GAAG,EAAET,GADP;AAEE,IAAA,KAAK,EAAEE,IAAI,IAAIG,WAFjB;AAGE,IAAA,MAAM,EAAEH,IAAI,IAAIG,WAHlB;AAIE,IAAA,KAAK;AACHK,MAAAA,IAAI,EAAET,KAAF,WAAEA,KAAF,GAAW,cADZ;AAEHU,MAAAA,YAAY,EAAEL,KAAK,KAAK,MAAV,IAAoBA,KAAK,KAAK,QAA9B,GAAyC,CAAzC,GAA6C,WAFxD;AAGHM,MAAAA,UAAU,EAAE,CAHT;AAIAT,IAAAA,KAJA,CAJP;;AAUE,IAAA,KAAK,EAAC,4BAVR;AAWE,IAAA,OAAO,WAASE,WAAT,SAAwBA,WAXjC;AAYE,mBAAaD,UAZf;AAaMI,EAAAA,IAbN;;AAeGD,EAAAA,QAfH,CADF;;;;AAoBA,MAAID,KAAK,KAAK,QAAd,EAAwB;AACtB,wBAAO,8BAAM,SAAS,EAAER,MAAM,CAACe,YAAP,EAAjB,IAAyCJ,IAAzC,CAAP;AACD;;AAED,SAAOA,IAAP;AACD,CA/BsC,CAAlC","sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName, ReactUIComponentWithRef } from '../../lib/forwardRefAndName';\nimport { SvgIconProps } from '../icons/16px';\n\nimport { styles } from './BaseIcon.styles';\n\nexport type IconProps = {\n  size?: number;\n  viewBoxSize?: number;\n  color?: string;\n  align?: 'center' | 'baseline' | 'none';\n} & React.SVGAttributes<SVGElement>;\n\nexport type BothIconType =\n  | ReactUIComponentWithRef<HTMLElement, SvgIconProps>\n  | ReactUIComponentWithRef<SVGSVGElement, IconProps>;\n\nexport const BaseIcon = forwardRefAndName<SVGSVGElement, IconProps>(\n  'BaseIcon',\n  (\n    { color, size, style, 'aria-hidden': ariaHidden = true, viewBoxSize = 16, align = 'center', children, ...rest },\n    ref,\n  ) => {\n    const icon = (\n      <svg\n        ref={ref}\n        width={size || viewBoxSize}\n        height={size || viewBoxSize}\n        style={{\n          fill: color ?? 'currentColor',\n          marginBottom: align === 'none' || align === 'center' ? 0 : '-0.1875em',\n          flexShrink: 0,\n          ...style,\n        }}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox={`0 0 ${viewBoxSize} ${viewBoxSize}`}\n        aria-hidden={ariaHidden}\n        {...rest}\n      >\n        {children}\n      </svg>\n    );\n\n    if (align === 'center') {\n      return <span className={styles.centeredIcon()}>{icon}</span>;\n    }\n\n    return icon;\n  },\n);\n"]}
+{"version":3,"sources":["BaseIcon.tsx"],"names":["React","forwardRefAndName","useEmotion","getStyles","BaseIcon","ref","color","size","style","ariaHidden","viewBoxSize","align","children","rest","emotion","icon","fill","marginBottom","flexShrink","styles","centeredIcon"],"mappings":"4PAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,iBAAT,QAA2D,6BAA3D;;AAEA,SAASC,UAAT,QAA2B,2BAA3B;;AAEA,SAASC,SAAT,QAA0B,mBAA1B;;;;;;;;;;;;;AAaA,OAAO,IAAMC,QAAQ,GAAGH,iBAAiB;AACvC,UADuC;AAEvC;;AAEEI,GAFF;AAGK,KAFDC,KAEC,QAFDA,KAEC,CAFMC,IAEN,QAFMA,IAEN,CAFYC,KAEZ,QAFYA,KAEZ,wBAFmB,aAEnB,EAFkCC,UAElC,gCAF+C,IAE/C,2CAFqDC,WAErD,CAFqDA,WAErD,iCAFmE,EAEnE,sCAFuEC,KAEvE,CAFuEA,KAEvE,2BAF+E,QAE/E,cAFyFC,QAEzF,QAFyFA,QAEzF,CAFsGC,IAEtG;AACH,MAAMC,OAAO,GAAGZ,UAAU,EAA1B;AACA,MAAMa,IAAI;AACR;AACE,IAAA,GAAG,EAAEV,GADP;AAEE,IAAA,KAAK,EAAEE,IAAI,IAAIG,WAFjB;AAGE,IAAA,MAAM,EAAEH,IAAI,IAAIG,WAHlB;AAIE,IAAA,KAAK;AACHM,MAAAA,IAAI,EAAEV,KAAF,WAAEA,KAAF,GAAW,cADZ;AAEHW,MAAAA,YAAY,EAAEN,KAAK,KAAK,MAAV,IAAoBA,KAAK,KAAK,QAA9B,GAAyC,CAAzC,GAA6C,WAFxD;AAGHO,MAAAA,UAAU,EAAE,CAHT;AAIAV,IAAAA,KAJA,CAJP;;AAUE,IAAA,KAAK,EAAC,4BAVR;AAWE,IAAA,OAAO,WAASE,WAAT,SAAwBA,WAXjC;AAYE,mBAAaD,UAZf;AAaMI,EAAAA,IAbN;;AAeGD,EAAAA,QAfH,CADF;;;;AAoBA,MAAID,KAAK,KAAK,QAAd,EAAwB;AACtB,QAAMQ,MAAM,GAAGhB,SAAS,CAACW,OAAD,CAAxB;AACA,wBAAO,8BAAM,SAAS,EAAEK,MAAM,CAACC,YAAP,EAAjB,IAAyCL,IAAzC,CAAP;AACD;;AAED,SAAOA,IAAP;AACD,CAjCsC,CAAlC","sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName, ReactUIComponentWithRef } from '../../lib/forwardRefAndName';\nimport { SvgIconProps } from '../icons/16px';\nimport { useEmotion } from '../../lib/theming/Emotion';\n\nimport { getStyles } from './BaseIcon.styles';\n\nexport type IconProps = {\n  size?: number;\n  viewBoxSize?: number;\n  color?: string;\n  align?: 'center' | 'baseline' | 'none';\n} & React.SVGAttributes<SVGElement>;\n\nexport type BothIconType =\n  | ReactUIComponentWithRef<HTMLElement, SvgIconProps>\n  | ReactUIComponentWithRef<SVGSVGElement, IconProps>;\n\nexport const BaseIcon = forwardRefAndName<SVGSVGElement, IconProps>(\n  'BaseIcon',\n  (\n    { color, size, style, 'aria-hidden': ariaHidden = true, viewBoxSize = 16, align = 'center', children, ...rest },\n    ref,\n  ) => {\n    const emotion = useEmotion();\n    const icon = (\n      <svg\n        ref={ref}\n        width={size || viewBoxSize}\n        height={size || viewBoxSize}\n        style={{\n          fill: color ?? 'currentColor',\n          marginBottom: align === 'none' || align === 'center' ? 0 : '-0.1875em',\n          flexShrink: 0,\n          ...style,\n        }}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox={`0 0 ${viewBoxSize} ${viewBoxSize}`}\n        aria-hidden={ariaHidden}\n        {...rest}\n      >\n        {children}\n      </svg>\n    );\n\n    if (align === 'center') {\n      const styles = getStyles(emotion);\n      return <span className={styles.centeredIcon()}>{icon}</span>;\n    }\n\n    return icon;\n  },\n);\n"]}

package/internal/icons2022/BaseIcon.styles/BaseIcon.styles.js

@@ -3,9 +3,11 @@ import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTempla
 var _templateObject;
 
 import { ZERO_WIDTH_SPACE_CSS } from "../../../lib/chars";
-import { css, memoizeStyle } from "../../../lib/theming/Emotion";
-export var styles = memoizeStyle({
-  centeredIcon: function centeredIcon() {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      display: inline-flex;\n      align-items: center;\n\n      &::before {\n        content: '", "';\n      }\n    "])), ZERO_WIDTH_SPACE_CSS);
-  }
-});
+import { memoizeStyle } from "../../../lib/theming/Emotion";
+export var getStyles = function getStyles(emotion) {
+  return memoizeStyle({
+    centeredIcon: function centeredIcon() {
+      return emotion.css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n        display: inline-flex;\n        align-items: center;\n\n        &::before {\n          content: '", "';\n        }\n      "])), ZERO_WIDTH_SPACE_CSS);
+    }
+  });
+};

package/internal/icons2022/BaseIcon.styles/BaseIcon.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["BaseIcon.styles.ts"],"names":["ZERO_WIDTH_SPACE_CSS","css","memoizeStyle","styles","centeredIcon"],"mappings":"oHAAA,SAASA,oBAAT,QAAqC,iBAArC;AACA,SAASC,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;AAEA,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;AACjCE,EAAAA,YADiC,0BAClB;AACb,WAAOH,GAAP;;;;;AAKgBD,IAAAA,oBALhB;;;AAQD,GAVgC,EAAD,CAA3B","sourcesContent":["import { ZERO_WIDTH_SPACE_CSS } from '../../lib/chars';\nimport { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  centeredIcon() {\n    return css`\n      display: inline-flex;\n      align-items: center;\n\n      &::before {\n        content: '${ZERO_WIDTH_SPACE_CSS}';\n      }\n    `;\n  },\n});\n"]}
+{"version":3,"sources":["BaseIcon.styles.ts"],"names":["ZERO_WIDTH_SPACE_CSS","memoizeStyle","getStyles","emotion","centeredIcon","css"],"mappings":";;AAEA,SAASA,oBAAT,QAAqC,iBAArC;AACA,SAASC,YAAT,QAA6B,2BAA7B;;AAEA,OAAO,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAACC,OAAD;AACvBF,IAAAA,YAAY,CAAC;AACXG,MAAAA,YADW,0BACI;AACb,eAAOD,OAAO,CAACE,GAAf;;;;;AAKgBL,QAAAA,oBALhB;;;AAQD,OAVU,EAAD,CADW,GAAlB","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { ZERO_WIDTH_SPACE_CSS } from '../../lib/chars';\nimport { memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    centeredIcon() {\n      return emotion.css`\n        display: inline-flex;\n        align-items: center;\n\n        &::before {\n          content: '${ZERO_WIDTH_SPACE_CSS}';\n        }\n      `;\n    },\n  });\n"]}

package/internal/icons2022/BaseIcon.styles.d.ts

@@ -1,3 +1,4 @@
-export declare const styles: {
+import type { Emotion } from '@emotion/css/create-instance';
+export declare const getStyles: (emotion: Emotion) => {
     centeredIcon(): string;
 };

package/internal/icons2022/LoadingIcon/LoadingIcon.js

@@ -2,17 +2,19 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 /* eslint-disable react/display-name */
 
 import React from 'react';
-import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { styles } from "../../../components/Spinner/Spinner.styles";
-import { cx } from "../../../lib/theming/Emotion";
+import { getStyles } from "../../../components/Spinner/Spinner.styles";
+import { useEmotion } from "../../../lib/theming/Emotion";
 import { SpinnerIcon } from "../../icons/SpinnerIcon";
+import { useTheme } from "../../../lib/theming/useTheme";
 import { iconSizer } from "../iconSizer";
 
 var Icon = function Icon(props) {
-  var theme = React.useContext(ThemeContext);
+  var theme = useTheme();
+  var emotion = useEmotion();
+  var styles = getStyles(emotion);
   return /*#__PURE__*/React.createElement(SpinnerIcon, _extends({
     dimmed: true,
-    className: cx(styles.circle(theme), styles.circleDimmedColor(theme), styles.circleWithoutColorAnimation())
+    className: emotion.cx(styles.circle(theme), styles.circleDimmedColor(theme), styles.circleWithoutColorAnimation())
   }, props));
 };
 

package/internal/icons2022/LoadingIcon/LoadingIcon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["LoadingIcon.tsx"],"names":["React","ThemeContext","styles","cx","SpinnerIcon","iconSizer","Icon","props","theme","useContext","circle","circleDimmedColor","circleWithoutColorAnimation","LoadingIcon","small","medium","size","width","radius","large"],"mappings":"2DAAA;AACA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,MAAT,QAAuB,yCAAvB;AACA,SAASC,EAAT,QAAmB,2BAAnB;AACA,SAASC,WAAT,QAA8C,sBAA9C;;AAEA,SAASC,SAAT,QAA0B,aAA1B;;AAEA,IAAMC,IAAI,GAAG,SAAPA,IAAO,CAACC,KAAD,EAA6B;AACxC,MAAMC,KAAK,GAAGR,KAAK,CAACS,UAAN,CAAiBR,YAAjB,CAAd;AACA;AACE,wBAAC,WAAD;AACE,MAAA,MAAM,MADR;AAEE,MAAA,SAAS,EAAEE,EAAE,CAACD,MAAM,CAACQ,MAAP,CAAcF,KAAd,CAAD,EAAuBN,MAAM,CAACS,iBAAP,CAAyBH,KAAzB,CAAvB,EAAwDN,MAAM,CAACU,2BAAP,EAAxD,CAFf;AAGML,IAAAA,KAHN,EADF;;;AAOD,CATD;;AAWA,OAAO,IAAMM,WAAW,GAAGR,SAAS;AAClC;AACES,EAAAA,KAAK,EAAE,sCAAM,oBAAC,IAAD,IAAM,IAAI,EAAC,MAAX,GAAN,EADT;AAEEC,EAAAA,MAAM,EAAE;AACN,0BAAC,IAAD;AACE,QAAA,IAAI,EAAE;AACJC,UAAAA,IAAI,EAAE,EADF;AAEJC,UAAAA,KAAK,EAAE,CAFH;AAGJC,UAAAA,MAAM,EAAE,CAHJ,EADR,GADM,GAFV;;;;AAWEC,EAAAA,KAAK,EAAE;AACL,0BAAC,IAAD;AACE,QAAA,IAAI,EAAE;AACJH,UAAAA,IAAI,EAAE,EADF;AAEJC,UAAAA,KAAK,EAAE,GAFH;AAGJC,UAAAA,MAAM,EAAE,CAHJ,EADR,GADK,GAXT,EADkC;;;;;AAsBlC,aAtBkC,CAA7B","sourcesContent":["/* eslint-disable react/display-name */\nimport React from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { styles } from '../../components/Spinner/Spinner.styles';\nimport { cx } from '../../lib/theming/Emotion';\nimport { SpinnerIcon, SpinnerIconProps } from '../icons/SpinnerIcon';\n\nimport { iconSizer } from './iconSizer';\n\nconst Icon = (props: SpinnerIconProps) => {\n  const theme = React.useContext(ThemeContext);\n  return (\n    <SpinnerIcon\n      dimmed\n      className={cx(styles.circle(theme), styles.circleDimmedColor(theme), styles.circleWithoutColorAnimation())}\n      {...props}\n    />\n  );\n};\n\nexport const LoadingIcon = iconSizer<Omit<SpinnerIconProps, 'size'>>(\n  {\n    small: () => <Icon size=\"mini\" />,\n    medium: () => (\n      <Icon\n        size={{\n          size: 20,\n          width: 1,\n          radius: 6,\n        }}\n      />\n    ),\n    large: () => (\n      <Icon\n        size={{\n          size: 24,\n          width: 1.5,\n          radius: 8,\n        }}\n      />\n    ),\n  },\n  'LoadingIcon',\n);\n"]}
+{"version":3,"sources":["LoadingIcon.tsx"],"names":["React","getStyles","useEmotion","SpinnerIcon","useTheme","iconSizer","Icon","props","theme","emotion","styles","cx","circle","circleDimmedColor","circleWithoutColorAnimation","LoadingIcon","small","medium","size","width","radius","large"],"mappings":"2DAAA;AACA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,SAAT,QAA0B,yCAA1B;AACA,SAASC,UAAT,QAA2B,2BAA3B;AACA,SAASC,WAAT,QAA8C,sBAA9C;AACA,SAASC,QAAT,QAAyB,4BAAzB;;AAEA,SAASC,SAAT,QAA0B,aAA1B;;AAEA,IAAMC,IAAI,GAAG,SAAPA,IAAO,CAACC,KAAD,EAA6B;AACxC,MAAMC,KAAK,GAAGJ,QAAQ,EAAtB;AACA,MAAMK,OAAO,GAAGP,UAAU,EAA1B;AACA,MAAMQ,MAAM,GAAGT,SAAS,CAACQ,OAAD,CAAxB;;AAEA;AACE,wBAAC,WAAD;AACE,MAAA,MAAM,MADR;AAEE,MAAA,SAAS,EAAEA,OAAO,CAACE,EAAR;AACTD,MAAAA,MAAM,CAACE,MAAP,CAAcJ,KAAd,CADS;AAETE,MAAAA,MAAM,CAACG,iBAAP,CAAyBL,KAAzB,CAFS;AAGTE,MAAAA,MAAM,CAACI,2BAAP,EAHS,CAFb;;AAOMP,IAAAA,KAPN,EADF;;;AAWD,CAhBD;;AAkBA,OAAO,IAAMQ,WAAW,GAAGV,SAAS;AAClC;AACEW,EAAAA,KAAK,EAAE,sCAAM,oBAAC,IAAD,IAAM,IAAI,EAAC,MAAX,GAAN,EADT;AAEEC,EAAAA,MAAM,EAAE;AACN,0BAAC,IAAD;AACE,QAAA,IAAI,EAAE;AACJC,UAAAA,IAAI,EAAE,EADF;AAEJC,UAAAA,KAAK,EAAE,CAFH;AAGJC,UAAAA,MAAM,EAAE,CAHJ,EADR,GADM,GAFV;;;;AAWEC,EAAAA,KAAK,EAAE;AACL,0BAAC,IAAD;AACE,QAAA,IAAI,EAAE;AACJH,UAAAA,IAAI,EAAE,EADF;AAEJC,UAAAA,KAAK,EAAE,GAFH;AAGJC,UAAAA,MAAM,EAAE,CAHJ,EADR,GADK,GAXT,EADkC;;;;;AAsBlC,aAtBkC,CAA7B","sourcesContent":["/* eslint-disable react/display-name */\nimport React from 'react';\n\nimport { getStyles } from '../../components/Spinner/Spinner.styles';\nimport { useEmotion } from '../../lib/theming/Emotion';\nimport { SpinnerIcon, SpinnerIconProps } from '../icons/SpinnerIcon';\nimport { useTheme } from '../../lib/theming/useTheme';\n\nimport { iconSizer } from './iconSizer';\n\nconst Icon = (props: SpinnerIconProps) => {\n  const theme = useTheme();\n  const emotion = useEmotion();\n  const styles = getStyles(emotion);\n\n  return (\n    <SpinnerIcon\n      dimmed\n      className={emotion.cx(\n        styles.circle(theme),\n        styles.circleDimmedColor(theme),\n        styles.circleWithoutColorAnimation(),\n      )}\n      {...props}\n    />\n  );\n};\n\nexport const LoadingIcon = iconSizer<Omit<SpinnerIconProps, 'size'>>(\n  {\n    small: () => <Icon size=\"mini\" />,\n    medium: () => (\n      <Icon\n        size={{\n          size: 20,\n          width: 1,\n          radius: 6,\n        }}\n      />\n    ),\n    large: () => (\n      <Icon\n        size={{\n          size: 24,\n          width: 1.5,\n          radius: 8,\n        }}\n      />\n    ),\n  },\n  'LoadingIcon',\n);\n"]}

package/internal/themes/DarkTheme/DarkTheme.js

@@ -189,6 +189,7 @@ DarkTheme.linkDangerColor = '#ff887b';
 DarkTheme.linkDangerHoverColor = '#ff5a49';
 DarkTheme.linkDangerActiveColor = '#ee5042';
 DarkTheme.fixedPanelShadow = '0px 0px 16px 1px rgba(0, 0, 0, 0.4)';
+DarkTheme.linkFocusOutlineColor = 'transparent';
 DarkTheme.btnInsetColor = '#1f1f1f';
 DarkTheme.btnDefaultBg = '#282828';
 DarkTheme.btnDefaultHoverBg = 'none';

package/internal/themes/DarkTheme/DarkTheme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["DarkTheme.ts"],"names":["exposeGetters","DefaultThemeInternal","DarkTheme","borderColorGrayLight","textColorDefault","fixedPanelShadow","gray","menuHeaderColor","bgDisabled","inputBorderColor","textareaBorderColor","textareaDisabledBg","checkboxBorderWidth","checkboxShadow","borderColorDisabled","grayXLight","grayDark","green","greenDark","red","redDark","yellowXxLight","yellow","yellowDark","warningMain","errorMain","errorText","borderColorFocusLight","placeholderColor","placeholderColorLight","textColorDisabled","textColorDisabledContrast","textColorInvert","bgDefault","bgSecondary","outlineColorFocus","linkColor","linkHoverColor","linkActiveColor","linkSuccessColor","linkSuccessHoverColor","linkSuccessActiveColor","linkDangerColor","linkDangerHoverColor","linkDangerActiveColor","btnInsetColor","btnDefaultBg","btnDefaultHoverBg","btnDefaultActiveBg","btnSuccessBg","btnSuccessBorderColor","btnSuccessActiveBg","btnSuccessActiveBorderColor","btnPrimaryBg","btnPrimaryBorderColor","btnPrimaryActiveBg","btnPrimaryActiveBorderColor","btnDangerBg","btnDangerBorderColor","btnDangerActiveBg","btnDangerActiveBorderColor","btnPayBg","btnPayHoverBg","btnPayHoverBorderColor","btnPayTextColor","btnPayActiveBg","btnPayActiveBorderColor","btnPayBorderColor","tooltipCloseBtnColor","tooltipCloseBtnHoverColor","tooltipBg","modalBackBg","modalCloseButtonColor","modalCloseButtonHoverColor","modalFooterBg","sidePageFooterPanelBg","sidePageBackingBg","sidePageCloseButtonColor","sidePageCloseButtonHoverColor","calendarCellWeekendColor","calendarCellTodayBorder","calendarCellSelectedBgColor","calendarMonthTitleBorderBottomColor","pagingPageLinkHoverBg","pagingPageLinkActiveBg","pagingPageLinkDisabledActiveBg","toastLinkColor","toastCloseColor","menuItemCommentColor","menuSeparatorBorderColor","toggleBorderColor","toggleDisabledHandleBg","toggleBaseBg","toggleBgDisabledChecked","inputBg","inputColorScheme","dateSelectMenuItemBgSelected","pickerTodayWrapperBorderTop","dateInputComponentSelectedBgColor","hintBgColor","loaderBg","dropdownMenuSelectedBg","textareaBg","passwordInputVisibilityIconOpacity","radioBgColor","radioBorderColor","checkboxBg","tokenShadowDisabled","switcherButtonCheckedDisabledShadow","fileUploaderBg","fileUploaderTextColorDefault","fileUploaderBorderColor","fileUploaderBorderColorFocus","fileUploaderLinkColor","fileUploaderIconColor","fileUploaderIconHoverColor","fileUploaderBorderColorError","fileUploaderBorderColorWarning","fileUploaderDisabledBg","fileUploaderDisabledBorderColor","fileUploaderDisabledTextColor","fileUploaderDisabledLinkColor","fileUploaderDisabledIconColor","DarkThemeInternal","Object","setPrototypeOf"],"mappings":"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AvCtBH,S,CA0CG2C,a,GAAgB,S,CA1CnB3C,S,CA2CG4C,Y,GAAe,S,CA3ClB5C,S,CA4CG6C,iB,GAAoB,M,CA5CvB7C,S,CA6CG8C,kB,GAAqB,S,CA7CxB9C,S,CAuDG+C,Y,GAAe,S,CAvDlB/C,S,CA2DGgD,qB,GAAwB,S,CA3D3BhD,S,CA4DGiD,kB,GAAqB,S,CA5DxBjD,S,CA6DGkD,2B,GAA8B,S,CA7DjClD,S,CA8DGmD,Y,GAAe,S,CA9DlBnD,S,CAkEGoD,qB,GAAwB,S,CAlE3BpD,S,CAmEGqD,kB,GAAqB,S,CAnExBrD,S,CAoEGsD,2B,GAA8B,S,CApEjCtD,S,CAqEGuD,W,GAAc,S,CArEjBvD,S,CAyEGwD,oB,GAAuB,S,CAzE1BxD,S,CA0EGyD,iB,GAAoB,S,CA1EvBzD,S,CA2EG0D,0B,GAA6B,S,CA3EhC1D,S,CA4EG2D,Q,GAAW,S,CA5Ed3D,S,CA6EG4D,a,GAAgB,S,CA7EnB5D,S,CA8EG6D,sB,GAAyB,S,CA9E5B7D,S,CA+EG8D,e,GAAkB,S,CA/ErB9D,S,CAgFG+D,c,GAAiB,S,CAhFpB/D,S,CAiFGgE,uB,GAA0B,S,CAjF7BhE,S,CAkFGiE,iB,GAAoB,S,CAlFvBjE,S,CAqFGkE,oB,GAAuB,2B,CArF1BlE,S,CAsFGmE,yB,GAA4B,4B,CAtF/BnE,S,CAuFGoE,S,GAAY,S,CAvFfpE,S,CA0FGqE,W,GAAc,4B,CA1FjBrE,S,CA2FGsE,qB,GAAwB,2B,CA3F3BtE,S,CA4FGuE,0B,GAA6B,4B,CA5FhCvE,S,CA6FGwE,a,GAAgB,S,CA7FnBxE,S,CAyGGyE,qB,GAAwB,U,CAzG3BzE,S,CA0GG0E,iB,GAAoB,4B,CA1GvB1E,S,CA2GG2E,wB,GAA2B,2B,CA3G9B3E,S,CA4GG4E,6B,GAAgC,4B,CA5GnC5E,S,CAwHG6E,wB,GAA2B,S,CAxH9B7E,S,CAyHG8E,uB,GAA0B,qC,CAzH7B9E,S,CA0HG+E,2B,GAA8B,2B,CA1HjC/E,S,CA2HGgF,mC,GAAsC,2B,CA3HzChF,S,CA+HGiF,qB,GAAwB,0B,CA/H3BjF,S,CAgIGkF,sB,GAAyB,2B,CAhI5BlF,S,CAiIGmF,8B,GAAiC,2B,CAjIpCnF,S,CAoIGoF,c,GAAiB,S,CApIpBpF,S,CAqIGqF,e,GAAkB,0B,CArIrBrF,S,CAyIGsF,oB,GAAuB,2B,CAzI1BtF,S,CAmJGuF,wB,GAA2B,2B,CAnJ9BvF,S,CAsJGwF,iB,GAAoB,2B,CAtJvBxF,S,CAuJGyF,sB,GAAyB,S,CAvJ5BzF,S,CAwJG0F,Y,GAAe,2B,CAxJlB1F,S,CA4JG2F,uB,GAA0B,2B,CA5J7B3F,S,CA+JG4F,O,GAAU,2B,CA/Jb5F,S,CAmKG6F,gB,GAAmB,M,CAnKtB7F,S,CAsKG8F,4B,GAA+B,2B,CAtKlC9F,S,CAuKG+F,2B,GAA8B,qC,CAvKjC/F,S,CA0KGgG,iC,GAAoC,S,CA1KvChG,S,CA6KGiG,W,GAAc,wB,CA7KjBjG,S,CAgLGkG,Q,GAAW,uB,CAhLdlG,S,CAmLGmG,sB,GAAyB,2B,CAnL5BnG,S,CAsLGoG,U,GAAa,S,CAtLhBpG,S,CAkMGqG,kC,GAAqC,G,CAlMxCrG,S,CAwMGsG,Y,GAAe,2B,CAxMlBtG,S,CAyMGuG,gB,GAAmB,2B,CAzMtBvG,S,CA4MGwG,U,GAAa,2B,CA5MhBxG,S,CAqNGyG,mB,GAAsB,M,CArNzBzG,S,CA2NG0G,mC,GAAsC,M,CA3NzC1G,S,CA8NG2G,c,GAAiB,2B,CA9NpB3G,S,CA+NG4G,4B,GAA+B,M,CA/NlC5G,S,CAgOG6G,uB,GAA0B,2B,CAhO7B7G,S,CAiOG8G,4B,GAA+B,S,CAjOlC9G,S,CAkOG+G,qB,GAAwB,S,CAlO3B/G,S,CAmOGgH,qB,GAAwB,2B,CAnO3BhH,S,CAoOGiH,0B,GAA6B,2B,CApOhCjH,S,CAqOGkH,4B,GAA+B,S,CArOlClH,S,CAsOGmH,8B,GAAiC,S,CAtOpCnH,S,CAuOGoH,sB,GAAyB,2B,CAvO5BpH,S,CAwOGqH,+B,GAAkC,2B,CAxOrCrH,S,CAyOGsH,6B,GAAgC,2B,CAzOnCtH,S,CA0OGuH,6B,GAAgC,2B,CA1OnCvH,S,CA2OGwH,6B,GAAgC,2B;;AAIhD,OAAO,IAAMC,iBAAiB,GAAGC,MAAM,CAACC,cAAP;AAC/B7H,aAAa,CAACE,SAAD,CADkB;AAE/BD,oBAF+B,CAA1B","sourcesContent":["import { exposeGetters } from '../../lib/theming/ThemeHelpers';\n\nimport { DefaultThemeInternal } from './DefaultTheme';\n\nexport class DarkTheme extends (class {} as typeof DefaultThemeInternal) {\n  //#region Common variables\n  public static grayXLight = '#313131';\n  public static gray = 'rgba(255, 255, 255, 0.48)';\n  public static grayDark = '#e1e1e1';\n  public static green = '#5f9c20';\n  public static greenDark = '#538a1b';\n  public static red = '#ee5042';\n  public static redDark = '#dd473b';\n  public static yellowXxLight = '#ffe0c3';\n  public static yellow = '#ffa236';\n  public static yellowDark = '#ea7324';\n  public static warningMain = '#ffa236';\n  public static errorMain = '#ee5042';\n  public static errorText = '#ffa236';\n  public static borderColorFocusLight = '#1260ae';\n  public static borderColorGrayLight = 'rgba(255, 255, 255, 0.16)';\n  public static borderColorDisabled = 'rgba(255, 255, 255, 0.16)';\n  public static placeholderColor = 'rgba(255, 255, 255, 0.32)';\n  public static placeholderColorLight = 'rgba(255, 255, 255, 0.16)';\n  public static textColorDefault = 'rgba(255, 255, 255, 0.865)';\n  public static textColorDisabled = 'rgba(255, 255, 255, 0.32)';\n  public static textColorDisabledContrast = 'rgba(255, 255, 255, 0.48)';\n  public static textColorInvert = 'rgba(255, 255, 255, 0.865)';\n  public static bgDisabled = '#434343';\n  public static bgDefault = '#1f1f1f';\n  public static bgSecondary = '#333333';\n  public static outlineColorFocus = '#1f1f1f';\n  //#endregion\n  //#region Link\n  public static linkColor = '#51adff';\n  public static linkHoverColor = '#2291ff';\n  public static linkActiveColor = '#1f87ef';\n  public static linkSuccessColor = '#78bf2b';\n  public static linkSuccessHoverColor = '#6cad26';\n  public static linkSuccessActiveColor = '#5f9c20';\n  public static linkDangerColor = '#ff887b';\n  public static linkDangerHoverColor = '#ff5a49';\n  public static linkDangerActiveColor = '#ee5042';\n  public static fixedPanelShadow = '0px 0px 16px 1px rgba(0, 0, 0, 0.4)';\n  //#endregion\n  //#region Button\n  public static btnInsetColor = '#1f1f1f';\n  public static btnDefaultBg = '#282828';\n  public static btnDefaultHoverBg = 'none';\n  public static btnDefaultActiveBg = '#1a1a1a';\n  public static get btnDefaultHoverBorderColor() {\n    return this.borderColorGrayLight;\n  }\n  public static get btnDefaultActiveBorderColor() {\n    return this.borderColorGrayLight;\n  }\n  public static get btnDefaultBorderColor() {\n    return this.borderColorGrayLight;\n  }\n  public static btnSuccessBg = '#5f9c20';\n  public static get btnSuccessTextColor() {\n    return this.textColorDefault;\n  }\n  public static btnSuccessBorderColor = '#5f9c20';\n  public static btnSuccessActiveBg = '#3a6710';\n  public static btnSuccessActiveBorderColor = '#3a6710';\n  public static btnPrimaryBg = '#1f87ef';\n  public static get btnPrimaryTextColor() {\n    return this.textColorDefault;\n  }\n  public static btnPrimaryBorderColor = '#1f87ef';\n  public static btnPrimaryActiveBg = '#1261ae';\n  public static btnPrimaryActiveBorderColor = '#1261ae';\n  public static btnDangerBg = '#ee5042';\n  public static get btnDangerTextColor() {\n    return this.textColorDefault;\n  }\n  public static btnDangerBorderColor = '#ee5042';\n  public static btnDangerActiveBg = '#a92a27';\n  public static btnDangerActiveBorderColor = '#a92a27';\n  public static btnPayBg = '#ffa236';\n  public static btnPayHoverBg = '#ff8227';\n  public static btnPayHoverBorderColor = '#ff8227';\n  public static btnPayTextColor = '#222222';\n  public static btnPayActiveBg = '#d46421';\n  public static btnPayActiveBorderColor = '#d46421';\n  public static btnPayBorderColor = '#ffa236';\n  //#endregion\n  //#region Tooltip\n  public static tooltipCloseBtnColor = 'rgba(255, 255, 255, 0.32)';\n  public static tooltipCloseBtnHoverColor = 'rgba(255, 255, 255, 0.865)';\n  public static tooltipBg = '#333333';\n  //#endregion\n  //#region Modal\n  public static modalBackBg = 'rgba(255, 255, 255, 0.865)';\n  public static modalCloseButtonColor = 'rgba(255, 255, 255, 0.32)';\n  public static modalCloseButtonHoverColor = 'rgba(255, 255, 255, 0.865)';\n  public static modalFooterBg = '#434343';\n  public static get modalBodyTextColor() {\n    return this.textColorDefault;\n  }\n  public static get modalFooterTextColor() {\n    return this.textColorDefault;\n  }\n  public static get modalFixedPanelShadow() {\n    return this.fixedPanelShadow;\n  }\n  //#endregion\n  //#region SidePage\n  public static sidePageFooterPanelBg = ' #434343';\n  public static sidePageBackingBg = 'rgba(255, 255, 255, 0.865)';\n  public static sidePageCloseButtonColor = 'rgba(255, 255, 255, 0.32)';\n  public static sidePageCloseButtonHoverColor = 'rgba(255, 255, 255, 0.865)';\n  public static get sidePageBodyTextColor() {\n    return this.textColorDefault;\n  }\n  public static get sidePageFooterTextColor() {\n    return this.textColorDefault;\n  }\n  public static get sidePageFixedPanelShadow() {\n    return this.fixedPanelShadow;\n  }\n  //#endregion\n  //#region Calendar\n  public static calendarCellWeekendColor = '#ff887b';\n  public static calendarCellTodayBorder = '1px solid rgba(255, 255, 255, 0.48)';\n  public static calendarCellSelectedBgColor = 'rgba(255, 255, 255, 0.16)';\n  public static calendarMonthTitleBorderBottomColor = 'rgba(255, 255, 255, 0.08)';\n\n  //#endregion\n  //#region Paging\n  public static pagingPageLinkHoverBg = 'rgba(255, 255, 255, 0.8)';\n  public static pagingPageLinkActiveBg = 'rgba(255, 255, 255, 0.16)';\n  public static pagingPageLinkDisabledActiveBg = 'rgba(255, 255, 255, 0.08)';\n  //#endregion\n  //#region Toast\n  public static toastLinkColor = '#51adff';\n  public static toastCloseColor = 'rgba(255, 255, 255, 0.6)';\n  //#endregion\n  //#region Menu\n  // menuItem\n  public static menuItemCommentColor = 'rgba(255, 255, 255, 0.48)';\n  // menuHeader\n  public static get menuHeaderColor() {\n    return this.gray;\n  }\n  // menuFooter\n  public static get menuFooterColor() {\n    return this.menuHeaderColor;\n  }\n  //menuSeparator\n  public static menuSeparatorBorderColor = 'rgba(255, 255, 255, 0.08)';\n  //#endregion\n  //#region Toggle\n  public static toggleBorderColor = 'rgba(255, 255, 255, 0.32)';\n  public static toggleDisabledHandleBg = '#525252';\n  public static toggleBaseBg = 'rgba(255, 255, 255, 0.04)';\n  public static get toggleBgDisabled() {\n    return this.bgDisabled;\n  }\n  public static toggleBgDisabledChecked = 'rgba(255, 255, 255, 0.48)';\n  //#endregion\n  //#region Input\n  public static inputBg = 'rgba(255, 255, 255, 0.04)';\n  public static get inputBorderTopColor() {\n    return this.inputBorderColor;\n  }\n  public static inputColorScheme = 'dark';\n  //#endregion\n  //#region DatePicker\n  public static dateSelectMenuItemBgSelected = 'rgba(255, 255, 255, 0.08)';\n  public static pickerTodayWrapperBorderTop = '1px solid rgba(255, 255, 255, 0.08)';\n  //#endregion\n  //#region DateInput\n  public static dateInputComponentSelectedBgColor = '#1c7edf';\n  //#endregion\n  //#region Hint\n  public static hintBgColor = 'rgba(67, 67, 67, 0.92)';\n  //#endregion\n  //#region Loader\n  public static loaderBg = 'rgba(51, 51, 51, 0.8)';\n  //#endregion\n  //#region Dropdown\n  public static dropdownMenuSelectedBg = 'rgba(255, 255, 255, 0.08)'; //deprecated\n  //#endregion\n  //#region TextArea\n  public static textareaBg = '#1f1f1f';\n  public static get textareaBorderTopColor() {\n    return this.textareaBorderColor;\n  }\n  public static get textareaDisabledBorderColor() {\n    return this.textareaDisabledBg;\n  }\n  //#endregion\n  //#region PasswordInput\n  public static get passwordInputVisibilityIconColor() {\n    return this.gray;\n  }\n  public static passwordInputVisibilityIconOpacity = '1';\n  public static get passwordInputVisibilityIconHoverColor() {\n    return this.textColorDefault;\n  }\n  //#endregion\n  //#region Radio\n  public static radioBgColor = 'rgba(255, 255, 255, 0.04)';\n  public static radioBorderColor = 'rgba(255, 255, 255, 0.32)';\n  //#endregion\n  //#region Checkbox\n  public static checkboxBg = 'rgba(255, 255, 255, 0.04)';\n  public static get checkboxShadow() {\n    return `0 0 0 ${this.checkboxBorderWidth} rgba(255, 255, 255, 0.32)`;\n  }\n  public static get checkboxShadowHover() {\n    return this.checkboxShadow;\n  }\n  //#endregion\n  //#region TokenInput\n  public static tokenShadowDisabled = 'none';\n  //#endregion\n  //#region Switcher\n  public static get switcherButtonDisabledBorderColor() {\n    return this.borderColorDisabled;\n  }\n  public static switcherButtonCheckedDisabledShadow = 'none';\n  //#endregion\n  //#region FileUploader\n  public static fileUploaderBg = 'rgba(255, 255, 255, 0.04)';\n  public static fileUploaderTextColorDefault = '#fff';\n  public static fileUploaderBorderColor = 'rgba(255, 255, 255, 0.32)';\n  public static fileUploaderBorderColorFocus = '#1f87ef';\n  public static fileUploaderLinkColor = '#51adff';\n  public static fileUploaderIconColor = 'rgba(255, 255, 255, 0.48)';\n  public static fileUploaderIconHoverColor = 'rgba(255, 255, 255, 0.80)';\n  public static fileUploaderBorderColorError = '#ee5042';\n  public static fileUploaderBorderColorWarning = '#ffa236';\n  public static fileUploaderDisabledBg = 'rgba(255, 255, 255, 0.16)';\n  public static fileUploaderDisabledBorderColor = 'rgba(255, 255, 255, 0.32)';\n  public static fileUploaderDisabledTextColor = 'rgba(255, 255, 255, 0.32)';\n  public static fileUploaderDisabledLinkColor = 'rgba(255, 255, 255, 0.32)';\n  public static fileUploaderDisabledIconColor = 'rgba(255, 255, 255, 0.32)';\n  //#endregion\n}\n\nexport const DarkThemeInternal = Object.setPrototypeOf(\n  exposeGetters(DarkTheme),\n  DefaultThemeInternal,\n) as typeof DarkTheme;\n"]}
+{"version":3,"sources":["DarkTheme.ts"],"names":["exposeGetters","DefaultThemeInternal","DarkTheme","borderColorGrayLight","textColorDefault","fixedPanelShadow","gray","menuHeaderColor","bgDisabled","inputBorderColor","textareaBorderColor","textareaDisabledBg","checkboxBorderWidth","checkboxShadow","borderColorDisabled","grayXLight","grayDark","green","greenDark","red","redDark","yellowXxLight","yellow","yellowDark","warningMain","errorMain","errorText","borderColorFocusLight","placeholderColor","placeholderColorLight","textColorDisabled","textColorDisabledContrast","textColorInvert","bgDefault","bgSecondary","outlineColorFocus","linkColor","linkHoverColor","linkActiveColor","linkSuccessColor","linkSuccessHoverColor","linkSuccessActiveColor","linkDangerColor","linkDangerHoverColor","linkDangerActiveColor","linkFocusOutlineColor","btnInsetColor","btnDefaultBg","btnDefaultHoverBg","btnDefaultActiveBg","btnSuccessBg","btnSuccessBorderColor","btnSuccessActiveBg","btnSuccessActiveBorderColor","btnPrimaryBg","btnPrimaryBorderColor","btnPrimaryActiveBg","btnPrimaryActiveBorderColor","btnDangerBg","btnDangerBorderColor","btnDangerActiveBg","btnDangerActiveBorderColor","btnPayBg","btnPayHoverBg","btnPayHoverBorderColor","btnPayTextColor","btnPayActiveBg","btnPayActiveBorderColor","btnPayBorderColor","tooltipCloseBtnColor","tooltipCloseBtnHoverColor","tooltipBg","modalBackBg","modalCloseButtonColor","modalCloseButtonHoverColor","modalFooterBg","sidePageFooterPanelBg","sidePageBackingBg","sidePageCloseButtonColor","sidePageCloseButtonHoverColor","calendarCellWeekendColor","calendarCellTodayBorder","calendarCellSelectedBgColor","calendarMonthTitleBorderBottomColor","pagingPageLinkHoverBg","pagingPageLinkActiveBg","pagingPageLinkDisabledActiveBg","toastLinkColor","toastCloseColor","menuItemCommentColor","menuSeparatorBorderColor","toggleBorderColor","toggleDisabledHandleBg","toggleBaseBg","toggleBgDisabledChecked","inputBg","inputColorScheme","dateSelectMenuItemBgSelected","pickerTodayWrapperBorderTop","dateInputComponentSelectedBgColor","hintBgColor","loaderBg","dropdownMenuSelectedBg","textareaBg","passwordInputVisibilityIconOpacity","radioBgColor","radioBorderColor","checkboxBg","tokenShadowDisabled","switcherButtonCheckedDisabledShadow","fileUploaderBg","fileUploaderTextColorDefault","fileUploaderBorderColor","fileUploaderBorderColorFocus","fileUploaderLinkColor","fileUploaderIconColor","fileUploaderIconHoverColor","fileUploaderBorderColorError","fileUploaderBorderColorWarning","fileUploaderDisabledBg","fileUploaderDisabledBorderColor","fileUploaderDisabledTextColor","fileUploaderDisabledLinkColor","fileUploaderDisabledIconColor","DarkThemeInternal","Object","setPrototypeOf"],"mappings":"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","sourcesContent":["import { exposeGetters } from '../../lib/theming/ThemeHelpers';\n\nimport { DefaultThemeInternal } from './DefaultTheme';\n\nexport class DarkTheme extends (class {} as typeof DefaultThemeInternal) {\n  //#region Common variables\n  public static grayXLight = '#313131';\n  public static gray = 'rgba(255, 255, 255, 0.48)';\n  public static grayDark = '#e1e1e1';\n  public static green = '#5f9c20';\n  public static greenDark = '#538a1b';\n  public static red = '#ee5042';\n  public static redDark = '#dd473b';\n  public static yellowXxLight = '#ffe0c3';\n  public static yellow = '#ffa236';\n  public static yellowDark = '#ea7324';\n  public static warningMain = '#ffa236';\n  public static errorMain = '#ee5042';\n  public static errorText = '#ffa236';\n  public static borderColorFocusLight = '#1260ae';\n  public static borderColorGrayLight = 'rgba(255, 255, 255, 0.16)';\n  public static borderColorDisabled = 'rgba(255, 255, 255, 0.16)';\n  public static placeholderColor = 'rgba(255, 255, 255, 0.32)';\n  public static placeholderColorLight = 'rgba(255, 255, 255, 0.16)';\n  public static textColorDefault = 'rgba(255, 255, 255, 0.865)';\n  public static textColorDisabled = 'rgba(255, 255, 255, 0.32)';\n  public static textColorDisabledContrast = 'rgba(255, 255, 255, 0.48)';\n  public static textColorInvert = 'rgba(255, 255, 255, 0.865)';\n  public static bgDisabled = '#434343';\n  public static bgDefault = '#1f1f1f';\n  public static bgSecondary = '#333333';\n  public static outlineColorFocus = '#1f1f1f';\n  //#endregion\n  //#region Link\n  public static linkColor = '#51adff';\n  public static linkHoverColor = '#2291ff';\n  public static linkActiveColor = '#1f87ef';\n  public static linkSuccessColor = '#78bf2b';\n  public static linkSuccessHoverColor = '#6cad26';\n  public static linkSuccessActiveColor = '#5f9c20';\n  public static linkDangerColor = '#ff887b';\n  public static linkDangerHoverColor = '#ff5a49';\n  public static linkDangerActiveColor = '#ee5042';\n  public static fixedPanelShadow = '0px 0px 16px 1px rgba(0, 0, 0, 0.4)';\n\n  public static linkFocusOutlineColor = 'transparent';\n  //#endregion\n  //#region Button\n  public static btnInsetColor = '#1f1f1f';\n  public static btnDefaultBg = '#282828';\n  public static btnDefaultHoverBg = 'none';\n  public static btnDefaultActiveBg = '#1a1a1a';\n  public static get btnDefaultHoverBorderColor() {\n    return this.borderColorGrayLight;\n  }\n  public static get btnDefaultActiveBorderColor() {\n    return this.borderColorGrayLight;\n  }\n  public static get btnDefaultBorderColor() {\n    return this.borderColorGrayLight;\n  }\n  public static btnSuccessBg = '#5f9c20';\n  public static get btnSuccessTextColor() {\n    return this.textColorDefault;\n  }\n  public static btnSuccessBorderColor = '#5f9c20';\n  public static btnSuccessActiveBg = '#3a6710';\n  public static btnSuccessActiveBorderColor = '#3a6710';\n  public static btnPrimaryBg = '#1f87ef';\n  public static get btnPrimaryTextColor() {\n    return this.textColorDefault;\n  }\n  public static btnPrimaryBorderColor = '#1f87ef';\n  public static btnPrimaryActiveBg = '#1261ae';\n  public static btnPrimaryActiveBorderColor = '#1261ae';\n  public static btnDangerBg = '#ee5042';\n  public static get btnDangerTextColor() {\n    return this.textColorDefault;\n  }\n  public static btnDangerBorderColor = '#ee5042';\n  public static btnDangerActiveBg = '#a92a27';\n  public static btnDangerActiveBorderColor = '#a92a27';\n  public static btnPayBg = '#ffa236';\n  public static btnPayHoverBg = '#ff8227';\n  public static btnPayHoverBorderColor = '#ff8227';\n  public static btnPayTextColor = '#222222';\n  public static btnPayActiveBg = '#d46421';\n  public static btnPayActiveBorderColor = '#d46421';\n  public static btnPayBorderColor = '#ffa236';\n  //#endregion\n  //#region Tooltip\n  public static tooltipCloseBtnColor = 'rgba(255, 255, 255, 0.32)';\n  public static tooltipCloseBtnHoverColor = 'rgba(255, 255, 255, 0.865)';\n  public static tooltipBg = '#333333';\n  //#endregion\n  //#region Modal\n  public static modalBackBg = 'rgba(255, 255, 255, 0.865)';\n  public static modalCloseButtonColor = 'rgba(255, 255, 255, 0.32)';\n  public static modalCloseButtonHoverColor = 'rgba(255, 255, 255, 0.865)';\n  public static modalFooterBg = '#434343';\n  public static get modalBodyTextColor() {\n    return this.textColorDefault;\n  }\n  public static get modalFooterTextColor() {\n    return this.textColorDefault;\n  }\n  public static get modalFixedPanelShadow() {\n    return this.fixedPanelShadow;\n  }\n  //#endregion\n  //#region SidePage\n  public static sidePageFooterPanelBg = ' #434343';\n  public static sidePageBackingBg = 'rgba(255, 255, 255, 0.865)';\n  public static sidePageCloseButtonColor = 'rgba(255, 255, 255, 0.32)';\n  public static sidePageCloseButtonHoverColor = 'rgba(255, 255, 255, 0.865)';\n  public static get sidePageBodyTextColor() {\n    return this.textColorDefault;\n  }\n  public static get sidePageFooterTextColor() {\n    return this.textColorDefault;\n  }\n  public static get sidePageFixedPanelShadow() {\n    return this.fixedPanelShadow;\n  }\n  //#endregion\n  //#region Calendar\n  public static calendarCellWeekendColor = '#ff887b';\n  public static calendarCellTodayBorder = '1px solid rgba(255, 255, 255, 0.48)';\n  public static calendarCellSelectedBgColor = 'rgba(255, 255, 255, 0.16)';\n  public static calendarMonthTitleBorderBottomColor = 'rgba(255, 255, 255, 0.08)';\n\n  //#endregion\n  //#region Paging\n  public static pagingPageLinkHoverBg = 'rgba(255, 255, 255, 0.8)';\n  public static pagingPageLinkActiveBg = 'rgba(255, 255, 255, 0.16)';\n  public static pagingPageLinkDisabledActiveBg = 'rgba(255, 255, 255, 0.08)';\n  //#endregion\n  //#region Toast\n  public static toastLinkColor = '#51adff';\n  public static toastCloseColor = 'rgba(255, 255, 255, 0.6)';\n  //#endregion\n  //#region Menu\n  // menuItem\n  public static menuItemCommentColor = 'rgba(255, 255, 255, 0.48)';\n  // menuHeader\n  public static get menuHeaderColor() {\n    return this.gray;\n  }\n  // menuFooter\n  public static get menuFooterColor() {\n    return this.menuHeaderColor;\n  }\n  //menuSeparator\n  public static menuSeparatorBorderColor = 'rgba(255, 255, 255, 0.08)';\n  //#endregion\n  //#region Toggle\n  public static toggleBorderColor = 'rgba(255, 255, 255, 0.32)';\n  public static toggleDisabledHandleBg = '#525252';\n  public static toggleBaseBg = 'rgba(255, 255, 255, 0.04)';\n  public static get toggleBgDisabled() {\n    return this.bgDisabled;\n  }\n  public static toggleBgDisabledChecked = 'rgba(255, 255, 255, 0.48)';\n  //#endregion\n  //#region Input\n  public static inputBg = 'rgba(255, 255, 255, 0.04)';\n  public static get inputBorderTopColor() {\n    return this.inputBorderColor;\n  }\n  public static inputColorScheme = 'dark';\n  //#endregion\n  //#region DatePicker\n  public static dateSelectMenuItemBgSelected = 'rgba(255, 255, 255, 0.08)';\n  public static pickerTodayWrapperBorderTop = '1px solid rgba(255, 255, 255, 0.08)';\n  //#endregion\n  //#region DateInput\n  public static dateInputComponentSelectedBgColor = '#1c7edf';\n  //#endregion\n  //#region Hint\n  public static hintBgColor = 'rgba(67, 67, 67, 0.92)';\n  //#endregion\n  //#region Loader\n  public static loaderBg = 'rgba(51, 51, 51, 0.8)';\n  //#endregion\n  //#region Dropdown\n  public static dropdownMenuSelectedBg = 'rgba(255, 255, 255, 0.08)'; //deprecated\n  //#endregion\n  //#region TextArea\n  public static textareaBg = '#1f1f1f';\n  public static get textareaBorderTopColor() {\n    return this.textareaBorderColor;\n  }\n  public static get textareaDisabledBorderColor() {\n    return this.textareaDisabledBg;\n  }\n  //#endregion\n  //#region PasswordInput\n  public static get passwordInputVisibilityIconColor() {\n    return this.gray;\n  }\n  public static passwordInputVisibilityIconOpacity = '1';\n  public static get passwordInputVisibilityIconHoverColor() {\n    return this.textColorDefault;\n  }\n  //#endregion\n  //#region Radio\n  public static radioBgColor = 'rgba(255, 255, 255, 0.04)';\n  public static radioBorderColor = 'rgba(255, 255, 255, 0.32)';\n  //#endregion\n  //#region Checkbox\n  public static checkboxBg = 'rgba(255, 255, 255, 0.04)';\n  public static get checkboxShadow() {\n    return `0 0 0 ${this.checkboxBorderWidth} rgba(255, 255, 255, 0.32)`;\n  }\n  public static get checkboxShadowHover() {\n    return this.checkboxShadow;\n  }\n  //#endregion\n  //#region TokenInput\n  public static tokenShadowDisabled = 'none';\n  //#endregion\n  //#region Switcher\n  public static get switcherButtonDisabledBorderColor() {\n    return this.borderColorDisabled;\n  }\n  public static switcherButtonCheckedDisabledShadow = 'none';\n  //#endregion\n  //#region FileUploader\n  public static fileUploaderBg = 'rgba(255, 255, 255, 0.04)';\n  public static fileUploaderTextColorDefault = '#fff';\n  public static fileUploaderBorderColor = 'rgba(255, 255, 255, 0.32)';\n  public static fileUploaderBorderColorFocus = '#1f87ef';\n  public static fileUploaderLinkColor = '#51adff';\n  public static fileUploaderIconColor = 'rgba(255, 255, 255, 0.48)';\n  public static fileUploaderIconHoverColor = 'rgba(255, 255, 255, 0.80)';\n  public static fileUploaderBorderColorError = '#ee5042';\n  public static fileUploaderBorderColorWarning = '#ffa236';\n  public static fileUploaderDisabledBg = 'rgba(255, 255, 255, 0.16)';\n  public static fileUploaderDisabledBorderColor = 'rgba(255, 255, 255, 0.32)';\n  public static fileUploaderDisabledTextColor = 'rgba(255, 255, 255, 0.32)';\n  public static fileUploaderDisabledLinkColor = 'rgba(255, 255, 255, 0.32)';\n  public static fileUploaderDisabledIconColor = 'rgba(255, 255, 255, 0.32)';\n  //#endregion\n}\n\nexport const DarkThemeInternal = Object.setPrototypeOf(\n  exposeGetters(DarkTheme),\n  DefaultThemeInternal,\n) as typeof DarkTheme;\n"]}

package/internal/themes/DarkTheme.d.ts

@@ -36,6 +36,7 @@ export declare class DarkTheme extends DarkTheme_base {
     static linkDangerHoverColor: string;
     static linkDangerActiveColor: string;
     static fixedPanelShadow: string;
+    static linkFocusOutlineColor: string;
     static btnInsetColor: string;
     static btnDefaultBg: string;
     static btnDefaultHoverBg: string;

package/internal/themes/DefaultTheme/DefaultTheme.js

@@ -71,16 +71,82 @@ export var DefaultTheme = /*#__PURE__*/function () {
     get: function get() {
       return this.textColorDisabledContrast;
     }
+    /**
+     * @deprecated use tokenFontSizeSmall
+     */
+
   }, {
     key: "tokenFontSize",
     get: function get() {
       return this.fontSizeSmall;
     }
   }, {
-    key: "tokenLineHeight",
+    key: "tokenFontSizeSmall",
+    get: function get() {
+      return this.tokenFontSize;
+    }
+  }, {
+    key: "tokenFontSizeMedium",
+    get: function get() {
+      return this.fontSizeMedium;
+    }
+  }, {
+    key: "tokenFontSizeLarge",
     get: function get() {
+      return this.fontSizeLarge;
+    }
+    /**
+     * @deprecated use tokenMarginYSmall
+     */
+
+  }, {
+    key: "tokenMarginYSmall",
+    get: function get() {
+      return this.tokenMarginY;
+    }
+  }, {
+    key: "tokenMarginXSmall",
+    get: function get() {
+      return this.tokenMarginX;
+    }
+  }, {
+    key: "tokenLineHeight",
+    get:
+    /**
+     * @deprecated use tokenLineHeightSmall
+     */
+    function get() {
       return this.controlLineHeightSmall;
     }
+  }, {
+    key: "tokenLineHeightSmall",
+    get: function get() {
+      return this.tokenLineHeight;
+    }
+  }, {
+    key: "tokenLineHeightMedium",
+    get: function get() {
+      return this.controlLineHeightMedium;
+    }
+  }, {
+    key: "tokenLineHeightLarge",
+    get: function get() {
+      return this.controlLineHeightLarge;
+    }
+    /**
+     * @deprecated use tokenPaddingYSmall
+     */
+
+  }, {
+    key: "tokenPaddingYSmall",
+    get: function get() {
+      return this.tokenPaddingY;
+    }
+  }, {
+    key: "tokenPaddingXSmall",
+    get: function get() {
+      return this.tokenPaddingX;
+    }
   }, {
     key: "tokenDefaultIdle",
     get: function get() {
@@ -187,10 +253,34 @@ export var DefaultTheme = /*#__PURE__*/function () {
       return "0 0 0 " + this.tokenBorderWidth + " " + this.borderColorDisabled;
     }
   }, {
-    key: "tokenInputBorderColor",
+    key: "tokenInputLineHeight",
     get: //#endregion
     //#region TokenInput
+
+    /**
+     * @deprecated use tokenInputLineHeightSmall
+     */
     function get() {
+      return this.controlLineHeightSmall;
+    }
+  }, {
+    key: "tokenInputLineHeightSmall",
+    get: function get() {
+      return this.tokenInputLineHeight;
+    }
+  }, {
+    key: "tokenInputLineHeightMedium",
+    get: function get() {
+      return this.controlLineHeightMedium;
+    }
+  }, {
+    key: "tokenInputLineHeightLarge",
+    get: function get() {
+      return this.controlLineHeightLarge;
+    }
+  }, {
+    key: "tokenInputBorderColor",
+    get: function get() {
       return this.inputBorderColor;
     }
   }, {
@@ -278,21 +368,20 @@ export var DefaultTheme = /*#__PURE__*/function () {
     get: function get() {
       return this.textColorDisabledContrast;
     }
+    /**
+     * @deprecated use tokenInputPaddingYSmall
+     */
+
   }, {
-    key: "tokenInputFontSize",
+    key: "tokenInputPaddingYSmall",
     get: function get() {
-      return this.inputFontSizeSmall;
+      return this.tokenInputPaddingY;
     }
   }, {
-    key: "tokenInputInputPaddingRight",
+    key: "tokenInputPaddingXSmall",
     get: function get() {
-      var paddingX = parseInt(this.tokenPaddingX, 10) || 0;
-      var removeIconMarginX = parseInt(this.tokenRemoveIconGap, 10) || 0;
-      var removeIconSizeX = parseInt(this.tokenInputFontSize, 10) || 0;
-      return paddingX + removeIconSizeX + removeIconMarginX + "px";
-    } //#endregion
-    //#region Loader
-
+      return this.tokenInputPaddingX;
+    }
   }, {
     key: "btnCheckedDisabledBorderColor",
     get: function get() {
@@ -502,6 +591,11 @@ export var DefaultTheme = /*#__PURE__*/function () {
     get: function get() {
       return this.btnDefaultBorderColor;
     }
+  }, {
+    key: "btnBacklessDisabledBorderColor",
+    get: function get() {
+      return this.btnDisabledBorderColor;
+    }
   }, {
     key: "btnBacklessHoverBorderColor",
     get: function get() {
@@ -781,10 +875,15 @@ export var DefaultTheme = /*#__PURE__*/function () {
       return this.textColorDefault;
     }
   }, {
-    key: "calendarBottomSeparatorBorderColor",
-    get: //#endregion
+    key: "dateInputComponentSelectedTextColor",
+    get: function get() {
+      return this.textColorDefault;
+    } //#endregion
     //#region Calendar
-    function get() {
+
+  }, {
+    key: "calendarBottomSeparatorBorderColor",
+    get: function get() {
       return ColorFunctions.fade(this.calendarMonthTitleBorderBottomColor, 1);
     }
   }, {
@@ -2986,11 +3085,22 @@ DefaultTheme.linkLineBorderBottomStyle = '';
 DefaultTheme.linkLineBorderBottomWidth = '0px';
 DefaultTheme.linkLineBorderBottomOpacity = '0.5';
 DefaultTheme.linkLineBorderBottomColor = "color-mix(in srgb, currentColor " + parseFloat(DefaultTheme.linkLineBorderBottomOpacity) * 100 + "%, transparent)";
+DefaultTheme.linkFocusOutlineColor = 'transparent';
+DefaultTheme.linkFocusOutlineWidth = '0px';
+DefaultTheme.linkFocusOutline = 'none';
 DefaultTheme.tokenDisabledBg = 'rgba(0, 0, 0, 0.05)';
-DefaultTheme.tokenMarginY = '2px';
-DefaultTheme.tokenMarginX = '4px';
+DefaultTheme.tokenMarginY = '3px';
+DefaultTheme.tokenMarginX = '2px';
+DefaultTheme.tokenMarginYMedium = '3px';
+DefaultTheme.tokenMarginXMedium = '3px';
+DefaultTheme.tokenMarginYLarge = '3px';
+DefaultTheme.tokenMarginXLarge = '4px';
 DefaultTheme.tokenPaddingY = '1px';
 DefaultTheme.tokenPaddingX = '3px';
+DefaultTheme.tokenPaddingYMedium = '2px';
+DefaultTheme.tokenPaddingXMedium = '5px';
+DefaultTheme.tokenPaddingYLarge = '3px';
+DefaultTheme.tokenPaddingXLarge = '7px';
 DefaultTheme.tokenMarginBeforeIcon = '4px';
 DefaultTheme.tokenRemoveIconSize = '8px';
 DefaultTheme.tokenRemoveIconPaddingY = '4px';
@@ -3012,10 +3122,16 @@ DefaultTheme.tokenDefaultActiveBg = '';
 DefaultTheme.tokenDefaultActiveColor = '';
 DefaultTheme.tokenDefaultActiveBorderColor = '';
 DefaultTheme.tokenInputBorderRadius = '0px';
-DefaultTheme.tokenInputPaddingY = '2px';
-DefaultTheme.tokenInputPaddingX = '4px';
-DefaultTheme.tokenInputLineHeight = '22px';
-DefaultTheme.tokenInputInputPaddingLeft = '5px';
+DefaultTheme.tokenInputPaddingY = '1px';
+DefaultTheme.tokenInputPaddingX = '2px';
+DefaultTheme.tokenInputPaddingYMedium = '3px';
+DefaultTheme.tokenInputPaddingXMedium = '3px';
+DefaultTheme.tokenInputPaddingYLarge = '5px';
+DefaultTheme.tokenInputPaddingXLarge = '4px';
+DefaultTheme.tokenInputPopupOffset = '0px';
+DefaultTheme.tokenInputPopupMarginSmall = '7px';
+DefaultTheme.tokenInputPopupMarginMedium = '10px';
+DefaultTheme.tokenInputPopupMarginLarge = '13px';
 DefaultTheme.loaderBg = 'rgba(255, 255, 255, 0.8)';
 DefaultTheme.loaderOpacity = '0.8';
 DefaultTheme.loaderBorderRadius = '0px';
@@ -3057,6 +3173,7 @@ DefaultTheme.btnDefaultHoverBgEnd = 'none';
 DefaultTheme.btnDefaultActiveBg = '#ebebeb';
 DefaultTheme.btnDefaultHoverBorderColor = 'rgba(0, 0, 0, 0.16)';
 DefaultTheme.btnDefaultHoverBorderBottomColor = '';
+DefaultTheme.btnDefaultHoverTextColor = '';
 DefaultTheme.btnDefaultActiveBorderColor = 'rgba(0, 0, 0, 0.16)';
 DefaultTheme.btnDefaultActiveBorderTopColor = '';
 DefaultTheme.btnDefaultBorderColor = 'rgba(0, 0, 0, 0.16)';
@@ -3066,6 +3183,7 @@ DefaultTheme.btnSuccessBg = '#538a1b';
 DefaultTheme.btnSuccessHoverBg = '#477916';
 DefaultTheme.btnSuccessHoverBorderColor = '#477916';
 DefaultTheme.btnSuccessHoverBorderBottomColor = '';
+DefaultTheme.btnSuccessHoverTextColor = '';
 DefaultTheme.btnSuccessBorderColor = '#538a1b';
 DefaultTheme.btnSuccessBorderBottomColor = '';
 DefaultTheme.btnSuccessBgStart = 'none';
@@ -3081,6 +3199,7 @@ DefaultTheme.btnPrimaryBg = '#1c7edf';
 DefaultTheme.btnPrimaryHoverBg = '#1874cf';
 DefaultTheme.btnPrimaryHoverBorderColor = '#1874cf';
 DefaultTheme.btnPrimaryHoverBorderBottomColor = '';
+DefaultTheme.btnPrimaryHoverTextColor = '';
 DefaultTheme.btnPrimaryBorderColor = '#1c7edf';
 DefaultTheme.btnPrimaryBorderBottomColor = '';
 DefaultTheme.btnPrimaryBgStart = 'none';
@@ -3096,6 +3215,7 @@ DefaultTheme.btnDangerBg = '#dd473b';
 DefaultTheme.btnDangerHoverBg = '#cb3d35';
 DefaultTheme.btnDangerHoverBorderColor = '#cb3d35';
 DefaultTheme.btnDangerHoverBorderBottomColor = '';
+DefaultTheme.btnDangerHoverTextColor = '';
 DefaultTheme.btnDangerBorderColor = '#dd473b';
 DefaultTheme.btnDangerBorderBottomColor = '';
 DefaultTheme.btnDangerBgStart = 'none';
@@ -3111,6 +3231,7 @@ DefaultTheme.btnPayBg = '#fcb73e';
 DefaultTheme.btnPayHoverBg = '#fda70c';
 DefaultTheme.btnPayHoverBorderColor = '#fda70c';
 DefaultTheme.btnPayHoverBorderBottomColor = '';
+DefaultTheme.btnPayHoverTextColor = '';
 DefaultTheme.btnPayBorderColor = '#fcb73e';
 DefaultTheme.btnPayBorderBottomColor = '';
 DefaultTheme.btnPayBgStart = 'none';
@@ -3128,15 +3249,14 @@ DefaultTheme.btnInsetColor = '#fff';
 DefaultTheme.btnBacklessBg = 'transparent !important';
 DefaultTheme.btnBacklessHoverBg = 'rgba(0, 0, 0, 0.04) !important';
 DefaultTheme.btnBacklessActiveBg = 'rgba(0, 0, 0, 0.1) !important';
+DefaultTheme.btnBacklessHoverTextColor = '';
 DefaultTheme.btnTextBg = 'transparent';
 DefaultTheme.btnTextHoverBg = 'rgba(0, 0, 0, 0.04)';
 DefaultTheme.btnTextActiveBg = 'rgba(0, 0, 0, 0.1)';
+DefaultTheme.btnTextHoverTextColor = '';
 DefaultTheme.btnWithIconPaddingLeftSmall = '';
-DefaultTheme.btnWithIconPaddingRightSmall = '';
 DefaultTheme.btnWithIconPaddingLeftMedium = '';
-DefaultTheme.btnWithIconPaddingRightMedium = '';
 DefaultTheme.btnWithIconPaddingLeftLarge = '';
-DefaultTheme.btnWithIconPaddingRightLarge = '';
 DefaultTheme.btnIconColor = '';
 DefaultTheme.btnIconHoverColor = '';
 DefaultTheme.btnIconDisabledColor = '';