@skbkontur/react-ui 2.17.3 → 2.17.4-source-maps.1

package/cjs/internal/ThemePlayground/helpers.d.ts

@@ -1,2 +1,2 @@
-import React from 'react';
-export declare const getComponentsFromPropsList: <P extends {}>(component: React.ReactElement<P, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>, propsList: P[]) => React.ReactElement<P, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>[];
+import React from 'react';
+export declare const getComponentsFromPropsList: <P extends {}>(component: React.ReactElement<P, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>, propsList: P[]) => React.ReactElement<P, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>[];

package/cjs/internal/ThemePlayground/helpers.js.map

@@ -1 +1 @@
-{"version":3,"sources":["helpers.tsx"],"names":["getComponentsFromPropsList","component","propsList","reduce","result","props","index","isCheckbox","type","Checkbox","checkboxProps","focused","ref","el","setState","focusedByTab","elementWithProps","React","cloneElement","key"],"mappings":"0PAAA;;AAEA;;AAEO,IAAMA,0BAA0B,GAAG,SAA7BA,0BAA6B,CAAeC,SAAf,EAAiDC,SAAjD,EAAoE;AAC5G,SAAOA,SAAS,CAACC,MAAV,CAAiB,UAACC,MAAD,EAAuCC,KAAvC,EAA8CC,KAA9C,EAAwD;AAC9E;AACA;AACA,QAAMC,UAAU,GAAGN,SAAS,CAACO,IAAV,KAAmBC,kBAAtC;AACA,QAAIF,UAAJ,EAAgB;AACd,UAAMG,aAAa,GAAIL,KAAvB;AACA,UAAIK,aAAa,CAACC,OAAlB,EAA2B;AACzBD,QAAAA,aAAa,CAACE,GAAd,GAAoB,UAAAC,EAAE,EAAI;AACxB,cAAIA,EAAJ,EAAQ;AACNA,YAAAA,EAAE,CAACC,QAAH,CAAY,EAAEC,YAAY,EAAE,IAAhB,EAAZ;AACD;AACF,SAJD;AAKA,eAAOL,aAAa,CAACC,OAArB;AACD;AACF;;AAED,QAAMK,gBAAgB,gBAAGC,eAAMC,YAAN,CAAmBjB,SAAnB,6BAAmCI,KAAnC,IAA0Cc,GAAG,EAAEb,KAA/C,IAAzB;;AAEA,qBAAWF,MAAX,GAAmBY,gBAAnB;AACD,GAnBM,EAmBJ,EAnBI,CAAP;AAoBD,CArBM,C","sourcesContent":["import React from 'react';\r\n\r\nimport { Checkbox } from '../../components/Checkbox';\r\n\r\nexport const getComponentsFromPropsList = <P extends {}>(component: React.ReactElement<P>, propsList: P[]) => {\r\n  return propsList.reduce((result: Array<React.ReactElement<P>>, props, index) => {\r\n    // NOTE: все это ради чекбокса с фокусом, т.к. нет ни focused, ни autofocus; а ref+focus() снаружи нестабилен\r\n    // @ts-ignore\r\n    const isCheckbox = component.type === Checkbox;\r\n    if (isCheckbox) {\r\n      const checkboxProps = (props as unknown) as { ref: (el: Checkbox) => void; focused: boolean };\r\n      if (checkboxProps.focused) {\r\n        checkboxProps.ref = el => {\r\n          if (el) {\r\n            el.setState({ focusedByTab: true });\r\n          }\r\n        };\r\n        delete checkboxProps.focused;\r\n      }\r\n    }\r\n\r\n    const elementWithProps = React.cloneElement(component, { ...props, key: index });\r\n\r\n    return [...result, elementWithProps];\r\n  }, []);\r\n};\r\n"]}
+{"version":3,"sources":["helpers.tsx"],"names":["getComponentsFromPropsList","component","propsList","reduce","result","props","index","isCheckbox","type","Checkbox","checkboxProps","focused","ref","el","setState","focusedByTab","elementWithProps","React","cloneElement","key"],"mappings":"0PAAA;;AAEA;;AAEO,IAAMA,0BAA0B,GAAG,SAA7BA,0BAA6B,CAAeC,SAAf,EAAiDC,SAAjD,EAAoE;AAC5G,SAAOA,SAAS,CAACC,MAAV,CAAiB,UAACC,MAAD,EAAuCC,KAAvC,EAA8CC,KAA9C,EAAwD;AAC9E;AACA;AACA,QAAMC,UAAU,GAAGN,SAAS,CAACO,IAAV,KAAmBC,kBAAtC;AACA,QAAIF,UAAJ,EAAgB;AACd,UAAMG,aAAa,GAAIL,KAAvB;AACA,UAAIK,aAAa,CAACC,OAAlB,EAA2B;AACzBD,QAAAA,aAAa,CAACE,GAAd,GAAoB,UAAAC,EAAE,EAAI;AACxB,cAAIA,EAAJ,EAAQ;AACNA,YAAAA,EAAE,CAACC,QAAH,CAAY,EAAEC,YAAY,EAAE,IAAhB,EAAZ;AACD;AACF,SAJD;AAKA,eAAOL,aAAa,CAACC,OAArB;AACD;AACF;;AAED,QAAMK,gBAAgB,gBAAGC,eAAMC,YAAN,CAAmBjB,SAAnB,6BAAmCI,KAAnC,IAA0Cc,GAAG,EAAEb,KAA/C,IAAzB;;AAEA,qBAAWF,MAAX,GAAmBY,gBAAnB;AACD,GAnBM,EAmBJ,EAnBI,CAAP;AAoBD,CArBM,C","sourcesContent":["import React from 'react';\n\nimport { Checkbox } from '../../components/Checkbox';\n\nexport const getComponentsFromPropsList = <P extends {}>(component: React.ReactElement<P>, propsList: P[]) => {\n  return propsList.reduce((result: Array<React.ReactElement<P>>, props, index) => {\n    // NOTE: все это ради чекбокса с фокусом, т.к. нет ни focused, ни autofocus; а ref+focus() снаружи нестабилен\n    // @ts-ignore\n    const isCheckbox = component.type === Checkbox;\n    if (isCheckbox) {\n      const checkboxProps = (props as unknown) as { ref: (el: Checkbox) => void; focused: boolean };\n      if (checkboxProps.focused) {\n        checkboxProps.ref = el => {\n          if (el) {\n            el.setState({ focusedByTab: true });\n          }\n        };\n        delete checkboxProps.focused;\n      }\n    }\n\n    const elementWithProps = React.cloneElement(component, { ...props, key: index });\n\n    return [...result, elementWithProps];\n  }, []);\n};\n"]}

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

@@ -1,22 +1,22 @@
-import React from 'react';
-import { ComboBoxItem } from '../../components/ComboBox';
-interface ShowcaseProps {
-    isDebugMode?: boolean;
-}
-interface ShowcaseState {
-    selectedVariable?: ComboBoxItem;
-}
-export declare class ThemeShowcase extends React.Component<ShowcaseProps, ShowcaseState> {
-    state: ShowcaseState;
-    private isUnmounting;
-    private variablesDiff;
-    UNSAFE_componentWillMount(): void;
-    render(): JSX.Element;
-    componentWillUnmount(): void;
-    private getValues;
-    private getItems;
-    private handleVariableChange;
-    private handleUnexpectedVariableInput;
-    private resetVariable;
-}
-export {};
+import React from 'react';
+import { ComboBoxItem } from '../../components/ComboBox';
+interface ShowcaseProps {
+    isDebugMode?: boolean;
+}
+interface ShowcaseState {
+    selectedVariable?: ComboBoxItem;
+}
+export declare class ThemeShowcase extends React.Component<ShowcaseProps, ShowcaseState> {
+    state: ShowcaseState;
+    private isUnmounting;
+    private variablesDiff;
+    UNSAFE_componentWillMount(): void;
+    render(): JSX.Element;
+    componentWillUnmount(): void;
+    private getValues;
+    private getItems;
+    private handleVariableChange;
+    private handleUnexpectedVariableInput;
+    private resetVariable;
+}
+export {};

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

