@skbkontur/react-ui 0.0.0-d49c4902ee → 0.0.0-d560679cdd

package/internal/ThemePlayground/Playground.d.ts

@@ -1,30 +1,30 @@
-import React from 'react';
-import { ThemeType } from './constants';
-export interface PlaygroundProps {
-    currentThemeType: ThemeType;
-    onThemeChange: (value: string) => void;
-    onEditLinkClick: () => void;
-}
-export declare class Playground extends React.Component<PlaygroundProps> {
-    private theme;
-    private stopEl;
-    render(): React.JSX.Element;
-    private renderMain;
-    private renderTabsGroup;
-    private renderTabs;
-    private getCurrentTab;
-    private renderSizesGroup;
-    private renderLinksGroup;
-    private renderButtonsGroup;
-    private renderInputsGroup;
-    private renderTokenInputsGroup;
-    private renderOtherInputsGroup;
-    private renderSwitchersGroup;
-    private renderControlsGroup;
-    private renderHintsGroup;
-    private renderTooltip;
-    private renderPaging;
-    private renderFileUploader;
-    private renderStickyStopElement;
-    private getStickyStop;
-}
+import React from 'react';
+import { ThemeType } from './constants';
+export interface PlaygroundProps {
+    currentThemeType: ThemeType;
+    onThemeChange: (value: string) => void;
+    onEditLinkClick: () => void;
+}
+export declare class Playground extends React.Component<PlaygroundProps> {
+    private theme;
+    private stopEl;
+    render(): React.JSX.Element;
+    private renderMain;
+    private renderTabsGroup;
+    private renderTabs;
+    private getCurrentTab;
+    private renderSizesGroup;
+    private renderLinksGroup;
+    private renderButtonsGroup;
+    private renderInputsGroup;
+    private renderTokenInputsGroup;
+    private renderOtherInputsGroup;
+    private renderSwitchersGroup;
+    private renderControlsGroup;
+    private renderHintsGroup;
+    private renderTooltip;
+    private renderPaging;
+    private renderFileUploader;
+    private renderStickyStopElement;
+    private getStickyStop;
+}

package/internal/ThemePlayground/Playground.styles/Playground.styles.js

