@skbkontur/react-ui 0.0.0-031e4bb3f9 → 0.0.0-0fe669bb2d

package/cjs/internal/ThemeShowcase/ThemeShowcase.styles.js

@@ -1,13 +1,14 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.jsStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");function _templateObject18() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: #b77daa;\n    "]);_templateObject18 = function _templateObject18() {return data;};return data;}function _templateObject17() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: #ac4142;\n    "]);_templateObject17 = function _templateObject17() {return data;};return data;}function _templateObject16() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: #7f9a44;\n    "]);_templateObject16 = function _templateObject16() {return data;};return data;}function _templateObject15() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: #d28445;\n    "]);_templateObject15 = function _templateObject15() {return data;};return data;}function _templateObject14() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: 16px;\n      margin: 20px 0;\n      background-color: #fff0bc;\n      border-radius: 3px;\n    "]);_templateObject14 = function _templateObject14() {return data;};return data;}function _templateObject13() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      text-decoration: line-through;\n    "]);_templateObject13 = function _templateObject13() {return data;};return data;}function _templateObject12() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      box-sizing: border-box;\n      width: 16px;\n      height: 16px;\n      border: 1px solid transparent;\n      margin-right: 4px;\n      vertical-align: -3px;\n    "]);_templateObject12 = function _templateObject12() {return data;};return data;}function _templateObject11() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: #b77daa;\n      font-weight: 400;\n      cursor: pointer;\n    "]);_templateObject11 = function _templateObject11() {return data;};return data;}function _templateObject10() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      white-space: pre;\n      color: #333;\n    "]);_templateObject10 = function _templateObject10() {return data;};return data;}function _templateObject9() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: #7f9a44;\n      font-weight: 400;\n    "]);_templateObject9 = function _templateObject9() {return data;};return data;}function _templateObject8() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      background-color: #fff0bc;\n    "]);_templateObject8 = function _templateObject8() {return data;};return data;}function _templateObject7() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: 0 !important;\n      height: 0 !important;\n      font-size: 0 !important;\n      line-height: 0 !important;\n      border: 0 none !important;\n      border-top: 1px solid #e8e8e8 !important;\n    "]);_templateObject7 = function _templateObject7() {return data;};return data;}function _templateObject6() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      background-color: red;\n    "]);_templateObject6 = function _templateObject6() {return data;};return data;}function _templateObject5() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: 0 !important;\n      height: 0 !important;\n\n      ", " tbody tr:not(&) > td {\n        border-top: 0 none;\n      }\n\n      ", " tbody tr&:hover ~ tr:not(&) {\n        background-color: #f8f8f8;\n      }\n\n      ", " tbody tr&:hover ~ & ~ tr {\n        background-color: transparent;\n      }\n    "]);_templateObject5 = function _templateObject5() {return data;};return data;}function _templateObject4() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 880px;\n      border-collapse: collapse;\n\n      & tbody tr:hover {\n        background-color: #f8f8f8;\n      }\n\n      & th {\n        text-align: left;\n        padding-left: 5px;\n      }\n\n      & td {\n        border-top: 1px solid #e8e8e8;\n        border-bottom: 1px solid #e8e8e8;\n        vertical-align: top;\n        padding: 10px 5px;\n      }\n    "]);_templateObject4 = function _templateObject4() {return data;};return data;}function _templateObject3() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-bottom: 1px solid #e8e8e8;\n    "]);_templateObject3 = function _templateObject3() {return data;};return data;}function _templateObject2() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: 24px 0 16px 5px;\n      margin: 0;\n      background-color: #fff;\n    "]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n      box-sizing: border-box;\n      height: 40px;\n      padding: 5px;\n      background-color: #fff;\n\n      &::after {\n        content: attr(data-perf-info);\n        position: absolute;\n        top: 11px;\n        right: 20px;\n        color: #808080;\n        height: 20px;\n        line-height: 20px;\n      }\n    "]);_templateObject = function _templateObject() {return data;};return data;}
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24;
 