@@ -1 +1 @@
-{"version":3,"sources":["ThemeShowcase.tsx"],"names":["EMPTY_ARRAY","ALL_VARIABLES","Object","keys","defaultVariables","ThemeShowcase","state","isUnmounting","variablesDiff","getItems","query","Promise","resolve","getValues","handleVariableChange","item","setState","selectedVariable","handleUnexpectedVariableInput","values","length","resetVariable","undefined","UNSAFE_componentWillMount","props","isDebugMode","forEach","variable","found","ALL_USED_VARIABLES","includes","push","render","IS_PROXY_SUPPORTED","descriptionsToRender","COMPONENT_DESCRIPTIONS_BY_VARIABLE","value","COMPONENT_DESCRIPTIONS","callsCount","CALLS_COUNT","executionTime","EXECUTION_TIME","toFixed","jsStyles","searchBar","sort","map","componentName","componentWillUnmount","lowerCaseQuery","toLowerCase","trim","allItems","filter","usedVariable","startsWith","usedVariableName","label","React","Component","ComponentShowcase","name","description","onVariableSelect","elements","isSticky","heading","headingSticky","table","width","el","ComponentShowcaseRow","element","row","rowSpan","variables","invisibleRow","elementName","invisibleCell","varName","dependencies","variableDefault","variableFlat","flatVariables","hasNoVariables","suspiciousRow","VariableName","handleVariableSelect","variableName","renderDependencies","dependency","DependencyName","dependencyName","dependencyDefault","dependencyFlat","handleDependencySelect","onDependencySelect","VariableValue","valueIsColor","isColor","valueIsGradient","isGradient","hasExample","borderColor","ColorFunctions","contrast","colorExample","background","ShowUnusedVariables","diff","unusedVariablesWarning","v","input"],"mappings":"gVAAA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;;;;;;;;AASA;;AAEA,IAAMA,WAAqB,GAAG,EAA9B;;AAEA,IAAMC,aAAa,GAAGC,MAAM,CAACC,IAAP,CAAYC,2BAAZ,CAAtB,C;;;;;;;;;AASaC,a;AACJC,IAAAA,K,GAAuB,E;;AAEtBC,IAAAA,Y,GAAe,K;AACfC,IAAAA,a,GAA0B,E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmF1BC,IAAAA,Q,GAAW,UAACC,KAAD,EAAmB;AACpC,aAAOC,OAAO,CAACC,OAAR,CAAgB,MAAKC,SAAL,CAAeH,KAAf,CAAhB,CAAP;AACD,K;AACOI,IAAAA,oB,GAAuB,UAACC,IAAD,EAAwB;AACrD,UAAI,CAAC,MAAKR,YAAV,EAAwB;AACtB,cAAKS,QAAL,CAAc,EAAEC,gBAAgB,EAAEF,IAApB,EAAd;AACD;AACF,K;AACOG,IAAAA,6B,GAAgC,UAACR,KAAD,EAAmB;AACzD,UAAMS,MAAM,GAAG,MAAKN,SAAL,CAAeH,KAAf,CAAf;AACA,UAAIS,MAAM,CAACC,MAAP,GAAgB,CAApB,EAAuB;AACrB,eAAOD,MAAM,CAAC,CAAD,CAAb;AACD,OAFD,MAEO;AACL,eAAO,MAAKE,aAAL,EAAP;AACD;AACF,K;AACOA,IAAAA,a,GAAgB,YAAM;AAC5B,UAAI,CAAC,MAAKd,YAAV,EAAwB;AACtB,cAAKS,QAAL,CAAc,EAAEC,gBAAgB,EAAEK,SAApB,EAAd;AACD;AACF,K,2DArGMC,yB,GAAP,qCAAyC,mBACvC,IAAI,KAAKC,KAAL,CAAWC,WAAf,EAA4B,CAC1BxB,aAAa,CAACyB,OAAd,CAAsB,UAAAC,QAAQ,EAAI,CAChC,IAAMC,KAAK,GAAGC,uCAAmBC,QAAnB,CAA4BH,QAA5B,CAAd,CACA,IAAI,CAACC,KAAL,EAAY,CACV,MAAI,CAACpB,aAAL,CAAmBuB,IAAnB,CAAwBJ,QAAxB,EACD,CACF,CALD,EAMD,CACF,C,QAEMK,M,GAAP,kBAAgB,mBACd,IAAI,CAACC,4BAAL,EAAyB,CACvB,oBACE,iUACqD,GADrD,eAEE,6BAAC,UAAD,IAAM,IAAI,EAAE,iCAAZ,EAA+C,MAAM,EAAE,QAAvD,uIAFF,MADF,CASD,CAED,IAAMhB,gBAAgB,GAAG,KAAKX,KAAL,CAAWW,gBAApC,CACA,IAAMiB,oBAAoB,GAAGjB,gBAAgB,GACzCkB,uDAAmClB,gBAAgB,CAACmB,KAApD,KAA8D,EADrB,GAEzCC,0CAFJ,CAIA,IAAMZ,WAAW,GAAG,KAAKD,KAAL,CAAWC,WAA/B,CACA,IAAMa,UAAU,GAAGb,WAAW,SAAOc,+BAAP,oDAAgC,EAA9D,CACA,IAAMC,aAAa,GAAGf,WAAW,oGAAuBgB,mCAAeC,OAAf,CAAuB,CAAvB,CAAvB,UAAuD,EAAxF,CAEA,oBACE,6BAAC,cAAD,IAAQ,IAAI,MAAZ,EAAa,GAAG,EAAE,EAAlB,EAAsB,aAAa,EAAE,KAArC,iBACE,uDACE,6BAAC,cAAD,IAAQ,IAAI,EAAE,KAAd,iBACE,sCAAK,SAAS,EAAEC,wBAASC,SAAT,EAAhB,EAAsC,kBAAmBJ,aAAnB,SAAoCF,UAA1E,iBACE,6BAAC,cAAD,IAAQ,GAAG,EAAE,EAAb,iBACE,6BAAC,kBAAD,IACE,QAAQ,EAAE,KAAK7B,QADjB,EAEE,KAAK,EAAEQ,gBAFT,EAGE,aAAa,EAAE,KAAKH,oBAHtB,EAIE,iBAAiB,EAAE,KAAKI,6BAJ1B,EAKE,WAAW,EAAE,8BALf,GADF,EAQG,CAAC,CAACD,gBAAF,iBAAsB,6BAAC,UAAD,IAAM,OAAO,EAAE,KAAKI,aAApB,uDARzB,CADF,CADF,CADF,EAeGnB,MAAM,CAACC,IAAP,CAAY+B,oBAAZ,EACEW,IADF,GAEEC,GAFF,CAEM,UAAAC,aAAa,uBAChB,6BAAC,iBAAD,IACE,GAAG,EAAEA,aADP,EAEE,IAAI,EAAEA,aAFR,EAGE,WAAW,EAAEb,oBAAoB,CAACa,aAAD,CAHnC,EAIE,WAAW,EAAEtB,WAJf,EAKE,gBAAgB,EAAE,MAAI,CAACX,oBALzB,GADgB,EAFnB,CAfH,CADF,eA4BE,6BAAC,mBAAD,IAAqB,IAAI,EAAE,KAAKN,aAAhC,GA5BF,CADF,CAgCD,C,QACMwC,oB,GAAP,gCAAoC,CAClC,KAAKzC,YAAL,GAAoB,IAApB,CACD,C,QAEOM,S,GAAR,mBAAkBH,KAAlB,EAAiC,CAC/B,IAAMuC,cAAc,GAAGvC,KAAK,IAAIA,KAAK,CAACwC,WAAN,GAAoBC,IAApB,EAAhC,CACA,IAAIC,QAAQ,GAAGvB,sCAAf,CACA,IAAIoB,cAAJ,EAAoB,CAClBG,QAAQ,GAAGvB,uCAAmBwB,MAAnB,CAA0B,UAAAC,YAAY,UAAIA,YAAY,CAACJ,WAAb,GAA2BK,UAA3B,CAAsCN,cAAtC,CAAJ,EAAtC,CAAX,CACD,CACD,OAAOG,QAAQ,CAACN,GAAT,CAAa,UAAAU,gBAAgB,UAAK,EACvCpB,KAAK,EAAEoB,gBADgC,EAEvCC,KAAK,EAAED,gBAFgC,EAAL,EAA7B,CAAP,CAID,C,wBAtFgCE,eAAMC,S;;;;;;;;;AAoHnCC,iB;AACG5B,EAAAA,M,GAAP,kBAAgB;AAC+C,SAAKR,KADpD,CACNqC,IADM,eACNA,IADM,CACAC,WADA,eACAA,WADA,CACaC,gBADb,eACaA,gBADb,CAC+BtC,WAD/B,eAC+BA,WAD/B;AAEd,QAAMuC,QAAQ,GAAG9D,MAAM,CAACC,IAAP,CAAY2D,WAAZ,CAAjB;;AAEA;AACE,mCAAC,cAAD,CAAO,QAAP;AACE,mCAAC,cAAD,IAAQ,IAAI,EAAE,KAAd,EAAqB,MAAM,EAAE,EAA7B;AACG,gBAAAG,QAAQ;AACP;AACE,YAAA,SAAS,EAAE;AACRtB,oCAASuB,OAAT,EADQ,IACa,IADb;AAERvB,oCAASwB,aAAT,EAFQ,IAEmBF,QAFnB,OADb;;;AAMG,UAAA,MAAI,CAACzC,KAAL,CAAWqC,IANd,CADO,GADX,CADF;;;;AAaE,8CAAO,SAAS,EAAElB,wBAASyB,KAAT,EAAlB;AACE;AACE;AACE,2CAAI,KAAK,EAAE,EAAEC,KAAK,EAAE,GAAT,EAAX,gBADF;AAEE,2CAAI,KAAK,EAAE,EAAEA,KAAK,EAAE,GAAT,EAAX,oBAFF;AAGE,2CAAI,KAAK,EAAE,EAAEA,KAAK,EAAE,GAAT,EAAX,oBAHF;AAIE,2CAAI,KAAK,EAAE,EAAEA,KAAK,EAAE,GAAT,EAAX,iBAJF,CADF,CADF;;;AASE;AACGL,MAAAA,QAAQ,CAAClB,GAAT,CAAa,UAAAwB,EAAE;AACd,uCAAC,oBAAD;AACE,YAAA,GAAG,EAAKT,IAAL,SAAaS,EADlB;AAEE,YAAA,OAAO,EAAEA,EAFX;AAGE,YAAA,GAAG,EAAER,WAAW,CAACQ,EAAD,CAHlB;AAIE,YAAA,gBAAgB,EAAEP,gBAJpB;AAKE,YAAA,WAAW,EAAEtC,WALf,GADc,GAAf,CADH,CATF,CAbF,CADF;;;;;;;AAqCD,G,4BA1C6BiC,eAAMC,S;;;;;;;;;;AAoDhCY,oB;AACGvC,EAAAA,M,GAAP,kBAAgB;AAC4B,SAAKR,KADjC,CACG8C,EADH,gBACNE,OADM,CACOC,GADP,gBACOA,GADP,CACYhD,WADZ,gBACYA,WADZ;AAEd,QAAMiD,OAAO,GAAGD,GAAG,CAACE,SAAJ,CAAcvD,MAAd,GAAuB,CAAvC;;AAEA;AACE,mCAAC,cAAD,CAAO,QAAP;AACE,2CAAI,SAAS,EAAEuB,wBAASiC,YAAT,EAAf;AACE,2CAAI,OAAO,EAAEF,OAAb;AACE,6CAAM,SAAS,EAAE/B,wBAASkC,WAAT,EAAjB,SAA2CP,EAA3C,CADF,CADF;;AAIE,2CAAI,SAAS,EAAE3B,wBAASmC,aAAT,EAAf,GAJF;AAKE,2CAAI,SAAS,EAAEnC,wBAASmC,aAAT,EAAf,GALF;AAME,2CAAI,SAAS,EAAEnC,wBAASmC,aAAT,EAAf,GANF,CADF;;AASGL,MAAAA,GAAG,CAACE,SAAJ,CAAc7B,GAAd,CAAkB,UAAAiC,OAAO,EAAI;AAC5B,YAAMC,YAAY,GAAGP,GAAG,CAACO,YAAJ,CAAiBD,OAAjB,KAA6B/E,WAAlD;AACA,YAAMiF,eAAe,GAAG7E,4BAAiB2E,OAAjB,CAAxB;AACA,YAAMG,YAAY,GAAGC,sBAAcJ,OAAd,CAArB;AACA,YAAMK,cAAc,GAAG3D,WAAW,IAAI,CAACwD,eAAhB,IAAmC,CAACC,YAA3D;;AAEA;AACE,+CAAI,GAAG,EAAKZ,EAAL,SAAWS,OAAlB,EAA6B,SAAS,EAAE,0CAAMpC,wBAAS0C,aAAT,EAAN,IAAiCD,cAAjC,QAAxC;AACE;AACE,uCAAC,YAAD;AACE,YAAA,YAAY,EAAEL,OADhB;AAEE,YAAA,YAAY,EAAEC,YAFhB;AAGE,YAAA,gBAAgB,EAAE,MAAI,CAACxD,KAAL,CAAWuC,gBAH/B,GADF,CADF;;;AAQE;AACE,uCAAC,aAAD,IAAe,KAAK,EAAEkB,eAAtB,GADF,CARF;;AAWE;AACE,uCAAC,aAAD,IAAe,KAAK,EAAEC,YAAtB,GADF,CAXF,CADF;;;;AAiBD,OAvBA,CATH,CADF;;;AAoCD,G,+BAzCgCxB,eAAMC,S;;;;;;;;;AAkDnC2B,Y;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BIC,IAAAA,oB,GAAuB,YAAM;AACQ,aAAK/D,KADb,CAC3BgE,YAD2B,gBAC3BA,YAD2B,CACbzB,gBADa,gBACbA,gBADa;AAEnC,UAAIA,gBAAJ,EAAsB;AACpBA,QAAAA,gBAAgB,CAAC,EAAE3B,KAAK,EAAEoD,YAAT,EAAuB/B,KAAK,EAAE+B,YAA9B,EAAD,CAAhB;AACD;AACF,K,6DAlCMxD,M,GAAP,kBAAgB,CACd,oBACE,wDACE,uCAAM,SAAS,EAAEW,wBAAS6C,YAAT,EAAjB,EAA0C,OAAO,EAAE,KAAKD,oBAAxD,IACG,KAAK/D,KAAL,CAAWgE,YADd,CADF,EAIG,KAAKhE,KAAL,CAAWwD,YAAX,CAAwB5D,MAAxB,GAAiC,CAAjC,IAAsC,KAAKqE,kBAAL,EAJzC,CADF,CAQD,C,SAEOA,kB,GAAR,8BAA6B,oBACgB,KAAKjE,KADrB,CACnBwD,YADmB,gBACnBA,YADmB,CACLjB,gBADK,gBACLA,gBADK,CAE3B,oBACE,6BAAC,cAAD,CAAO,QAAP,qBACE,wCADF,eAEE,wCAFF,8DAIGiB,YAAY,CAAClC,GAAb,CAAiB,UAAA4C,UAAU,uBAC1B,6BAAC,cAAD,IACE,GAAG,kBAAgBA,UADrB,EAEE,cAAc,EAAEA,UAFlB,EAGE,kBAAkB,EAAE3B,gBAHtB,GAD0B,EAA3B,CAJH,CADF,CAcD,C,uBA5BwBL,eAAMC,S;;;;;;;AA0C3BgC,c;;;;;;;;;;;;;;;AAeI9E,IAAAA,S,GAAY,YAAM;AACxB,UAAM+E,cAAc,GAAG,OAAKpE,KAAL,CAAWoE,cAAlC;AACA,UAAMC,iBAAiB,GAAGzF,4BAAiBwF,cAAjB,CAA1B;AACA,UAAME,cAAc,GAAGX,sBAAcS,cAAd,CAAvB;AACA;AACE,qCAAC,cAAD,CAAO,QAAP;AACE,mFAAsB,6BAAC,aAAD,IAAe,KAAK,EAAEC,iBAAtB,GAAtB,CADF;AAEE,gDAFF;AAGE,gFAAmB,6BAAC,aAAD,IAAe,KAAK,EAAEC,cAAtB,GAAnB,CAHF,CADF;;;AAOD,K;;AAEOC,IAAAA,sB,GAAyB,YAAM;AACU,aAAKvE,KADf,CAC7BoE,cAD6B,gBAC7BA,cAD6B,CACbI,kBADa,gBACbA,kBADa;AAErC,UAAIA,kBAAJ,EAAwB;AACtBA,QAAAA,kBAAkB,CAAC,EAAE5D,KAAK,EAAEwD,cAAT,EAAyBnC,KAAK,EAAEmC,cAAhC,EAAD,CAAlB;AACD;AACF,K,+DAhCM5D,M,GAAP,kBAAgB,CACd,oBACE,6BAAC,cAAD,CAAO,QAAP,qBACE,wCADF,YAEU,GAFV,eAGE,6BAAC,gBAAD,IAAS,OAAO,EAAE,OAAlB,EAA2B,MAAM,EAAE,KAAKnB,SAAxC,EAAmD,GAAG,EAAE,cAAxD,iBACE,uCAAM,SAAS,EAAE8B,wBAAS6C,YAAT,EAAjB,EAA0C,OAAO,EAAE,KAAKO,sBAAxD,IACG,KAAKvE,KAAL,CAAWoE,cADd,CADF,CAHF,CADF,CAWD,C,yBAb0BlC,eAAMC,S;;;AAoCnC,IAAMsC,aAAa,GAAG,SAAhBA,aAAgB,CAACzE,KAAD,EAA8B;AAClD,MAAMY,KAAK,GAAGZ,KAAK,CAACY,KAApB;AACA,MAAM8D,YAAY,GAAGC,OAAO,CAAC/D,KAAD,CAA5B;AACA,MAAMgE,eAAe,GAAGC,UAAU,CAACjE,KAAD,CAAlC;AACA,MAAMkE,UAAU,GAAGJ,YAAY,IAAIE,eAAnC;AACA,MAAIG,WAAW,GAAG,aAAlB;AACA,MAAID,UAAJ,EAAgB;AACdC,IAAAA,WAAW,GAAGL,YAAY,GAAGM,cAAc,CAACC,QAAf,CAAwBrE,KAAxB,CAAH,GAAoC,MAA9D;AACD;;AAED;AACE,2CAAM,SAAS,EAAE,0CAAMO,wBAASrB,SAAT,EAAN,IAA6B,CAACc,KAA9B,QAAjB;AACGkE,IAAAA,UAAU,iBAAI,uCAAM,SAAS,EAAE3D,wBAAS+D,YAAT,EAAjB,EAA0C,KAAK,EAAE,EAAEC,UAAU,EAAEvE,KAAd,EAAqBmE,WAAW,EAAXA,WAArB,EAAjD,GADjB;AAEGnE,IAAAA,KAAK,IAAI,WAFZ,CADF;;;AAMD,CAhBD;;AAkBA,IAAMwE,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACpF,KAAD,EAA+B;AACzD,MAAIA,KAAK,CAACqF,IAAN,CAAWzF,MAAX,KAAsB,CAA1B,EAA6B;AAC3B,WAAO,IAAP;AACD;;AAED;AACE,0CAAK,SAAS,EAAEuB,wBAASmE,sBAAT,EAAhB;AACgCtF,IAAAA,KAAK,CAACqF,IAAN,CAAWzF,MAD3C;;AAGE;AACGI,IAAAA,KAAK,CAACqF,IAAN,CAAWhE,IAAX,GAAkBC,GAAlB,CAAsB,UAAAiE,CAAC;AACtB,6CAAI,GAAG,EAAEA,CAAT,IAAaA,CAAb,CADsB,GAAvB,CADH,CAHF,CADF;;;;;AAWD,CAhBD;;AAkBA,SAASZ,OAAT,CAAiBa,KAAjB,EAAgC;AAC9B,SAAO,CAAC,CAACA,KAAF,KAAYA,KAAK,CAACzD,UAAN,CAAiB,GAAjB,KAAyByD,KAAK,CAACzD,UAAN,CAAiB,KAAjB,CAAzB,IAAoDyD,KAAK,CAACzD,UAAN,CAAiB,KAAjB,CAAhE,CAAP;AACD;;AAED,SAAS8C,UAAT,CAAoBW,KAApB,EAAmC;AACjC,SAAO,CAAC,CAACA,KAAF,IAAWA,KAAK,CAACzD,UAAN,CAAiB,iBAAjB,CAAlB;AACD","sourcesContent":["import React from 'react';\r\nimport cn from 'classnames';\r\nimport { Theme } from 'react-ui/lib/theming/Theme';\r\n\r\nimport { DEFAULT_THEME as defaultVariables } from '../../lib/theming/themes/DefaultTheme';\r\nimport { FLAT_THEME as flatVariables } from '../../lib/theming/themes/FlatTheme';\r\nimport { ComboBox, ComboBoxItem } from '../../components/ComboBox';\r\nimport { Gapped } from '../../components/Gapped';\r\nimport { Link } from '../../components/Link';\r\nimport { Sticky } from '../../components/Sticky';\r\nimport * as ColorFunctions from '../../lib/styles/ColorFunctions';\r\nimport { Tooltip } from '../../components/Tooltip';\r\nimport { IS_PROXY_SUPPORTED } from '../../lib/Supports';\r\n\r\nimport {\r\n  ALL_USED_VARIABLES,\r\n  CALLS_COUNT,\r\n  COMPONENT_DESCRIPTIONS,\r\n  COMPONENT_DESCRIPTIONS_BY_VARIABLE,\r\n  ComponentDescriptionType,\r\n  ComponentRowDescriptionType,\r\n  EXECUTION_TIME,\r\n} from './VariablesCollector';\r\nimport { jsStyles } from './ThemeShowcase.styles';\r\n\r\nconst EMPTY_ARRAY: string[] = [];\r\n\r\nconst ALL_VARIABLES = Object.keys(defaultVariables) as Array<keyof Theme>;\r\n\r\ninterface ShowcaseProps {\r\n  isDebugMode?: boolean;\r\n}\r\ninterface ShowcaseState {\r\n  selectedVariable?: ComboBoxItem;\r\n}\r\n\r\nexport class ThemeShowcase extends React.Component<ShowcaseProps, ShowcaseState> {\r\n  public state: ShowcaseState = {};\r\n\r\n  private isUnmounting = false;\r\n  private variablesDiff: string[] = [];\r\n\r\n  public UNSAFE_componentWillMount(): void {\r\n    if (this.props.isDebugMode) {\r\n      ALL_VARIABLES.forEach(variable => {\r\n        const found = ALL_USED_VARIABLES.includes(variable);\r\n        if (!found) {\r\n          this.variablesDiff.push(variable);\r\n        }\r\n      });\r\n    }\r\n  }\r\n\r\n  public render() {\r\n    if (!IS_PROXY_SUPPORTED) {\r\n      return (\r\n        <div>\r\n          Таблица использования переменных доступна только в{' '}\r\n          <Link href={'https://caniuse.com/#feat=proxy'} target={'_blank'}>\r\n            браузерах с поддержкой Proxy\r\n          </Link>\r\n          .\r\n        </div>\r\n      );\r\n    }\r\n\r\n    const selectedVariable = this.state.selectedVariable;\r\n    const descriptionsToRender = selectedVariable\r\n      ? COMPONENT_DESCRIPTIONS_BY_VARIABLE[selectedVariable.value] || {}\r\n      : COMPONENT_DESCRIPTIONS;\r\n\r\n    const isDebugMode = this.props.isDebugMode;\r\n    const callsCount = isDebugMode ? `(${CALLS_COUNT} вызовов)` : '';\r\n    const executionTime = isDebugMode ? `Сгенерировано за ${EXECUTION_TIME.toFixed(3)}ms` : '';\r\n\r\n    return (\r\n      <Gapped wrap gap={30} verticalAlign={'top'}>\r\n        <div>\r\n          <Sticky side={'top'}>\r\n            <div className={jsStyles.searchBar()} data-perf-info={`${executionTime} ${callsCount}`}>\r\n              <Gapped gap={15}>\r\n                <ComboBox\r\n                  getItems={this.getItems}\r\n                  value={selectedVariable}\r\n                  onValueChange={this.handleVariableChange}\r\n                  onUnexpectedInput={this.handleUnexpectedVariableInput}\r\n                  placeholder={'поиск по названию переменной'}\r\n                />\r\n                {!!selectedVariable && <Link onClick={this.resetVariable}>сбросить</Link>}\r\n              </Gapped>\r\n            </div>\r\n          </Sticky>\r\n          {Object.keys(descriptionsToRender)\r\n            .sort()\r\n            .map(componentName => (\r\n              <ComponentShowcase\r\n                key={componentName}\r\n                name={componentName}\r\n                description={descriptionsToRender[componentName]}\r\n                isDebugMode={isDebugMode}\r\n                onVariableSelect={this.handleVariableChange}\r\n              />\r\n            ))}\r\n        </div>\r\n        <ShowUnusedVariables diff={this.variablesDiff} />\r\n      </Gapped>\r\n    );\r\n  }\r\n  public componentWillUnmount(): void {\r\n    this.isUnmounting = true;\r\n  }\r\n\r\n  private getValues(query: string) {\r\n    const lowerCaseQuery = query && query.toLowerCase().trim();\r\n    let allItems = ALL_USED_VARIABLES;\r\n    if (lowerCaseQuery) {\r\n      allItems = ALL_USED_VARIABLES.filter(usedVariable => usedVariable.toLowerCase().startsWith(lowerCaseQuery));\r\n    }\r\n    return allItems.map(usedVariableName => ({\r\n      value: usedVariableName,\r\n      label: usedVariableName,\r\n    }));\r\n  }\r\n  private getItems = (query: string) => {\r\n    return Promise.resolve(this.getValues(query));\r\n  };\r\n  private handleVariableChange = (item: ComboBoxItem) => {\r\n    if (!this.isUnmounting) {\r\n      this.setState({ selectedVariable: item });\r\n    }\r\n  };\r\n  private handleUnexpectedVariableInput = (query: string) => {\r\n    const values = this.getValues(query);\r\n    if (values.length > 0) {\r\n      return values[0];\r\n    } else {\r\n      return this.resetVariable();\r\n    }\r\n  };\r\n  private resetVariable = () => {\r\n    if (!this.isUnmounting) {\r\n      this.setState({ selectedVariable: undefined });\r\n    }\r\n  };\r\n}\r\n\r\ninterface ComponentShowcaseProps {\r\n  name: string;\r\n  description: ComponentDescriptionType;\r\n  isDebugMode?: boolean;\r\n  onVariableSelect: (item: ComboBoxItem) => void;\r\n}\r\nclass ComponentShowcase extends React.Component<ComponentShowcaseProps, {}> {\r\n  public render() {\r\n    const { name, description, onVariableSelect, isDebugMode } = this.props;\r\n    const elements = Object.keys(description);\r\n\r\n    return (\r\n      <React.Fragment>\r\n        <Sticky side={'top'} offset={40}>\r\n          {isSticky => (\r\n            <h2\r\n              className={cn({\r\n                [jsStyles.heading()]: true,\r\n                [jsStyles.headingSticky()]: isSticky,\r\n              })}\r\n            >\r\n              {this.props.name}\r\n            </h2>\r\n          )}\r\n        </Sticky>\r\n        <table className={jsStyles.table()}>\r\n          <thead>\r\n            <tr>\r\n              <th style={{ width: 170 }}>ClassName</th>\r\n              <th style={{ width: 210 }}>Variable Name</th>\r\n              <th style={{ width: 250 }}>Default Value</th>\r\n              <th style={{ width: 250 }}>Flat Value</th>\r\n            </tr>\r\n          </thead>\r\n          <tbody>\r\n            {elements.map(el => (\r\n              <ComponentShowcaseRow\r\n                key={`${name}_${el}`}\r\n                element={el}\r\n                row={description[el]}\r\n                onVariableSelect={onVariableSelect}\r\n                isDebugMode={isDebugMode}\r\n              />\r\n            ))}\r\n          </tbody>\r\n        </table>\r\n      </React.Fragment>\r\n    );\r\n  }\r\n}\r\n\r\ninterface ComponentShowcaseRowProps {\r\n  element: string;\r\n  row: ComponentRowDescriptionType;\r\n  isDebugMode?: boolean;\r\n  onVariableSelect: (item: ComboBoxItem) => void;\r\n}\r\n\r\nclass ComponentShowcaseRow extends React.Component<ComponentShowcaseRowProps> {\r\n  public render() {\r\n    const { element: el, row, isDebugMode } = this.props;\r\n    const rowSpan = row.variables.length + 1;\r\n\r\n    return (\r\n      <React.Fragment>\r\n        <tr className={jsStyles.invisibleRow()}>\r\n          <td rowSpan={rowSpan}>\r\n            <span className={jsStyles.elementName()}>.{el}</span>\r\n          </td>\r\n          <td className={jsStyles.invisibleCell()} />\r\n          <td className={jsStyles.invisibleCell()} />\r\n          <td className={jsStyles.invisibleCell()} />\r\n        </tr>\r\n        {row.variables.map(varName => {\r\n          const dependencies = row.dependencies[varName] || EMPTY_ARRAY;\r\n          const variableDefault = defaultVariables[varName] as string;\r\n          const variableFlat = flatVariables[varName] as string;\r\n          const hasNoVariables = isDebugMode && !variableDefault && !variableFlat;\r\n\r\n          return (\r\n            <tr key={`${el}_${varName}`} className={cn({ [jsStyles.suspiciousRow()]: hasNoVariables })}>\r\n              <td>\r\n                <VariableName\r\n                  variableName={varName as string}\r\n                  dependencies={dependencies}\r\n                  onVariableSelect={this.props.onVariableSelect}\r\n                />\r\n              </td>\r\n              <td>\r\n                <VariableValue value={variableDefault} />\r\n              </td>\r\n              <td>\r\n                <VariableValue value={variableFlat} />\r\n              </td>\r\n            </tr>\r\n          );\r\n        })}\r\n      </React.Fragment>\r\n    );\r\n  }\r\n}\r\n\r\ninterface VariableNameProps {\r\n  variableName: string;\r\n  dependencies: Array<keyof Theme>;\r\n  onVariableSelect: (item: ComboBoxItem) => void;\r\n}\r\n\r\nclass VariableName extends React.Component<VariableNameProps> {\r\n  public render() {\r\n    return (\r\n      <span>\r\n        <span className={jsStyles.variableName()} onClick={this.handleVariableSelect}>\r\n          {this.props.variableName}\r\n        </span>\r\n        {this.props.dependencies.length > 0 && this.renderDependencies()}\r\n      </span>\r\n    );\r\n  }\r\n\r\n  private renderDependencies() {\r\n    const { dependencies, onVariableSelect } = this.props;\r\n    return (\r\n      <React.Fragment>\r\n        <br />\r\n        <br />\r\n        зависит от:\r\n        {dependencies.map(dependency => (\r\n          <DependencyName\r\n            key={`dependency_${dependency}`}\r\n            dependencyName={dependency}\r\n            onDependencySelect={onVariableSelect}\r\n          />\r\n        ))}\r\n      </React.Fragment>\r\n    );\r\n  }\r\n\r\n  private handleVariableSelect = () => {\r\n    const { variableName, onVariableSelect } = this.props;\r\n    if (onVariableSelect) {\r\n      onVariableSelect({ value: variableName, label: variableName });\r\n    }\r\n  };\r\n}\r\n\r\ninterface DependencyNameProps {\r\n  dependencyName: keyof Theme;\r\n  onDependencySelect: (item: ComboBoxItem) => void;\r\n}\r\nclass DependencyName extends React.Component<DependencyNameProps> {\r\n  public render() {\r\n    return (\r\n      <React.Fragment>\r\n        <br />\r\n        &ndash;{' '}\r\n        <Tooltip trigger={'hover'} render={this.getValues} pos={'right middle'}>\r\n          <span className={jsStyles.variableName()} onClick={this.handleDependencySelect}>\r\n            {this.props.dependencyName}\r\n          </span>\r\n        </Tooltip>\r\n      </React.Fragment>\r\n    );\r\n  }\r\n\r\n  private getValues = () => {\r\n    const dependencyName = this.props.dependencyName;\r\n    const dependencyDefault = defaultVariables[dependencyName] as string;\r\n    const dependencyFlat = flatVariables[dependencyName] as string;\r\n    return (\r\n      <React.Fragment>\r\n        <span>Default value: {<VariableValue value={dependencyDefault} />}</span>\r\n        <br />\r\n        <span>Flat value: {<VariableValue value={dependencyFlat} />}</span>\r\n      </React.Fragment>\r\n    );\r\n  };\r\n\r\n  private handleDependencySelect = () => {\r\n    const { dependencyName, onDependencySelect } = this.props;\r\n    if (onDependencySelect) {\r\n      onDependencySelect({ value: dependencyName, label: dependencyName });\r\n    }\r\n  };\r\n}\r\n\r\nconst VariableValue = (props: { value: string }) => {\r\n  const value = props.value;\r\n  const valueIsColor = isColor(value);\r\n  const valueIsGradient = isGradient(value);\r\n  const hasExample = valueIsColor || valueIsGradient;\r\n  let borderColor = 'transparent';\r\n  if (hasExample) {\r\n    borderColor = valueIsColor ? ColorFunctions.contrast(value) : '#000';\r\n  }\r\n\r\n  return (\r\n    <span className={cn({ [jsStyles.undefined()]: !value })}>\r\n      {hasExample && <span className={jsStyles.colorExample()} style={{ background: value, borderColor }} />}\r\n      {value || 'undefined'}\r\n    </span>\r\n  );\r\n};\r\n\r\nconst ShowUnusedVariables = (props: { diff: string[] }) => {\r\n  if (props.diff.length === 0) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <div className={jsStyles.unusedVariablesWarning()}>\r\n      Неиспользованные переменные ({props.diff.length}\r\n      ):\r\n      <ul>\r\n        {props.diff.sort().map(v => (\r\n          <li key={v}>{v}</li>\r\n        ))}\r\n      </ul>\r\n    </div>\r\n  );\r\n};\r\n\r\nfunction isColor(input: string) {\r\n  return !!input && (input.startsWith('#') || input.startsWith('rgb') || input.startsWith('hsl'));\r\n}\r\n\r\nfunction isGradient(input: string) {\r\n  return !!input && input.startsWith('linear-gradient');\r\n}\r\n"]}
+{"version":3,"sources":["ThemeShowcase.tsx"],"names":["EMPTY_ARRAY","ALL_VARIABLES","Object","keys","defaultVariables","ThemeShowcase","state","isUnmounting","variablesDiff","getItems","query","Promise","resolve","getValues","handleVariableChange","item","setState","selectedVariable","handleUnexpectedVariableInput","values","length","resetVariable","undefined","UNSAFE_componentWillMount","props","isDebugMode","forEach","variable","found","ALL_USED_VARIABLES","includes","push","render","IS_PROXY_SUPPORTED","descriptionsToRender","COMPONENT_DESCRIPTIONS_BY_VARIABLE","value","COMPONENT_DESCRIPTIONS","callsCount","CALLS_COUNT","executionTime","EXECUTION_TIME","toFixed","jsStyles","searchBar","sort","map","componentName","componentWillUnmount","lowerCaseQuery","toLowerCase","trim","allItems","filter","usedVariable","startsWith","usedVariableName","label","React","Component","ComponentShowcase","name","description","onVariableSelect","elements","isSticky","heading","headingSticky","table","width","el","ComponentShowcaseRow","element","row","rowSpan","variables","invisibleRow","elementName","invisibleCell","varName","dependencies","variableDefault","variableFlat","flatVariables","hasNoVariables","suspiciousRow","VariableName","handleVariableSelect","variableName","renderDependencies","dependency","DependencyName","dependencyName","dependencyDefault","dependencyFlat","handleDependencySelect","onDependencySelect","VariableValue","valueIsColor","isColor","valueIsGradient","isGradient","hasExample","borderColor","ColorFunctions","contrast","colorExample","background","ShowUnusedVariables","diff","unusedVariablesWarning","v","input"],"mappings":"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","sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { Theme } from 'react-ui/lib/theming/Theme';\n\nimport { DEFAULT_THEME as defaultVariables } from '../../lib/theming/themes/DefaultTheme';\nimport { FLAT_THEME as flatVariables } from '../../lib/theming/themes/FlatTheme';\nimport { ComboBox, ComboBoxItem } from '../../components/ComboBox';\nimport { Gapped } from '../../components/Gapped';\nimport { Link } from '../../components/Link';\nimport { Sticky } from '../../components/Sticky';\nimport * as ColorFunctions from '../../lib/styles/ColorFunctions';\nimport { Tooltip } from '../../components/Tooltip';\nimport { IS_PROXY_SUPPORTED } from '../../lib/Supports';\n\nimport {\n  ALL_USED_VARIABLES,\n  CALLS_COUNT,\n  COMPONENT_DESCRIPTIONS,\n  COMPONENT_DESCRIPTIONS_BY_VARIABLE,\n  ComponentDescriptionType,\n  ComponentRowDescriptionType,\n  EXECUTION_TIME,\n} from './VariablesCollector';\nimport { jsStyles } from './ThemeShowcase.styles';\n\nconst EMPTY_ARRAY: string[] = [];\n\nconst ALL_VARIABLES = Object.keys(defaultVariables) as Array<keyof Theme>;\n\ninterface ShowcaseProps {\n  isDebugMode?: boolean;\n}\ninterface ShowcaseState {\n  selectedVariable?: ComboBoxItem;\n}\n\nexport class ThemeShowcase extends React.Component<ShowcaseProps, ShowcaseState> {\n  public state: ShowcaseState = {};\n\n  private isUnmounting = false;\n  private variablesDiff: string[] = [];\n\n  public UNSAFE_componentWillMount(): void {\n    if (this.props.isDebugMode) {\n      ALL_VARIABLES.forEach(variable => {\n        const found = ALL_USED_VARIABLES.includes(variable);\n        if (!found) {\n          this.variablesDiff.push(variable);\n        }\n      });\n    }\n  }\n\n  public render() {\n    if (!IS_PROXY_SUPPORTED) {\n      return (\n        <div>\n          Таблица использования переменных доступна только в{' '}\n          <Link href={'https://caniuse.com/#feat=proxy'} target={'_blank'}>\n            браузерах с поддержкой Proxy\n          </Link>\n          .\n        </div>\n      );\n    }\n\n    const selectedVariable = this.state.selectedVariable;\n    const descriptionsToRender = selectedVariable\n      ? COMPONENT_DESCRIPTIONS_BY_VARIABLE[selectedVariable.value] || {}\n      : COMPONENT_DESCRIPTIONS;\n\n    const isDebugMode = this.props.isDebugMode;\n    const callsCount = isDebugMode ? `(${CALLS_COUNT} вызовов)` : '';\n    const executionTime = isDebugMode ? `Сгенерировано за ${EXECUTION_TIME.toFixed(3)}ms` : '';\n\n    return (\n      <Gapped wrap gap={30} verticalAlign={'top'}>\n        <div>\n          <Sticky side={'top'}>\n            <div className={jsStyles.searchBar()} data-perf-info={`${executionTime} ${callsCount}`}>\n              <Gapped gap={15}>\n                <ComboBox\n                  getItems={this.getItems}\n                  value={selectedVariable}\n                  onValueChange={this.handleVariableChange}\n                  onUnexpectedInput={this.handleUnexpectedVariableInput}\n                  placeholder={'поиск по названию переменной'}\n                />\n                {!!selectedVariable && <Link onClick={this.resetVariable}>сбросить</Link>}\n              </Gapped>\n            </div>\n          </Sticky>\n          {Object.keys(descriptionsToRender)\n            .sort()\n            .map(componentName => (\n              <ComponentShowcase\n                key={componentName}\n                name={componentName}\n                description={descriptionsToRender[componentName]}\n                isDebugMode={isDebugMode}\n                onVariableSelect={this.handleVariableChange}\n              />\n            ))}\n        </div>\n        <ShowUnusedVariables diff={this.variablesDiff} />\n      </Gapped>\n    );\n  }\n  public componentWillUnmount(): void {\n    this.isUnmounting = true;\n  }\n\n  private getValues(query: string) {\n    const lowerCaseQuery = query && query.toLowerCase().trim();\n    let allItems = ALL_USED_VARIABLES;\n    if (lowerCaseQuery) {\n      allItems = ALL_USED_VARIABLES.filter(usedVariable => usedVariable.toLowerCase().startsWith(lowerCaseQuery));\n    }\n    return allItems.map(usedVariableName => ({\n      value: usedVariableName,\n      label: usedVariableName,\n    }));\n  }\n  private getItems = (query: string) => {\n    return Promise.resolve(this.getValues(query));\n  };\n  private handleVariableChange = (item: ComboBoxItem) => {\n    if (!this.isUnmounting) {\n      this.setState({ selectedVariable: item });\n    }\n  };\n  private handleUnexpectedVariableInput = (query: string) => {\n    const values = this.getValues(query);\n    if (values.length > 0) {\n      return values[0];\n    } else {\n      return this.resetVariable();\n    }\n  };\n  private resetVariable = () => {\n    if (!this.isUnmounting) {\n      this.setState({ selectedVariable: undefined });\n    }\n  };\n}\n\ninterface ComponentShowcaseProps {\n  name: string;\n  description: ComponentDescriptionType;\n  isDebugMode?: boolean;\n  onVariableSelect: (item: ComboBoxItem) => void;\n}\nclass ComponentShowcase extends React.Component<ComponentShowcaseProps, {}> {\n  public render() {\n    const { name, description, onVariableSelect, isDebugMode } = this.props;\n    const elements = Object.keys(description);\n\n    return (\n      <React.Fragment>\n        <Sticky side={'top'} offset={40}>\n          {isSticky => (\n            <h2\n              className={cn({\n                [jsStyles.heading()]: true,\n                [jsStyles.headingSticky()]: isSticky,\n              })}\n            >\n              {this.props.name}\n            </h2>\n          )}\n        </Sticky>\n        <table className={jsStyles.table()}>\n          <thead>\n            <tr>\n              <th style={{ width: 170 }}>ClassName</th>\n              <th style={{ width: 210 }}>Variable Name</th>\n              <th style={{ width: 250 }}>Default Value</th>\n              <th style={{ width: 250 }}>Flat Value</th>\n            </tr>\n          </thead>\n          <tbody>\n            {elements.map(el => (\n              <ComponentShowcaseRow\n                key={`${name}_${el}`}\n                element={el}\n                row={description[el]}\n                onVariableSelect={onVariableSelect}\n                isDebugMode={isDebugMode}\n              />\n            ))}\n          </tbody>\n        </table>\n      </React.Fragment>\n    );\n  }\n}\n\ninterface ComponentShowcaseRowProps {\n  element: string;\n  row: ComponentRowDescriptionType;\n  isDebugMode?: boolean;\n  onVariableSelect: (item: ComboBoxItem) => void;\n}\n\nclass ComponentShowcaseRow extends React.Component<ComponentShowcaseRowProps> {\n  public render() {\n    const { element: el, row, isDebugMode } = this.props;\n    const rowSpan = row.variables.length + 1;\n\n    return (\n      <React.Fragment>\n        <tr className={jsStyles.invisibleRow()}>\n          <td rowSpan={rowSpan}>\n            <span className={jsStyles.elementName()}>.{el}</span>\n          </td>\n          <td className={jsStyles.invisibleCell()} />\n          <td className={jsStyles.invisibleCell()} />\n          <td className={jsStyles.invisibleCell()} />\n        </tr>\n        {row.variables.map(varName => {\n          const dependencies = row.dependencies[varName] || EMPTY_ARRAY;\n          const variableDefault = defaultVariables[varName] as string;\n          const variableFlat = flatVariables[varName] as string;\n          const hasNoVariables = isDebugMode && !variableDefault && !variableFlat;\n\n          return (\n            <tr key={`${el}_${varName}`} className={cn({ [jsStyles.suspiciousRow()]: hasNoVariables })}>\n              <td>\n                <VariableName\n                  variableName={varName as string}\n                  dependencies={dependencies}\n                  onVariableSelect={this.props.onVariableSelect}\n                />\n              </td>\n              <td>\n                <VariableValue value={variableDefault} />\n              </td>\n              <td>\n                <VariableValue value={variableFlat} />\n              </td>\n            </tr>\n          );\n        })}\n      </React.Fragment>\n    );\n  }\n}\n\ninterface VariableNameProps {\n  variableName: string;\n  dependencies: Array<keyof Theme>;\n  onVariableSelect: (item: ComboBoxItem) => void;\n}\n\nclass VariableName extends React.Component<VariableNameProps> {\n  public render() {\n    return (\n      <span>\n        <span className={jsStyles.variableName()} onClick={this.handleVariableSelect}>\n          {this.props.variableName}\n        </span>\n        {this.props.dependencies.length > 0 && this.renderDependencies()}\n      </span>\n    );\n  }\n\n  private renderDependencies() {\n    const { dependencies, onVariableSelect } = this.props;\n    return (\n      <React.Fragment>\n        <br />\n        <br />\n        зависит от:\n        {dependencies.map(dependency => (\n          <DependencyName\n            key={`dependency_${dependency}`}\n            dependencyName={dependency}\n            onDependencySelect={onVariableSelect}\n          />\n        ))}\n      </React.Fragment>\n    );\n  }\n\n  private handleVariableSelect = () => {\n    const { variableName, onVariableSelect } = this.props;\n    if (onVariableSelect) {\n      onVariableSelect({ value: variableName, label: variableName });\n    }\n  };\n}\n\ninterface DependencyNameProps {\n  dependencyName: keyof Theme;\n  onDependencySelect: (item: ComboBoxItem) => void;\n}\nclass DependencyName extends React.Component<DependencyNameProps> {\n  public render() {\n    return (\n      <React.Fragment>\n        <br />\n        &ndash;{' '}\n        <Tooltip trigger={'hover'} render={this.getValues} pos={'right middle'}>\n          <span className={jsStyles.variableName()} onClick={this.handleDependencySelect}>\n            {this.props.dependencyName}\n          </span>\n        </Tooltip>\n      </React.Fragment>\n    );\n  }\n\n  private getValues = () => {\n    const dependencyName = this.props.dependencyName;\n    const dependencyDefault = defaultVariables[dependencyName] as string;\n    const dependencyFlat = flatVariables[dependencyName] as string;\n    return (\n      <React.Fragment>\n        <span>Default value: {<VariableValue value={dependencyDefault} />}</span>\n        <br />\n        <span>Flat value: {<VariableValue value={dependencyFlat} />}</span>\n      </React.Fragment>\n    );\n  };\n\n  private handleDependencySelect = () => {\n    const { dependencyName, onDependencySelect } = this.props;\n    if (onDependencySelect) {\n      onDependencySelect({ value: dependencyName, label: dependencyName });\n    }\n  };\n}\n\nconst VariableValue = (props: { value: string }) => {\n  const value = props.value;\n  const valueIsColor = isColor(value);\n  const valueIsGradient = isGradient(value);\n  const hasExample = valueIsColor || valueIsGradient;\n  let borderColor = 'transparent';\n  if (hasExample) {\n    borderColor = valueIsColor ? ColorFunctions.contrast(value) : '#000';\n  }\n\n  return (\n    <span className={cn({ [jsStyles.undefined()]: !value })}>\n      {hasExample && <span className={jsStyles.colorExample()} style={{ background: value, borderColor }} />}\n      {value || 'undefined'}\n    </span>\n  );\n};\n\nconst ShowUnusedVariables = (props: { diff: string[] }) => {\n  if (props.diff.length === 0) {\n    return null;\n  }\n\n  return (\n    <div className={jsStyles.unusedVariablesWarning()}>\n      Неиспользованные переменные ({props.diff.length}\n      ):\n      <ul>\n        {props.diff.sort().map(v => (\n          <li key={v}>{v}</li>\n        ))}\n      </ul>\n    </div>\n  );\n};\n\nfunction isColor(input: string) {\n  return !!input && (input.startsWith('#') || input.startsWith('rgb') || input.startsWith('hsl'));\n}\n\nfunction isGradient(input: string) {\n  return !!input && input.startsWith('linear-gradient');\n}\n"]}