@@ -3,7 +3,7 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 import { css, memoizeStyle } from "../../../lib/theming/Emotion";
 export var styles = memoizeStyle({
   playground: function playground() {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      margin: -16px;\n      padding: 32px;\n    "])));
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      margin: 0 -24px;\n      padding: 0 24px;\n      border-radius: 8px;\n    "])));
   },
   title: function title(t) {
     return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      width: 110px;\n      color: ", ";\n    "])), t.textColorDefault);
@@ -33,7 +33,7 @@ export var styles = memoizeStyle({
     return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      position: relative;\n      z-index: 1;\n    "])));
   },
   baseVariableRoot: function baseVariableRoot() {
-    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      position: relative;\n      z-index: 1;\n      padding-left: 10px;\n      width: 240px;\n      display: flex;\n    "])));
+    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      position: relative;\n      z-index: 1;\n      width: 240px;\n      display: flex;\n    "])));
   },
   loaderWrapper: function loaderWrapper() {
     return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      width: 500px;\n    "])));
@@ -42,13 +42,13 @@ export var styles = memoizeStyle({
     return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      height: 300px;\n      margin: auto;\n    "])));
   },
   tabsWrapper: function tabsWrapper(t) {
-    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      margin: 0 -32px;\n      padding: 11px 32px;\n      position: relative;\n      color: ", ";\n\n      &::after {\n        content: '';\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        height: 1px;\n        width: 100%;\n        z-index: -1;\n      }\n    "])), t.textColorDefault);
+    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      position: relative;\n      color: ", ";\n\n      &::after {\n        content: '';\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        height: 1px;\n        width: 100%;\n        z-index: -1;\n      }\n    "])), t.textColorDefault);
   },
   tooltipContent: function tooltipContent() {
     return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      width: 210px;\n    "])));
   },
   stickyTabsWrapper: function stickyTabsWrapper(t) {
-    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      margin-top: 39px;\n      &:after {\n        box-shadow: 0 2px 10px 0px ", ";\n      }\n    "])), t.textColorDefault);
+    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      &:after {\n        box-shadow: 0 2px 10px 0px ", ";\n      }\n    "])), t.textColorDefault);
   },
   tabsInnerWrapper: function tabsInnerWrapper(t) {
     return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.textColorDefault);

package/internal/ThemePlayground/Playground.styles/Playground.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","styles","playground","_templateObject","_taggedTemplateLiteralLoose","title","t","_templateObject2","textColorDefault","componentsGroup","_templateObject3","sidePageBody","_templateObject4","variable","_templateObject5","borderColorFocus","variableName","_templateObject6","deprecated","_templateObject7","colorIcon","_templateObject8","baseLinkWrapper","_templateObject9","linkRoot","_templateObject10","baseVariableRoot","_templateObject11","loaderWrapper","_templateObject12","loader","_templateObject13","tabsWrapper","_templateObject14","tooltipContent","_templateObject15","stickyTabsWrapper","_templateObject16","tabsInnerWrapper","_templateObject17","playgroundWrapper","_templateObject18","bgDefault","editorHeaderWrapper","_templateObject19","editorGroupHeader","_templateObject20"],"sources":["Playground.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  playground() {\n    return css`\n      margin: -16px;\n      padding: 32px;\n    `;\n  },\n\n  title(t: Theme) {\n    return css`\n      width: 110px;\n      color: ${t.textColorDefault};\n    `;\n  },\n\n  componentsGroup(t: Theme) {\n    return css`\n      max-width: 700px;\n      color: ${t.textColorDefault};\n    `;\n  },\n\n  sidePageBody() {\n    return css`\n      padding: 0 30px 30px;\n    `;\n  },\n\n  variable(t: Theme) {\n    return css`\n      display: flex;\n      align-items: center;\n      margin-bottom: 16px;\n\n      &:focus {\n        outline: 1px solid ${t.borderColorFocus};\n        outline-offset: 8px;\n      }\n    `;\n  },\n\n  variableName(t: Theme) {\n    return css`\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      width: 250px;\n      position: relative;\n      z-index: 1;\n      line-height: 34px;\n      color: ${t.textColorDefault};\n      flex: 1 1 auto;\n    `;\n  },\n\n  deprecated() {\n    return css`\n      text-decoration: line-through;\n    `;\n  },\n\n  colorIcon() {\n    return css`\n      height: 16px;\n      width: 16px;\n    `;\n  },\n\n  baseLinkWrapper() {\n    return css`\n      margin-left: auto;\n    `;\n  },\n\n  linkRoot() {\n    return css`\n      position: relative;\n      z-index: 1;\n    `;\n  },\n\n  baseVariableRoot() {\n    return css`\n      position: relative;\n      z-index: 1;\n      padding-left: 10px;\n      width: 240px;\n      display: flex;\n    `;\n  },\n\n  loaderWrapper() {\n    return css`\n      width: 500px;\n    `;\n  },\n\n  loader() {\n    return css`\n      height: 300px;\n      margin: auto;\n    `;\n  },\n\n  tabsWrapper(t: Theme) {\n    return css`\n      margin: 0 -32px;\n      padding: 11px 32px;\n      position: relative;\n      color: ${t.textColorDefault};\n\n      &::after {\n        content: '';\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        height: 1px;\n        width: 100%;\n        z-index: -1;\n      }\n    `;\n  },\n\n  tooltipContent() {\n    return css`\n      width: 210px;\n    `;\n  },\n\n  stickyTabsWrapper(t: Theme) {\n    return css`\n      margin-top: 39px;\n      &:after {\n        box-shadow: 0 2px 10px 0px ${t.textColorDefault};\n      }\n    `;\n  },\n  tabsInnerWrapper(t: Theme) {\n    return css`\n      color: ${t.textColorDefault};\n    `;\n  },\n  playgroundWrapper(t: Theme) {\n    return css`\n      background: ${t.bgDefault};\n    `;\n  },\n  editorHeaderWrapper(t: Theme) {\n    return css`\n      color: ${t.textColorDefault};\n    `;\n  },\n  editorGroupHeader(t: Theme) {\n    return css`\n      color: ${t.textColorDefault};\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","styles","playground","_templateObject","_taggedTemplateLiteralLoose","title","t","_templateObject2","textColorDefault","componentsGroup","_templateObject3","sidePageBody","_templateObject4","variable","_templateObject5","borderColorFocus","variableName","_templateObject6","deprecated","_templateObject7","colorIcon","_templateObject8","baseLinkWrapper","_templateObject9","linkRoot","_templateObject10","baseVariableRoot","_templateObject11","loaderWrapper","_templateObject12","loader","_templateObject13","tabsWrapper","_templateObject14","tooltipContent","_templateObject15","stickyTabsWrapper","_templateObject16","tabsInnerWrapper","_templateObject17","playgroundWrapper","_templateObject18","bgDefault","editorHeaderWrapper","_templateObject19","editorGroupHeader","_templateObject20"],"sources":["Playground.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  playground() {\n    return css`\n      margin: 0 -24px;\n      padding: 0 24px;\n      border-radius: 8px;\n    `;\n  },\n\n  title(t: Theme) {\n    return css`\n      width: 110px;\n      color: ${t.textColorDefault};\n    `;\n  },\n\n  componentsGroup(t: Theme) {\n    return css`\n      max-width: 700px;\n      color: ${t.textColorDefault};\n    `;\n  },\n\n  sidePageBody() {\n    return css`\n      padding: 0 30px 30px;\n    `;\n  },\n\n  variable(t: Theme) {\n    return css`\n      display: flex;\n      align-items: center;\n      margin-bottom: 16px;\n\n      &:focus {\n        outline: 1px solid ${t.borderColorFocus};\n        outline-offset: 8px;\n      }\n    `;\n  },\n\n  variableName(t: Theme) {\n    return css`\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      width: 250px;\n      position: relative;\n      z-index: 1;\n      line-height: 34px;\n      color: ${t.textColorDefault};\n      flex: 1 1 auto;\n    `;\n  },\n\n  deprecated() {\n    return css`\n      text-decoration: line-through;\n    `;\n  },\n\n  colorIcon() {\n    return css`\n      height: 16px;\n      width: 16px;\n    `;\n  },\n\n  baseLinkWrapper() {\n    return css`\n      margin-left: auto;\n    `;\n  },\n\n  linkRoot() {\n    return css`\n      position: relative;\n      z-index: 1;\n    `;\n  },\n\n  baseVariableRoot() {\n    return css`\n      position: relative;\n      z-index: 1;\n      width: 240px;\n      display: flex;\n    `;\n  },\n\n  loaderWrapper() {\n    return css`\n      width: 500px;\n    `;\n  },\n\n  loader() {\n    return css`\n      height: 300px;\n      margin: auto;\n    `;\n  },\n\n  tabsWrapper(t: Theme) {\n    return css`\n      position: relative;\n      color: ${t.textColorDefault};\n\n      &::after {\n        content: '';\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        height: 1px;\n        width: 100%;\n        z-index: -1;\n      }\n    `;\n  },\n\n  tooltipContent() {\n    return css`\n      width: 210px;\n    `;\n  },\n\n  stickyTabsWrapper(t: Theme) {\n    return css`\n      &:after {\n        box-shadow: 0 2px 10px 0px ${t.textColorDefault};\n      }\n    `;\n  },\n  tabsInnerWrapper(t: Theme) {\n    return css`\n      color: ${t.textColorDefault};\n    `;\n  },\n  playgroundWrapper(t: Theme) {\n    return css`\n      background: ${t.bgDefault};\n    `;\n  },\n  editorHeaderWrapper(t: Theme) {\n    return css`\n      color: ${t.textColorDefault};\n    `;\n  },\n  editorGroupHeader(t: Theme) {\n    return css`\n      color: ${t.textColorDefault};\n    `;\n  },\n});\n"],"mappings":"qdAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;;AAG7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,UAAU,WAAAA,WAAA,EAAG;IACX,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;EAKZ,CAAC;;EAEDC,KAAK,WAAAA,MAACC,CAAQ,EAAE;IACd,OAAOP,GAAG,CAAAQ,gBAAA,KAAAA,gBAAA,GAAAH,2BAAA;;IAECE,CAAC,CAACE,gBAAgB;;EAE/B,CAAC;;EAEDC,eAAe,WAAAA,gBAACH,CAAQ,EAAE;IACxB,OAAOP,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAN,2BAAA;;IAECE,CAAC,CAACE,gBAAgB;;EAE/B,CAAC;;EAEDG,YAAY,WAAAA,aAAA,EAAG;IACb,OAAOZ,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAR,2BAAA;;;EAGZ,CAAC;;EAEDS,QAAQ,WAAAA,SAACP,CAAQ,EAAE;IACjB,OAAOP,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;;;;;;IAMeE,CAAC,CAACS,gBAAgB;;;;EAI7C,CAAC;;EAEDC,YAAY,WAAAA,aAACV,CAAQ,EAAE;IACrB,OAAOP,GAAG,CAAAkB,gBAAA,KAAAA,gBAAA,GAAAb,2BAAA;;;;;;;;IAQCE,CAAC,CAACE,gBAAgB;;;EAG/B,CAAC;;EAEDU,UAAU,WAAAA,WAAA,EAAG;IACX,OAAOnB,GAAG,CAAAoB,gBAAA,KAAAA,gBAAA,GAAAf,2BAAA;;;EAGZ,CAAC;;EAEDgB,SAAS,WAAAA,UAAA,EAAG;IACV,OAAOrB,GAAG,CAAAsB,gBAAA,KAAAA,gBAAA,GAAAjB,2BAAA;;;;EAIZ,CAAC;;EAEDkB,eAAe,WAAAA,gBAAA,EAAG;IAChB,OAAOvB,GAAG,CAAAwB,gBAAA,KAAAA,gBAAA,GAAAnB,2BAAA;;;EAGZ,CAAC;;EAEDoB,QAAQ,WAAAA,SAAA,EAAG;IACT,OAAOzB,GAAG,CAAA0B,iBAAA,KAAAA,iBAAA,GAAArB,2BAAA;;;;EAIZ,CAAC;;EAEDsB,gBAAgB,WAAAA,iBAAA,EAAG;IACjB,OAAO3B,GAAG,CAAA4B,iBAAA,KAAAA,iBAAA,GAAAvB,2BAAA;;;;;;EAMZ,CAAC;;EAEDwB,aAAa,WAAAA,cAAA,EAAG;IACd,OAAO7B,GAAG,CAAA8B,iBAAA,KAAAA,iBAAA,GAAAzB,2BAAA;;;EAGZ,CAAC;;EAED0B,MAAM,WAAAA,OAAA,EAAG;IACP,OAAO/B,GAAG,CAAAgC,iBAAA,KAAAA,iBAAA,GAAA3B,2BAAA;;;;EAIZ,CAAC;;EAED4B,WAAW,WAAAA,YAAC1B,CAAQ,EAAE;IACpB,OAAOP,GAAG,CAAAkC,iBAAA,KAAAA,iBAAA,GAAA7B,2BAAA;;IAECE,CAAC,CAACE,gBAAgB;;;;;;;;;;;;EAY/B,CAAC;;EAED0B,cAAc,WAAAA,eAAA,EAAG;IACf,OAAOnC,GAAG,CAAAoC,iBAAA,KAAAA,iBAAA,GAAA/B,2BAAA;;;EAGZ,CAAC;;EAEDgC,iBAAiB,WAAAA,kBAAC9B,CAAQ,EAAE;IAC1B,OAAOP,GAAG,CAAAsC,iBAAA,KAAAA,iBAAA,GAAAjC,2BAAA;;IAEuBE,CAAC,CAACE,gBAAgB;;;EAGrD,CAAC;EACD8B,gBAAgB,WAAAA,iBAAChC,CAAQ,EAAE;IACzB,OAAOP,GAAG,CAAAwC,iBAAA,KAAAA,iBAAA,GAAAnC,2BAAA;IACCE,CAAC,CAACE,gBAAgB;;EAE/B,CAAC;EACDgC,iBAAiB,WAAAA,kBAAClC,CAAQ,EAAE;IAC1B,OAAOP,GAAG,CAAA0C,iBAAA,KAAAA,iBAAA,GAAArC,2BAAA;IACME,CAAC,CAACoC,SAAS;;EAE7B,CAAC;EACDC,mBAAmB,WAAAA,oBAACrC,CAAQ,EAAE;IAC5B,OAAOP,GAAG,CAAA6C,iBAAA,KAAAA,iBAAA,GAAAxC,2BAAA;IACCE,CAAC,CAACE,gBAAgB;;EAE/B,CAAC;EACDqC,iBAAiB,WAAAA,kBAACvC,CAAQ,EAAE;IAC1B,OAAOP,GAAG,CAAA+C,iBAAA,KAAAA,iBAAA,GAAA1C,2BAAA;IACCE,CAAC,CAACE,gBAAgB;;EAE/B;AACF,CAAC,CAAC","ignoreList":[]}

package/internal/ThemePlayground/Playground.styles.d.ts

@@ -1,23 +1,23 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
-    playground(): string;
-    title(t: Theme): string;
-    componentsGroup(t: Theme): string;
-    sidePageBody(): string;
-    variable(t: Theme): string;
-    variableName(t: Theme): string;
-    deprecated(): string;
-    colorIcon(): string;
-    baseLinkWrapper(): string;
-    linkRoot(): string;
-    baseVariableRoot(): string;
-    loaderWrapper(): string;
-    loader(): string;
-    tabsWrapper(t: Theme): string;
-    tooltipContent(): string;
-    stickyTabsWrapper(t: Theme): string;
-    tabsInnerWrapper(t: Theme): string;
-    playgroundWrapper(t: Theme): string;
-    editorHeaderWrapper(t: Theme): string;
-    editorGroupHeader(t: Theme): string;
-};
+import type { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    playground(): string;
+    title(t: Theme): string;
+    componentsGroup(t: Theme): string;
+    sidePageBody(): string;
+    variable(t: Theme): string;
+    variableName(t: Theme): string;
+    deprecated(): string;
+    colorIcon(): string;
+    baseLinkWrapper(): string;
+    linkRoot(): string;
+    baseVariableRoot(): string;
+    loaderWrapper(): string;
+    loader(): string;
+    tabsWrapper(t: Theme): string;
+    tooltipContent(): string;
+    stickyTabsWrapper(t: Theme): string;
+    tabsInnerWrapper(t: Theme): string;
+    playgroundWrapper(t: Theme): string;
+    editorHeaderWrapper(t: Theme): string;
+    editorGroupHeader(t: Theme): string;
+};

package/internal/ThemePlayground/RadioPlayground/RadioPlayground.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Gapped","Radio","getComponentsFromPropsList","propsList","value","children","checked","disabled","focused","error","warning","RadioPlayground","createElement","gap","vertical"],"sources":["RadioPlayground.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Gapped } from '../../components/Gapped';\nimport { Radio, RadioProps } from '../../components/Radio';\n\nimport { getComponentsFromPropsList } from './helpers';\n\nconst propsList: Array<RadioProps<string>> = [\n  { value: '', children: 'Default', checked: false },\n  { value: '', children: 'Checked' },\n  { value: '', children: 'Disabled', disabled: true },\n  { value: '', children: 'Focused', focused: true },\n  { value: '', children: 'Error', error: true },\n  { value: '', children: 'Warning', warning: true },\n];\n\nexport const RadioPlayground = () => {\n  return (\n    <Gapped gap={0} vertical>\n      {getComponentsFromPropsList(<Radio value={''} checked />, propsList)}\n    </Gapped>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,MAAM,QAAQ,yBAAyB;AAChD,SAASC,KAAK,QAAoB,wBAAwB;;AAE1D,SAASC,0BAA0B,QAAQ,WAAW;;AAEtD,IAAMC,SAAoC,GAAG;AAC3C,EAAEC,KAAK,EAAE,EAAE,EAAEC,QAAQ,EAAE,SAAS,EAAEC,OAAO,EAAE,KAAK,CAAC,CAAC;AAClD,EAAEF,KAAK,EAAE,EAAE,EAAEC,QAAQ,EAAE,SAAS,CAAC,CAAC;AAClC,EAAED,KAAK,EAAE,EAAE,EAAEC,QAAQ,EAAE,UAAU,EAAEE,QAAQ,EAAE,IAAI,CAAC,CAAC;AACnD,EAAEH,KAAK,EAAE,EAAE,EAAEC,QAAQ,EAAE,SAAS,EAAEG,OAAO,EAAE,IAAI,CAAC,CAAC;AACjD,EAAEJ,KAAK,EAAE,EAAE,EAAEC,QAAQ,EAAE,OAAO,EAAEI,KAAK,EAAE,IAAI,CAAC,CAAC;AAC7C,EAAEL,KAAK,EAAE,EAAE,EAAEC,QAAQ,EAAE,SAAS,EAAEK,OAAO,EAAE,IAAI,CAAC,CAAC,CAClD;;;AAED,OAAO,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAA,EAAS;EACnC;IACEZ,KAAA,CAAAa,aAAA,CAACZ,MAAM,IAACa,GAAG,EAAE,CAAE,EAACC,QAAQ;IACrBZ,0BAA0B,eAACH,KAAA,CAAAa,aAAA,CAACX,KAAK,IAACG,KAAK,EAAE,EAAG,EAACE,OAAO,QAAE,CAAC,EAAEH,SAAS;IAC7D,CAAC;;AAEb,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Gapped","Radio","getComponentsFromPropsList","propsList","value","children","checked","disabled","focused","error","warning","RadioPlayground","createElement","gap","vertical"],"sources":["RadioPlayground.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Gapped } from '../../components/Gapped';\nimport type { RadioProps } from '../../components/Radio';\nimport { Radio } from '../../components/Radio';\n\nimport { getComponentsFromPropsList } from './helpers';\n\nconst propsList: Array<RadioProps<string>> = [\n  { value: '', children: 'Default', checked: false },\n  { value: '', children: 'Checked' },\n  { value: '', children: 'Disabled', disabled: true },\n  { value: '', children: 'Focused', focused: true },\n  { value: '', children: 'Error', error: true },\n  { value: '', children: 'Warning', warning: true },\n];\n\nexport const RadioPlayground = () => {\n  return (\n    <Gapped gap={0} vertical>\n      {getComponentsFromPropsList(<Radio value={''} checked />, propsList)}\n    </Gapped>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,MAAM,QAAQ,yBAAyB;;AAEhD,SAASC,KAAK,QAAQ,wBAAwB;;AAE9C,SAASC,0BAA0B,QAAQ,WAAW;;AAEtD,IAAMC,SAAoC,GAAG;AAC3C,EAAEC,KAAK,EAAE,EAAE,EAAEC,QAAQ,EAAE,SAAS,EAAEC,OAAO,EAAE,KAAK,CAAC,CAAC;AAClD,EAAEF,KAAK,EAAE,EAAE,EAAEC,QAAQ,EAAE,SAAS,CAAC,CAAC;AAClC,EAAED,KAAK,EAAE,EAAE,EAAEC,QAAQ,EAAE,UAAU,EAAEE,QAAQ,EAAE,IAAI,CAAC,CAAC;AACnD,EAAEH,KAAK,EAAE,EAAE,EAAEC,QAAQ,EAAE,SAAS,EAAEG,OAAO,EAAE,IAAI,CAAC,CAAC;AACjD,EAAEJ,KAAK,EAAE,EAAE,EAAEC,QAAQ,EAAE,OAAO,EAAEI,KAAK,EAAE,IAAI,CAAC,CAAC;AAC7C,EAAEL,KAAK,EAAE,EAAE,EAAEC,QAAQ,EAAE,SAAS,EAAEK,OAAO,EAAE,IAAI,CAAC,CAAC,CAClD;;;AAED,OAAO,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAA,EAAS;EACnC;IACEZ,KAAA,CAAAa,aAAA,CAACZ,MAAM,IAACa,GAAG,EAAE,CAAE,EAACC,QAAQ;IACrBZ,0BAA0B,eAACH,KAAA,CAAAa,aAAA,CAACX,KAAK,IAACG,KAAK,EAAE,EAAG,EAACE,OAAO,QAAE,CAAC,EAAEH,SAAS;IAC7D,CAAC;;AAEb,CAAC","ignoreList":[]}

package/internal/ThemePlayground/RadioPlayground.d.ts

@@ -1,2 +1,2 @@
-import React from 'react';
-export declare const RadioPlayground: () => React.JSX.Element;
+import React from 'react';
+export declare const RadioPlayground: () => React.JSX.Element;

package/internal/ThemePlayground/SelectPlayground/SelectPlayground.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Select","SelectPlayground","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","value","capitalize","props","size","selectItems","handleChange","setState","_inheritsLoose","_proto","prototype","render","createElement","_extends","items","onValueChange","Component","input","charAt","toUpperCase","slice"],"sources":["SelectPlayground.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Select, SelectProps } from '../../components/Select';\n\ntype SelectPlaygroundValue = string;\ntype SelectPlaygroundItem = string;\ntype SelectPlaygroundProps = SelectProps<SelectPlaygroundValue, SelectPlaygroundItem>;\ninterface SelectPlaygroundState {\n  value: string;\n}\nexport class SelectPlayground extends React.Component<SelectPlaygroundProps> {\n  public state: SelectPlaygroundState = {\n    value: capitalize(this.props.size),\n  };\n  private readonly selectItems = ['Small', 'Medium', 'Large'];\n\n  public render() {\n    return (\n      <Select<SelectPlaygroundValue, SelectPlaygroundItem>\n        {...this.props}\n        value={this.state.value}\n        items={this.selectItems}\n        onValueChange={this.handleChange}\n      />\n    );\n  }\n\n  private handleChange = (value: string) => {\n    this.setState({\n      value,\n    });\n  };\n}\n\nconst capitalize = (input = ''): string => {\n  return input.charAt(0).toUpperCase() + input.slice(1);\n};\n"],"mappings":"gIAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,MAAM,QAAqB,yBAAyB;;;;;;;;AAQ7D,WAAaC,gBAAgB,0BAAAC,gBAAA,YAAAD,iBAAA,OAAAE,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;IACpBU,KAAK,GAA0B;MACpCC,KAAK,EAAEC,UAAU,CAACZ,KAAA,CAAKa,KAAK,CAACC,IAAI;IACnC,CAAC,CAAAd,KAAA;IACgBe,WAAW,GAAG,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAAf,KAAA;;;;;;;;;;;;;IAanDgB,YAAY,GAAG,UAACL,KAAa,EAAK;MACxCX,KAAA,CAAKiB,QAAQ,CAAC;QACZN,KAAK,EAALA;MACF,CAAC,CAAC;IACJ,CAAC,QAAAX,KAAA,EAAAkB,cAAA,CAAApB,gBAAA,EAAAC,gBAAA,MAAAoB,MAAA,GAAArB,gBAAA,CAAAsB,SAAA,CAAAD,MAAA,CAfME,MAAM,GAAb,SAAAA,OAAA,EAAgB,CACd,oBACEzB,KAAA,CAAA0B,aAAA,CAACzB,MAAM,EAAA0B,QAAA,KACD,IAAI,CAACV,KAAK,IACdF,KAAK,EAAE,IAAI,CAACD,KAAK,CAACC,KAAM,EACxBa,KAAK,EAAE,IAAI,CAACT,WAAY,EACxBU,aAAa,EAAE,IAAI,CAACT,YAAa,GAClC,CAAC,CAEN,CAAC,QAAAlB,gBAAA,GAfmCF,KAAK,CAAC8B,SAAS;;;AAwBrD,IAAMd,UAAU,GAAG,SAAbA,UAAUA,CAAIe,KAAK,EAAkB,KAAvBA,KAAK,cAALA,KAAK,GAAG,EAAE;EAC5B,OAAOA,KAAK,CAACC,MAAM,CAAC,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,GAAGF,KAAK,CAACG,KAAK,CAAC,CAAC,CAAC;AACvD,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Select","SelectPlayground","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","value","capitalize","props","size","selectItems","handleChange","setState","_inheritsLoose","_proto","prototype","render","createElement","_extends","items","onValueChange","Component","input","charAt","toUpperCase","slice"],"sources":["SelectPlayground.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { SelectProps } from '../../components/Select';\nimport { Select } from '../../components/Select';\n\ntype SelectPlaygroundValue = string;\ntype SelectPlaygroundItem = string;\ntype SelectPlaygroundProps = SelectProps<SelectPlaygroundValue, SelectPlaygroundItem>;\ninterface SelectPlaygroundState {\n  value: string;\n}\nexport class SelectPlayground extends React.Component<SelectPlaygroundProps> {\n  public state: SelectPlaygroundState = {\n    value: capitalize(this.props.size),\n  };\n  private readonly selectItems = ['Small', 'Medium', 'Large'];\n\n  public render() {\n    return (\n      <Select<SelectPlaygroundValue, SelectPlaygroundItem>\n        {...this.props}\n        value={this.state.value}\n        items={this.selectItems}\n        onValueChange={this.handleChange}\n      />\n    );\n  }\n\n  private handleChange = (value: string) => {\n    this.setState({\n      value,\n    });\n  };\n}\n\nconst capitalize = (input = ''): string => {\n  return input.charAt(0).toUpperCase() + input.slice(1);\n};\n"],"mappings":"gIAAA,OAAOA,KAAK,MAAM,OAAO;;;AAGzB,SAASC,MAAM,QAAQ,yBAAyB;;;;;;;;AAQhD,WAAaC,gBAAgB,0BAAAC,gBAAA,YAAAD,iBAAA,OAAAE,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;IACpBU,KAAK,GAA0B;MACpCC,KAAK,EAAEC,UAAU,CAACZ,KAAA,CAAKa,KAAK,CAACC,IAAI;IACnC,CAAC,CAAAd,KAAA;IACgBe,WAAW,GAAG,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAAf,KAAA;;;;;;;;;;;;;IAanDgB,YAAY,GAAG,UAACL,KAAa,EAAK;MACxCX,KAAA,CAAKiB,QAAQ,CAAC;QACZN,KAAK,EAALA;MACF,CAAC,CAAC;IACJ,CAAC,QAAAX,KAAA,EAAAkB,cAAA,CAAApB,gBAAA,EAAAC,gBAAA,MAAAoB,MAAA,GAAArB,gBAAA,CAAAsB,SAAA,CAAAD,MAAA,CAfME,MAAM,GAAb,SAAAA,OAAA,EAAgB,CACd,oBACEzB,KAAA,CAAA0B,aAAA,CAACzB,MAAM,EAAA0B,QAAA,KACD,IAAI,CAACV,KAAK,IACdF,KAAK,EAAE,IAAI,CAACD,KAAK,CAACC,KAAM,EACxBa,KAAK,EAAE,IAAI,CAACT,WAAY,EACxBU,aAAa,EAAE,IAAI,CAACT,YAAa,GAClC,CAAC,CAEN,CAAC,QAAAlB,gBAAA,GAfmCF,KAAK,CAAC8B,SAAS;;;AAwBrD,IAAMd,UAAU,GAAG,SAAbA,UAAUA,CAAIe,KAAK,EAAkB,KAAvBA,KAAK,cAALA,KAAK,GAAG,EAAE;EAC5B,OAAOA,KAAK,CAACC,MAAM,CAAC,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,GAAGF,KAAK,CAACG,KAAK,CAAC,CAAC,CAAC;AACvD,CAAC","ignoreList":[]}

package/internal/ThemePlayground/SelectPlayground.d.ts

@@ -1,15 +1,15 @@
-import React from 'react';
-import { SelectProps } from '../../components/Select';
-type SelectPlaygroundValue = string;
-type SelectPlaygroundItem = string;
-type SelectPlaygroundProps = SelectProps<SelectPlaygroundValue, SelectPlaygroundItem>;
-interface SelectPlaygroundState {
-    value: string;
-}
-export declare class SelectPlayground extends React.Component<SelectPlaygroundProps> {
-    state: SelectPlaygroundState;
-    private readonly selectItems;
-    render(): React.JSX.Element;
-    private handleChange;
-}
-export {};
+import React from 'react';
+import type { SelectProps } from '../../components/Select';
+type SelectPlaygroundValue = string;
+type SelectPlaygroundItem = string;
+type SelectPlaygroundProps = SelectProps<SelectPlaygroundValue, SelectPlaygroundItem>;
+interface SelectPlaygroundState {
+    value: string;
+}
+export declare class SelectPlayground extends React.Component<SelectPlaygroundProps> {
+    state: SelectPlaygroundState;
+    private readonly selectItems;
+    render(): React.JSX.Element;
+    private handleChange;
+}
+export {};

package/internal/ThemePlayground/ShowcaseGroup/ShowcaseGroup.js

@@ -9,11 +9,16 @@ import { ThemeContext } from "../../../lib/theming/ThemeContext";
 export var ShowcaseGroup = function ShowcaseGroup(props) {
   var theme = React.useContext(ThemeContext);
   return /*#__PURE__*/(
-    React.createElement("div", null, props.title && /*#__PURE__*/React.createElement("h2", {
+    React.createElement("div", null, props.title && /*#__PURE__*/
+    React.createElement("div", {
       style: {
+        fontSize: '21px',
+        lineHeight: '1.2',
+        margin: '16px 0',
         color: theme.textColorDefault
       }
     }, props.title), /*#__PURE__*/
+
     React.createElement(Gapped, {
       gap: 10
     }, /*#__PURE__*/

package/internal/ThemePlayground/ShowcaseGroup/ShowcaseGroup.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Checkbox","Gapped","Button","Input","Toggle","Radio","ThemeContext","ShowcaseGroup","props","theme","useContext","createElement","title","style","color","textColorDefault","gap","value","checked"],"sources":["ShowcaseGroup.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Checkbox } from '../../components/Checkbox';\nimport { Gapped } from '../../components/Gapped';\nimport { Button } from '../../components/Button';\nimport { Input } from '../../components/Input';\nimport { Toggle } from '../../components/Toggle';\nimport { Radio } from '../../components/Radio';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\ninterface ShowcaseGroupProps {\n  title?: string;\n}\nexport const ShowcaseGroup = (props: ShowcaseGroupProps) => {\n  const theme = React.useContext(ThemeContext);\n\n  return (\n    <div>\n      {props.title && <h2 style={{ color: theme.textColorDefault }}>{props.title}</h2>}\n      <Gapped gap={10}>\n        <Button>Button</Button>\n        <Input />\n        <Toggle />\n        <Radio value={''} checked>\n          Radio\n        </Radio>\n        <Checkbox checked>Checkbox</Checkbox>\n      </Gapped>\n    </div>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,QAAQ,QAAQ,2BAA2B;AACpD,SAASC,MAAM,QAAQ,yBAAyB;AAChD,SAASC,MAAM,QAAQ,yBAAyB;AAChD,SAASC,KAAK,QAAQ,wBAAwB;AAC9C,SAASC,MAAM,QAAQ,yBAAyB;AAChD,SAASC,KAAK,QAAQ,wBAAwB;AAC9C,SAASC,YAAY,QAAQ,gCAAgC;;;;;AAK7D,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,KAAyB,EAAK;EAC1D,IAAMC,KAAK,GAAGV,KAAK,CAACW,UAAU,CAACJ,YAAY,CAAC;;EAE5C;IACEP,KAAA,CAAAY,aAAA;IACGH,KAAK,CAACI,KAAK,iBAAIb,KAAA,CAAAY,aAAA,SAAIE,KAAK,EAAE,EAAEC,KAAK,EAAEL,KAAK,CAACM,gBAAgB,CAAC,CAAE,IAAEP,KAAK,CAACI,KAAU,CAAC;IAChFb,KAAA,CAAAY,aAAA,CAACV,MAAM,IAACe,GAAG,EAAE,EAAG;IACdjB,KAAA,CAAAY,aAAA,CAACT,MAAM,QAAC,QAAc,CAAC;IACvBH,KAAA,CAAAY,aAAA,CAACR,KAAK,MAAE,CAAC;IACTJ,KAAA,CAAAY,aAAA,CAACP,MAAM,MAAE,CAAC;IACVL,KAAA,CAAAY,aAAA,CAACN,KAAK,IAACY,KAAK,EAAE,EAAG,EAACC,OAAO,UAAC;;IAEnB,CAAC;IACRnB,KAAA,CAAAY,aAAA,CAACX,QAAQ,IAACkB,OAAO,UAAC,UAAkB;IAC9B;IACL,CAAC;;AAEV,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Checkbox","Gapped","Button","Input","Toggle","Radio","ThemeContext","ShowcaseGroup","props","theme","useContext","createElement","title","style","fontSize","lineHeight","margin","color","textColorDefault","gap","value","checked"],"sources":["ShowcaseGroup.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Checkbox } from '../../components/Checkbox';\nimport { Gapped } from '../../components/Gapped';\nimport { Button } from '../../components/Button';\nimport { Input } from '../../components/Input';\nimport { Toggle } from '../../components/Toggle';\nimport { Radio } from '../../components/Radio';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\ninterface ShowcaseGroupProps {\n  title?: string;\n}\nexport const ShowcaseGroup = (props: ShowcaseGroupProps) => {\n  const theme = React.useContext(ThemeContext);\n\n  return (\n    <div>\n      {props.title && (\n        <div\n          style={{\n            fontSize: '21px',\n            lineHeight: '1.2',\n            margin: '16px 0',\n            color: theme.textColorDefault,\n          }}\n        >\n          {props.title}\n        </div>\n      )}\n      <Gapped gap={10}>\n        <Button>Button</Button>\n        <Input />\n        <Toggle />\n        <Radio value={''} checked>\n          Radio\n        </Radio>\n        <Checkbox checked>Checkbox</Checkbox>\n      </Gapped>\n    </div>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,QAAQ,QAAQ,2BAA2B;AACpD,SAASC,MAAM,QAAQ,yBAAyB;AAChD,SAASC,MAAM,QAAQ,yBAAyB;AAChD,SAASC,KAAK,QAAQ,wBAAwB;AAC9C,SAASC,MAAM,QAAQ,yBAAyB;AAChD,SAASC,KAAK,QAAQ,wBAAwB;AAC9C,SAASC,YAAY,QAAQ,gCAAgC;;;;;AAK7D,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,KAAyB,EAAK;EAC1D,IAAMC,KAAK,GAAGV,KAAK,CAACW,UAAU,CAACJ,YAAY,CAAC;;EAE5C;IACEP,KAAA,CAAAY,aAAA;IACGH,KAAK,CAACI,KAAK;IACVb,KAAA,CAAAY,aAAA;MACEE,KAAK,EAAE;QACLC,QAAQ,EAAE,MAAM;QAChBC,UAAU,EAAE,KAAK;QACjBC,MAAM,EAAE,QAAQ;QAChBC,KAAK,EAAER,KAAK,CAACS;MACf,CAAE;;IAEDV,KAAK,CAACI;IACJ,CACN;;IACDb,KAAA,CAAAY,aAAA,CAACV,MAAM,IAACkB,GAAG,EAAE,EAAG;IACdpB,KAAA,CAAAY,aAAA,CAACT,MAAM,QAAC,QAAc,CAAC;IACvBH,KAAA,CAAAY,aAAA,CAACR,KAAK,MAAE,CAAC;IACTJ,KAAA,CAAAY,aAAA,CAACP,MAAM,MAAE,CAAC;IACVL,KAAA,CAAAY,aAAA,CAACN,KAAK,IAACe,KAAK,EAAE,EAAG,EAACC,OAAO,UAAC;;IAEnB,CAAC;IACRtB,KAAA,CAAAY,aAAA,CAACX,QAAQ,IAACqB,OAAO,UAAC,UAAkB;IAC9B;IACL,CAAC;;AAEV,CAAC","ignoreList":[]}

package/internal/ThemePlayground/ShowcaseGroup.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-interface ShowcaseGroupProps {
-    title?: string;
-}
-export declare const ShowcaseGroup: (props: ShowcaseGroupProps) => React.JSX.Element;
-export {};
+import React from 'react';
+interface ShowcaseGroupProps {
+    title?: string;
+}
+export declare const ShowcaseGroup: (props: ShowcaseGroupProps) => React.JSX.Element;
+export {};

package/internal/ThemePlayground/SizesGroup/SizesGroup.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import CardIcon from '@skbkontur/react-icons/Card';
-import LinkIcon from '@skbkontur/react-icons/Link';
+import { IdCardIcon16Regular } from '@skbkontur/icons/icons/IdCardIcon/IdCardIcon16Regular';
+import { AttachLinkIcon16Regular } from '@skbkontur/icons/icons/AttachLinkIcon/AttachLinkIcon16Regular';
 import { Input } from "../../../components/Input";
 import { Gapped } from "../../../components/Gapped";
 import { Button } from "../../../components/Button";
@@ -18,7 +18,7 @@ export var SizesGroup = function SizesGroup(_ref) {
       size: size
     }), /*#__PURE__*/
     React.createElement(Input, {
-      rightIcon: /*#__PURE__*/React.createElement(CardIcon, null),
+      rightIcon: /*#__PURE__*/React.createElement(IdCardIcon16Regular, null),
       placeholder: 'Text value',
       size: size
     }), /*#__PURE__*/
@@ -27,7 +27,7 @@ export var SizesGroup = function SizesGroup(_ref) {
       size: size
     }, "Button"), /*#__PURE__*/
     React.createElement(Button, {
-      icon: /*#__PURE__*/React.createElement(LinkIcon, null),
+      icon: /*#__PURE__*/React.createElement(AttachLinkIcon16Regular, null),
       use: 'link',
       size: size
     }, "Button like a link"))

package/internal/ThemePlayground/SizesGroup/SizesGroup.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","CardIcon","LinkIcon","Input","Gapped","Button","SelectPlayground","SizesGroup","_ref","size","createElement","wrap","verticalAlign","gap","width","rightIcon","placeholder","icon","use"],"sources":["SizesGroup.tsx"],"sourcesContent":["import React from 'react';\nimport CardIcon from '@skbkontur/react-icons/Card';\nimport LinkIcon from '@skbkontur/react-icons/Link';\n\nimport { Input } from '../../components/Input';\nimport { Gapped } from '../../components/Gapped';\nimport { Button } from '../../components/Button';\nimport { SizeProp } from '../../lib/types/props';\n\nimport { SelectPlayground } from './SelectPlayground';\n\nexport interface SizesGroupProps {\n  size: SizeProp;\n}\n\nexport const SizesGroup = ({ size }: SizesGroupProps) => (\n  <Gapped wrap verticalAlign=\"middle\" gap={10}>\n    <SelectPlayground width={120} size={size} />\n    <Input rightIcon={<CardIcon />} placeholder={'Text value'} size={size} />\n    <Button width={120} size={size}>\n      Button\n    </Button>\n    <Button icon={<LinkIcon />} use={'link'} size={size}>\n      Button like a link\n    </Button>\n  </Gapped>\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,QAAQ,MAAM,6BAA6B;AAClD,OAAOC,QAAQ,MAAM,6BAA6B;;AAElD,SAASC,KAAK,QAAQ,wBAAwB;AAC9C,SAASC,MAAM,QAAQ,yBAAyB;AAChD,SAASC,MAAM,QAAQ,yBAAyB;;;AAGhD,SAASC,gBAAgB,QAAQ,oBAAoB;;;;;;AAMrD,OAAO,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,OAAMC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAC/BT,KAAA,CAAAU,aAAA,CAACN,MAAM,IAACO,IAAI,QAACC,aAAa,EAAC,QAAQ,EAACC,GAAG,EAAE,EAAG;IAC1Cb,KAAA,CAAAU,aAAA,CAACJ,gBAAgB,IAACQ,KAAK,EAAE,GAAI,EAACL,IAAI,EAAEA,IAAK,EAAE,CAAC;IAC5CT,KAAA,CAAAU,aAAA,CAACP,KAAK,IAACY,SAAS,eAAEf,KAAA,CAAAU,aAAA,CAACT,QAAQ,MAAE,CAAE,EAACe,WAAW,EAAE,YAAa,EAACP,IAAI,EAAEA,IAAK,EAAE,CAAC;IACzET,KAAA,CAAAU,aAAA,CAACL,MAAM,IAACS,KAAK,EAAE,GAAI,EAACL,IAAI,EAAEA,IAAK,IAAC;;IAExB,CAAC;IACTT,KAAA,CAAAU,aAAA,CAACL,MAAM,IAACY,IAAI,eAAEjB,KAAA,CAAAU,aAAA,CAACR,QAAQ,MAAE,CAAE,EAACgB,GAAG,EAAE,MAAO,EAACT,IAAI,EAAEA,IAAK,IAAC;;IAE7C;IACF,CAAC,GACV","ignoreList":[]}
+{"version":3,"names":["React","IdCardIcon16Regular","AttachLinkIcon16Regular","Input","Gapped","Button","SelectPlayground","SizesGroup","_ref","size","createElement","wrap","verticalAlign","gap","width","rightIcon","placeholder","icon","use"],"sources":["SizesGroup.tsx"],"sourcesContent":["import React from 'react';\nimport { IdCardIcon16Regular } from '@skbkontur/icons/icons/IdCardIcon/IdCardIcon16Regular';\nimport { AttachLinkIcon16Regular } from '@skbkontur/icons/icons/AttachLinkIcon/AttachLinkIcon16Regular';\n\nimport { Input } from '../../components/Input';\nimport { Gapped } from '../../components/Gapped';\nimport { Button } from '../../components/Button';\nimport type { SizeProp } from '../../lib/types/props';\n\nimport { SelectPlayground } from './SelectPlayground';\n\nexport interface SizesGroupProps {\n  size: SizeProp;\n}\n\nexport const SizesGroup = ({ size }: SizesGroupProps) => (\n  <Gapped wrap verticalAlign=\"middle\" gap={10}>\n    <SelectPlayground width={120} size={size} />\n    <Input rightIcon={<IdCardIcon16Regular />} placeholder={'Text value'} size={size} />\n    <Button width={120} size={size}>\n      Button\n    </Button>\n    <Button icon={<AttachLinkIcon16Regular />} use={'link'} size={size}>\n      Button like a link\n    </Button>\n  </Gapped>\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,QAAQ,uDAAuD;AAC3F,SAASC,uBAAuB,QAAQ,+DAA+D;;AAEvG,SAASC,KAAK,QAAQ,wBAAwB;AAC9C,SAASC,MAAM,QAAQ,yBAAyB;AAChD,SAASC,MAAM,QAAQ,yBAAyB;;;AAGhD,SAASC,gBAAgB,QAAQ,oBAAoB;;;;;;AAMrD,OAAO,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,OAAMC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAC/BT,KAAA,CAAAU,aAAA,CAACN,MAAM,IAACO,IAAI,QAACC,aAAa,EAAC,QAAQ,EAACC,GAAG,EAAE,EAAG;IAC1Cb,KAAA,CAAAU,aAAA,CAACJ,gBAAgB,IAACQ,KAAK,EAAE,GAAI,EAACL,IAAI,EAAEA,IAAK,EAAE,CAAC;IAC5CT,KAAA,CAAAU,aAAA,CAACP,KAAK,IAACY,SAAS,eAAEf,KAAA,CAAAU,aAAA,CAACT,mBAAmB,MAAE,CAAE,EAACe,WAAW,EAAE,YAAa,EAACP,IAAI,EAAEA,IAAK,EAAE,CAAC;IACpFT,KAAA,CAAAU,aAAA,CAACL,MAAM,IAACS,KAAK,EAAE,GAAI,EAACL,IAAI,EAAEA,IAAK,IAAC;;IAExB,CAAC;IACTT,KAAA,CAAAU,aAAA,CAACL,MAAM,IAACY,IAAI,eAAEjB,KAAA,CAAAU,aAAA,CAACR,uBAAuB,MAAE,CAAE,EAACgB,GAAG,EAAE,MAAO,EAACT,IAAI,EAAEA,IAAK,IAAC;;IAE5D;IACF,CAAC,GACV","ignoreList":[]}

package/internal/ThemePlayground/SizesGroup.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { SizeProp } from '../../lib/types/props';
-export interface SizesGroupProps {
-    size: SizeProp;
-}
-export declare const SizesGroup: ({ size }: SizesGroupProps) => React.JSX.Element;
+import React from 'react';
+import type { SizeProp } from '../../lib/types/props';
+export interface SizesGroupProps {
+    size: SizeProp;
+}
+export declare const SizesGroup: ({ size }: SizesGroupProps) => React.JSX.Element;

package/internal/ThemePlayground/SwitcherPlayground/SwitcherPlayground.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Switcher","defaultItems","SwitcherPlayground","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","value","error","handleValueChange","setState","_inheritsLoose","_proto","prototype","render","createElement","_extends","onValueChange","items","props","Component"],"sources":["SwitcherPlayground.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Switcher, SwitcherProps } from '../../components/Switcher';\n\nconst defaultItems = ['Default', 'Error'];\n\ninterface SwitcherPlaygroundProps {\n  items?: SwitcherProps['items'];\n  disabled?: boolean;\n}\ninterface SwitcherPlaygroundState {\n  value: string;\n  error: boolean;\n}\nexport class SwitcherPlayground extends React.Component<SwitcherPlaygroundProps> {\n  public state: SwitcherPlaygroundState = {\n    value: '',\n    error: false,\n  };\n\n  public render() {\n    return (\n      <Switcher\n        value={this.state.value}\n        onValueChange={this.handleValueChange}\n        items={this.props.items || defaultItems}\n        error={this.state.error}\n        {...this.props}\n      />\n    );\n  }\n\n  private handleValueChange = (value: string) => {\n    this.setState({ value, error: value === 'Error' });\n  };\n}\n"],"mappings":"gIAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,QAAQ,QAAuB,2BAA2B;;AAEnE,IAAMC,YAAY,GAAG,CAAC,SAAS,EAAE,OAAO,CAAC;;;;;;;;;;AAUzC,WAAaC,kBAAkB,0BAAAC,gBAAA,YAAAD,mBAAA,OAAAE,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;IACtBU,KAAK,GAA4B;MACtCC,KAAK,EAAE,EAAE;MACTC,KAAK,EAAE;IACT,CAAC,CAAAZ,KAAA;;;;;;;;;;;;;;IAcOa,iBAAiB,GAAG,UAACF,KAAa,EAAK;MAC7CX,KAAA,CAAKc,QAAQ,CAAC,EAAEH,KAAK,EAALA,KAAK,EAAEC,KAAK,EAAED,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC;IACpD,CAAC,QAAAX,KAAA,EAAAe,cAAA,CAAAjB,kBAAA,EAAAC,gBAAA,MAAAiB,MAAA,GAAAlB,kBAAA,CAAAmB,SAAA,CAAAD,MAAA,CAdME,MAAM,GAAb,SAAAA,OAAA,EAAgB,CACd,oBACEvB,KAAA,CAAAwB,aAAA,CAACvB,QAAQ,EAAAwB,QAAA,GACPT,KAAK,EAAE,IAAI,CAACD,KAAK,CAACC,KAAM,EACxBU,aAAa,EAAE,IAAI,CAACR,iBAAkB,EACtCS,KAAK,EAAE,IAAI,CAACC,KAAK,CAACD,KAAK,IAAIzB,YAAa,EACxCe,KAAK,EAAE,IAAI,CAACF,KAAK,CAACE,KAAM,IACpB,IAAI,CAACW,KAAK,CACf,CAAC,CAEN,CAAC,QAAAzB,kBAAA,GAhBqCH,KAAK,CAAC6B,SAAS","ignoreList":[]}
+{"version":3,"names":["React","Switcher","defaultItems","SwitcherPlayground","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","value","error","handleValueChange","setState","_inheritsLoose","_proto","prototype","render","createElement","_extends","onValueChange","items","props","Component"],"sources":["SwitcherPlayground.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { SwitcherProps } from '../../components/Switcher';\nimport { Switcher } from '../../components/Switcher';\n\nconst defaultItems = ['Default', 'Error'];\n\ninterface SwitcherPlaygroundProps {\n  items?: SwitcherProps['items'];\n  disabled?: boolean;\n}\ninterface SwitcherPlaygroundState {\n  value: string;\n  error: boolean;\n}\nexport class SwitcherPlayground extends React.Component<SwitcherPlaygroundProps> {\n  public state: SwitcherPlaygroundState = {\n    value: '',\n    error: false,\n  };\n\n  public render() {\n    return (\n      <Switcher\n        value={this.state.value}\n        onValueChange={this.handleValueChange}\n        items={this.props.items || defaultItems}\n        error={this.state.error}\n        {...this.props}\n      />\n    );\n  }\n\n  private handleValueChange = (value: string) => {\n    this.setState({ value, error: value === 'Error' });\n  };\n}\n"],"mappings":"gIAAA,OAAOA,KAAK,MAAM,OAAO;;;AAGzB,SAASC,QAAQ,QAAQ,2BAA2B;;AAEpD,IAAMC,YAAY,GAAG,CAAC,SAAS,EAAE,OAAO,CAAC;;;;;;;;;;AAUzC,WAAaC,kBAAkB,0BAAAC,gBAAA,YAAAD,mBAAA,OAAAE,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;IACtBU,KAAK,GAA4B;MACtCC,KAAK,EAAE,EAAE;MACTC,KAAK,EAAE;IACT,CAAC,CAAAZ,KAAA;;;;;;;;;;;;;;IAcOa,iBAAiB,GAAG,UAACF,KAAa,EAAK;MAC7CX,KAAA,CAAKc,QAAQ,CAAC,EAAEH,KAAK,EAALA,KAAK,EAAEC,KAAK,EAAED,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC;IACpD,CAAC,QAAAX,KAAA,EAAAe,cAAA,CAAAjB,kBAAA,EAAAC,gBAAA,MAAAiB,MAAA,GAAAlB,kBAAA,CAAAmB,SAAA,CAAAD,MAAA,CAdME,MAAM,GAAb,SAAAA,OAAA,EAAgB,CACd,oBACEvB,KAAA,CAAAwB,aAAA,CAACvB,QAAQ,EAAAwB,QAAA,GACPT,KAAK,EAAE,IAAI,CAACD,KAAK,CAACC,KAAM,EACxBU,aAAa,EAAE,IAAI,CAACR,iBAAkB,EACtCS,KAAK,EAAE,IAAI,CAACC,KAAK,CAACD,KAAK,IAAIzB,YAAa,EACxCe,KAAK,EAAE,IAAI,CAACF,KAAK,CAACE,KAAM,IACpB,IAAI,CAACW,KAAK,CACf,CAAC,CAEN,CAAC,QAAAzB,kBAAA,GAhBqCH,KAAK,CAAC6B,SAAS","ignoreList":[]}

package/internal/ThemePlayground/SwitcherPlayground.d.ts

@@ -1,16 +1,16 @@
-import React from 'react';
-import { SwitcherProps } from '../../components/Switcher';
-interface SwitcherPlaygroundProps {
-    items?: SwitcherProps['items'];
-    disabled?: boolean;
-}
-interface SwitcherPlaygroundState {
-    value: string;
-    error: boolean;
-}
-export declare class SwitcherPlayground extends React.Component<SwitcherPlaygroundProps> {
-    state: SwitcherPlaygroundState;
-    render(): React.JSX.Element;
-    private handleValueChange;
-}
-export {};
+import React from 'react';
+import type { SwitcherProps } from '../../components/Switcher';
+interface SwitcherPlaygroundProps {
+    items?: SwitcherProps['items'];
+    disabled?: boolean;
+}
+interface SwitcherPlaygroundState {
+    value: string;
+    error: boolean;
+}
+export declare class SwitcherPlayground extends React.Component<SwitcherPlaygroundProps> {
+    state: SwitcherPlaygroundState;
+    render(): React.JSX.Element;
+    private handleValueChange;
+}
+export {};

package/internal/ThemePlayground/ThemeContextPlayground/ThemeContextPlayground.js

@@ -27,10 +27,10 @@ export var ThemeContextPlayground = /*#__PURE__*/function (_React$Component) {
     _this = _React$Component.call(this, props) || this;
     _this.editableThemesItems = [{
       value: ThemeType.LightTheme,
-      label: 'Светлая 2022 тема'
+      label: 'Светлая тема'
     }, {
       value: ThemeType.DarkTheme,
-      label: 'Тёмная 2022 тема'
+      label: 'Тёмная тема'
     }];
     _this.renderSidePage = function () {
       var _this$state = _this.state,

package/internal/ThemePlayground/ThemeContextPlayground/ThemeContextPlayground.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ThemeContext","ThemeFactory","SidePage","Gapped","ComboBox","Link","ColorFunctions","findPropertyDescriptor","LIGHT_THEME","DARK_THEME","ThemeEditor","styles","Playground","ThemeType","getEditingThemeType","editingThemeItem","value","ThemeContextPlayground","_React$Component","props","_this","call","editableThemesItems","LightTheme","label","DarkTheme","renderSidePage","_this$state","state","currentTheme","themesErrors","themes","editingThemeType","themeErrors","createElement","disableAnimations","ignoreBackgroundClick","blockBackground","width","onClose","handleClose","Header","className","editorHeaderWrapper","wrap","verticalAlign","getItems","getEditableThemesItems","onValueChange","handleEditingThemeSwitch","style","fontSize","marginTop","onClick","handleGetTheme","Body","sidePageBody","editingTheme","currentErrors","handleThemeVariableChange","themeObject","getKeys","forEach","key","descriptor","Object","getOwnPropertyDescriptor","get","console","log","JSON","stringify","handleOpen","setState","editorOpened","find","i","currentThemeType","handleThemeChange","themeType","variable","_this$state2","theme","currentValue","canSetVariable","isValid","nextThemeErrors","_extends","stateUpdate","result","changeThemeVariable","query","Promise","resolve","filter","toLowerCase","includes","item","variableName","variableValue","enumerable","configurable","set","defineProperty","create","lightTheme","darkTheme","_inheritsLoose","_proto","prototype","render","_this$state3","Provider","onThemeChange","onEditLinkClick","Component"],"sources":["ThemeContextPlayground.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { SidePage } from '../../components/SidePage';\nimport { Gapped } from '../../components/Gapped';\nimport { ComboBox } from '../../components/ComboBox';\nimport { Link } from '../../components/Link';\nimport * as ColorFunctions from '../../lib/styles/ColorFunctions';\nimport { Writeable } from '../../typings/utility-types';\nimport { findPropertyDescriptor } from '../../lib/theming/ThemeHelpers';\nimport { LIGHT_THEME } from '../../lib/theming/themes/LightTheme';\nimport { DARK_THEME } from '../../lib/theming/themes/DarkTheme';\n\nimport { ThemeEditor } from './ThemeEditor';\nimport { styles } from './Playground.styles';\nimport { Playground } from './Playground';\nimport { ThemeType } from './constants';\n\ninterface PlaygroundState {\n  editorOpened: boolean;\n  editingThemeItem?: EditingThemeItem;\n  themes: Themes;\n  themesErrors: ThemesErrors;\n  currentTheme: Theme;\n  currentThemeType: ThemeType;\n}\ninterface Themes {\n  lightTheme: Theme;\n  darkTheme: Theme;\n}\ninterface ThemesErrors {\n  lightTheme: ThemeErrorsType;\n  darkTheme: ThemeErrorsType;\n}\ninterface EditingThemeItem {\n  value: ThemeType;\n  label: string;\n}\ninterface PlaygroundProps {\n  children?: ReactNode;\n}\nexport type ThemeErrorsType = Writeable<{ [key in keyof Theme]?: boolean }>;\n\nconst getEditingThemeType = (editingThemeItem: PlaygroundState['editingThemeItem']) => {\n  if (editingThemeItem) {\n    return editingThemeItem.value;\n  }\n\n  return 'lightTheme';\n};\nexport class ThemeContextPlayground extends React.Component<PlaygroundProps, PlaygroundState> {\n  private readonly editableThemesItems = [\n    { value: ThemeType.LightTheme, label: 'Светлая 2022 тема' },\n    { value: ThemeType.DarkTheme, label: 'Тёмная 2022 тема' },\n  ];\n\n  constructor(props: PlaygroundProps) {\n    super(props);\n    this.state = {\n      currentTheme: LIGHT_THEME,\n      currentThemeType: ThemeType.LightTheme,\n      editorOpened: false,\n      themes: {\n        lightTheme: LIGHT_THEME,\n        darkTheme: DARK_THEME,\n      },\n      themesErrors: {\n        lightTheme: {},\n        darkTheme: {},\n      },\n    };\n  }\n\n  public render() {\n    const { currentTheme, editorOpened, currentThemeType } = this.state;\n    return (\n      <ThemeContext.Provider value={currentTheme}>\n        {editorOpened && this.renderSidePage()}\n        {\n          <Playground\n            onThemeChange={this.handleThemeChange}\n            currentThemeType={currentThemeType}\n            onEditLinkClick={this.handleOpen}\n          />\n        }\n      </ThemeContext.Provider>\n    );\n  }\n\n  private renderSidePage = () => {\n    const { currentTheme, themesErrors, editingThemeItem, themes } = this.state;\n\n    const editingThemeType = getEditingThemeType(editingThemeItem);\n    const themeErrors = themesErrors[editingThemeType];\n\n    return (\n      <SidePage disableAnimations ignoreBackgroundClick blockBackground width={600} onClose={this.handleClose}>\n        <SidePage.Header>\n          <div className={styles.editorHeaderWrapper(currentTheme)}>\n            <Gapped wrap verticalAlign=\"middle\">\n              <span>Тема для редактирования:</span>\n              <ComboBox\n                getItems={this.getEditableThemesItems}\n                value={editingThemeItem}\n                onValueChange={this.handleEditingThemeSwitch}\n              />\n            </Gapped>\n          </div>\n          <div style={{ fontSize: 14, marginTop: 8 }}>\n            <Link onClick={this.handleGetTheme}>Вывести тему в консоль</Link>\n          </div>\n        </SidePage.Header>\n        <SidePage.Body>\n          <div className={styles.sidePageBody()}>\n            <ThemeEditor\n              editingTheme={themes[editingThemeType]}\n              currentTheme={currentTheme}\n              currentErrors={themeErrors}\n              onValueChange={this.handleThemeVariableChange}\n            />\n          </div>\n        </SidePage.Body>\n      </SidePage>\n    );\n  };\n\n  private handleGetTheme = () => {\n    const currentTheme = this.state.currentTheme;\n    const themeObject: Writeable<ThemeIn> = {};\n    ThemeFactory.getKeys(currentTheme).forEach((key) => {\n      const descriptor = Object.getOwnPropertyDescriptor(currentTheme, key);\n      if (descriptor && !descriptor.get && LIGHT_THEME[key] && currentTheme[key] !== LIGHT_THEME[key]) {\n        themeObject[key] = currentTheme[key] as keyof Theme;\n      }\n    });\n\n    console.log(JSON.stringify(themeObject));\n  };\n\n  private handleOpen = () => {\n    this.setState((state) => ({\n      editorOpened: true,\n      editingThemeItem: this.editableThemesItems.find((i) => i.value === state.currentThemeType),\n    }));\n  };\n\n  private handleClose = () => {\n    this.setState({\n      editorOpened: false,\n    });\n  };\n\n  private handleThemeChange = (value: string) => {\n    const themeType = value as ThemeType;\n    this.setState({\n      currentThemeType: themeType,\n      currentTheme: this.state.themes[themeType],\n    });\n  };\n\n  private handleThemeVariableChange = (variable: keyof Theme, value: string) => {\n    const { editingThemeItem, currentTheme, themes, themesErrors } = this.state;\n    const editingThemeType = getEditingThemeType(editingThemeItem);\n\n    const theme = themes[editingThemeType];\n    const currentValue = theme[variable] as string;\n\n    let canSetVariable = true;\n    if (ColorFunctions.isValid(currentValue)) {\n      canSetVariable = ColorFunctions.isValid(value);\n      themesErrors[editingThemeType][variable] = !canSetVariable;\n    }\n\n    const nextThemeErrors: ThemesErrors = { ...themesErrors };\n    nextThemeErrors[editingThemeType][variable] = !canSetVariable;\n    const stateUpdate = { themes, currentTheme, themesErrors: nextThemeErrors };\n\n    if (canSetVariable) {\n      const result = this.changeThemeVariable(theme, variable, value);\n      stateUpdate.themes[editingThemeType] = result;\n      if (this.state.currentThemeType === editingThemeType) {\n        stateUpdate.currentTheme = result;\n      }\n    }\n\n    this.setState(stateUpdate);\n  };\n\n  private getEditableThemesItems = (query: string) => {\n    return Promise.resolve(this.editableThemesItems.filter((i) => i.label.toLowerCase().includes(query.toLowerCase())));\n  };\n\n  private handleEditingThemeSwitch = (item: EditingThemeItem) => {\n    this.setState({ editingThemeItem: item });\n  };\n\n  private changeThemeVariable = (theme: Theme, variableName: keyof Theme, variableValue: string): Theme => {\n    const result: ThemeIn = {};\n    ThemeFactory.getKeys(theme).forEach((key) => {\n      const descriptor = findPropertyDescriptor(theme, key);\n      descriptor.enumerable = true;\n      descriptor.configurable = true;\n      if (key === variableName) {\n        delete descriptor.get;\n        delete descriptor.set;\n        descriptor.value = variableValue;\n      }\n      Object.defineProperty(result, key, descriptor);\n    });\n\n    return ThemeFactory.create<ThemeIn>(result);\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","ThemeContext","ThemeFactory","SidePage","Gapped","ComboBox","Link","ColorFunctions","findPropertyDescriptor","LIGHT_THEME","DARK_THEME","ThemeEditor","styles","Playground","ThemeType","getEditingThemeType","editingThemeItem","value","ThemeContextPlayground","_React$Component","props","_this","call","editableThemesItems","LightTheme","label","DarkTheme","renderSidePage","_this$state","state","currentTheme","themesErrors","themes","editingThemeType","themeErrors","createElement","disableAnimations","ignoreBackgroundClick","blockBackground","width","onClose","handleClose","Header","className","editorHeaderWrapper","wrap","verticalAlign","getItems","getEditableThemesItems","onValueChange","handleEditingThemeSwitch","style","fontSize","marginTop","onClick","handleGetTheme","Body","sidePageBody","editingTheme","currentErrors","handleThemeVariableChange","themeObject","getKeys","forEach","key","descriptor","Object","getOwnPropertyDescriptor","get","console","log","JSON","stringify","handleOpen","setState","editorOpened","find","i","currentThemeType","handleThemeChange","themeType","variable","_this$state2","theme","currentValue","canSetVariable","isValid","nextThemeErrors","_extends","stateUpdate","result","changeThemeVariable","query","Promise","resolve","filter","toLowerCase","includes","item","variableName","variableValue","enumerable","configurable","set","defineProperty","create","lightTheme","darkTheme","_inheritsLoose","_proto","prototype","render","_this$state3","Provider","onThemeChange","onEditLinkClick","Component"],"sources":["ThemeContextPlayground.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport React from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { SidePage } from '../../components/SidePage';\nimport { Gapped } from '../../components/Gapped';\nimport { ComboBox } from '../../components/ComboBox';\nimport { Link } from '../../components/Link';\nimport * as ColorFunctions from '../../lib/styles/ColorFunctions';\nimport type { Writeable } from '../../typings/utility-types';\nimport { findPropertyDescriptor } from '../../lib/theming/ThemeHelpers';\nimport { LIGHT_THEME } from '../../lib/theming/themes/LightTheme';\nimport { DARK_THEME } from '../../lib/theming/themes/DarkTheme';\n\nimport { ThemeEditor } from './ThemeEditor';\nimport { styles } from './Playground.styles';\nimport { Playground } from './Playground';\nimport { ThemeType } from './constants';\n\ninterface PlaygroundState {\n  editorOpened: boolean;\n  editingThemeItem?: EditingThemeItem;\n  themes: Themes;\n  themesErrors: ThemesErrors;\n  currentTheme: Theme;\n  currentThemeType: ThemeType;\n}\ninterface Themes {\n  lightTheme: Theme;\n  darkTheme: Theme;\n}\ninterface ThemesErrors {\n  lightTheme: ThemeErrorsType;\n  darkTheme: ThemeErrorsType;\n}\ninterface EditingThemeItem {\n  value: ThemeType;\n  label: string;\n}\ninterface PlaygroundProps {\n  children?: ReactNode;\n}\nexport type ThemeErrorsType = Writeable<{ [key in keyof Theme]?: boolean }>;\n\nconst getEditingThemeType = (editingThemeItem: PlaygroundState['editingThemeItem']) => {\n  if (editingThemeItem) {\n    return editingThemeItem.value;\n  }\n\n  return 'lightTheme';\n};\nexport class ThemeContextPlayground extends React.Component<PlaygroundProps, PlaygroundState> {\n  private readonly editableThemesItems = [\n    { value: ThemeType.LightTheme, label: 'Светлая тема' },\n    { value: ThemeType.DarkTheme, label: 'Тёмная тема' },\n  ];\n\n  constructor(props: PlaygroundProps) {\n    super(props);\n    this.state = {\n      currentTheme: LIGHT_THEME,\n      currentThemeType: ThemeType.LightTheme,\n      editorOpened: false,\n      themes: {\n        lightTheme: LIGHT_THEME,\n        darkTheme: DARK_THEME,\n      },\n      themesErrors: {\n        lightTheme: {},\n        darkTheme: {},\n      },\n    };\n  }\n\n  public render() {\n    const { currentTheme, editorOpened, currentThemeType } = this.state;\n    return (\n      <ThemeContext.Provider value={currentTheme}>\n        {editorOpened && this.renderSidePage()}\n        {\n          <Playground\n            onThemeChange={this.handleThemeChange}\n            currentThemeType={currentThemeType}\n            onEditLinkClick={this.handleOpen}\n          />\n        }\n      </ThemeContext.Provider>\n    );\n  }\n\n  private renderSidePage = () => {\n    const { currentTheme, themesErrors, editingThemeItem, themes } = this.state;\n\n    const editingThemeType = getEditingThemeType(editingThemeItem);\n    const themeErrors = themesErrors[editingThemeType];\n\n    return (\n      <SidePage disableAnimations ignoreBackgroundClick blockBackground width={600} onClose={this.handleClose}>\n        <SidePage.Header>\n          <div className={styles.editorHeaderWrapper(currentTheme)}>\n            <Gapped wrap verticalAlign=\"middle\">\n              <span>Тема для редактирования:</span>\n              <ComboBox\n                getItems={this.getEditableThemesItems}\n                value={editingThemeItem}\n                onValueChange={this.handleEditingThemeSwitch}\n              />\n            </Gapped>\n          </div>\n          <div style={{ fontSize: 14, marginTop: 8 }}>\n            <Link onClick={this.handleGetTheme}>Вывести тему в консоль</Link>\n          </div>\n        </SidePage.Header>\n        <SidePage.Body>\n          <div className={styles.sidePageBody()}>\n            <ThemeEditor\n              editingTheme={themes[editingThemeType]}\n              currentTheme={currentTheme}\n              currentErrors={themeErrors}\n              onValueChange={this.handleThemeVariableChange}\n            />\n          </div>\n        </SidePage.Body>\n      </SidePage>\n    );\n  };\n\n  private handleGetTheme = () => {\n    const currentTheme = this.state.currentTheme;\n    const themeObject: Writeable<ThemeIn> = {};\n    ThemeFactory.getKeys(currentTheme).forEach((key) => {\n      const descriptor = Object.getOwnPropertyDescriptor(currentTheme, key);\n      if (descriptor && !descriptor.get && LIGHT_THEME[key] && currentTheme[key] !== LIGHT_THEME[key]) {\n        themeObject[key] = currentTheme[key] as keyof Theme;\n      }\n    });\n\n    console.log(JSON.stringify(themeObject));\n  };\n\n  private handleOpen = () => {\n    this.setState((state) => ({\n      editorOpened: true,\n      editingThemeItem: this.editableThemesItems.find((i) => i.value === state.currentThemeType),\n    }));\n  };\n\n  private handleClose = () => {\n    this.setState({\n      editorOpened: false,\n    });\n  };\n\n  private handleThemeChange = (value: string) => {\n    const themeType = value as ThemeType;\n    this.setState({\n      currentThemeType: themeType,\n      currentTheme: this.state.themes[themeType],\n    });\n  };\n\n  private handleThemeVariableChange = (variable: keyof Theme, value: string) => {\n    const { editingThemeItem, currentTheme, themes, themesErrors } = this.state;\n    const editingThemeType = getEditingThemeType(editingThemeItem);\n\n    const theme = themes[editingThemeType];\n    const currentValue = theme[variable] as string;\n\n    let canSetVariable = true;\n    if (ColorFunctions.isValid(currentValue)) {\n      canSetVariable = ColorFunctions.isValid(value);\n      themesErrors[editingThemeType][variable] = !canSetVariable;\n    }\n\n    const nextThemeErrors: ThemesErrors = { ...themesErrors };\n    nextThemeErrors[editingThemeType][variable] = !canSetVariable;\n    const stateUpdate = { themes, currentTheme, themesErrors: nextThemeErrors };\n\n    if (canSetVariable) {\n      const result = this.changeThemeVariable(theme, variable, value);\n      stateUpdate.themes[editingThemeType] = result;\n      if (this.state.currentThemeType === editingThemeType) {\n        stateUpdate.currentTheme = result;\n      }\n    }\n\n    this.setState(stateUpdate);\n  };\n\n  private getEditableThemesItems = (query: string) => {\n    return Promise.resolve(this.editableThemesItems.filter((i) => i.label.toLowerCase().includes(query.toLowerCase())));\n  };\n\n  private handleEditingThemeSwitch = (item: EditingThemeItem) => {\n    this.setState({ editingThemeItem: item });\n  };\n\n  private changeThemeVariable = (theme: Theme, variableName: keyof Theme, variableValue: string): Theme => {\n    const result: ThemeIn = {};\n    ThemeFactory.getKeys(theme).forEach((key) => {\n      const descriptor = findPropertyDescriptor(theme, key);\n      descriptor.enumerable = true;\n      descriptor.configurable = true;\n      if (key === variableName) {\n        delete descriptor.get;\n        delete descriptor.set;\n        descriptor.value = variableValue;\n      }\n      Object.defineProperty(result, key, descriptor);\n    });\n\n    return ThemeFactory.create<ThemeIn>(result);\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/internal/ThemePlayground/ThemeContextPlayground.d.ts

@@ -1,45 +1,46 @@
-import React, { ReactNode } from 'react';
-import { Theme } from '../../lib/theming/Theme';
-import { Writeable } from '../../typings/utility-types';
-import { ThemeType } from './constants';
-interface PlaygroundState {
-    editorOpened: boolean;
-    editingThemeItem?: EditingThemeItem;
-    themes: Themes;
-    themesErrors: ThemesErrors;
-    currentTheme: Theme;
-    currentThemeType: ThemeType;
-}
-interface Themes {
-    lightTheme: Theme;
-    darkTheme: Theme;
-}
-interface ThemesErrors {
-    lightTheme: ThemeErrorsType;
-    darkTheme: ThemeErrorsType;
-}
-interface EditingThemeItem {
-    value: ThemeType;
-    label: string;
-}
-interface PlaygroundProps {
-    children?: ReactNode;
-}
-export type ThemeErrorsType = Writeable<{
-    [key in keyof Theme]?: boolean;
-}>;
-export declare class ThemeContextPlayground extends React.Component<PlaygroundProps, PlaygroundState> {
-    private readonly editableThemesItems;
-    constructor(props: PlaygroundProps);
-    render(): React.JSX.Element;
-    private renderSidePage;
-    private handleGetTheme;
-    private handleOpen;
-    private handleClose;
-    private handleThemeChange;
-    private handleThemeVariableChange;
-    private getEditableThemesItems;
-    private handleEditingThemeSwitch;
-    private changeThemeVariable;
-}
-export {};
+import type { ReactNode } from 'react';
+import React from 'react';
+import type { Theme } from '../../lib/theming/Theme';
+import type { Writeable } from '../../typings/utility-types';
+import { ThemeType } from './constants';
+interface PlaygroundState {
+    editorOpened: boolean;
+    editingThemeItem?: EditingThemeItem;
+    themes: Themes;
+    themesErrors: ThemesErrors;
+    currentTheme: Theme;
+    currentThemeType: ThemeType;
+}
+interface Themes {
+    lightTheme: Theme;
+    darkTheme: Theme;
+}
+interface ThemesErrors {
+    lightTheme: ThemeErrorsType;
+    darkTheme: ThemeErrorsType;
+}
+interface EditingThemeItem {
+    value: ThemeType;
+    label: string;
+}
+interface PlaygroundProps {
+    children?: ReactNode;
+}
+export type ThemeErrorsType = Writeable<{
+    [key in keyof Theme]?: boolean;
+}>;
+export declare class ThemeContextPlayground extends React.Component<PlaygroundProps, PlaygroundState> {
+    private readonly editableThemesItems;
+    constructor(props: PlaygroundProps);
+    render(): React.JSX.Element;
+    private renderSidePage;
+    private handleGetTheme;
+    private handleOpen;
+    private handleClose;
+    private handleThemeChange;
+    private handleThemeVariableChange;
+    private getEditableThemesItems;
+    private handleEditingThemeSwitch;
+    private changeThemeVariable;
+}
+export {};