-var styles = {
-  searchBar: function searchBar() {
-    return (0, _Emotion.css)(_templateObject());
 
+var styles = (0, _Emotion.memoizeStyle)({
+  searchBar: function searchBar(t) {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n      box-sizing: border-box;\n      height: 40px;\n      padding: 5px;\n      background-color: ", ";\n\n      &::after {\n        content: attr(data-perf-info);\n        position: absolute;\n        top: 11px;\n        right: 20px;\n        color: #808080;\n        height: 20px;\n        line-height: 20px;\n      }\n    "])),
 
 
 
 
+    t.bgDefault);
 
 
 
@@ -21,37 +22,52 @@ var styles = {
 
   },
 
-  heading: function heading() {
-    return (0, _Emotion.css)(_templateObject2());
-
+  heading: function heading(t) {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: 24px 0 16px 5px;\n      margin: 0;\n      background-color: ", ";\n    "])),
 
 
+    t.bgDefault);
 
   },
 
   headingSticky: function headingSticky() {
-    return (0, _Emotion.css)(_templateObject3());
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-bottom: 1px solid #e8e8e8;\n    "])));
 
 
   },
 
   table: function table() {
-    return (0, _Emotion.css)(_templateObject4());
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      width: 880px;\n      border-collapse: collapse;\n    "])));
+
 
 
+  },
 
+  headerCell: function headerCell() {
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      text-align: left;\n      padding-left: 5px;\n    "])));
 
 
 
+  },
 
+  row: function row() {
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:hover {\n        background-color: #f8f8f8;\n      }\n    "])));
 
 
 
 
+  },
+  darkRow: function darkRow() {
+    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:hover {\n        background-color: rgba(255, 255, 255, 0.04);\n      }\n    "])));
 
 
 
 
+  },
+
+  cell: function cell() {
+    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-top: 0 none;\n      border-bottom: 1px solid #e8e8e8;\n      vertical-align: top;\n      padding: 10px 5px;\n    "])));
+
 
 
 
@@ -59,33 +75,45 @@ var styles = {
   },
 
   invisibleRow: function invisibleRow() {
-    return (0, _Emotion.css)(_templateObject5(),
+    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: 0;\n      height: 0;\n\n      &:hover,\n      &:hover ~ tr {\n        background-color: #f8f8f8;\n      }\n\n      &:hover ~ &,\n      &:hover ~ & ~ tr {\n        background-color: transparent;\n      }\n    "])));
+
 
 
 
-    (0, _Emotion.cssName)(styles.table()),
 
 
 
-    (0, _Emotion.cssName)(styles.table()),
 
 
 
-    (0, _Emotion.cssName)(styles.table()));
+
+
+
+  },
+  invisibleDarkRow: function invisibleDarkRow() {
+    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      &:hover,\n      &:hover ~ tr {\n        background-color: rgba(255, 255, 255, 0.04);\n      }\n    "])));
+
+
 
 
 
   },
 
   suspiciousRow: function suspiciousRow() {
-    return (0, _Emotion.css)(_templateObject6());
+    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background-color: red;\n    "])));
 
 
   },
 
   //noinspection CssReplaceWithShorthandSafely
+  majorCell: function majorCell() {
+    return (0, _Emotion.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-top: 1px solid #e8e8e8;\n    "])));
+
+
+  },
+
   invisibleCell: function invisibleCell() {
-    return (0, _Emotion.css)(_templateObject7());
+    return (0, _Emotion.css)(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: 0;\n      height: 0;\n      font-size: 0;\n      line-height: 0;\n      border: 0 none;\n      border-top: 1px solid #e8e8e8;\n    "])));
 
 
 
@@ -96,27 +124,27 @@ var styles = {
   },
 
   suspiciousCell: function suspiciousCell() {
-    return (0, _Emotion.css)(_templateObject8());
+    return (0, _Emotion.css)(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background-color: #fff0bc;\n    "])));
 
 
   },
 
   elementName: function elementName() {
-    return (0, _Emotion.css)(_templateObject9());
+    return (0, _Emotion.css)(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: #7f9a44;\n      font-weight: 400;\n    "])));
 
 
 
   },
 
   relativeCss: function relativeCss() {
-    return (0, _Emotion.css)(_templateObject10());
+    return (0, _Emotion.css)(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n      white-space: pre;\n      color: #333;\n    "])));
 
 
 
   },
 
   variableName: function variableName() {
-    return (0, _Emotion.css)(_templateObject11());
+    return (0, _Emotion.css)(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: #b77daa;\n      font-weight: 400;\n      cursor: pointer;\n    "])));
 
 
 
@@ -124,7 +152,7 @@ var styles = {
   },
 
   colorExample: function colorExample() {
-    return (0, _Emotion.css)(_templateObject12());
+    return (0, _Emotion.css)(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      box-sizing: border-box;\n      width: 16px;\n      height: 16px;\n      border: 1px solid transparent;\n      margin-right: 4px;\n      vertical-align: -3px;\n    "])));
 
 
 
@@ -136,13 +164,13 @@ var styles = {
   },
 
   undefined: function undefined() {
-    return (0, _Emotion.css)(_templateObject13());
+    return (0, _Emotion.css)(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteralLoose2.default)(["\n      text-decoration: line-through;\n    "])));
 
 
   },
 
   unusedVariablesWarning: function unusedVariablesWarning() {
-    return (0, _Emotion.css)(_templateObject14());
+    return (0, _Emotion.css)(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteralLoose2.default)(["\n      padding: 16px;\n      margin: 20px 0;\n      background-color: #fff0bc;\n      border-radius: 3px;\n    "])));
 
 
 
@@ -151,28 +179,25 @@ var styles = {
   },
 
   cssClassObject: function cssClassObject() {
-    return (0, _Emotion.css)(_templateObject15());
+    return (0, _Emotion.css)(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: #d28445;\n    "])));
 
 
   },
 
   cssClassName: function cssClassName() {
-    return (0, _Emotion.css)(_templateObject16());
+    return (0, _Emotion.css)(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: #7f9a44;\n    "])));
 
 
   },
 
   cssThemeObject: function cssThemeObject() {
-    return (0, _Emotion.css)(_templateObject17());
+    return (0, _Emotion.css)(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: #ac4142;\n    "])));
 
 
   },
 
   cssThemeProp: function cssThemeProp() {
-    return (0, _Emotion.css)(_templateObject18());
-
-
-  } };
+    return (0, _Emotion.css)(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: #b77daa;\n    "])));
 
 
-var jsStyles = (0, _Emotion.memoizeStyle)(styles);exports.jsStyles = jsStyles;
+  } });exports.styles = styles;

package/cjs/internal/ThemeShowcase/ThemeShowcase.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ThemeShowcase.styles.ts"],"names":["styles","searchBar","css","heading","headingSticky","table","invisibleRow","suspiciousRow","invisibleCell","suspiciousCell","elementName","relativeCss","variableName","colorExample","undefined","unusedVariablesWarning","cssClassObject","cssClassName","cssThemeObject","cssThemeProp","jsStyles"],"mappings":"8QAAA,oD;;AAEA,IAAMA,MAAM,GAAG;AACbC,EAAAA,SADa,uBACD;AACV,eAAOC,YAAP;;;;;;;;;;;;;;;;;AAiBD,GAnBY;;AAqBbC,EAAAA,OArBa,qBAqBH;AACR,eAAOD,YAAP;;;;;AAKD,GA3BY;;AA6BbE,EAAAA,aA7Ba,2BA6BG;AACd,eAAOF,YAAP;;;AAGD,GAjCY;;AAmCbG,EAAAA,KAnCa,mBAmCL;AACN,eAAOH,YAAP;;;;;;;;;;;;;;;;;;;;AAoBD,GAxDY;;AA0DbI,EAAAA,YA1Da,0BA0DE;AACb,eAAOJ,YAAP;;;;AAII,0BAAQF,MAAM,CAACK,KAAP,EAAR,CAJJ;;;;AAQI,0BAAQL,MAAM,CAACK,KAAP,EAAR,CARJ;;;;AAYI,0BAAQL,MAAM,CAACK,KAAP,EAAR,CAZJ;;;;AAgBD,GA3EY;;AA6EbE,EAAAA,aA7Ea,2BA6EG;AACd,eAAOL,YAAP;;;AAGD,GAjFY;;AAmFb;AACAM,EAAAA,aApFa,2BAoFG;AACd,eAAON,YAAP;;;;;;;;AAQD,GA7FY;;AA+FbO,EAAAA,cA/Fa,4BA+FI;AACf,eAAOP,YAAP;;;AAGD,GAnGY;;AAqGbQ,EAAAA,WArGa,yBAqGC;AACZ,eAAOR,YAAP;;;;AAID,GA1GY;;AA4GbS,EAAAA,WA5Ga,yBA4GC;AACZ,eAAOT,YAAP;;;;AAID,GAjHY;;AAmHbU,EAAAA,YAnHa,0BAmHE;AACb,eAAOV,YAAP;;;;;AAKD,GAzHY;;AA2HbW,EAAAA,YA3Ha,0BA2HE;AACb,eAAOX,YAAP;;;;;;;;;AASD,GArIY;;AAuIbY,EAAAA,SAvIa,uBAuID;AACV,eAAOZ,YAAP;;;AAGD,GA3IY;;AA6Iba,EAAAA,sBA7Ia,oCA6IY;AACvB,eAAOb,YAAP;;;;;;AAMD,GApJY;;AAsJbc,EAAAA,cAtJa,4BAsJI;AACf,eAAOd,YAAP;;;AAGD,GA1JY;;AA4Jbe,EAAAA,YA5Ja,0BA4JE;AACb,eAAOf,YAAP;;;AAGD,GAhKY;;AAkKbgB,EAAAA,cAlKa,4BAkKI;AACf,eAAOhB,YAAP;;;AAGD,GAtKY;;AAwKbiB,EAAAA,YAxKa,0BAwKE;AACb,eAAOjB,YAAP;;;AAGD,GA5KY,EAAf;;;AA+KO,IAAMkB,QAAQ,GAAG,2BAAapB,MAAb,CAAjB,C","sourcesContent":["import { css, cssName, memoizeStyle } from '../../lib/theming/Emotion';\r\n\r\nconst styles = {\r\n  searchBar() {\r\n    return css`\r\n      position: relative;\r\n      box-sizing: border-box;\r\n      height: 40px;\r\n      padding: 5px;\r\n      background-color: #fff;\r\n\r\n      &::after {\r\n        content: attr(data-perf-info);\r\n        position: absolute;\r\n        top: 11px;\r\n        right: 20px;\r\n        color: #808080;\r\n        height: 20px;\r\n        line-height: 20px;\r\n      }\r\n    `;\r\n  },\r\n\r\n  heading() {\r\n    return css`\r\n      padding: 24px 0 16px 5px;\r\n      margin: 0;\r\n      background-color: #fff;\r\n    `;\r\n  },\r\n\r\n  headingSticky() {\r\n    return css`\r\n      border-bottom: 1px solid #e8e8e8;\r\n    `;\r\n  },\r\n\r\n  table() {\r\n    return css`\r\n      width: 880px;\r\n      border-collapse: collapse;\r\n\r\n      & tbody tr:hover {\r\n        background-color: #f8f8f8;\r\n      }\r\n\r\n      & th {\r\n        text-align: left;\r\n        padding-left: 5px;\r\n      }\r\n\r\n      & td {\r\n        border-top: 1px solid #e8e8e8;\r\n        border-bottom: 1px solid #e8e8e8;\r\n        vertical-align: top;\r\n        padding: 10px 5px;\r\n      }\r\n    `;\r\n  },\r\n\r\n  invisibleRow() {\r\n    return css`\r\n      padding: 0 !important;\r\n      height: 0 !important;\r\n\r\n      ${cssName(styles.table())} tbody tr:not(&) > td {\r\n        border-top: 0 none;\r\n      }\r\n\r\n      ${cssName(styles.table())} tbody tr&:hover ~ tr:not(&) {\r\n        background-color: #f8f8f8;\r\n      }\r\n\r\n      ${cssName(styles.table())} tbody tr&:hover ~ & ~ tr {\r\n        background-color: transparent;\r\n      }\r\n    `;\r\n  },\r\n\r\n  suspiciousRow() {\r\n    return css`\r\n      background-color: red;\r\n    `;\r\n  },\r\n\r\n  //noinspection CssReplaceWithShorthandSafely\r\n  invisibleCell() {\r\n    return css`\r\n      padding: 0 !important;\r\n      height: 0 !important;\r\n      font-size: 0 !important;\r\n      line-height: 0 !important;\r\n      border: 0 none !important;\r\n      border-top: 1px solid #e8e8e8 !important;\r\n    `;\r\n  },\r\n\r\n  suspiciousCell() {\r\n    return css`\r\n      background-color: #fff0bc;\r\n    `;\r\n  },\r\n\r\n  elementName() {\r\n    return css`\r\n      color: #7f9a44;\r\n      font-weight: 400;\r\n    `;\r\n  },\r\n\r\n  relativeCss() {\r\n    return css`\r\n      white-space: pre;\r\n      color: #333;\r\n    `;\r\n  },\r\n\r\n  variableName() {\r\n    return css`\r\n      color: #b77daa;\r\n      font-weight: 400;\r\n      cursor: pointer;\r\n    `;\r\n  },\r\n\r\n  colorExample() {\r\n    return css`\r\n      display: inline-block;\r\n      box-sizing: border-box;\r\n      width: 16px;\r\n      height: 16px;\r\n      border: 1px solid transparent;\r\n      margin-right: 4px;\r\n      vertical-align: -3px;\r\n    `;\r\n  },\r\n\r\n  undefined() {\r\n    return css`\r\n      text-decoration: line-through;\r\n    `;\r\n  },\r\n\r\n  unusedVariablesWarning() {\r\n    return css`\r\n      padding: 16px;\r\n      margin: 20px 0;\r\n      background-color: #fff0bc;\r\n      border-radius: 3px;\r\n    `;\r\n  },\r\n\r\n  cssClassObject() {\r\n    return css`\r\n      color: #d28445;\r\n    `;\r\n  },\r\n\r\n  cssClassName() {\r\n    return css`\r\n      color: #7f9a44;\r\n    `;\r\n  },\r\n\r\n  cssThemeObject() {\r\n    return css`\r\n      color: #ac4142;\r\n    `;\r\n  },\r\n\r\n  cssThemeProp() {\r\n    return css`\r\n      color: #b77daa;\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["ThemeShowcase.styles.ts"],"names":["styles","searchBar","t","css","bgDefault","heading","headingSticky","table","headerCell","row","darkRow","cell","invisibleRow","invisibleDarkRow","suspiciousRow","majorCell","invisibleCell","suspiciousCell","elementName","relativeCss","variableName","colorExample","undefined","unusedVariablesWarning","cssClassObject","cssClassName","cssThemeObject","cssThemeProp"],"mappings":"4QAAA,oD;;;AAGO,IAAMA,MAAM,GAAG,2BAAa;AACjCC,EAAAA,SADiC,qBACvBC,CADuB,EACb;AAClB,eAAOC,YAAP;;;;;AAKsBD,IAAAA,CAAC,CAACE,SALxB;;;;;;;;;;;;AAiBD,GAnBgC;;AAqBjCC,EAAAA,OArBiC,mBAqBzBH,CArByB,EAqBf;AAChB,eAAOC,YAAP;;;AAGsBD,IAAAA,CAAC,CAACE,SAHxB;;AAKD,GA3BgC;;AA6BjCE,EAAAA,aA7BiC,2BA6BjB;AACd,eAAOH,YAAP;;;AAGD,GAjCgC;;AAmCjCI,EAAAA,KAnCiC,mBAmCzB;AACN,eAAOJ,YAAP;;;;AAID,GAxCgC;;AA0CjCK,EAAAA,UA1CiC,wBA0CpB;AACX,eAAOL,YAAP;;;;AAID,GA/CgC;;AAiDjCM,EAAAA,GAjDiC,iBAiD3B;AACJ,eAAON,YAAP;;;;;AAKD,GAvDgC;AAwDjCO,EAAAA,OAxDiC,qBAwDvB;AACR,eAAOP,YAAP;;;;;AAKD,GA9DgC;;AAgEjCQ,EAAAA,IAhEiC,kBAgE1B;AACL,eAAOR,YAAP;;;;;;AAMD,GAvEgC;;AAyEjCS,EAAAA,YAzEiC,0BAyElB;AACb,eAAOT,YAAP;;;;;;;;;;;;;;AAcD,GAxFgC;AAyFjCU,EAAAA,gBAzFiC,8BAyFd;AACjB,eAAOV,YAAP;;;;;;AAMD,GAhGgC;;AAkGjCW,EAAAA,aAlGiC,2BAkGjB;AACd,eAAOX,YAAP;;;AAGD,GAtGgC;;AAwGjC;AACAY,EAAAA,SAzGiC,uBAyGrB;AACV,eAAOZ,YAAP;;;AAGD,GA7GgC;;AA+GjCa,EAAAA,aA/GiC,2BA+GjB;AACd,eAAOb,YAAP;;;;;;;;AAQD,GAxHgC;;AA0HjCc,EAAAA,cA1HiC,4BA0HhB;AACf,eAAOd,YAAP;;;AAGD,GA9HgC;;AAgIjCe,EAAAA,WAhIiC,yBAgInB;AACZ,eAAOf,YAAP;;;;AAID,GArIgC;;AAuIjCgB,EAAAA,WAvIiC,yBAuInB;AACZ,eAAOhB,YAAP;;;;AAID,GA5IgC;;AA8IjCiB,EAAAA,YA9IiC,0BA8IlB;AACb,eAAOjB,YAAP;;;;;AAKD,GApJgC;;AAsJjCkB,EAAAA,YAtJiC,0BAsJlB;AACb,eAAOlB,YAAP;;;;;;;;;AASD,GAhKgC;;AAkKjCmB,EAAAA,SAlKiC,uBAkKrB;AACV,eAAOnB,YAAP;;;AAGD,GAtKgC;;AAwKjCoB,EAAAA,sBAxKiC,oCAwKR;AACvB,eAAOpB,YAAP;;;;;;AAMD,GA/KgC;;AAiLjCqB,EAAAA,cAjLiC,4BAiLhB;AACf,eAAOrB,YAAP;;;AAGD,GArLgC;;AAuLjCsB,EAAAA,YAvLiC,0BAuLlB;AACb,eAAOtB,YAAP;;;AAGD,GA3LgC;;AA6LjCuB,EAAAA,cA7LiC,4BA6LhB;AACf,eAAOvB,YAAP;;;AAGD,GAjMgC;;AAmMjCwB,EAAAA,YAnMiC,0BAmMlB;AACb,eAAOxB,YAAP;;;AAGD,GAvMgC,EAAb,CAAf,C","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  searchBar(t: Theme) {\n    return css`\n      position: relative;\n      box-sizing: border-box;\n      height: 40px;\n      padding: 5px;\n      background-color: ${t.bgDefault};\n\n      &::after {\n        content: attr(data-perf-info);\n        position: absolute;\n        top: 11px;\n        right: 20px;\n        color: #808080;\n        height: 20px;\n        line-height: 20px;\n      }\n    `;\n  },\n\n  heading(t: Theme) {\n    return css`\n      padding: 24px 0 16px 5px;\n      margin: 0;\n      background-color: ${t.bgDefault};\n    `;\n  },\n\n  headingSticky() {\n    return css`\n      border-bottom: 1px solid #e8e8e8;\n    `;\n  },\n\n  table() {\n    return css`\n      width: 880px;\n      border-collapse: collapse;\n    `;\n  },\n\n  headerCell() {\n    return css`\n      text-align: left;\n      padding-left: 5px;\n    `;\n  },\n\n  row() {\n    return css`\n      &:hover {\n        background-color: #f8f8f8;\n      }\n    `;\n  },\n  darkRow() {\n    return css`\n      &:hover {\n        background-color: rgba(255, 255, 255, 0.04);\n      }\n    `;\n  },\n\n  cell() {\n    return css`\n      border-top: 0 none;\n      border-bottom: 1px solid #e8e8e8;\n      vertical-align: top;\n      padding: 10px 5px;\n    `;\n  },\n\n  invisibleRow() {\n    return css`\n      padding: 0;\n      height: 0;\n\n      &:hover,\n      &:hover ~ tr {\n        background-color: #f8f8f8;\n      }\n\n      &:hover ~ &,\n      &:hover ~ & ~ tr {\n        background-color: transparent;\n      }\n    `;\n  },\n  invisibleDarkRow() {\n    return css`\n      &:hover,\n      &:hover ~ tr {\n        background-color: rgba(255, 255, 255, 0.04);\n      }\n    `;\n  },\n\n  suspiciousRow() {\n    return css`\n      background-color: red;\n    `;\n  },\n\n  //noinspection CssReplaceWithShorthandSafely\n  majorCell() {\n    return css`\n      border-top: 1px solid #e8e8e8;\n    `;\n  },\n\n  invisibleCell() {\n    return css`\n      padding: 0;\n      height: 0;\n      font-size: 0;\n      line-height: 0;\n      border: 0 none;\n      border-top: 1px solid #e8e8e8;\n    `;\n  },\n\n  suspiciousCell() {\n    return css`\n      background-color: #fff0bc;\n    `;\n  },\n\n  elementName() {\n    return css`\n      color: #7f9a44;\n      font-weight: 400;\n    `;\n  },\n\n  relativeCss() {\n    return css`\n      white-space: pre;\n      color: #333;\n    `;\n  },\n\n  variableName() {\n    return css`\n      color: #b77daa;\n      font-weight: 400;\n      cursor: pointer;\n    `;\n  },\n\n  colorExample() {\n    return css`\n      display: inline-block;\n      box-sizing: border-box;\n      width: 16px;\n      height: 16px;\n      border: 1px solid transparent;\n      margin-right: 4px;\n      vertical-align: -3px;\n    `;\n  },\n\n  undefined() {\n    return css`\n      text-decoration: line-through;\n    `;\n  },\n\n  unusedVariablesWarning() {\n    return css`\n      padding: 16px;\n      margin: 20px 0;\n      background-color: #fff0bc;\n      border-radius: 3px;\n    `;\n  },\n\n  cssClassObject() {\n    return css`\n      color: #d28445;\n    `;\n  },\n\n  cssClassName() {\n    return css`\n      color: #7f9a44;\n    `;\n  },\n\n  cssThemeObject() {\n    return css`\n      color: #ac4142;\n    `;\n  },\n\n  cssThemeProp() {\n    return css`\n      color: #b77daa;\n    `;\n  },\n});\n"]}

package/cjs/internal/ThemeShowcase/VariablesCollector.d.ts

@@ -17,6 +17,6 @@ export interface VariableDependencies {
 }
 export declare const COMPONENT_DESCRIPTIONS: DescriptionsType;
 export declare const COMPONENT_DESCRIPTIONS_BY_VARIABLE: VariableNameToComponentsMap;
-export declare const ALL_USED_VARIABLES: ("black" | "blue" | "gray" | "green" | "red" | "white" | "yellow" | "prototype" | "fontFamilyCompensationBaseline" | "brandXLight" | "brandLight" | "brand" | "brandDark" | "brandXDark" | "grayXxLight" | "grayXLight" | "grayLight" | "grayDark" | "blueXxLight" | "blueLight" | "blueDark" | "blueXDark" | "greenXxLight" | "greenDark" | "redXxLight" | "redDark" | "yellowXxLight" | "yellowDark" | "bgDefault" | "bgDisabled" | "errorMain" | "errorSecondary" | "errorText" | "warningMain" | "warningSecondary" | "warningText" | "borderColorFocusLight" | "borderColorGrayDark" | "borderColorGrayLight" | "placeholderColor" | "outlineColorFocus" | "placeholderColorLight" | "blinkColor" | "controlBorderWidth" | "controlOutlineWidth" | "controlLineHeightSmall" | "controlLineHeightMedium" | "controlLineHeightLarge" | "controlPaddingYSmall" | "controlPaddingYMedium" | "controlPaddingYLarge" | "textColorDefault" | "textColorInvert" | "textColorDisabled" | "fontSizeSmall" | "fontSizeMedium" | "fontSizeLarge" | "specificityLevel" | "bgActive" | "borderColorFocus" | "borderColorError" | "borderColorWarning" | "controlHeightSmall" | "controlHeightMedium" | "controlHeightLarge" | "linkColor" | "linkActiveColor" | "linkHoverTextDecoration" | "linkSuccessColor" | "linkSuccessHoverColor" | "linkSuccessActiveColor" | "linkDangerColor" | "linkDangerHoverColor" | "linkDangerActiveColor" | "linkIconMarginRight" | "linkHoverColor" | "linkDisabledColor" | "linkButtonLineHeight" | "linkButtonPaddingX" | "tokenDisabledBg" | "tokenTextColorDisabled" | "tokenFontSize" | "tokenMarginY" | "tokenMarginX" | "tokenLineHeight" | "tokenPaddingY" | "tokenPaddingX" | "tokenMarginBeforeIcon" | "tokenRemoveIconSize" | "tokenRemoveIconPaddingY" | "tokenRemoveIconPaddingX" | "tokenRemoveIconGap" | "tokenRemoveIconBoxSizing" | "tokenBorderRadius" | "tokenBorderWidth" | "tokenBorderColorDisabled" | "tokenDefaultIdle" | "tokenDefaultActive" | "tokenGrayIdle" | "tokenGrayActive" | "tokenBlueIdle" | "tokenBlueActive" | "tokenGreenIdle" | "tokenGreenActive" | "tokenYellowIdle" | "tokenYellowActive" | "tokenRedIdle" | "tokenRedActive" | "tokenWhite" | "tokenBlack" | "tokenBorderColorWarning" | "tokenBorderColorError" | "tokenOutlineWidth" | "tokenLegacyTextShift" | "tokenPaddingYDisabled" | "tokenPaddingXDisabled" | "tokenMarginYDisabled" | "tokenMarginXDisabled" | "tokenShadowDisabled" | "tokenInputBorderColor" | "tokenInputBorderColorFocus" | "tokenInputBorderColorError" | "tokenInputBorderColorWarning" | "tokenInputBorderTopColor" | "tokenInputPlaceholderColor" | "tokenInputPlaceholderColorLight" | "tokenInputDisabledBg" | "tokenInputDisabledBorderColor" | "tokenInputBorderWidth" | "tokenInputOutlineWidth" | "tokenInputBg" | "tokenInputShadow" | "tokenInputTextColor" | "tokenInputTextColorDisabled" | "tokenInputPaddingY" | "tokenInputPaddingX" | "tokenInputFontSize" | "tokenInputLineHeight" | "tokenInputInputPaddingLeft" | "tokenInputInputPaddingRight" | "loaderBg" | "loaderOpacity" | "btnWrapPadding" | "btnHeightShift" | "btnArrowBgImageActive" | "btnArrowBgImageChecked" | "btnLinkBorderRadius" | "btnFocusShadowWidth" | "btnFocusBorder" | "btnDisabledTextColor" | "btnDisabledBorderColor" | "btnCheckedBg" | "btnCheckedDisabledBg" | "btnCheckedDisabledColor" | "btnCheckedHoverBorderColor" | "btnCheckedTextColor" | "btnCheckedDisabledBorderColor" | "btnCheckedShadow" | "btnCheckedShadowColorArrow" | "btnCheckedShadowArrow" | "btnCheckedDisabledShadow" | "btnCheckedDisabledShadowArrow" | "btnBorderRadiusSmall" | "btnBorderRadiusMedium" | "btnBorderRadiusLarge" | "btnBorderWidth" | "btnOutlineWidth" | "btnPaddingXSmall" | "btnPaddingXMedium" | "btnPaddingXLarge" | "btnIconGapSmall" | "btnIconGapMedium" | "btnIconGapLarge" | "btnIconSizeSmall" | "btnIconSizeMedium" | "btnIconSizeLarge" | "btnDefaultBg" | "btnDefaultBgStart" | "btnDefaultBgEnd" | "btnDeprecatedSizeMediumFontSize" | "btnDeprecatedSizeMediumPaddingShift" | "btnDefaultCheckedBorder" | "btnDefaultTextColor" | "btnDefaultHoverBg" | "btnDefaultHoverBorderColor" | "btnDefaultActiveBorderColor" | "btnDefaultBorder" | "btnDefaultShadow" | "btnDefaultShadowArrow" | "btnDefaultHoverBgStart" | "btnDefaultHoverBgEnd" | "btnDefaultHoverShadow" | "btnDefaultHoverShadowArrow" | "btnDefaultActiveBg" | "btnDefaultActiveShadow" | "btnDefaultActiveShadowArrow" | "btnSuccessBg" | "btnSuccessHoverBg" | "btnSuccessHoverBorderColor" | "btnSuccessDisabledBg" | "btnSuccessBorder" | "btnSuccessBgStart" | "btnSuccessBgEnd" | "btnSuccessTextColor" | "btnSuccessShadow" | "btnSuccessShadowArrow" | "btnSuccessHoverBgStart" | "btnSuccessHoverBgEnd" | "btnSuccessHoverShadow" | "btnSuccessHoverShadowArrow" | "btnSuccessActiveBg" | "btnSuccessActiveShadow" | "btnSuccessActiveShadowArrow" | "btnPrimaryBg" | "btnPrimaryHoverBg" | "btnPrimaryHoverBorderColor" | "btnPrimaryDisabledBg" | "btnPrimaryBorder" | "btnPrimaryBgStart" | "btnPrimaryBgEnd" | "btnPrimaryTextColor" | "btnPrimaryShadow" | "btnPrimaryShadowArrow" | "btnPrimaryHoverBgStart" | "btnPrimaryHoverBgEnd" | "btnPrimaryHoverShadow" | "btnPrimaryHoverShadowArrow" | "btnPrimaryActiveBg" | "btnPrimaryActiveShadow" | "btnPrimaryActiveShadowArrow" | "btnDangerBg" | "btnDangerHoverBg" | "btnDangerHoverBorderColor" | "btnDangerDisabledBg" | "btnDangerBorder" | "btnDangerBgStart" | "btnDangerBgEnd" | "btnDangerTextColor" | "btnDangerShadow" | "btnDangerShadowArrow" | "btnDangerHoverBgStart" | "btnDangerHoverBgEnd" | "btnDangerHoverShadow" | "btnDangerHoverShadowArrow" | "btnDangerActiveBg" | "btnDangerActiveShadow" | "btnDangerActiveShadowArrow" | "btnPayBg" | "btnPayHoverBg" | "btnPayHoverBorderColor" | "btnPayDisabledBg" | "btnPayBorder" | "btnPayBgStart" | "btnPayBgEnd" | "btnPayShadow" | "btnPayTextColor" | "btnPayShadowArrow" | "btnPayHoverBgStart" | "btnPayHoverBgEnd" | "btnPayHoverShadow" | "btnPayHoverShadowArrow" | "btnPayActiveBg" | "btnPayActiveShadow" | "btnPayActiveShadowArrow" | "btnDeprecatedSizeMediumPaddingShiftIe" | "btnMenuArrowColor" | "btnFontSizeSmall" | "btnFontSizeMedium" | "btnFontSizeLarge" | "btnLineHeightSmall" | "btnLineHeightMedium" | "btnLineHeightLarge" | "btnPaddingYSmall" | "btnPaddingYMedium" | "btnPaddingYLarge" | "btnDisabledBg" | "btnDisabledShadowColor" | "btnDisabledShadow" | "btnDisabledShadowArrow" | "btnTextColorDefault" | "btnBorderColorWarning" | "btnBorderColorError" | "btnHeightSmall" | "btnHeightMedium" | "btnHeightLarge" | "btnLinkColor" | "btnLinkHoverColor" | "btnLinkHoverTextDecoration" | "btnLinkActiveColor" | "btnLinkIconMarginRight" | "btnErrorSecondary" | "btnOutlineColorFocus" | "btnBorderColorFocus" | "btnLinkDisabledColor" | "selectPlaceholderColor" | "selectBorderWidth" | "selectOutlineWidth" | "selectLineHeightSmall" | "selectFontSizeSmall" | "selectPaddingXSmall" | "selectPaddingYSmall" | "selectBorderRadiusSmall" | "selectIconGapSmall" | "selectPaddingArrowSmall" | "selectLineHeightMedium" | "selectFontSizeMedium" | "selectPaddingXMedium" | "selectPaddingYMedium" | "selectBorderRadiusMedium" | "selectIconGapMedium" | "selectPaddingArrowMedium" | "selectLineHeightLarge" | "selectFontSizeLarge" | "selectPaddingXLarge" | "selectPaddingYLarge" | "selectBorderRadiusLarge" | "selectIconGapLarge" | "selectPaddingArrowLarge" | "selectMenuArrowColor" | "selectIconSizeSmall" | "selectIconSizeMedium" | "selectIconSizeLarge" | "tooltipPaddingY" | "tooltipPaddingX" | "tooltipCloseBtnPadding" | "tooltipCloseBtnColor" | "tooltipCloseBtnHoverColor" | "tooltipBorder" | "tooltipBorderRadius" | "tooltipPinOffset" | "tooltipPinOffsetX" | "tooltipPinOffsetY" | "tooltipMargin" | "tooltipPinSize" | "tooltipMenuPinOffset" | "tooltipMenuMargin" | "tooltipMenuPinSize" | "kebabPinOffset" | "kebabPinSize" | "kebabMargin" | "kebabBackground" | "kebabBackgroundHover" | "kebabBorderRadius" | "kebabBorder" | "modalBackBg" | "modalBackOpacity" | "modalCloseButtonColor" | "modalCloseButtonDisabledColor" | "modalCloseButtonHoverColor" | "modalCloseButtonPadding" | "modalCloseButtonLegacyShift" | "modalCloseButtonBottomPadding" | "modalCloseIconSize" | "modalCloseLegacyGap" | "modalCloseWrapperLegacyGap" | "modalFixedHeaderBg" | "modalFixedHeaderShadow" | "modalFixedFooterShadow" | "modalFooterBg" | "modalAdaptiveThreshold" | "modalPaddingTop" | "modalPaddingLeft" | "modalPaddingRight" | "modalHeaderFontSize" | "modalHeaderLineHeight" | "modalHeaderPaddingBottom" | "modalHeaderPaddingTop" | "modalFixedHeaderPaddingBottom" | "modalBodyPaddingBottom" | "modalFooterPaddingTop" | "modalFooterPaddingBottom" | "modalPaddingBottom" | "modalFooterPanelPaddingTop" | "modalFooterPanelPaddingBottom" | "sidePageFooterPanelBg" | "sidePageBackingBg" | "sidePageBackingBgOpacity" | "sidePageCloseButtonColor" | "sidePageCloseButtonHoverColor" | "sidePageContainerShadow" | "sidePagePaddingLeft" | "sidePagePaddingRight" | "sidePagePaddingTop" | "sidePagePaddingBottom" | "sidePageFooterPaddingTop" | "sidePageFooterPaddingBottom" | "sidePageBgDefault" | "sidePageBorderColor" | "sidePageHeaderFontSize" | "sidePageHeaderLineHeight" | "sidePageHeaderPaddingBottom" | "sidePageHeaderPaddingTop" | "sidePageHeaderFixedFontSize" | "sidePageHeaderFixedLineHeight" | "sidePageHeaderFixedPaddingY" | "sidePageHeaderStickyOffset" | "sidePageCloseButtonPadding" | "sidePageCloseButtonLegacyPaddingLeft" | "sidePageFooterPanelPaddingTop" | "sidePageFooterPanelPaddingBottom" | "sidePageCloseIconSize" | "sidePageCloseButtonClickArea" | "dateInputIconColor" | "dateInputMaskColor" | "dateInputComponentSelectedBgColor" | "calendarCellBg" | "calendarCellHoverColor" | "calendarCellActiveHoverColor" | "calendarCellWeekendColor" | "calendarCellTodayBorder" | "calendarCellSelectedBgColor" | "calendarCellSelectedFontColor" | "calendarCellSize" | "calendarMonthHeaderStickedBgColor" | "calendarMonthTitleBorderBottomColor" | "calendarCellHoverBgColor" | "calendarPaddingX" | "calendarMonthTitleLineHeight" | "calendarMonthTitlePaddingTop" | "calendarMonthTitlePaddingBottom" | "calendarMonthTitleMarginX" | "calendarMonthTitleMarginBottom" | "calendarWrapperHeight" | "calendarMonthMarginBottom" | "calendarMaxMonthsToAppendOnScroll" | "dateSelectLineHeight" | "dateSelectFontSize" | "dateSelectFontWeight" | "dateSelectMenuItemBgSelected" | "dateSelectTextColorDisabled" | "dateSelectTextColorDefault" | "dateSelectLinkColor" | "dateSelectPopupBoxShadow" | "dateSelectTextColorInvert" | "datePickerOpenBtnColor" | "pickerBg" | "pickerShadow" | "pickerTodayWrapperBgColor" | "pickerTodayWrapperBorderTop" | "pickerTodayWrapperHoverBgColor" | "pickerTodayWrapperFontSize" | "pickerTodayWrapperLineHeight" | "pickerTodayWrapperPaddingTop" | "pickerTodayWrapperPaddingBottom" | "dateSelectMenuBg" | "dateSelectMenuItemBgActive" | "dateSelectMenuItemBgDisabled" | "dateSelectMenuItemFontActive" | "dateSelectMenuItemFontSelected" | "dateSelectMenuItemFontDisabled" | "pagingFontSize" | "pagingForwardIconSize" | "pagingForwardIconMarginTop" | "pagingPageLinkPaddingX" | "pagingPageLinkPaddingY" | "pagingPageLinkLegacyPaddingY" | "pagingPageLinkMinWidth" | "pagingPageForwardLinkMarginTop" | "pagingPageForwardLinkMarginLeft" | "pagingPageForwardLinkPaddingRight" | "pagingLineHeight" | "pagingDotsColor" | "pagingDotsPadding" | "pagingPageLinkActiveBg" | "pagingPageLinkActiveColor" | "pagingPageLinkHoverBg" | "pagingPageLinkHintColor" | "pagingPageLinkHintFontSize" | "pagingPageLinkHintLineHeight" | "pagingPageLinkBorderRadius" | "pagingPageLinkMargin" | "pagingForwardLinkColor" | "pagingForwardLinkDisabledColor" | "hintColor" | "hintFontSize" | "hintLineHeight" | "hintMaxWidth" | "hintPaddingY" | "hintPaddingX" | "hintTextAlign" | "hintBorder" | "hintBorderRadius" | "hintPinOffset" | "hintMargin" | "toastFontSize" | "toastLineHeight" | "toastPaddingY" | "toastPaddingX" | "toastBorderRadius" | "toastBorder" | "toastTop" | "toastBg" | "toastColor" | "toastLinkColor" | "toastClosePadding" | "toastCloseColor" | "toastCloseHoverColor" | "toastCloseSize" | "dropdownMenuSelectedBg" | "dropdownMenuHoverBg" | "menuBgDefault" | "menuBorder" | "menuShadow" | "menuPaddingY" | "menuItemSelectedBg" | "menuItemHoverBg" | "menuItemIconWidth" | "menuItemIconGap" | "menuItemIconLegacyMargin" | "menuItemIconLegacyShift" | "menuItemPaddingForIcon" | "menuItemLineHeight" | "menuItemFontSize" | "menuItemPaddingX" | "menuItemPaddingY" | "menuItemLegacyPaddingX" | "menuItemLegacyPaddingY" | "menuItemHoverColor" | "menuItemDisabledColor" | "menuItemLinkColor" | "menuItemCommentColor" | "menuItemCommentColorHover" | "menuHeaderColor" | "menuHeaderLineHeight" | "menuHeaderFontSize" | "menuHeaderPaddingX" | "menuHeaderPaddingTop" | "menuHeaderPaddingBottom" | "menuHeaderLegacyPaddingRight" | "menuSeparatorBorderColor" | "menuSeparatorMarginY" | "menuSeparatorBorderWidth" | "toggleHandleActiveWidthIncrement" | "toggleHandleBorderRadius" | "toggleHeight" | "toggleWidth" | "toggleBorderRadius" | "toggleBg" | "toggleBgDisabled" | "toggleBgHover" | "toggleBgChecked" | "toggleBorderWidth" | "toggleOutlineWidth" | "toggleBorderColor" | "toggleBgFocus" | "toggleBgActive" | "toggleBgError" | "toggleBgWarning" | "toggleFocusShadowColor" | "toggleCaptionGap" | "popupBorder" | "popupBorderRadius" | "popupBorderColor" | "popupDropShadow" | "popupBoxShadow" | "popupTextColor" | "popupBackground" | "popupPinOffset" | "popupPinOffsetX" | "popupPinOffsetY" | "popupMargin" | "popupPinSize" | "inputTextColor" | "inputTextColorDisabled" | "inputShadow" | "inputBg" | "inputIconColor" | "inputColor" | "inputWidth" | "inputFontSizeSmall" | "inputFontSizeMedium" | "inputFontSizeLarge" | "inputLineHeightSmall" | "inputLineHeightMedium" | "inputLineHeightLarge" | "inputHeightSmall" | "inputHeightMedium" | "inputHeightLarge" | "inputPaddingYSmall" | "inputPaddingYMedium" | "inputPaddingYLarge" | "inputPaddingXSmall" | "inputPaddingXMedium" | "inputPaddingXLarge" | "inputIconGapSmall" | "inputIconGapMedium" | "inputIconGapLarge" | "inputIconSizeSmall" | "inputIconSizeMedium" | "inputIconSizeLarge" | "inputFocusShadow" | "inputDisabledBg" | "inputDisabledBorderColor" | "inputFocusOutline" | "inputBorderWidth" | "inputOutlineWidth" | "inputBorderRadiusSmall" | "inputBorderRadiusMedium" | "inputBorderRadiusLarge" | "inputBorderColor" | "inputBorderColorFocus" | "inputBorderColorError" | "inputBorderColorWarning" | "inputBorderTopColor" | "inputPlaceholderColor" | "inputPlaceholderColorLight" | "inputBlinkColor" | "checkboxBorderWidthCompensation" | "checkboxFontSize" | "checkboxLineHeight" | "checkboxBoxSize" | "checkboxLabelGap" | "checkboxPaddingY" | "checkboxBgStart" | "checkboxBgEnd" | "checkboxTextColorDefault" | "checkboxTextColorDisabled" | "checkboxIndeterminateBg" | "checkboxShadowDisabled" | "checkboxBorder" | "checkboxBorderWidth" | "checkboxShadow" | "checkboxShadowHover" | "checkboxCheckedColor" | "checkboxOutlineColorFocus" | "checkboxBorderColorWarning" | "checkboxBorderColorError" | "checkboxCheckedHoverShadow" | "checkboxBorderRadius" | "checkboxOutlineWidth" | "checkboxCheckedShadow" | "checkboxCheckedActiveShadow" | "checkboxBorderColorFocus" | "checkboxBg" | "checkboxHoverBg" | "checkboxActiveBg" | "checkboxCheckedBg" | "checkboxBgDisabled" | "checkboxBoxIndeterminateBg" | "checkboxCheckedHoverBg" | "checkboxCheckedActiveBg" | "checkboxShadowActive" | "textareaBg" | "textareaColor" | "textareaTextColorDisabled" | "textareaPlaceholderColorLight" | "textareaPlaceholderColor" | "textareaShadow" | "textareaFontSize" | "textareaLineHeight" | "textareaBorderRadius" | "textareaBorderWidth" | "textareaOutlineWidth" | "textareaMinHeight" | "textareaWidth" | "textareaPaddingX" | "textareaPaddingY" | "textareaBorderColor" | "textareaBorderTopColor" | "textareaBorderColorFocus" | "textareaBorderColorWarning" | "textareaBorderColorError" | "textareaDisabledBg" | "textareaDisabledBorderColor" | "textareaCounterColor" | "textareaCounterBg" | "textareaCounterErrorColor" | "textareaCounterHelpIconColor" | "radioBulletSize" | "radioOutlineWidth" | "radioSize" | "radioSizeAfter" | "radioFontSize" | "radioLineHeight" | "radioLabelGap" | "radioPaddingY" | "radioVerticalAlign" | "radioBgImage" | "radioHoverBg" | "radioActiveBg" | "radioBorderWidth" | "radioBorderColor" | "radioBoxShadow" | "radioBorder" | "radioBorderColorFocus" | "radioBorderColorWarning" | "radioBorderColorError" | "radioHoverShadow" | "radioActiveShadow" | "radioFocusShadow" | "radioCheckedBgColor" | "radioCheckedBulletColor" | "radioCheckedHoverBgColor" | "radioDisabledShadow" | "radioLabelDisplay" | "radioBorderWidthCompensation" | "radioMarginY" | "radioGroupLegacyItemGap" | "tabFontSize" | "tabPaddingX" | "tabsMarginX" | "tabPaddingY" | "tabLineHeight" | "tabBorderWidth" | "tabOutlineWidth" | "tabTextColorDefault" | "tabColorFocus" | "tabColorError" | "tabColorWarning" | "tabColorSuccess" | "tabColorPrimary" | "tabColorHover" | "tabColorHoverError" | "tabColorHoverWarning" | "tabColorHoverSuccess" | "tabColorHoverPrimary" | "spinnerBgColor" | "spinnerColor" | "spinnerDimmedColor" | "spinnerCaptionColor" | "spinnerFontSizeSmall" | "spinnerFontSizeMedium" | "spinnerFontSizeLarge" | "spinnerLineHeightSmall" | "spinnerLineHeightMedium" | "spinnerLineHeightLarge" | "spinnerCaptionGapSmall" | "spinnerCaptionGapMedium" | "spinnerCaptionGapLarge" | "switcherOutlineWidth" | "switcherLabelFontSizeSmall" | "switcherLabelFontSizeMedium" | "switcherLabelFontSizeLarge" | "switcherLabelLineHeightSmall" | "switcherLabelLineHeightMedium" | "switcherLabelLineHeightLarge" | "switcherLabelGapSmall" | "switcherLabelGapMedium" | "switcherLabelGapLarge" | "switcherButtonPaddingXSmall" | "switcherButtonPaddingXMedium" | "switcherButtonPaddingXLarge" | "switcherButtonPaddingYSmall" | "switcherButtonPaddingYMedium" | "switcherButtonPaddingYLarge" | "switcherButtonLineHeightSmall" | "switcherButtonLineHeightMedium" | "switcherButtonLineHeightLarge" | "switcherButtonFontSizeSmall" | "switcherButtonFontSizeMedium" | "switcherButtonFontSizeLarge" | "switcherButtonBorderRadiusSmall" | "switcherButtonBorderRadiusMedium" | "switcherButtonBorderRadiusLarge" | "switcherButtonBorderWidth" | "switcherButtonDisabledBorderColor" | "switcherButtonCheckedDisabledShadow")[];
+export declare const ALL_USED_VARIABLES: ("prototype" | "black" | "blue" | "gray" | "green" | "red" | "white" | "yellow" | "fontFamilyCompensationBaseline" | "labGrotesqueBaselineCompensation" | "brandXLight" | "brandLight" | "brand" | "brandDark" | "brandXDark" | "grayXxLight" | "grayXLight" | "grayLight" | "grayDark" | "blueXxLight" | "blueLight" | "blueDark" | "blueXDark" | "greenXxLight" | "greenDark" | "redXxLight" | "redDark" | "yellowXxLight" | "yellowDark" | "bgDefault" | "bgSecondary" | "bgDisabled" | "errorMain" | "errorSecondary" | "errorText" | "warningMain" | "warningSecondary" | "warningText" | "borderColorFocusLight" | "borderColorGrayDark" | "borderColorGrayLight" | "borderColorDisabled" | "placeholderColor" | "outlineColorFocus" | "placeholderColorLight" | "blinkColor" | "controlBorderWidth" | "controlOutlineWidth" | "controlLineHeightSmall" | "controlLineHeightMedium" | "controlLineHeightLarge" | "controlPaddingYSmall" | "controlPaddingYMedium" | "controlPaddingYLarge" | "textColorDefault" | "textColorInvert" | "textColorDisabled" | "textColorDisabledContrast" | "fontSizeSmall" | "fontSizeMedium" | "fontSizeLarge" | "fontSizeMobile" | "lineHeightMobile" | "specificityLevel" | "fixedPanelShadow" | "bgActive" | "borderColorFocus" | "borderColorError" | "borderColorWarning" | "controlHeightSmall" | "controlHeightMedium" | "controlHeightLarge" | "mobileMediaQuery" | "linkColor" | "linkActiveColor" | "linkHoverTextDecoration" | "linkSuccessColor" | "linkSuccessHoverColor" | "linkSuccessActiveColor" | "linkDangerColor" | "linkDangerHoverColor" | "linkDangerActiveColor" | "linkIconMarginRight" | "linkHoverColor" | "linkDisabledColor" | "linkButtonLineHeight" | "linkButtonPaddingX" | "tokenDisabledBg" | "tokenTextColorDisabled" | "tokenFontSize" | "tokenMarginY" | "tokenMarginX" | "tokenLineHeight" | "tokenPaddingY" | "tokenPaddingX" | "tokenMarginBeforeIcon" | "tokenRemoveIconSize" | "tokenRemoveIconPaddingY" | "tokenRemoveIconPaddingX" | "tokenRemoveIconGap" | "tokenRemoveIconBoxSizing" | "tokenBorderRadius" | "tokenBorderWidth" | "tokenBorderColorDisabled" | "tokenDefaultIdle" | "tokenDefaultActive" | "tokenGrayIdle" | "tokenGrayActive" | "tokenBlueIdle" | "tokenBlueActive" | "tokenGreenIdle" | "tokenGreenActive" | "tokenYellowIdle" | "tokenYellowActive" | "tokenRedIdle" | "tokenRedActive" | "tokenWhite" | "tokenBlack" | "tokenBorderColorWarning" | "tokenBorderColorError" | "tokenOutlineWidth" | "tokenLegacyTextShift" | "tokenPaddingYDisabled" | "tokenPaddingXDisabled" | "tokenMarginYDisabled" | "tokenMarginXDisabled" | "tokenShadowDisabled" | "tokenInputBorderColor" | "tokenInputBorderColorFocus" | "tokenInputBorderColorError" | "tokenInputBorderColorWarning" | "tokenInputBorderTopColor" | "tokenInputBorderRadius" | "tokenInputPlaceholderColor" | "tokenInputPlaceholderColorLight" | "tokenInputDisabledBg" | "tokenInputDisabledBorderColor" | "tokenInputBorderWidth" | "tokenInputOutlineWidth" | "tokenInputBg" | "tokenInputShadow" | "tokenInputTextColor" | "tokenInputTextColorDisabled" | "tokenInputPlaceholderColorDisabled" | "tokenInputPaddingY" | "tokenInputPaddingX" | "tokenInputFontSize" | "tokenInputLineHeight" | "tokenInputInputPaddingLeft" | "tokenInputInputPaddingRight" | "loaderBg" | "loaderOpacity" | "btnBackgroundClip" | "btnArrowBgImageActive" | "btnArrowBgImageChecked" | "btnLinkBorderRadius" | "btnFocusShadowWidth" | "btnDisabledBorderColor" | "btnCheckedBg" | "btnCheckedDisabledBg" | "btnCheckedDisabledColor" | "btnCheckedTextColor" | "btnCheckedDisabledBorderColor" | "btnCheckedShadow" | "btnCheckedDisabledShadow" | "btnBorderRadiusSmall" | "btnBorderRadiusMedium" | "btnBorderRadiusLarge" | "btnBorderWidth" | "btnInsetWidth" | "btnOutlineWidth" | "btnPaddingXSmall" | "btnPaddingXMedium" | "btnPaddingXLarge" | "btnIconGapSmall" | "btnIconGapMedium" | "btnIconGapLarge" | "btnIconSizeSmall" | "btnIconSizeMedium" | "btnIconSizeLarge" | "btnDefaultBg" | "btnDefaultBgStart" | "btnDefaultBgEnd" | "btnDefaultCheckedBorderColor" | "btnDefaultTextColor" | "btnDefaultHoverBg" | "btnDefaultHoverBgStart" | "btnDefaultHoverBgEnd" | "btnDefaultActiveBg" | "btnDefaultHoverBorderColor" | "btnDefaultHoverBorderBottomColor" | "btnDefaultActiveBorderColor" | "btnDefaultActiveBorderTopColor" | "btnDefaultBorderColor" | "btnDefaultBorderBottomColor" | "btnDefaultActiveShadow" | "btnSuccessBg" | "btnSuccessHoverBg" | "btnSuccessHoverBorderColor" | "btnSuccessHoverBorderBottomColor" | "btnSuccessBorderColor" | "btnSuccessBorderBottomColor" | "btnSuccessBgStart" | "btnSuccessBgEnd" | "btnSuccessTextColor" | "btnSuccessHoverBgStart" | "btnSuccessHoverBgEnd" | "btnSuccessActiveBg" | "btnSuccessActiveBorderColor" | "btnSuccessActiveBorderTopColor" | "btnSuccessActiveShadow" | "btnPrimaryBg" | "btnPrimaryHoverBg" | "btnPrimaryHoverBorderColor" | "btnPrimaryHoverBorderBottomColor" | "btnPrimaryBorderColor" | "btnPrimaryBorderBottomColor" | "btnPrimaryBgStart" | "btnPrimaryBgEnd" | "btnPrimaryTextColor" | "btnPrimaryHoverBgStart" | "btnPrimaryHoverBgEnd" | "btnPrimaryActiveBg" | "btnPrimaryActiveBorderColor" | "btnPrimaryActiveBorderTopColor" | "btnPrimaryActiveShadow" | "btnDangerBg" | "btnDangerHoverBg" | "btnDangerHoverBorderColor" | "btnDangerHoverBorderBottomColor" | "btnDangerBorderColor" | "btnDangerBorderBottomColor" | "btnDangerBgStart" | "btnDangerBgEnd" | "btnDangerTextColor" | "btnDangerHoverBgStart" | "btnDangerHoverBgEnd" | "btnDangerActiveBg" | "btnDangerActiveBorderColor" | "btnDangerActiveBorderTopColor" | "btnDangerActiveShadow" | "btnPayBg" | "btnPayHoverBg" | "btnPayHoverBorderColor" | "btnPayHoverBorderBottomColor" | "btnPayBorderColor" | "btnPayBorderBottomColor" | "btnPayBgStart" | "btnPayBgEnd" | "btnPayTextColor" | "btnPayHoverBgStart" | "btnPayHoverBgEnd" | "btnPayActiveBg" | "btnPayActiveBorderColor" | "btnPayActiveBorderTopColor" | "btnPayActiveShadow" | "btnMenuArrowColor" | "btnFontSizeSmall" | "btnFontSizeMedium" | "btnFontSizeLarge" | "btnLineHeightSmall" | "btnLineHeightMedium" | "btnLineHeightLarge" | "btnPaddingYSmall" | "btnPaddingYMedium" | "btnPaddingYLarge" | "btnDisabledBg" | "btnBorderColorWarning" | "btnBorderColorError" | "btnHeightSmall" | "btnHeightMedium" | "btnHeightLarge" | "btnLinkColor" | "btnLinkHoverColor" | "btnLinkActiveColor" | "btnLinkHoverTextDecoration" | "btnLinkIconMarginRight" | "btnErrorSecondary" | "btnWarningSecondary" | "btnOutlineColorFocus" | "btnInsetColor" | "btnBorderColorFocus" | "btnLinkDisabledColor" | "btnDisabledTextColor" | "selectPlaceholderColor" | "selectBorderWidth" | "selectPlaceholderColorDisabled" | "selectOutlineWidth" | "selectLineHeightSmall" | "selectFontSizeSmall" | "selectPaddingXSmall" | "selectPaddingYSmall" | "selectBorderRadiusSmall" | "selectIconGapSmall" | "selectLineHeightMedium" | "selectFontSizeMedium" | "selectPaddingXMedium" | "selectPaddingYMedium" | "selectBorderRadiusMedium" | "selectIconGapMedium" | "selectLineHeightLarge" | "selectFontSizeLarge" | "selectPaddingXLarge" | "selectPaddingYLarge" | "selectBorderRadiusLarge" | "selectIconGapLarge" | "selectMenuArrowColor" | "selectMenuArrowColorDisabled" | "selectIconSizeSmall" | "selectIconSizeMedium" | "selectIconSizeLarge" | "selectRootWidthMobile" | "selectTextColorDisabled" | "selectBgDisabled" | "selectBorderColorDisabled" | "tooltipPaddingY" | "tooltipPaddingX" | "tooltipCloseBtnPadding" | "tooltipCloseBtnColor" | "tooltipCloseBtnHoverColor" | "tooltipTextColor" | "tooltipBorder" | "tooltipBorderRadius" | "tooltipPinOffset" | "tooltipPinOffsetX" | "tooltipPinOffsetY" | "tooltipMargin" | "tooltipPinSize" | "tooltipFontSize" | "tooltipLineHeight" | "tooltipMenuPinOffset" | "tooltipMenuMargin" | "tooltipMenuPinSize" | "kebabPinOffset" | "kebabPinSize" | "kebabMargin" | "kebabBackground" | "kebabBackgroundHover" | "kebabBorderRadius" | "kebabBorder" | "modalBackBg" | "modalBg" | "modalBackOpacity" | "modalCloseButtonColor" | "modalCloseButtonDisabledColor" | "modalCloseButtonHoverColor" | "modalCloseButtonPadding" | "modalCloseButtonLegacyShift" | "modalCloseButtonBottomPadding" | "modalCloseButtonClickArea" | "modalCloseIconSize" | "modalCloseLegacyGap" | "modalCloseWrapperLegacyGap" | "modalBorderRadius" | "modalFixedHeaderBg" | "modalFixedHeaderShadow" | "modalFixedHeaderBorder" | "modalFixedFooterBorder" | "modalFixedFooterShadow" | "modalFixedPanelShadow" | "modalFooterBg" | "modalAdaptiveThreshold" | "modalPaddingTop" | "modalPaddingLeft" | "modalPaddingRight" | "modalHeaderFontSize" | "modalHeaderTextColor" | "modalHeaderLineHeight" | "modalHeaderPaddingBottom" | "modalHeaderPaddingTop" | "modalFixedHeaderPaddingBottom" | "modalBodyTextColor" | "modalFooterTextColor" | "modalBodyPaddingBottom" | "modalFooterPaddingTop" | "modalFooterPaddingBottom" | "modalPaddingBottom" | "modalFooterPanelPaddingTop" | "modalFooterPanelPaddingBottom" | "mobileModalCloseButtonRightPadding" | "mobileModalCloseButtonTopPadding" | "mobileModalCloseButtonClickArea" | "mobileModalCloseIconSize" | "mobileModalHeaderFontSize" | "mobileModalHeaderLineHeight" | "mobileModalHeaderPadding" | "mobileModalBodyPadding" | "mobileModalBodyFontSize" | "mobileModalFooterPadding" | "mobileModalPaddingBottom" | "sidePageFooterPanelBg" | "sidePageBackingBg" | "sidePageBackingBgOpacity" | "sidePageCloseButtonColor" | "sidePageCloseButtonHoverColor" | "sidePageContainerShadow" | "mobileSidePagePaddingLeft" | "mobileSidePagePaddingRight" | "mobileSidePagePaddingTop" | "mobileSidePagePaddingBottom" | "mobileSidePageFooterPadding" | "sidePagePaddingLeft" | "sidePagePaddingRight" | "sidePagePaddingTop" | "sidePagePaddingBottom" | "sidePageFooterPaddingTop" | "sidePageFooterPaddingBottom" | "sidePageBgDefault" | "sidePageHeaderTextColor" | "sidePageBodyTextColor" | "sidePageFooterTextColor" | "sidePageHeaderFontSize" | "sidePageHeaderLineHeight" | "sidePageHeaderPaddingBottom" | "sidePageHeaderPaddingTop" | "sidePageHeaderFixedFontSize" | "sidePageHeaderFixedLineHeight" | "sidePageHeaderFixedPaddingY" | "sidePageHeaderStickyOffset" | "sidePageCloseButtonPadding" | "mobileSidePageCloseButtonPadding" | "sidePageCloseButtonLegacyPaddingLeft" | "sidePageFooterPanelPaddingTop" | "sidePageFooterPanelPaddingBottom" | "sidePageCloseIconSize" | "sidePageCloseButtonClickArea" | "mobileSidePageCloseButtonClickArea" | "sidePageFixedHeaderShadow" | "sidePageFixedFooterShadow" | "sidePageFixedPanelShadow" | "mobileSidePageHeaderFontSize" | "mobileSidePageHeaderLineHeight" | "mobileSidePageHeaderPaddingBottom" | "mobileSidePageHeaderPaddingTop" | "dateInputIconColor" | "dateInputMaskColor" | "dateInputComponentSelectedBgColor" | "calendarCellBg" | "calendarCellHoverColor" | "calendarCellActiveHoverColor" | "calendarCellWeekendColor" | "calendarCellTodayBorder" | "calendarCellSelectedBgColor" | "calendarCellSelectedFontColor" | "calendarCellSize" | "calendarCellLineHeight" | "calendarMonthHeaderStickedBgColor" | "calendarMonthTitleBorderBottomColor" | "calendarCellHoverBgColor" | "calendarPaddingX" | "calendarMonthTitleLineHeight" | "calendarMonthTitlePaddingTop" | "calendarMonthTitlePaddingBottom" | "calendarMonthTitleMarginX" | "calendarMonthTitleMarginBottom" | "calendarWrapperHeight" | "calendarMonthMarginBottom" | "calendarMaxMonthsToAppendOnScroll" | "dateSelectLineHeight" | "dateSelectFontSize" | "dateSelectFontWeight" | "dateSelectMenuItemBgSelected" | "dateSelectTextColorDisabled" | "dateSelectTextColorDefault" | "dateSelectLinkColor" | "dateSelectPopupBoxShadow" | "dateSelectTextColorInvert" | "datePickerOpenBtnColor" | "pickerBg" | "pickerShadow" | "pickerTodayWrapperBgColor" | "pickerTodayWrapperBorderTop" | "pickerTodayWrapperHoverBgColor" | "pickerTodayWrapperFontSize" | "pickerTodayWrapperLineHeight" | "pickerTodayWrapperPaddingTop" | "pickerTodayWrapperPaddingBottom" | "dateSelectMenuBg" | "dateSelectMenuItemBgActive" | "dateSelectMenuItemBgDisabled" | "dateSelectMenuItemFontActive" | "dateSelectMenuItemFontSelected" | "dateSelectMenuItemFontDisabled" | "pagingFontSize" | "pagingForwardIconSize" | "pagingForwardIconMarginTop" | "pagingPageLinkPaddingX" | "pagingPageLinkPaddingY" | "pagingPageLinkLegacyPaddingY" | "pagingPageLinkMinWidth" | "pagingPageForwardLinkMarginTop" | "pagingPageForwardLinkMarginLeft" | "pagingPageForwardLinkPaddingRight" | "pagingLineHeight" | "pagingDotsColor" | "pagingDotsPadding" | "pagingPageLinkActiveBg" | "pagingPageLinkActiveColor" | "pagingPageLinkHoverBg" | "pagingPageLinkBorderRadius" | "pagingPageLinkHintColor" | "pagingPageLinkHintFontSize" | "pagingPageLinkHintLineHeight" | "pagingPageLinkMargin" | "pagingForwardLinkColor" | "pagingForwardLinkDisabledColor" | "hintColor" | "mobileHintColor" | "hintFontSize" | "hintLineHeight" | "hintMaxWidth" | "hintPaddingY" | "hintPaddingX" | "hintTextAlign" | "hintBgColor" | "hintBorder" | "hintBorderRadius" | "hintPinOffset" | "hintMargin" | "toastFontSize" | "toastLineHeight" | "toastPaddingY" | "toastPaddingX" | "toastBorderRadius" | "toastBorder" | "toastTop" | "toastBg" | "toastColor" | "toastLinkColor" | "toastClosePadding" | "toastCloseColor" | "toastCloseHoverColor" | "toastCloseSize" | "dropdownMenuSelectedBg" | "dropdownMenuHoverBg" | "menuBgDefault" | "menuBorderRadius" | "menuBorder" | "menuShadow" | "menuPaddingY" | "menuPaddingX" | "menuItemTextColor" | "menuItemSelectedBg" | "menuItemHoverBg" | "menuItemIconWidth" | "menuItemIconGap" | "menuItemIconLegacyMargin" | "menuItemIconLegacyShift" | "menuItemPaddingForIcon" | "menuItemLineHeight" | "menuItemFontSize" | "menuItemPaddingX" | "menuItemPaddingY" | "menuItemBorderRadius" | "menuItemLegacyPaddingX" | "menuItemLegacyPaddingY" | "menuItemHoverColor" | "menuItemDisabledColor" | "menuItemLinkColor" | "menuItemCommentColor" | "menuItemCommentColorHover" | "menuItemPaddingMobile" | "menuHeaderColor" | "menuHeaderLineHeight" | "menuHeaderFontSize" | "menuHeaderPaddingX" | "menuHeaderPaddingTop" | "menuHeaderPaddingBottom" | "menuHeaderLegacyPaddingRight" | "menuSeparatorBorderColor" | "menuSeparatorMarginY" | "menuSeparatorBorderWidth" | "toggleFontSize" | "toggleLineHeight" | "toggleTextColor" | "toggleHandleActiveWidthIncrement" | "toggleHandleBorderRadius" | "toggleHeight" | "toggleWidth" | "toggleBorderRadius" | "toggleBg" | "toggleHandleBg" | "toggleCheckedBg" | "toggleDisabledHandleBg" | "toggleBaseBg" | "toggleBgDisabled" | "toggleBgDisabledChecked" | "toggleBgHover" | "toggleCheckedBgHover" | "toggleBgChecked" | "toggleBorderWidth" | "toggleOutlineWidth" | "toggleBorderColor" | "toggleBorderColorDisabled" | "toggleBorderColorDisabledChecked" | "toggleHandleSize" | "toggleHandleLeft" | "toggleHandleTop" | "toggleBgFocus" | "toggleBgActive" | "toggleShadowColorError" | "toggleShadowColorWarning" | "toggleFocusShadowColor" | "toggleCaptionGap" | "toggleButtonOffsetY" | "popupBorder" | "popupBorderRadius" | "popupBorderColor" | "popupDropShadow" | "popupBoxShadow" | "popupTextColor" | "popupBackground" | "popupPinOffset" | "popupPinOffsetX" | "popupPinOffsetY" | "popupMargin" | "popupPinSize" | "inputTextColor" | "inputShadow" | "inputBg" | "inputIconColor" | "inputFocusedIconColor" | "inputColor" | "inputWidth" | "inputTextColorDisabled" | "inputFontSizeSmall" | "inputFontSizeMedium" | "inputFontSizeLarge" | "inputLineHeightSmall" | "inputLineHeightMedium" | "inputLineHeightLarge" | "inputHeightSmall" | "inputHeightMedium" | "inputHeightLarge" | "inputPaddingYSmall" | "inputPaddingYMedium" | "inputPaddingYLarge" | "inputPaddingXSmall" | "inputPaddingXMedium" | "inputPaddingXLarge" | "inputIconGapSmall" | "inputIconGapMedium" | "inputIconGapLarge" | "inputIconSizeSmall" | "inputIconSizeMedium" | "inputIconSizeLarge" | "inputFocusShadow" | "inputFocusedBg" | "inputDisabledBg" | "inputDisabledBorderColor" | "inputFocusOutline" | "inputBorderWidth" | "inputOutlineWidth" | "inputBorderRadiusSmall" | "inputBorderRadiusMedium" | "inputBorderRadiusLarge" | "inputBorderColor" | "inputBorderColorFocus" | "inputBorderColorError" | "inputBorderColorWarning" | "inputBorderTopColor" | "inputPlaceholderColor" | "inputPlaceholderColorDisabled" | "inputPlaceholderColorLight" | "inputBlinkColor" | "checkboxFontSize" | "checkboxLineHeight" | "checkboxBoxSize" | "checkboxCaptionGap" | "checkboxPaddingY" | "checkboxBoxOffsetY" | "checkboxBgStart" | "checkboxBgEnd" | "checkboxTextColorDefault" | "checkboxTextColorDisabled" | "checkboxShadowDisabled" | "checkboxBorder" | "checkboxBorderWidth" | "checkboxShadow" | "checkboxShadowHover" | "checkboxCheckedColor" | "checkboxOutlineColorFocus" | "checkboxBorderColorWarning" | "checkboxBorderColorError" | "checkboxCheckedHoverShadow" | "checkboxBorderRadius" | "checkboxOutlineWidth" | "checkboxCheckedShadow" | "checkboxCheckedActiveShadow" | "checkboxBorderColorFocus" | "checkboxBg" | "checkboxHoverBg" | "checkboxActiveBg" | "checkboxCheckedBg" | "checkboxBgDisabled" | "checkboxCheckedHoverBg" | "checkboxCheckedActiveBg" | "checkboxShadowActive" | "textareaBg" | "textareaColor" | "textareaTextColorDisabled" | "textareaPlaceholderColorLight" | "textareaPlaceholderColor" | "textareaPlaceholderColorDisabled" | "textareaShadow" | "textareaFontSize" | "textareaLineHeight" | "textareaBorderRadius" | "textareaBorderWidth" | "textareaOutlineWidth" | "textareaMinHeight" | "textareaWidth" | "textareaPaddingX" | "textareaPaddingY" | "textareaBorderColor" | "textareaBorderTopColor" | "textareaBorderColorFocus" | "textareaBorderColorWarning" | "textareaBorderColorError" | "textareaDisabledBg" | "textareaDisabledBorderColor" | "textareaCounterColor" | "textareaCounterBg" | "textareaCounterErrorColor" | "textareaCounterHelpIconColor" | "radioBulletSize" | "radioOutlineWidth" | "radioTextColor" | "radioSize" | "radioSizeAfter" | "radioFontSize" | "radioLineHeight" | "radioCaptionGap" | "radioPaddingY" | "radioVerticalAlign" | "radioBgImage" | "radioBgColor" | "radioHoverBg" | "radioActiveBg" | "radioBorderWidth" | "radioBorderColor" | "radioBoxShadow" | "radioBorder" | "radioBorderColorFocus" | "radioBorderColorWarning" | "radioBorderColorError" | "radioHoverShadow" | "radioActiveShadow" | "radioFocusShadow" | "radioCheckedBgColor" | "radioCheckedBorderColor" | "radioCheckedBulletColor" | "radioCheckedHoverBgColor" | "radioDisabledBg" | "radioDisabledShadow" | "radioCaptionDisplay" | "radioBorderWidthCompensation" | "radioCircleOffsetY" | "radioGroupLegacyItemGap" | "tabFontSize" | "tabPaddingX" | "tabsMarginX" | "tabPaddingY" | "tabLineHeight" | "tabBorderWidth" | "tabOutlineWidth" | "tabTextColorDefault" | "tabColorFocus" | "tabColorError" | "tabColorWarning" | "tabColorSuccess" | "tabColorPrimary" | "tabColorHover" | "tabColorHoverError" | "tabColorHoverWarning" | "tabColorHoverSuccess" | "tabColorHoverPrimary" | "spinnerBgColor" | "spinnerColor" | "spinnerDimmedColor" | "spinnerCaptionColor" | "spinnerFontSizeSmall" | "spinnerFontSizeMedium" | "spinnerFontSizeLarge" | "spinnerLineHeightSmall" | "spinnerLineHeightMedium" | "spinnerLineHeightLarge" | "spinnerCaptionGapSmall" | "spinnerCaptionGapMedium" | "spinnerCaptionGapLarge" | "switcherBorderRadius" | "switcherTextColor" | "switcherOutlineWidth" | "switcherCaptionFontSizeSmall" | "switcherCaptionFontSizeMedium" | "switcherCaptionFontSizeLarge" | "switcherCaptionLineHeightSmall" | "switcherCaptionLineHeightMedium" | "switcherCaptionLineHeightLarge" | "switcherCaptionGapSmall" | "switcherCaptionGapMedium" | "switcherCaptionGapLarge" | "switcherButtonPaddingXSmall" | "switcherButtonPaddingXMedium" | "switcherButtonPaddingXLarge" | "switcherButtonPaddingYSmall" | "switcherButtonPaddingYMedium" | "switcherButtonPaddingYLarge" | "switcherButtonLineHeightSmall" | "switcherButtonLineHeightMedium" | "switcherButtonLineHeightLarge" | "switcherButtonFontSizeSmall" | "switcherButtonFontSizeMedium" | "switcherButtonFontSizeLarge" | "switcherButtonBorderRadiusSmall" | "switcherButtonBorderRadiusMedium" | "switcherButtonBorderRadiusLarge" | "switcherButtonBorderWidth" | "switcherButtonDisabledBorderColor" | "switcherButtonCheckedDisabledShadow" | "mobilePopupTopPadding" | "mobilePopupHeaderPadding" | "mobilePopupHeaderBorderRadius" | "mobilePopupHeaderShadow" | "mobilePopupHeaderFontSize" | "mobilePopupHeaderLineHeight" | "mobilePopupHeaderFontWeight" | "mobilePopupHeaderChildPadding" | "scrollContainerScrollBarSize" | "scrollContainerScrollBarHoverSize" | "scrollContainerScrollBarColor" | "scrollContainerScrollBarInvertColor" | "passwordInputVisibilityIconColor" | "passwordInputVisibilityIconOpacity" | "passwordInputVisibilityIconHoverColor" | "passwordInputVisibilityIconHoverOpacity" | "globalLoaderColor" | "globalLoaderHeight" | "globalLoaderWidth" | "globalLoaderPosition" | "globalLoaderTop" | "globalLoaderLeft" | "globalLoaderBottom" | "globalLoaderRight" | "globalLoaderBackgroundColor" | "globalLoaderTransitionToSpinnerDuration" | "globalLoaderSpinnerAnimationDuration" | "globalLoaderSlowAnimationDuration" | "globalLoaderTransitionFromSpinnerDuration" | "fileUploaderWidth" | "fileUploaderBg" | "fileUploaderFontSize" | "fileUploaderLineHeight" | "fileUploaderTextColorDefault" | "fileUploaderPaddingX" | "fileUploaderPaddingY" | "fileUploaderBorderRadius" | "fileUploaderBorderColor" | "fileUploaderBorderWidth" | "fileUploaderBorderStyle" | "fileUploaderBorderColorFocus" | "fileUploaderLinkColor" | "fileUploaderIconSize" | "fileUploaderIconColor" | "fileUploaderIconHoverColor" | "fileUploaderBorderColorError" | "fileUploaderBorderColorWarning" | "fileUploaderDisabledBg" | "fileUploaderDisabledBorderColor" | "fileUploaderDisabledTextColor" | "fileUploaderDisabledLinkColor" | "fileUploaderDisabledIconColor" | "fileUploaderLinkHoverTextDecoration" | "fileUploaderHoveredBg")[];
 export declare const CALLS_COUNT: number;
 export declare const EXECUTION_TIME: number;

package/cjs/internal/ThemeShowcase/VariablesCollector.js

@@ -1,6 +1,6 @@
-"use strict";exports.__esModule = true;exports.EXECUTION_TIME = exports.CALLS_COUNT = exports.ALL_USED_VARIABLES = exports.COMPONENT_DESCRIPTIONS_BY_VARIABLE = exports.COMPONENT_DESCRIPTIONS = void 0;
+"use strict";exports.__esModule = true;exports.EXECUTION_TIME = exports.COMPONENT_DESCRIPTIONS_BY_VARIABLE = exports.COMPONENT_DESCRIPTIONS = exports.CALLS_COUNT = exports.ALL_USED_VARIABLES = void 0;
 var _DefaultTheme = require("../../lib/theming/themes/DefaultTheme");
-var _FlatTheme = require("../../lib/theming/themes/FlatTheme");
+var _DarkTheme = require("../../lib/theming/themes/DarkTheme");
 var _Supports = require("../../lib/Supports");
 
 
@@ -34,64 +34,69 @@ var COMPONENT_DESCRIPTIONS_BY_VARIABLE = {};exports.COMPONENT_DESCRIPTIONS_BY_VA
 if (_Supports.IS_PROXY_SUPPORTED) {
   var baseThemes = [];
   baseThemes.push(_DefaultTheme.DEFAULT_THEME);
-  baseThemes.push(_FlatTheme.FLAT_THEME);
+  baseThemes.push(_DarkTheme.DARK_THEME);
 
   var componentsContext = require.context('../../../', true, /\.styles.ts$/);
   componentsContext.keys().forEach(function (fileName) {
     var fileNameStart = fileName.lastIndexOf('/') + 1;
     var componentName = fileName.substring(fileNameStart).replace('.styles.ts', '');
     var componentDescription = {};
-    var jsStyles = componentsContext(fileName).jsStyles;
-
-    Object.keys(jsStyles).forEach(function (elementName) {
-      var jsStyle = jsStyles[elementName];
-      var variablesAccumulator = new Set();
-      var dependencies = {};
-      var elementProxyHandler = getProxyHandler(variablesAccumulator, dependencies);
-      var themes = baseThemes.map(function (t) {return new Proxy(t, elementProxyHandler);});
-      themes.forEach(function (t) {return jsStyle(t);});
-
-      var variables = Array.from(variablesAccumulator);
-
-      if (variables.length > 0) {
-        componentDescription[elementName] = { variables: variables, dependencies: dependencies };
-
-        variables.forEach(function (variableName) {
-          if (!COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName]) {
-            COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName] = {};
-          }
-
-          var variableNode = COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName];
-          if (!variableNode[componentName]) {
-            variableNode[componentName] = {};
-          }
-
-          var componentNode = variableNode[componentName];
-          if (!componentNode[elementName]) {
-            componentNode[elementName] = {
-              dependencies: dependencies,
-              variables: [variableName] };
-
-          } else if (!componentNode[elementName].variables.includes(variableName)) {
-            componentNode[elementName].dependencies = dependencies;
-            componentNode[elementName].variables.push(variableName);
-          }
-
-          var dependenciesList = dependencies[variableName];
-          if (dependenciesList) {
-            dependenciesList.forEach(function (dependencyName) {
-              if (!COMPONENT_DESCRIPTIONS_BY_VARIABLE[dependencyName]) {
-                COMPONENT_DESCRIPTIONS_BY_VARIABLE[dependencyName] = {};
-              }
-
-              var dependencyNode = COMPONENT_DESCRIPTIONS_BY_VARIABLE[dependencyName];
-              if (!dependencyNode[componentName]) {
-                dependencyNode[componentName] = COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName][componentName];
-              }
-            });
-          }
-        });
-      }
+    Object.keys(componentsContext(fileName)).forEach(function (exportName) {
+      var styles = componentsContext(fileName)[exportName];
+
+      Object.keys(styles).forEach(function (elementName) {
+        var jsStyle = styles[elementName];
+        if (typeof jsStyle !== 'function') {
+          return;
+        }
+        var variablesAccumulator = new Set();
+        var dependencies = {};
+        var elementProxyHandler = getProxyHandler(variablesAccumulator, dependencies);
+        var themes = baseThemes.map(function (t) {return new Proxy(t, elementProxyHandler);});
+        themes.forEach(function (t) {return jsStyle(t);});
+
+        var variables = Array.from(variablesAccumulator);
+
+        if (variables.length > 0) {
+          componentDescription[elementName] = { variables: variables, dependencies: dependencies };
+
+          variables.forEach(function (variableName) {
+            if (!COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName]) {
+              COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName] = {};
+            }
+
+            var variableNode = COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName];
+            if (!variableNode[componentName]) {
+              variableNode[componentName] = {};
+            }
+
+            var componentNode = variableNode[componentName];
+            if (!componentNode[elementName]) {
+              componentNode[elementName] = {
+                dependencies: dependencies,
+                variables: [variableName] };
+
+            } else if (!componentNode[elementName].variables.includes(variableName)) {
+              componentNode[elementName].dependencies = dependencies;
+              componentNode[elementName].variables.push(variableName);
+            }
+
+            var dependenciesList = dependencies[variableName];
+            if (dependenciesList) {
+              dependenciesList.forEach(function (dependencyName) {
+                if (!COMPONENT_DESCRIPTIONS_BY_VARIABLE[dependencyName]) {
+                  COMPONENT_DESCRIPTIONS_BY_VARIABLE[dependencyName] = {};
+                }
+
+                var dependencyNode = COMPONENT_DESCRIPTIONS_BY_VARIABLE[dependencyName];
+                if (!dependencyNode[componentName]) {
+                  dependencyNode[componentName] = COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName][componentName];
+                }
+              });
+            }
+          });
+        }
+      });
     });
 
     COMPONENT_DESCRIPTIONS[componentName] = componentDescription;
@@ -101,20 +106,24 @@ if (_Supports.IS_PROXY_SUPPORTED) {
 function getProxyHandler(accumulator, dependencies) {
   var accessLevel = 0;
   var rootProp = '';
+  function isThemeVariable(theme, name) {
+    return typeof theme[name] === 'string';
+  }
   return {
     get: function get(target, prop, receiver) {
       var propName = prop;
-      ALL_USED_VARIABLES_SET.add(propName);
-      if (accessLevel === 0) {
-        rootProp = propName;
-        accumulator.add(propName);
-      } else {
-        if (!dependencies[rootProp]) {
+      if (isThemeVariable(target, propName)) {
+        ALL_USED_VARIABLES_SET.add(propName);
+        if (accessLevel === 0) {
+          rootProp = propName;
+          accumulator.add(propName);
+        } else if (!dependencies[rootProp]) {
           dependencies[rootProp] = [propName];
         } else if (!dependencies[rootProp].includes(propName)) {
           dependencies[rootProp].push(propName);
         }
       }
+
       accessLevel++;
       var start = performance.now();
       var result = Reflect.get(target, prop, receiver);

package/cjs/internal/ThemeShowcase/VariablesCollector.js.map

@@ -1 +1 @@
-{"version":3,"sources":["VariablesCollector.ts"],"names":["callsCount","executionTime","ALL_USED_VARIABLES_SET","Set","COMPONENT_DESCRIPTIONS","COMPONENT_DESCRIPTIONS_BY_VARIABLE","IS_PROXY_SUPPORTED","baseThemes","push","DEFAULT_THEME","FLAT_THEME","componentsContext","require","context","keys","forEach","fileName","fileNameStart","lastIndexOf","componentName","substring","replace","componentDescription","jsStyles","Object","elementName","jsStyle","variablesAccumulator","dependencies","elementProxyHandler","getProxyHandler","themes","map","t","Proxy","variables","Array","from","length","variableName","variableNode","componentNode","includes","dependenciesList","dependencyName","dependencyNode","accumulator","accessLevel","rootProp","get","target","prop","receiver","propName","add","start","performance","now","result","Reflect","ALL_USED_VARIABLES","CALLS_COUNT","EXECUTION_TIME"],"mappings":"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","sourcesContent":["import { Theme } from '../../lib/theming/Theme';\r\nimport { DEFAULT_THEME } from '../../lib/theming/themes/DefaultTheme';\r\nimport { FLAT_THEME } from '../../lib/theming/themes/FlatTheme';\r\nimport { IS_PROXY_SUPPORTED } from '../../lib/Supports';\r\n\r\nexport interface DescriptionsType {\r\n  [componentName: string]: ComponentDescriptionType;\r\n}\r\n\r\nexport interface ComponentDescriptionType {\r\n  [elementName: string]: ComponentRowDescriptionType;\r\n}\r\n\r\nexport interface ComponentRowDescriptionType {\r\n  variables: Array<keyof Theme>;\r\n  dependencies: VariableDependencies;\r\n}\r\n\r\nexport interface VariableNameToComponentsMap {\r\n  [variableName: string]: DescriptionsType;\r\n}\r\n\r\nexport interface VariableDependencies {\r\n  [variableName: string]: Array<keyof Theme>;\r\n}\r\n\r\nlet callsCount = 0;\r\nlet executionTime = 0;\r\nconst ALL_USED_VARIABLES_SET = new Set<keyof Theme>();\r\n\r\nexport const COMPONENT_DESCRIPTIONS: DescriptionsType = {};\r\nexport const COMPONENT_DESCRIPTIONS_BY_VARIABLE: VariableNameToComponentsMap = {};\r\n\r\nif (IS_PROXY_SUPPORTED) {\r\n  const baseThemes: Theme[] = [];\r\n  baseThemes.push(DEFAULT_THEME);\r\n  baseThemes.push(FLAT_THEME);\r\n\r\n  const componentsContext = require.context('../../../', true, /\\.styles.ts$/);\r\n  componentsContext.keys().forEach(fileName => {\r\n    const fileNameStart = fileName.lastIndexOf('/') + 1;\r\n    const componentName = fileName.substring(fileNameStart).replace('.styles.ts', '');\r\n    const componentDescription: ComponentDescriptionType = {};\r\n    const jsStyles = componentsContext(fileName).jsStyles;\r\n\r\n    Object.keys(jsStyles).forEach(elementName => {\r\n      const jsStyle = jsStyles[elementName];\r\n      const variablesAccumulator = new Set<keyof Theme>();\r\n      const dependencies: VariableDependencies = {};\r\n      const elementProxyHandler = getProxyHandler(variablesAccumulator, dependencies);\r\n      const themes = baseThemes.map(t => new Proxy(t, elementProxyHandler));\r\n      themes.forEach(t => jsStyle(t));\r\n\r\n      const variables = Array.from(variablesAccumulator);\r\n\r\n      if (variables.length > 0) {\r\n        componentDescription[elementName] = { variables, dependencies };\r\n\r\n        variables.forEach(variableName => {\r\n          if (!COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName]) {\r\n            COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName] = {};\r\n          }\r\n\r\n          const variableNode = COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName];\r\n          if (!variableNode[componentName]) {\r\n            variableNode[componentName] = {};\r\n          }\r\n\r\n          const componentNode = variableNode[componentName];\r\n          if (!componentNode[elementName]) {\r\n            componentNode[elementName] = {\r\n              dependencies,\r\n              variables: [variableName],\r\n            };\r\n          } else if (!componentNode[elementName].variables.includes(variableName)) {\r\n            componentNode[elementName].dependencies = dependencies;\r\n            componentNode[elementName].variables.push(variableName);\r\n          }\r\n\r\n          const dependenciesList = dependencies[variableName];\r\n          if (dependenciesList) {\r\n            dependenciesList.forEach(dependencyName => {\r\n              if (!COMPONENT_DESCRIPTIONS_BY_VARIABLE[dependencyName]) {\r\n                COMPONENT_DESCRIPTIONS_BY_VARIABLE[dependencyName] = {};\r\n              }\r\n\r\n              const dependencyNode = COMPONENT_DESCRIPTIONS_BY_VARIABLE[dependencyName];\r\n              if (!dependencyNode[componentName]) {\r\n                dependencyNode[componentName] = COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName][componentName];\r\n              }\r\n            });\r\n          }\r\n        });\r\n      }\r\n    });\r\n\r\n    COMPONENT_DESCRIPTIONS[componentName] = componentDescription;\r\n  });\r\n}\r\n\r\nfunction getProxyHandler(accumulator: Set<keyof Theme>, dependencies: VariableDependencies): ProxyHandler<Theme> {\r\n  let accessLevel = 0;\r\n  let rootProp = '';\r\n  return {\r\n    get(target, prop, receiver) {\r\n      const propName = prop as keyof Theme;\r\n      ALL_USED_VARIABLES_SET.add(propName);\r\n      if (accessLevel === 0) {\r\n        rootProp = propName;\r\n        accumulator.add(propName);\r\n      } else {\r\n        if (!dependencies[rootProp]) {\r\n          dependencies[rootProp] = [propName];\r\n        } else if (!dependencies[rootProp].includes(propName)) {\r\n          dependencies[rootProp].push(propName);\r\n        }\r\n      }\r\n      accessLevel++;\r\n      const start = performance.now();\r\n      const result = Reflect.get(target, prop, receiver);\r\n      executionTime += performance.now() - start;\r\n      callsCount++;\r\n      accessLevel--;\r\n      return result;\r\n    },\r\n  };\r\n}\r\n\r\nexport const ALL_USED_VARIABLES = Array.from(ALL_USED_VARIABLES_SET);\r\nexport const CALLS_COUNT = callsCount;\r\nexport const EXECUTION_TIME = executionTime;\r\n"]}
+{"version":3,"sources":["VariablesCollector.ts"],"names":["callsCount","executionTime","ALL_USED_VARIABLES_SET","Set","COMPONENT_DESCRIPTIONS","COMPONENT_DESCRIPTIONS_BY_VARIABLE","IS_PROXY_SUPPORTED","baseThemes","push","DEFAULT_THEME","DARK_THEME","componentsContext","require","context","keys","forEach","fileName","fileNameStart","lastIndexOf","componentName","substring","replace","componentDescription","Object","exportName","styles","elementName","jsStyle","variablesAccumulator","dependencies","elementProxyHandler","getProxyHandler","themes","map","t","Proxy","variables","Array","from","length","variableName","variableNode","componentNode","includes","dependenciesList","dependencyName","dependencyNode","accumulator","accessLevel","rootProp","isThemeVariable","theme","name","get","target","prop","receiver","propName","add","start","performance","now","result","Reflect","ALL_USED_VARIABLES","CALLS_COUNT","EXECUTION_TIME"],"mappings":"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","sourcesContent":["import { Theme } from '../../lib/theming/Theme';\nimport { DEFAULT_THEME } from '../../lib/theming/themes/DefaultTheme';\nimport { DARK_THEME } from '../../lib/theming/themes/DarkTheme';\nimport { IS_PROXY_SUPPORTED } from '../../lib/Supports';\n\nexport interface DescriptionsType {\n  [componentName: string]: ComponentDescriptionType;\n}\n\nexport interface ComponentDescriptionType {\n  [elementName: string]: ComponentRowDescriptionType;\n}\n\nexport interface ComponentRowDescriptionType {\n  variables: Array<keyof Theme>;\n  dependencies: VariableDependencies;\n}\n\nexport interface VariableNameToComponentsMap {\n  [variableName: string]: DescriptionsType;\n}\n\nexport interface VariableDependencies {\n  [variableName: string]: Array<keyof Theme>;\n}\n\nlet callsCount = 0;\nlet executionTime = 0;\nconst ALL_USED_VARIABLES_SET = new Set<keyof Theme>();\n\nexport const COMPONENT_DESCRIPTIONS: DescriptionsType = {};\nexport const COMPONENT_DESCRIPTIONS_BY_VARIABLE: VariableNameToComponentsMap = {};\n\nif (IS_PROXY_SUPPORTED) {\n  const baseThemes: Theme[] = [];\n  baseThemes.push(DEFAULT_THEME);\n  baseThemes.push(DARK_THEME);\n\n  const componentsContext = require.context('../../../', true, /\\.styles.ts$/);\n  componentsContext.keys().forEach((fileName) => {\n    const fileNameStart = fileName.lastIndexOf('/') + 1;\n    const componentName = fileName.substring(fileNameStart).replace('.styles.ts', '');\n    const componentDescription: ComponentDescriptionType = {};\n    Object.keys(componentsContext(fileName)).forEach((exportName) => {\n      const styles = componentsContext(fileName)[exportName];\n\n      Object.keys(styles).forEach((elementName) => {\n        const jsStyle = styles[elementName];\n        if (typeof jsStyle !== 'function') {\n          return;\n        }\n        const variablesAccumulator = new Set<keyof Theme>();\n        const dependencies: VariableDependencies = {};\n        const elementProxyHandler = getProxyHandler(variablesAccumulator, dependencies);\n        const themes = baseThemes.map((t) => new Proxy(t, elementProxyHandler));\n        themes.forEach((t) => jsStyle(t));\n\n        const variables = Array.from(variablesAccumulator);\n\n        if (variables.length > 0) {\n          componentDescription[elementName] = { variables, dependencies };\n\n          variables.forEach((variableName) => {\n            if (!COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName]) {\n              COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName] = {};\n            }\n\n            const variableNode = COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName];\n            if (!variableNode[componentName]) {\n              variableNode[componentName] = {};\n            }\n\n            const componentNode = variableNode[componentName];\n            if (!componentNode[elementName]) {\n              componentNode[elementName] = {\n                dependencies,\n                variables: [variableName],\n              };\n            } else if (!componentNode[elementName].variables.includes(variableName)) {\n              componentNode[elementName].dependencies = dependencies;\n              componentNode[elementName].variables.push(variableName);\n            }\n\n            const dependenciesList = dependencies[variableName];\n            if (dependenciesList) {\n              dependenciesList.forEach((dependencyName) => {\n                if (!COMPONENT_DESCRIPTIONS_BY_VARIABLE[dependencyName]) {\n                  COMPONENT_DESCRIPTIONS_BY_VARIABLE[dependencyName] = {};\n                }\n\n                const dependencyNode = COMPONENT_DESCRIPTIONS_BY_VARIABLE[dependencyName];\n                if (!dependencyNode[componentName]) {\n                  dependencyNode[componentName] = COMPONENT_DESCRIPTIONS_BY_VARIABLE[variableName][componentName];\n                }\n              });\n            }\n          });\n        }\n      });\n    });\n\n    COMPONENT_DESCRIPTIONS[componentName] = componentDescription;\n  });\n}\n\nfunction getProxyHandler(accumulator: Set<keyof Theme>, dependencies: VariableDependencies): ProxyHandler<Theme> {\n  let accessLevel = 0;\n  let rootProp = '';\n  function isThemeVariable<T extends Theme>(theme: T, name: keyof T) {\n    return typeof theme[name] === 'string';\n  }\n  return {\n    get(target, prop, receiver) {\n      const propName = prop as keyof Theme;\n      if (isThemeVariable(target, propName)) {\n        ALL_USED_VARIABLES_SET.add(propName);\n        if (accessLevel === 0) {\n          rootProp = propName;\n          accumulator.add(propName);\n        } else if (!dependencies[rootProp]) {\n          dependencies[rootProp] = [propName];\n        } else if (!dependencies[rootProp].includes(propName)) {\n          dependencies[rootProp].push(propName);\n        }\n      }\n\n      accessLevel++;\n      const start = performance.now();\n      const result = Reflect.get(target, prop, receiver);\n      executionTime += performance.now() - start;\n      callsCount++;\n      accessLevel--;\n      return result;\n    },\n  };\n}\n\nexport const ALL_USED_VARIABLES = Array.from(ALL_USED_VARIABLES_SET);\nexport const CALLS_COUNT = callsCount;\nexport const EXECUTION_TIME = executionTime;\n"]}