package/cjs/internal/ThemeShowcase/ThemeShowcase.md

@@ -1,13 +1,13 @@
-### Таблица переменных
-
-Список использующихся переменных для каждого кастомизируемого компонента.
-<br/>
-Таблица фильтруется по названию переменной.
-<br/>
-Значения в колонке `Variable name` кликабельны.
-
-```jsx harmony
-import { ThemeShowcase } from '@skbkontur/react-ui/internal/ThemeShowcase/ThemeShowcase';
-
-<ThemeShowcase />;
-```
+### Таблица переменных
+
+Список использующихся переменных для каждого кастомизируемого компонента.
+<br/>
+Таблица фильтруется по названию переменной.
+<br/>
+Значения в колонке `Variable name` кликабельны.
+
+```jsx harmony
+import { ThemeShowcase } from '@skbkontur/react-ui/internal/ThemeShowcase/ThemeShowcase';
+
+<ThemeShowcase />;
+```

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

@@ -1,20 +1,20 @@
-export declare const jsStyles: {
-    searchBar(): string;
-    heading(): string;
-    headingSticky(): string;
-    table(): string;
-    invisibleRow(): string;
-    suspiciousRow(): string;
-    invisibleCell(): string;
-    suspiciousCell(): string;
-    elementName(): string;
-    relativeCss(): string;
-    variableName(): string;
-    colorExample(): string;
-    undefined(): string;
-    unusedVariablesWarning(): string;
-    cssClassObject(): string;
-    cssClassName(): string;
-    cssThemeObject(): string;
-    cssThemeProp(): string;
-};
+export declare const jsStyles: {
+    searchBar(): string;
+    heading(): string;
+    headingSticky(): string;
+    table(): string;
+    invisibleRow(): string;
+    suspiciousRow(): string;
+    invisibleCell(): string;
+    suspiciousCell(): string;
+    elementName(): string;
+    relativeCss(): string;
+    variableName(): string;
+    colorExample(): string;
+    undefined(): string;
+    unusedVariablesWarning(): string;
+    cssClassObject(): string;
+    cssClassName(): string;
+    cssThemeObject(): string;
+    cssThemeProp(): string;
+};

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","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';\n\nconst styles = {\n  searchBar() {\n    return css`\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    `;\n  },\n\n  heading() {\n    return css`\n      padding: 24px 0 16px 5px;\n      margin: 0;\n      background-color: #fff;\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      & 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    `;\n  },\n\n  invisibleRow() {\n    return css`\n      padding: 0 !important;\n      height: 0 !important;\n\n      ${cssName(styles.table())} tbody tr:not(&) > td {\n        border-top: 0 none;\n      }\n\n      ${cssName(styles.table())} tbody tr&:hover ~ tr:not(&) {\n        background-color: #f8f8f8;\n      }\n\n      ${cssName(styles.table())} tbody tr&:hover ~ & ~ tr {\n        background-color: transparent;\n      }\n    `;\n  },\n\n  suspiciousRow() {\n    return css`\n      background-color: red;\n    `;\n  },\n\n  //noinspection CssReplaceWithShorthandSafely\n  invisibleCell() {\n    return css`\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    `;\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\nexport const jsStyles = memoizeStyle(styles);\n"]}

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

@@ -1,22 +1,22 @@
-import { Theme } from '../../lib/theming/Theme';
-export interface DescriptionsType {
-    [componentName: string]: ComponentDescriptionType;
-}
-export interface ComponentDescriptionType {
-    [elementName: string]: ComponentRowDescriptionType;
-}
-export interface ComponentRowDescriptionType {
-    variables: Array<keyof Theme>;
-    dependencies: VariableDependencies;
-}
-export interface VariableNameToComponentsMap {
-    [variableName: string]: DescriptionsType;
-}
-export interface VariableDependencies {
-    [variableName: string]: Array<keyof Theme>;
-}
-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" | "btnLinkBorderRadius" | "btnFocusShadowWidth" | "btnFocusBorder" | "btnDisabledTextColor" | "btnDisabledBorderColor" | "btnCheckedBg" | "btnCheckedDisabledBg" | "btnCheckedDisabledColor" | "btnCheckedHoverBorderColor" | "btnCheckedTextColor" | "btnCheckedDisabledBorderColor" | "btnCheckedShadow" | "btnCheckedShadowColorArrow" | "btnCheckedShadowArrow" | "btnCheckedShadowArrowLeft" | "btnCheckedDisabledShadow" | "btnCheckedDisabledShadowArrow" | "btnArrowBorderRadius" | "btnSmallBorderRadius" | "btnBorderRadius" | "btnBorderRadiusSmall" | "btnBorderRadiusMedium" | "btnBorderRadiusLarge" | "btnBorderWidth" | "btnOutlineWidth" | "btnPaddingXSmall" | "btnPaddingXMedium" | "btnPaddingXLarge" | "btnIconGapSmall" | "btnIconGapMedium" | "btnIconGapLarge" | "btnIconSizeSmall" | "btnIconSizeMedium" | "btnIconSizeLarge" | "btnDefaultBg" | "btnDefaultBgStart" | "btnDefaultBgEnd" | "btnSmallArrowLength" | "btnSmallArrowRight" | "btnSmallArrowLeft" | "btnSmallArrowBorderRadius" | "btnMediumArrowTop" | "btnMediumArrowLength" | "btnMediumArrowLeft" | "btnMediumArrowLeftLoadingLeft" | "btnMediumArrowTransform" | "btnDeprecatedSizeMediumFontSize" | "btnDeprecatedSizeMediumPaddingShift" | "btnLargeArrowTop" | "btnLargeArrowLength" | "btnLargeArrowLeft" | "btnLargeArrowRight" | "btnLargeArrowTransform" | "btnLargeArrowBg" | "btnDefaultBgArrowStart" | "btnDefaultBgArrowEnd" | "btnDefaultCheckedShadowArrow" | "btnDefaultCheckedBorder" | "btnDefaultTextColor" | "btnDefaultHoverBg" | "btnDefaultHoverBorderColor" | "btnDefaultActiveBorderColor" | "btnDefaultBorder" | "btnDefaultShadow" | "btnDefaultShadowArrow" | "btnDefaultShadowArrowLeft" | "btnDefaultHoverBgStart" | "btnDefaultHoverBgEnd" | "btnDefaultHoverShadow" | "btnDefaultHoverShadowArrow" | "btnDefaultHoverShadowArrowLeft" | "btnDefaultActiveBg" | "btnDefaultActiveShadow" | "btnDefaultActiveShadowArrow" | "btnDefaultActiveShadowArrowLeft" | "btnSuccessBg" | "btnSuccessHoverBg" | "btnSuccessHoverBorderColor" | "btnSuccessDisabledBg" | "btnSuccessBorder" | "btnSuccessBgStart" | "btnSuccessBgEnd" | "btnSuccessBgArrowStart" | "btnSuccessBgArrowEnd" | "btnSuccessTextColor" | "btnSuccessShadow" | "btnSuccessShadowArrow" | "btnSuccessShadowArrowLeft" | "btnSuccessHoverBgStart" | "btnSuccessHoverBgEnd" | "btnSuccessHoverShadow" | "btnSuccessHoverShadowArrow" | "btnSuccessHoverShadowArrowLeft" | "btnSuccessActiveBg" | "btnSuccessActiveShadow" | "btnSuccessActiveShadowArrow" | "btnSuccessActiveShadowArrowLeft" | "btnPrimaryBg" | "btnPrimaryHoverBg" | "btnPrimaryHoverBorderColor" | "btnPrimaryDisabledBg" | "btnPrimaryBorder" | "btnPrimaryBgStart" | "btnPrimaryBgEnd" | "btnPrimaryBgArrowStart" | "btnPrimaryBgArrowEnd" | "btnPrimaryTextColor" | "btnPrimaryShadow" | "btnPrimaryShadowArrow" | "btnPrimaryShadowArrowLeft" | "btnPrimaryHoverBgStart" | "btnPrimaryHoverBgEnd" | "btnPrimaryHoverShadow" | "btnPrimaryHoverShadowArrow" | "btnPrimaryHoverShadowArrowLeft" | "btnPrimaryActiveBg" | "btnPrimaryActiveShadow" | "btnPrimaryActiveShadowArrow" | "btnPrimaryActiveShadowArrowLeft" | "btnDangerBg" | "btnDangerHoverBg" | "btnDangerHoverBorderColor" | "btnDangerDisabledBg" | "btnDangerBorder" | "btnDangerBgStart" | "btnDangerBgEnd" | "btnDangerBgArrowStart" | "btnDangerBgArrowEnd" | "btnDangerTextColor" | "btnDangerShadow" | "btnDangerShadowArrow" | "btnDangerShadowArrowLeft" | "btnDangerHoverBgStart" | "btnDangerHoverBgEnd" | "btnDangerHoverShadow" | "btnDangerHoverShadowArrow" | "btnDangerHoverShadowArrowLeft" | "btnDangerActiveBg" | "btnDangerActiveShadow" | "btnDangerActiveShadowArrow" | "btnDangerActiveShadowArrowLeft" | "btnPayBg" | "btnPayHoverBg" | "btnPayHoverBorderColor" | "btnPayDisabledBg" | "btnPayBorder" | "btnPayBgStart" | "btnPayBgEnd" | "btnPayBgArrowStart" | "btnPayBgArrowEnd" | "btnPayShadow" | "btnPayTextColor" | "btnPayShadowArrow" | "btnPayShadowArrowLeft" | "btnPayHoverBgStart" | "btnPayHoverBgEnd" | "btnPayHoverShadow" | "btnPayHoverShadowArrow" | "btnPayHoverShadowArrowLeft" | "btnPayActiveBg" | "btnPayActiveShadow" | "btnPayActiveShadowArrow" | "btnPayActiveShadowArrowLeft" | "btnDeprecatedSizeMediumPaddingShiftIe" | "btnSmallArrowTop" | "btnSmallArrowLeftLoadingDelay" | "btnSmallArrowBg" | "btnMediumArrowRight" | "btnMediumArrowBg" | "btnMediumArrowLeftLoadingDelay" | "btnLargeArrowLeftLoadingDelay" | "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" | "sltPlaceholderColor" | "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" | "modalCloseButtonClickArea" | "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" | "sidePageCloseButtonClickAreaX" | "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" | "tbBg" | "tbShadow" | "tdDividerBg" | "logoColor" | "logoHoverColor" | "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" | "chbFontSize" | "chbLineHeight" | "chbBoxSize" | "chbPaddingX" | "chbPaddingY" | "chbBgStart" | "chbBgEnd" | "chbTextColorDefault" | "chbTextColorDisabled" | "chbIndeterminateBg" | "chbShadow" | "chbShadowDisabled" | "chbBorder" | "chbShadowHover" | "chbCheckedColor" | "chbOutlineColorFocus" | "chbBorderColorWarning" | "chbBorderColorError" | "chbCheckedHoverShadow" | "chbBorderRadius" | "chbShadowWidth" | "chbCheckedShadow" | "chbBorderColorFocus" | "chbBg" | "chbHoverBg" | "chbActiveBg" | "chbCheckedBg" | "chbBgDisabled" | "chbBoxIndeterminateBg" | "chbCheckedHoverBg" | "chbCheckedActiveBg" | "chbCheckedActiveShadow" | "chbShadowActive" | "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" | "textareaHeight" | "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" | "radioCheckedBorderColor" | "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" | "spinnerOldBgColor" | "spinnerOldColor" | "spinnerOldDimmedColor" | "spinnerOldCaptionColor" | "spinnerOldFontSizeSmall" | "spinnerOldFontSizeMedium" | "spinnerOldFontSizeLarge" | "spinnerOldLineHeightSmall" | "spinnerOldLineHeightMedium" | "spinnerOldLineHeightLarge" | "spinnerOldCaptionGapSmall" | "spinnerOldCaptionGapMedium" | "spinnerOldCaptionGapLarge" | "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 CALLS_COUNT: number;
-export declare const EXECUTION_TIME: number;
+import { Theme } from '../../lib/theming/Theme';
+export interface DescriptionsType {
+    [componentName: string]: ComponentDescriptionType;
+}
+export interface ComponentDescriptionType {
+    [elementName: string]: ComponentRowDescriptionType;
+}
+export interface ComponentRowDescriptionType {
+    variables: Array<keyof Theme>;
+    dependencies: VariableDependencies;
+}
+export interface VariableNameToComponentsMap {
+    [variableName: string]: DescriptionsType;
+}
+export interface VariableDependencies {
+    [variableName: string]: Array<keyof Theme>;
+}
+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" | "btnLinkBorderRadius" | "btnFocusShadowWidth" | "btnFocusBorder" | "btnDisabledTextColor" | "btnDisabledBorderColor" | "btnCheckedBg" | "btnCheckedDisabledBg" | "btnCheckedDisabledColor" | "btnCheckedHoverBorderColor" | "btnCheckedTextColor" | "btnCheckedDisabledBorderColor" | "btnCheckedShadow" | "btnCheckedShadowColorArrow" | "btnCheckedShadowArrow" | "btnCheckedShadowArrowLeft" | "btnCheckedDisabledShadow" | "btnCheckedDisabledShadowArrow" | "btnArrowBorderRadius" | "btnSmallBorderRadius" | "btnBorderRadius" | "btnBorderRadiusSmall" | "btnBorderRadiusMedium" | "btnBorderRadiusLarge" | "btnBorderWidth" | "btnOutlineWidth" | "btnPaddingXSmall" | "btnPaddingXMedium" | "btnPaddingXLarge" | "btnIconGapSmall" | "btnIconGapMedium" | "btnIconGapLarge" | "btnIconSizeSmall" | "btnIconSizeMedium" | "btnIconSizeLarge" | "btnDefaultBg" | "btnDefaultBgStart" | "btnDefaultBgEnd" | "btnSmallArrowLength" | "btnSmallArrowRight" | "btnSmallArrowLeft" | "btnSmallArrowBorderRadius" | "btnMediumArrowTop" | "btnMediumArrowLength" | "btnMediumArrowLeft" | "btnMediumArrowLeftLoadingLeft" | "btnMediumArrowTransform" | "btnDeprecatedSizeMediumFontSize" | "btnDeprecatedSizeMediumPaddingShift" | "btnLargeArrowTop" | "btnLargeArrowLength" | "btnLargeArrowLeft" | "btnLargeArrowRight" | "btnLargeArrowTransform" | "btnLargeArrowBg" | "btnDefaultBgArrowStart" | "btnDefaultBgArrowEnd" | "btnDefaultCheckedShadowArrow" | "btnDefaultCheckedBorder" | "btnDefaultTextColor" | "btnDefaultHoverBg" | "btnDefaultHoverBorderColor" | "btnDefaultActiveBorderColor" | "btnDefaultBorder" | "btnDefaultShadow" | "btnDefaultShadowArrow" | "btnDefaultShadowArrowLeft" | "btnDefaultHoverBgStart" | "btnDefaultHoverBgEnd" | "btnDefaultHoverShadow" | "btnDefaultHoverShadowArrow" | "btnDefaultHoverShadowArrowLeft" | "btnDefaultActiveBg" | "btnDefaultActiveShadow" | "btnDefaultActiveShadowArrow" | "btnDefaultActiveShadowArrowLeft" | "btnSuccessBg" | "btnSuccessHoverBg" | "btnSuccessHoverBorderColor" | "btnSuccessDisabledBg" | "btnSuccessBorder" | "btnSuccessBgStart" | "btnSuccessBgEnd" | "btnSuccessBgArrowStart" | "btnSuccessBgArrowEnd" | "btnSuccessTextColor" | "btnSuccessShadow" | "btnSuccessShadowArrow" | "btnSuccessShadowArrowLeft" | "btnSuccessHoverBgStart" | "btnSuccessHoverBgEnd" | "btnSuccessHoverShadow" | "btnSuccessHoverShadowArrow" | "btnSuccessHoverShadowArrowLeft" | "btnSuccessActiveBg" | "btnSuccessActiveShadow" | "btnSuccessActiveShadowArrow" | "btnSuccessActiveShadowArrowLeft" | "btnPrimaryBg" | "btnPrimaryHoverBg" | "btnPrimaryHoverBorderColor" | "btnPrimaryDisabledBg" | "btnPrimaryBorder" | "btnPrimaryBgStart" | "btnPrimaryBgEnd" | "btnPrimaryBgArrowStart" | "btnPrimaryBgArrowEnd" | "btnPrimaryTextColor" | "btnPrimaryShadow" | "btnPrimaryShadowArrow" | "btnPrimaryShadowArrowLeft" | "btnPrimaryHoverBgStart" | "btnPrimaryHoverBgEnd" | "btnPrimaryHoverShadow" | "btnPrimaryHoverShadowArrow" | "btnPrimaryHoverShadowArrowLeft" | "btnPrimaryActiveBg" | "btnPrimaryActiveShadow" | "btnPrimaryActiveShadowArrow" | "btnPrimaryActiveShadowArrowLeft" | "btnDangerBg" | "btnDangerHoverBg" | "btnDangerHoverBorderColor" | "btnDangerDisabledBg" | "btnDangerBorder" | "btnDangerBgStart" | "btnDangerBgEnd" | "btnDangerBgArrowStart" | "btnDangerBgArrowEnd" | "btnDangerTextColor" | "btnDangerShadow" | "btnDangerShadowArrow" | "btnDangerShadowArrowLeft" | "btnDangerHoverBgStart" | "btnDangerHoverBgEnd" | "btnDangerHoverShadow" | "btnDangerHoverShadowArrow" | "btnDangerHoverShadowArrowLeft" | "btnDangerActiveBg" | "btnDangerActiveShadow" | "btnDangerActiveShadowArrow" | "btnDangerActiveShadowArrowLeft" | "btnPayBg" | "btnPayHoverBg" | "btnPayHoverBorderColor" | "btnPayDisabledBg" | "btnPayBorder" | "btnPayBgStart" | "btnPayBgEnd" | "btnPayBgArrowStart" | "btnPayBgArrowEnd" | "btnPayShadow" | "btnPayTextColor" | "btnPayShadowArrow" | "btnPayShadowArrowLeft" | "btnPayHoverBgStart" | "btnPayHoverBgEnd" | "btnPayHoverShadow" | "btnPayHoverShadowArrow" | "btnPayHoverShadowArrowLeft" | "btnPayActiveBg" | "btnPayActiveShadow" | "btnPayActiveShadowArrow" | "btnPayActiveShadowArrowLeft" | "btnDeprecatedSizeMediumPaddingShiftIe" | "btnSmallArrowTop" | "btnSmallArrowLeftLoadingDelay" | "btnSmallArrowBg" | "btnMediumArrowRight" | "btnMediumArrowBg" | "btnMediumArrowLeftLoadingDelay" | "btnLargeArrowLeftLoadingDelay" | "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" | "sltPlaceholderColor" | "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" | "modalCloseButtonClickArea" | "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" | "sidePageCloseButtonClickAreaX" | "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" | "tbBg" | "tbShadow" | "tdDividerBg" | "logoColor" | "logoHoverColor" | "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" | "chbFontSize" | "chbLineHeight" | "chbBoxSize" | "chbPaddingX" | "chbPaddingY" | "chbBgStart" | "chbBgEnd" | "chbTextColorDefault" | "chbTextColorDisabled" | "chbIndeterminateBg" | "chbShadow" | "chbShadowDisabled" | "chbBorder" | "chbShadowHover" | "chbCheckedColor" | "chbOutlineColorFocus" | "chbBorderColorWarning" | "chbBorderColorError" | "chbCheckedHoverShadow" | "chbBorderRadius" | "chbShadowWidth" | "chbCheckedShadow" | "chbBorderColorFocus" | "chbBg" | "chbHoverBg" | "chbActiveBg" | "chbCheckedBg" | "chbBgDisabled" | "chbBoxIndeterminateBg" | "chbCheckedHoverBg" | "chbCheckedActiveBg" | "chbCheckedActiveShadow" | "chbShadowActive" | "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" | "textareaHeight" | "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" | "radioCheckedBorderColor" | "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" | "spinnerOldBgColor" | "spinnerOldColor" | "spinnerOldDimmedColor" | "spinnerOldCaptionColor" | "spinnerOldFontSizeSmall" | "spinnerOldFontSizeMedium" | "spinnerOldFontSizeLarge" | "spinnerOldLineHeightSmall" | "spinnerOldLineHeightMedium" | "spinnerOldLineHeightLarge" | "spinnerOldCaptionGapSmall" | "spinnerOldCaptionGapMedium" | "spinnerOldCaptionGapLarge" | "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 CALLS_COUNT: number;
+export declare const EXECUTION_TIME: number;

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","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';\nimport { DEFAULT_THEME } from '../../lib/theming/themes/DefaultTheme';\nimport { FLAT_THEME } from '../../lib/theming/themes/FlatTheme';\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(FLAT_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    const jsStyles = componentsContext(fileName).jsStyles;\n\n    Object.keys(jsStyles).forEach(elementName => {\n      const jsStyle = jsStyles[elementName];\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    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  return {\n    get(target, prop, receiver) {\n      const propName = prop as keyof Theme;\n      ALL_USED_VARIABLES_SET.add(propName);\n      if (accessLevel === 0) {\n        rootProp = propName;\n        accumulator.add(propName);\n      } else {\n        if (!dependencies[rootProp]) {\n          dependencies[rootProp] = [propName];\n        } else if (!dependencies[rootProp].includes(propName)) {\n          dependencies[rootProp].push(propName);\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"]}

package/cjs/internal/ZIndex/ZIndex.d.ts

@@ -1,34 +1,34 @@
-import React from 'react';
-import { LayerComponentName } from './ZIndexStorage';
-export interface ZIndexProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * Приращение к z-index
-     */
-    delta: number;
-    priority: number | LayerComponentName;
-    style: React.CSSProperties;
-    createStackingContext?: boolean;
-    coverChildren?: boolean;
-    applyZIndex?: boolean;
-    className?: string;
-    wrapperRef?: React.Ref<HTMLDivElement> | undefined | null;
-}
-export declare class ZIndex extends React.Component<ZIndexProps> {
-    static __KONTUR_REACT_UI__: string;
-    static defaultProps: {
-        delta: number;
-        priority: number;
-        style: {};
-        applyZIndex: boolean;
-        coverChildren: boolean;
-        createStackingContext: boolean;
-    };
-    static propTypes: {
-        delta(props: ZIndexProps): Error | undefined;
-    };
-    private zIndex;
-    constructor(props: ZIndexProps);
-    componentWillUnmount(): void;
-    render(): JSX.Element;
-    private calcZIndex;
-}
+import React from 'react';
+import { LayerComponentName } from './ZIndexStorage';
+export interface ZIndexProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Приращение к z-index
+     */
+    delta: number;
+    priority: number | LayerComponentName;
+    style: React.CSSProperties;
+    createStackingContext?: boolean;
+    coverChildren?: boolean;
+    applyZIndex?: boolean;
+    className?: string;
+    wrapperRef?: React.Ref<HTMLDivElement> | undefined | null;
+}
+export declare class ZIndex extends React.Component<ZIndexProps> {
+    static __KONTUR_REACT_UI__: string;
+    static defaultProps: {
+        delta: number;
+        priority: number;
+        style: {};
+        applyZIndex: boolean;
+        coverChildren: boolean;
+        createStackingContext: boolean;
+    };
+    static propTypes: {
+        delta(props: ZIndexProps): Error | undefined;
+    };
+    private zIndex;
+    constructor(props: ZIndexProps);
+    componentWillUnmount(): void;
+    render(): JSX.Element;
+    private calcZIndex;
+}