npm - @skbkontur/react-ui - Versions diffs - 6.4.6 → 6.4.7-b33c6.0 - Mend

@skbkontur/react-ui 6.4.6 → 6.4.7-b33c6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (909) hide show

package/components/Toggle/Toggle.css.d.ts ADDED Viewed

@@ -0,0 +1,93 @@
+import '../../lib/styles/LabGrotesqueBaseline.css.js';
+import { globalClasses } from './Toggle.classes.js';
+export { globalClasses };
+export declare const rootSmall: string;
+export declare const rootMedium: string;
+export declare const rootLarge: string;
+export declare const handleSmall: string;
+export declare const handleMedium: string;
+export declare const handleLarge: string;
+export declare const inputSmall: string;
+export declare const inputMedium: string;
+export declare const inputLarge: string;
+export declare const containerSmall: string;
+export declare const containerMedium: string;
+export declare const containerLarge: string;
+export declare const buttonSmall: string;
+export declare const buttonMedium: string;
+export declare const buttonLarge: string;
+export declare const captionSmall: string;
+export declare const captionMedium: string;
+export declare const captionLarge: string;
+export declare const subcaption: string;
+export declare const subcaptionSmall: string;
+export declare const subcaptionMedium: string;
+export declare const subcaptionLarge: string;
+export declare const input: string;
+export declare const root: string;
+export declare const rootLeft: string;
+export declare const disabled: string;
+export declare const disableAnimation: string;
+export declare const handle: string;
+export declare const handleDisabled: string;
+export declare const container: string;
+export declare const containerDisabled: string;
+export declare const button: string;
+export declare const buttonRight: string;
+export declare const isWarning: string;
+export declare const isError: string;
+export declare const focused: string;
+export declare const caption: string;
+export declare const captionLeft: string;
+export declare const disabledCaption: string;
+export declare const captionNoGap: string;
+export declare const captionWrapper: string;
+export declare const captionWrapperGap: string;
+export declare const captionWrapperGapLeft: string;
+export declare const subcaptionDisabled: string;
+export declare const styles: {
+    root: string;
+    rootSmall: string;
+    rootMedium: string;
+    rootLarge: string;
+    disableAnimation: string;
+    handle: string;
+    handleSmall: string;
+    handleMedium: string;
+    handleLarge: string;
+    handleDisabled: string;
+    input: string;
+    inputSmall: string;
+    inputMedium: string;
+    inputLarge: string;
+    container: string;
+    containerSmall: string;
+    containerMedium: string;
+    containerLarge: string;
+    containerDisabled: string;
+    focused: string;
+    isWarning: string;
+    isError: string;
+    button: string;
+    buttonSmall: string;
+    buttonMedium: string;
+    buttonLarge: string;
+    buttonRight: string;
+    disabled: string;
+    rootLeft: string;
+    caption: string;
+    captionSmall: string;
+    captionMedium: string;
+    captionLarge: string;
+    disabledCaption: string;
+    captionLeft: string;
+    captionWrapper: string;
+    captionWrapperGap: string;
+    captionWrapperGapLeft: string;
+    captionNoGap: string;
+    subcaption: string;
+    subcaptionDisabled: string;
+    subcaptionSmall: string;
+    subcaptionMedium: string;
+    subcaptionLarge: string;
+};

package/components/Toggle/Toggle.css.js ADDED Viewed

@@ -0,0 +1,48 @@
+export var button = 'react-ui-Toggle__button';
+export var buttonLarge = 'react-ui-Toggle__buttonLarge';
+export var buttonMedium = 'react-ui-Toggle__buttonMedium';
+export var buttonRight = 'react-ui-Toggle__buttonRight';
+export var buttonSmall = 'react-ui-Toggle__buttonSmall';
+export var caption = 'react-ui-Toggle__caption';
+export var captionLarge = 'react-ui-Toggle__captionLarge';
+export var captionLeft = 'react-ui-Toggle__captionLeft';
+export var captionMedium = 'react-ui-Toggle__captionMedium';
+export var captionNoGap = 'react-ui-Toggle__captionNoGap';
+export var captionSmall = 'react-ui-Toggle__captionSmall';
+export var captionWrapper = 'react-ui-Toggle__captionWrapper';
+export var captionWrapperGap = 'react-ui-Toggle__captionWrapperGap';
+export var captionWrapperGapLeft = 'react-ui-Toggle__captionWrapperGapLeft';
+export var container = 'react-ui-Toggle__container';
+export var containerDisabled = 'react-ui-Toggle__containerDisabled';
+export var containerLarge = 'react-ui-Toggle__containerLarge';
+export var containerMedium = 'react-ui-Toggle__containerMedium';
+export var containerSmall = 'react-ui-Toggle__containerSmall';
+export var disableAnimation = 'react-ui-Toggle__disableAnimation';
+export var disabled = 'react-ui-Toggle__disabled';
+export var disabledCaption = 'react-ui-Toggle__disabledCaption';
+export var focused = 'react-ui-Toggle__focused';
+export var globalClasses = {handle:'react-ui-toggle-handle',container:'react-ui-toggle-container',disabled:'react-ui-toggle-disabled',containerDisabled:'react-ui-toggle-container-disabled',containerLoading:'react-ui-toggle-container-loading',background:'react-ui-toggle-background'};
+export var handle = 'react-ui-Toggle__handle';
+export var handleDisabled = 'react-ui-Toggle__handleDisabled';
+export var handleLarge = 'react-ui-Toggle__handleLarge';
+export var handleMedium = 'react-ui-Toggle__handleMedium';
+export var handleSmall = 'react-ui-Toggle__handleSmall';
+export var input = 'react-ui-Toggle__input';
+export var inputLarge = 'react-ui-Toggle__inputLarge';
+export var inputMedium = 'react-ui-Toggle__inputMedium';
+export var inputSmall = 'react-ui-Toggle__inputSmall';
+export var isError = 'react-ui-Toggle__isError';
+export var isWarning = 'react-ui-Toggle__isWarning';
+export var root = 'react-ui-Toggle__root';
+export var rootLarge = 'react-ui-Toggle__rootLarge';
+export var rootLeft = 'react-ui-Toggle__rootLeft';
+export var rootMedium = 'react-ui-Toggle__rootMedium';
+export var rootSmall = 'react-ui-Toggle__rootSmall';
+export var styles = {root:'react-ui-Toggle__root',rootSmall:'react-ui-Toggle__rootSmall',rootMedium:'react-ui-Toggle__rootMedium',rootLarge:'react-ui-Toggle__rootLarge',disableAnimation:'react-ui-Toggle__disableAnimation',handle:'react-ui-Toggle__handle',handleSmall:'react-ui-Toggle__handleSmall',handleMedium:'react-ui-Toggle__handleMedium',handleLarge:'react-ui-Toggle__handleLarge',handleDisabled:'react-ui-Toggle__handleDisabled',input:'react-ui-Toggle__input',inputSmall:'react-ui-Toggle__inputSmall',inputMedium:'react-ui-Toggle__inputMedium',inputLarge:'react-ui-Toggle__inputLarge',container:'react-ui-Toggle__container',containerSmall:'react-ui-Toggle__containerSmall',containerMedium:'react-ui-Toggle__containerMedium',containerLarge:'react-ui-Toggle__containerLarge',containerDisabled:'react-ui-Toggle__containerDisabled',focused:'react-ui-Toggle__focused',isWarning:'react-ui-Toggle__isWarning',isError:'react-ui-Toggle__isError',button:'react-ui-Toggle__button',buttonSmall:'react-ui-Toggle__buttonSmall',buttonMedium:'react-ui-Toggle__buttonMedium',buttonLarge:'react-ui-Toggle__buttonLarge',buttonRight:'react-ui-Toggle__buttonRight',disabled:'react-ui-Toggle__disabled',rootLeft:'react-ui-Toggle__rootLeft',caption:'react-ui-Toggle__caption',captionSmall:'react-ui-Toggle__captionSmall',captionMedium:'react-ui-Toggle__captionMedium',captionLarge:'react-ui-Toggle__captionLarge',disabledCaption:'react-ui-Toggle__disabledCaption',captionLeft:'react-ui-Toggle__captionLeft',captionWrapper:'react-ui-Toggle__captionWrapper',captionWrapperGap:'react-ui-Toggle__captionWrapperGap',captionWrapperGapLeft:'react-ui-Toggle__captionWrapperGapLeft',captionNoGap:'react-ui-Toggle__captionNoGap',subcaption:'react-ui-Toggle__subcaption',subcaptionDisabled:'react-ui-Toggle__subcaptionDisabled',subcaptionSmall:'react-ui-Toggle__subcaptionSmall',subcaptionMedium:'react-ui-Toggle__subcaptionMedium',subcaptionLarge:'react-ui-Toggle__subcaptionLarge'};
+export var subcaption = 'react-ui-Toggle__subcaption';
+export var subcaptionDisabled = 'react-ui-Toggle__subcaptionDisabled';
+export var subcaptionLarge = 'react-ui-Toggle__subcaptionLarge';
+export var subcaptionMedium = 'react-ui-Toggle__subcaptionMedium';
+export var subcaptionSmall = 'react-ui-Toggle__subcaptionSmall';

package/components/Toggle/Toggle.css.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Toggle.css.js","sourceRoot":"","sources":["Toggle.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE1D,OAAO,8CAA8C,CAAC;AACtD,OAAO,EAAE,CAAC,EAAE,MAAM,8BAA8B,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EACL,eAAe,EACf,gBAAgB,EAChB,kBAAkB,EAClB,sBAAsB,EACtB,WAAW,EACX,cAAc,EACd,eAAe,EACf,eAAe,GAChB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAE,aAAa,EAAE,CAAC;AAEzB,MAAM,CAAC,IAAM,SAAS,GAAG,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,mBAAmB,EAAE,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC;AAC5F,MAAM,CAAC,IAAM,UAAU,GAAG,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,oBAAoB,EAAE,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC;AAC/F,MAAM,CAAC,IAAM,SAAS,GAAG,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,mBAAmB,EAAE,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC;AAE5F,MAAM,CAAC,IAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,qBAAqB,EAAE,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC;AACxG,MAAM,CAAC,IAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,sBAAsB,EAAE,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC;AAC3G,MAAM,CAAC,IAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,qBAAqB,EAAE,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC;AAExG,MAAM,CAAC,IAAM,UAAU,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC;AACpC,MAAM,CAAC,IAAM,WAAW,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC;AACrC,MAAM,CAAC,IAAM,UAAU,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC;AAEpC,MAAM,CAAC,IAAM,cAAc,GAAG,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC;AACnF,MAAM,CAAC,IAAM,eAAe,GAAG,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC;AACrF,MAAM,CAAC,IAAM,cAAc,GAAG,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC;AAEnF,MAAM,CAAC,IAAM,WAAW,GAAG,KAAK,CAC9B,eAAe,CACb,CAAC,CAAC,gCAAgC,EAClC,CAAC,CAAC,mBAAmB,EACrB,CAAC,CAAC,iBAAiB,EACnB,CAAC,CAAC,gBAAgB,EAClB,CAAC,CAAC,uBAAuB,EACzB,CAAC,CAAC,mBAAmB,CACtB,CACF,CAAC;AACF,MAAM,CAAC,IAAM,YAAY,GAAG,KAAK,CAC/B,eAAe,CACb,CAAC,CAAC,gCAAgC,EAClC,CAAC,CAAC,oBAAoB,EACtB,CAAC,CAAC,kBAAkB,EACpB,CAAC,CAAC,iBAAiB,EACnB,CAAC,CAAC,wBAAwB,EAC1B,CAAC,CAAC,mBAAmB,CACtB,CACF,CAAC;AACF,MAAM,CAAC,IAAM,WAAW,GAAG,KAAK,CAC9B,eAAe,CACb,CAAC,CAAC,gCAAgC,EAClC,CAAC,CAAC,mBAAmB,EACrB,CAAC,CAAC,iBAAiB,EACnB,CAAC,CAAC,gBAAgB,EAClB,CAAC,CAAC,uBAAuB,EACzB,CAAC,CAAC,mBAAmB,CACtB,CACF,CAAC;AAEF,MAAM,CAAC,IAAM,YAAY,GAAG,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,mBAAmB,EAAE,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC;AAChG,MAAM,CAAC,IAAM,aAAa,GAAG,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,oBAAoB,EAAE,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC;AACnG,MAAM,CAAC,IAAM,YAAY,GAAG,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,mBAAmB,EAAE,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC;AAEhG,MAAM,CAAC,IAAM,UAAU,GAAG,KAAK,CAAC;IAC9B,SAAS,EAAE,CAAC;IACZ,KAAK,EAAE,CAAC,CAAC,sBAAsB;CAChC,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,eAAe,GAAG,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,0BAA0B,EAAE,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC;AACpH,MAAM,CAAC,IAAM,gBAAgB,GAAG,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,2BAA2B,EAAE,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC;AACvH,MAAM,CAAC,IAAM,eAAe,GAAG,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,0BAA0B,EAAE,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC;AAEpH,gGAAgG;AAChG,uDAAuD;AACvD,MAAM,CAAC,IAAM,KAAK,GAAG,KAAK,CAAC;IACzB,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,CAAC;CACX,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,IAAI,GAAG,KAAK,CAAC;IACxB,OAAO,EAAE,aAAa;IACtB,MAAM,EAAE,SAAS;IACjB,UAAU,EAAE,UAAU;IACtB,QAAQ,EAAE,UAAU;CACrB,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,QAAQ,GAAG,KAAK,CAAC,EAAE,aAAa,EAAE,aAAa,EAAE,CAAC,CAAC;AAEhE,MAAM,CAAC,IAAM,QAAQ,GAAG,KAAK,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC;AAErD,MAAM,CAAC,IAAM,gBAAgB,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC;AAE1C,MAAM,CAAC,IAAM,MAAM,GAAG,KAAK,CAAC;IAC1B,MAAM,EAAE,CAAC,CAAC,iBAAiB;IAC3B,IAAI,EAAE,CAAC,CAAC,gBAAgB;IACxB,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,CAAC,CAAC,eAAe;CACvB,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,cAAc,GAAG,KAAK,CAAC;IAClC,UAAU,EAAE,UAAG,CAAC,CAAC,sBAAsB,gBAAa,EAAE,oCAAoC;CAC3F,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,SAAS,GAAG,KAAK,CAAC;IAC7B,SAAS,EAAE,sBAAe,CAAC,CAAC,iBAAiB,cAAI,CAAC,CAAC,iBAAiB,CAAE;IACtE,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,QAAQ;IAClB,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,MAAM;IACb,gFAAgF;IAChF,MAAM,EAAE,CAAC;CACV,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,iBAAiB,GAAG,KAAK,CAAC;IACrC,UAAU,EAAE,CAAC,CAAC,gBAAgB;IAC9B,SAAS,EAAE,0BAAmB,CAAC,CAAC,yBAAyB,CAAE;CAC5D,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,MAAM,GAAG,KAAK,CAAC;IAC1B,QAAQ,EAAE,UAAU;IACpB,IAAI,EAAE,CAAC;IACP,GAAG,EAAE,CAAC;IACN,UAAU,EAAE,CAAC,CAAC,YAAY;IAC1B,UAAU,EAAE,CAAC,CAAC,iBAAiB;CAChC,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,WAAW,GAAG,KAAK,CAAC;IAC/B,KAAK,EAAE,CAAC;IACR,IAAI,EAAE,MAAM;CACb,CAAC,CAAC;AAEH,IAAM,aAAa,GAAG,UAAC,KAAa;IAClC,OAAA,oBAAa,CAAC,CAAC,uBAAuB,qBAAW,CAAC,CAAC,kBAAkB,cAAI,KAAK,CAAE;AAAhF,CAAgF,CAAC;AAEnF,MAAM,CAAC,IAAM,SAAS,GAAG,KAAK,CAAC,EAAE,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC,wBAAwB,CAAC,EAAE,CAAC,CAAC;AAEzF,MAAM,CAAC,IAAM,OAAO,GAAG,KAAK,CAAC,EAAE,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC,sBAAsB,CAAC,EAAE,CAAC,CAAC;AAErF,MAAM,CAAC,IAAM,OAAO,GAAG,KAAK,CAAC,EAAE,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC,sBAAsB,CAAC,EAAE,CAAC,CAAC;AAErF,MAAM,CAAC,IAAM,OAAO,GAAG,KAAK,CAAC;IAC3B,KAAK,EAAE,CAAC,CAAC,eAAe;IACxB,OAAO,EAAE,gBAAS,CAAC,CAAC,gBAAgB,CAAE;CACvC,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,WAAW,GAAG,KAAK,CAAC;IAC/B,KAAK,EAAE,CAAC,CAAC,eAAe;IACxB,OAAO,EAAE,YAAK,CAAC,CAAC,gBAAgB,SAAM;CACvC,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,eAAe,GAAG,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,iBAAiB,EAAE,CAAC,CAAC;AAErE,MAAM,CAAC,IAAM,YAAY,GAAG,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;AAElD,MAAM,CAAC,IAAM,cAAc,GAAG,KAAK,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,CAAC,CAAC;AAEjE,MAAM,CAAC,IAAM,iBAAiB,GAAG,KAAK,CAAC,EAAE,OAAO,EAAE,gBAAS,CAAC,CAAC,gBAAgB,CAAE,EAAE,CAAC,CAAC;AAEnF,MAAM,CAAC,IAAM,qBAAqB,GAAG,KAAK,CAAC,EAAE,OAAO,EAAE,YAAK,CAAC,CAAC,gBAAgB,SAAM,EAAE,CAAC,CAAC;AAEvF,MAAM,CAAC,IAAM,kBAAkB,GAAG,KAAK,CAAC,sBAAsB,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC;AAErF,qFAAqF;AACrF,IAAM,cAAc,GAAG,WAAI,aAAa,CAAC,SAAS,CAAE,CAAC;AACrD,IAAM,WAAW,GAAG,WAAI,aAAa,CAAC,MAAM,CAAE,CAAC;AAE/C,WAAW,CAAC,UAAG,SAAS,aAAU,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,gBAAgB,EAAE,CAAC,CAAC;AACnE,WAAW,CAAC,UAAG,UAAU,aAAU,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,iBAAiB,EAAE,CAAC,CAAC;AACrE,WAAW,CAAC,UAAG,SAAS,aAAU,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,gBAAgB,EAAE,CAAC,CAAC;AAEnE,cAAc,CAAC,UAAU,EAAE,CAAC,CAAC,iBAAiB,EAAE,CAAC,CAAC,gBAAgB,CAAC,CAAC;AACpE,cAAc,CAAC,WAAW,EAAE,CAAC,CAAC,kBAAkB,EAAE,CAAC,CAAC,iBAAiB,CAAC,CAAC;AACvE,cAAc,CAAC,UAAU,EAAE,CAAC,CAAC,iBAAiB,EAAE,CAAC,CAAC,gBAAgB,CAAC,CAAC;AAEpE,WAAW,CAAC,UAAG,KAAK,sBAAY,cAAc,eAAK,KAAK,sBAAY,WAAW,CAAE,EAAE,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC,CAAC;AACnH,WAAW,CAAC,UAAG,KAAK,oCAA0B,cAAc,CAAE,EAAE;IAC9D,UAAU,EAAE,CAAC,CAAC,iBAAiB;IAC/B,SAAS,EAAE,CAAC,CAAC,wBAAwB;CACtC,CAAC,CAAC;AACH,WAAW,CAAC,UAAG,KAAK,oCAA0B,WAAW,CAAE,EAAE;IAC3D,UAAU,EAAE,CAAC,CAAC,cAAc;IAC5B,SAAS,EAAE,CAAC,CAAC,qBAAqB;CACnC,CAAC,CAAC;AACH,WAAW,CAAC,UAAG,KAAK,8BAAoB,cAAc,CAAE,EAAE;IACxD,UAAU,EAAE,CAAC,CAAC,wBAAwB;IACtC,SAAS,EAAE,CAAC,CAAC,+BAA+B;CAC7C,CAAC,CAAC;AACH,WAAW,CAAC,UAAG,KAAK,8BAAoB,WAAW,CAAE,EAAE;IACrD,UAAU,EAAE,CAAC,CAAC,qBAAqB;IACnC,SAAS,EAAE,CAAC,CAAC,4BAA4B;CAC1C,CAAC,CAAC;AACH,WAAW,CAAC,UAAG,KAAK,0CAAgC,cAAc,CAAE,EAAE;IACpE,UAAU,EAAE,CAAC,CAAC,sBAAsB;IACpC,SAAS,EAAE,CAAC,CAAC,6BAA6B;CAC3C,CAAC,CAAC;AACH,WAAW,CAAC,UAAG,KAAK,0CAAgC,WAAW,CAAE,EAAE;IACjE,UAAU,EAAE,CAAC,CAAC,mBAAmB;IACjC,SAAS,EAAE,CAAC,CAAC,0BAA0B;CACxC,CAAC,CAAC;AACH,WAAW,CAAC,UAAG,KAAK,oCAA0B,cAAc,CAAE,EAAE;IAC9D,UAAU,EAAE,CAAC,CAAC,6BAA6B;IAC3C,SAAS,EAAE,CAAC,CAAC,oCAAoC;CAClD,CAAC,CAAC;AACH,WAAW,CAAC,UAAG,KAAK,oCAA0B,WAAW,CAAE,EAAE;IAC3D,UAAU,EAAE,CAAC,CAAC,0BAA0B;IACxC,SAAS,EAAE,CAAC,CAAC,iCAAiC;CAC/C,CAAC,CAAC;AACH,WAAW,CAAC,UAAG,KAAK,qCAA2B,cAAc,CAAE,EAAE;IAC/D,UAAU,EAAE,CAAC,CAAC,yBAAyB;IACvC,SAAS,EAAE,CAAC,CAAC,gCAAgC;CAC9C,CAAC,CAAC;AACH,WAAW,CAAC,UAAG,KAAK,qCAA2B,WAAW,CAAE,EAAE;IAC5D,UAAU,EAAE,UAAG,CAAC,CAAC,sBAAsB,gBAAa;IACpD,SAAS,EAAE,CAAC,CAAC,6BAA6B;CAC3C,CAAC,CAAC;AACH,WAAW,CAAC,UAAG,KAAK,+BAAqB,cAAc,CAAE,EAAE;IACzD,UAAU,EAAE,CAAC,CAAC,gCAAgC;IAC9C,SAAS,EAAE,CAAC,CAAC,uCAAuC;CACrD,CAAC,CAAC;AACH,WAAW,CAAC,UAAG,KAAK,+BAAqB,WAAW,CAAE,EAAE;IACtD,UAAU,EAAE,UAAG,CAAC,CAAC,6BAA6B,gBAAa;IAC3D,SAAS,EAAE,CAAC,CAAC,oCAAoC;CAClD,CAAC,CAAC;AAEH,WAAW,CAAC,UAAG,IAAI,aAAU,EAAE;IAC7B,sBAAsB;IACtB,0DAA0D;IAC1D,2DAA2D;IAC3D,OAAO,EAAE,UAAU;IACnB,OAAO,EAAE,cAAc;IACvB,IAAI,EAAE,UAAU;CACjB,CAAC,CAAC;AACH,WAAW,CAAC,UAAG,IAAI,oBAAU,WAAW,CAAE,EAAE,EAAE,UAAU,EAAE,CAAC,CAAC,aAAa,EAAE,CAAC,CAAC;AAE7E,WAAW,CAAC,UAAG,gBAAgB,eAAK,gBAAgB,OAAI,EAAE,EAAE,UAAU,EAAE,iBAAiB,EAAE,CAAC,CAAC;AAE7F,MAAM,CAAC,IAAM,MAAM,GAAG;IACpB,IAAI,MAAA;IACJ,SAAS,WAAA;IACT,UAAU,YAAA;IACV,SAAS,WAAA;IACT,gBAAgB,kBAAA;IAChB,MAAM,QAAA;IACN,WAAW,aAAA;IACX,YAAY,cAAA;IACZ,WAAW,aAAA;IACX,cAAc,gBAAA;IACd,KAAK,OAAA;IACL,UAAU,YAAA;IACV,WAAW,aAAA;IACX,UAAU,YAAA;IACV,SAAS,WAAA;IACT,cAAc,gBAAA;IACd,eAAe,iBAAA;IACf,cAAc,gBAAA;IACd,iBAAiB,mBAAA;IACjB,OAAO,SAAA;IACP,SAAS,WAAA;IACT,OAAO,SAAA;IACP,MAAM,QAAA;IACN,WAAW,aAAA;IACX,YAAY,cAAA;IACZ,WAAW,aAAA;IACX,WAAW,aAAA;IACX,QAAQ,UAAA;IACR,QAAQ,UAAA;IACR,OAAO,SAAA;IACP,YAAY,cAAA;IACZ,aAAa,eAAA;IACb,YAAY,cAAA;IACZ,eAAe,iBAAA;IACf,WAAW,aAAA;IACX,cAAc,gBAAA;IACd,iBAAiB,mBAAA;IACjB,qBAAqB,uBAAA;IACrB,YAAY,cAAA;IACZ,UAAU,YAAA;IACV,kBAAkB,oBAAA;IAClB,eAAe,iBAAA;IACf,gBAAgB,kBAAA;IAChB,eAAe,iBAAA;CAChB,CAAC","sourcesContent":["import { globalStyle, style } from '@vanilla-extract/css';\n\nimport '../../lib/styles/LabGrotesqueBaseline.css.js';\nimport { t } from '../../lib/theming/vanilla.js';\nimport { globalClasses } from './Toggle.classes.js';\nimport {\n buttonSizeMixin,\n captionSizeMixin,\n containerSizeMixin,\n disabledTextColorMixin,\n handleMixin,\n inputSizeMixin,\n subcaptionMixin,\n toggleSizeMixin,\n} from './Toggle.mixins.js';\n\nexport { globalClasses };\n\nexport const rootSmall = style(toggleSizeMixin(t.toggleFontSizeSmall, t.toggleHeightSmall));\nexport const rootMedium = style(toggleSizeMixin(t.toggleFontSizeMedium, t.toggleHeightMedium));\nexport const rootLarge = style(toggleSizeMixin(t.toggleFontSizeLarge, t.toggleHeightLarge));\n\nexport const handleSmall = style(handleMixin(t.toggleHandleSizeSmall, t.toggleHandleBorderRadiusSmall));\nexport const handleMedium = style(handleMixin(t.toggleHandleSizeMedium, t.toggleHandleBorderRadiusMedium));\nexport const handleLarge = style(handleMixin(t.toggleHandleSizeLarge, t.toggleHandleBorderRadiusLarge));\n\nexport const inputSmall = style({});\nexport const inputMedium = style({});\nexport const inputLarge = style({});\n\nexport const containerSmall = style(containerSizeMixin(t.toggleBorderRadiusSmall));\nexport const containerMedium = style(containerSizeMixin(t.toggleBorderRadiusMedium));\nexport const containerLarge = style(containerSizeMixin(t.toggleBorderRadiusLarge));\n\nexport const buttonSmall = style(\n buttonSizeMixin(\n t.labGrotesqueBaselineCompensation,\n t.toggleFontSizeSmall,\n t.toggleHeightSmall,\n t.toggleWidthSmall,\n t.toggleBorderRadiusSmall,\n t.toggleButtonOffsetY,\n ),\n);\nexport const buttonMedium = style(\n buttonSizeMixin(\n t.labGrotesqueBaselineCompensation,\n t.toggleFontSizeMedium,\n t.toggleHeightMedium,\n t.toggleWidthMedium,\n t.toggleBorderRadiusMedium,\n t.toggleButtonOffsetY,\n ),\n);\nexport const buttonLarge = style(\n buttonSizeMixin(\n t.labGrotesqueBaselineCompensation,\n t.toggleFontSizeLarge,\n t.toggleHeightLarge,\n t.toggleWidthLarge,\n t.toggleBorderRadiusLarge,\n t.toggleButtonOffsetY,\n ),\n);\n\nexport const captionSmall = style(captionSizeMixin(t.toggleFontSizeSmall, t.toggleHeightSmall));\nexport const captionMedium = style(captionSizeMixin(t.toggleFontSizeMedium, t.toggleHeightMedium));\nexport const captionLarge = style(captionSizeMixin(t.toggleFontSizeLarge, t.toggleHeightLarge));\n\nexport const subcaption = style({\n marginTop: 2,\n color: t.toggleCommentTextColor,\n});\n\nexport const subcaptionSmall = style(subcaptionMixin(t.toggleCommentFontSizeSmall, t.toggleCommentLineHeightSmall));\nexport const subcaptionMedium = style(subcaptionMixin(t.toggleCommentFontSizeMedium, t.toggleCommentLineHeightMedium));\nexport const subcaptionLarge = style(subcaptionMixin(t.toggleCommentFontSizeLarge, t.toggleCommentLineHeightLarge));\n\n// Базовые и модификаторы — после размеров: Emotion вставлял правила в порядке вызова в cx(...),\n// и модификаторы выигрывали у базовых при равном весе.\nexport const input = style({\n position: 'absolute',\n opacity: 0,\n});\n\nexport const root = style({\n display: 'inline-flex',\n cursor: 'pointer',\n alignItems: 'baseline',\n position: 'relative',\n});\n\nexport const rootLeft = style({ flexDirection: 'row-reverse' });\n\nexport const disabled = style({ cursor: 'default' });\n\nexport const disableAnimation = style({});\n\nexport const handle = style({\n bottom: t.toggleBorderWidth,\n left: t.toggleHandleLeft,\n position: 'absolute',\n top: t.toggleHandleTop,\n});\n\nexport const handleDisabled = style({\n background: `${t.toggleDisabledHandleBg} !important`, // override root hover/active styles\n});\n\nexport const container = style({\n boxShadow: `inset 0 0 0 ${t.toggleBorderWidth} ${t.toggleBorderColor}`,\n height: '100%',\n overflow: 'hidden',\n position: 'absolute',\n width: '100%',\n // fixes overflow issue in Safari: https://bugs.webkit.org/show_bug.cgi?id=98538\n zIndex: 0,\n});\n\nexport const containerDisabled = style({\n background: t.toggleBgDisabled,\n boxShadow: `inset 0 0 0 1px ${t.toggleBorderColorDisabled}`,\n});\n\nexport const button = style({\n position: 'absolute',\n left: 0,\n top: 0,\n background: t.toggleBaseBg,\n lineHeight: t.toggleHeightSmall,\n});\n\nexport const buttonRight = style({\n right: 0,\n left: 'auto',\n});\n\nconst outlineShadow = (color: string) =>\n `0 0 0 1px ${t.toggleOutlineColorFocus}, 0 0 0 ${t.toggleOutlineWidth} ${color}`;\n\nexport const isWarning = style({ boxShadow: outlineShadow(t.toggleShadowColorWarning) });\n\nexport const isError = style({ boxShadow: outlineShadow(t.toggleShadowColorError) });\n\nexport const focused = style({ boxShadow: outlineShadow(t.toggleFocusShadowColor) });\n\nexport const caption = style({\n color: t.toggleTextColor,\n padding: `0 0 0 ${t.toggleCaptionGap}`,\n});\n\nexport const captionLeft = style({\n color: t.toggleTextColor,\n padding: `0 ${t.toggleCaptionGap} 0 0`,\n});\n\nexport const disabledCaption = style({ color: t.textColorDisabled });\n\nexport const captionNoGap = style({ padding: 0 });\n\nexport const captionWrapper = style({ display: 'inline-block' });\n\nexport const captionWrapperGap = style({ padding: `0 0 0 ${t.toggleCaptionGap}` });\n\nexport const captionWrapperGapLeft = style({ padding: `0 ${t.toggleCaptionGap} 0 0` });\n\nexport const subcaptionDisabled = style(disabledTextColorMixin(t.textColorDisabled));\n\n// вложенные правила — после баз всех классов файла, как было в склеенном CSS Emotion\nconst containerClass = `.${globalClasses.container}`;\nconst handleClass = `.${globalClasses.handle}`;\n\nglobalStyle(`${rootSmall}::before`, { width: t.toggleWidthSmall });\nglobalStyle(`${rootMedium}::before`, { width: t.toggleWidthMedium });\nglobalStyle(`${rootLarge}::before`, { width: t.toggleWidthLarge });\n\ninputSizeMixin(inputSmall, t.toggleHeightSmall, t.toggleWidthSmall);\ninputSizeMixin(inputMedium, t.toggleHeightMedium, t.toggleWidthMedium);\ninputSizeMixin(inputLarge, t.toggleHeightLarge, t.toggleWidthLarge);\n\nglobalStyle(`${input}:enabled~${containerClass}, ${input}:enabled~${handleClass}`, { transition: '0.2s ease-in' });\nglobalStyle(`${input}:enabled:not(:checked)~${containerClass}`, {\n background: t.toggleContainerBg,\n boxShadow: t.toggleContainerBoxShadow,\n});\nglobalStyle(`${input}:enabled:not(:checked)~${handleClass}`, {\n background: t.toggleHandleBg,\n boxShadow: t.toggleHandleBoxShadow,\n});\nglobalStyle(`${input}:enabled:checked~${containerClass}`, {\n background: t.toggleContainerBgChecked,\n boxShadow: t.toggleContainerBoxShadowChecked,\n});\nglobalStyle(`${input}:enabled:checked~${handleClass}`, {\n background: t.toggleHandleBgChecked,\n boxShadow: t.toggleHandleBoxShadowChecked,\n});\nglobalStyle(`${input}:enabled:hover:not(:checked)~${containerClass}`, {\n background: t.toggleContainerBgHover,\n boxShadow: t.toggleContainerBoxShadowHover,\n});\nglobalStyle(`${input}:enabled:hover:not(:checked)~${handleClass}`, {\n background: t.toggleHandleBgHover,\n boxShadow: t.toggleHandleBoxShadowHover,\n});\nglobalStyle(`${input}:enabled:hover:checked~${containerClass}`, {\n background: t.toggleContainerBgCheckedHover,\n boxShadow: t.toggleContainerBoxShadowCheckedHover,\n});\nglobalStyle(`${input}:enabled:hover:checked~${handleClass}`, {\n background: t.toggleHandleBgCheckedHover,\n boxShadow: t.toggleHandleBoxShadowCheckedHover,\n});\nglobalStyle(`${input}:disabled:not(:checked)~${containerClass}`, {\n background: t.toggleContainerBgDisabled,\n boxShadow: t.toggleContainerBoxShadowDisabled,\n});\nglobalStyle(`${input}:disabled:not(:checked)~${handleClass}`, {\n background: `${t.toggleHandleBgDisabled} !important`,\n boxShadow: t.toggleHandleBoxShadowDisabled,\n});\nglobalStyle(`${input}:disabled:checked~${containerClass}`, {\n background: t.toggleContainerBgDisabledChecked,\n boxShadow: t.toggleContainerBoxShadowDisabledChecked,\n});\nglobalStyle(`${input}:disabled:checked~${handleClass}`, {\n background: `${t.toggleHandleBgDisabledChecked} !important`,\n boxShadow: t.toggleHandleBoxShadowDisabledChecked,\n});\n\nglobalStyle(`${root}::before`, {\n // non-breaking space.\n // makes a correct space for absolutely positioned button,\n // and also height and baseline for toggle without caption.\n content: \"'\\\\00A0'\",\n display: 'inline-block',\n flex: '0 0 auto',\n});\nglobalStyle(`${root}:hover ${handleClass}`, { background: t.toggleBgHover });\n\nglobalStyle(`${disableAnimation}, ${disableAnimation} *`, { transition: 'none !important' });\n\nexport const styles = {\n root,\n rootSmall,\n rootMedium,\n rootLarge,\n disableAnimation,\n handle,\n handleSmall,\n handleMedium,\n handleLarge,\n handleDisabled,\n input,\n inputSmall,\n inputMedium,\n inputLarge,\n container,\n containerSmall,\n containerMedium,\n containerLarge,\n containerDisabled,\n focused,\n isWarning,\n isError,\n button,\n buttonSmall,\n buttonMedium,\n buttonLarge,\n buttonRight,\n disabled,\n rootLeft,\n caption,\n captionSmall,\n captionMedium,\n captionLarge,\n disabledCaption,\n captionLeft,\n captionWrapper,\n captionWrapperGap,\n captionWrapperGapLeft,\n captionNoGap,\n subcaption,\n subcaptionDisabled,\n subcaptionSmall,\n subcaptionMedium,\n subcaptionLarge,\n};\n"]}

package/components/Toggle/Toggle.d.ts CHANGED Viewed

@@ -60,11 +60,7 @@ export declare class Toggle extends React.Component<ToggleProps, ToggleState> {
     static defaultProps: DefaultProps;
     private size;
     private getProps;
-    private styles;
-    private emotion;
-    private cx;
     private globalObject;
-    private theme;
     private input;
     getRootNode: TGetRootNode;
     private setRootNode;
@@ -75,7 +71,6 @@ export declare class Toggle extends React.Component<ToggleProps, ToggleState> {
      * @public
      */
     focus: () => void;
-    render(): React.JSX.Element;
     private getContainerSizeClassName;
     private getHandleSizeClassName;
     private getButtonSizeClassName;
@@ -83,7 +78,7 @@ export declare class Toggle extends React.Component<ToggleProps, ToggleState> {
     private getInputSizeClassName;
     private getCaptionSizeClassName;
     private getSubcaptionSizeClassName;
-    private renderMain;
+    render(): React.JSX.Element;
     private renderCaption;
     private renderComment;
     private inputRef;

package/components/Toggle/Toggle.js CHANGED Viewed

@@ -35,12 +35,12 @@ import { CommonWrapper } from '../../internal/CommonWrapper/index.js';
 import { FocusControlWrapper } from '../../internal/FocusControlWrapper/index.js';
 import { createPropsGetter } from '../../lib/createPropsGetter.js';
 import { isTestEnv } from '../../lib/currentEnvironment.js';
+import { cx } from '../../lib/cx.js';
 import { KeyListener } from '../../lib/events/keyListener.js';
 import { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';
 import { rootNode } from '../../lib/rootNode/index.js';
 import { withSize } from '../../lib/size/SizeDecorator.js';
-import { ThemeContext } from '../../lib/theming/ThemeContext.js';
-import { getStyles, globalClasses } from './Toggle.styles.js';
+import { styles, globalClasses } from './Toggle.css.js';
 export var ToggleDataTids = {
     root: 'Toggle__root',
 };
@@ -107,149 +107,141 @@ var Toggle = /** @class */ (function (_super) {
             this.focus();
         }
     };
-    Toggle.prototype.render = function () {
-        var _this = this;
-        this.styles = getStyles(this.emotion);
-        return (React.createElement(ThemeContext.Consumer, null, function (theme) {
-            _this.theme = theme;
-            return _this.renderMain();
-        }));
-    };
     Toggle.prototype.getContainerSizeClassName = function () {
         switch (this.size) {
             case 'large':
-                return this.styles.containerLarge(this.theme);
+                return styles.containerLarge;
             case 'medium':
-                return this.styles.containerMedium(this.theme);
+                return styles.containerMedium;
             case 'small':
             default:
-                return this.styles.containerSmall(this.theme);
+                return styles.containerSmall;
         }
     };
     Toggle.prototype.getHandleSizeClassName = function () {
         switch (this.size) {
             case 'large':
-                return this.styles.handleLarge(this.theme);
+                return styles.handleLarge;
             case 'medium':
-                return this.styles.handleMedium(this.theme);
+                return styles.handleMedium;
             case 'small':
             default:
-                return this.styles.handleSmall(this.theme);
+                return styles.handleSmall;
         }
     };
     Toggle.prototype.getButtonSizeClassName = function () {
         switch (this.size) {
             case 'large':
-                return this.styles.buttonLarge(this.theme);
+                return styles.buttonLarge;
             case 'medium':
-                return this.styles.buttonMedium(this.theme);
+                return styles.buttonMedium;
             case 'small':
             default:
-                return this.styles.buttonSmall(this.theme);
+                return styles.buttonSmall;
         }
     };
     Toggle.prototype.getRootSizeClassName = function () {
         switch (this.size) {
             case 'large':
-                return this.styles.rootLarge(this.theme);
+                return styles.rootLarge;
             case 'medium':
-                return this.styles.rootMedium(this.theme);
+                return styles.rootMedium;
             case 'small':
             default:
-                return this.styles.rootSmall(this.theme);
+                return styles.rootSmall;
         }
     };
     Toggle.prototype.getInputSizeClassName = function () {
         switch (this.size) {
             case 'large':
-                return this.styles.inputLarge(this.theme);
+                return styles.inputLarge;
             case 'medium':
-                return this.styles.inputMedium(this.theme);
+                return styles.inputMedium;
             case 'small':
             default:
-                return this.styles.inputSmall(this.theme);
+                return styles.inputSmall;
         }
     };
     Toggle.prototype.getCaptionSizeClassName = function () {
         switch (this.size) {
             case 'large':
-                return this.styles.captionLarge(this.theme);
+                return styles.captionLarge;
             case 'medium':
-                return this.styles.captionMedium(this.theme);
+                return styles.captionMedium;
             case 'small':
             default:
-                return this.styles.captionSmall(this.theme);
+                return styles.captionSmall;
         }
     };
     Toggle.prototype.getSubcaptionSizeClassName = function () {
         switch (this.size) {
             case 'large':
-                return this.styles.subcaptionLarge(this.theme);
+                return styles.subcaptionLarge;
             case 'medium':
-                return this.styles.subcaptionMedium(this.theme);
+                return styles.subcaptionMedium;
             case 'small':
             default:
-                return this.styles.subcaptionSmall(this.theme);
+                return styles.subcaptionSmall;
         }
     };
-    Toggle.prototype.renderMain = function () {
+    Toggle.prototype.render = function () {
         var _a, _b, _c, _d, _e;
         var _f = this.props, children = _f.children, warning = _f.warning, error = _f.error, id = _f.id, name = _f.name, comment = _f.comment, ariaDescribedby = _f["aria-describedby"], ariaLabel = _f["aria-label"];
         var _g = this.getProps(), loading = _g.loading, captionPosition = _g.captionPosition, disableAnimations = _g.disableAnimations;
         var disabled = this.getProps().disabled || loading;
         var checked = this.isUncontrolled() ? this.state.checked : this.props.checked;
-        var containerClassNames = this.cx(this.getContainerSizeClassName(), (_a = {},
-            _a[this.styles.container(this.theme)] = true,
-            _a[this.styles.containerDisabled(this.theme)] = !!disabled,
+        var containerClassNames = cx(this.getContainerSizeClassName(), (_a = {},
+            _a[styles.container] = true,
+            _a[styles.containerDisabled] = !!disabled,
             _a[globalClasses.container] = true,
             _a[globalClasses.containerDisabled] = !!disabled,
             _a[globalClasses.containerLoading] = loading,
             _a));
-        var labelClassNames = this.cx(this.getRootSizeClassName(), (_b = {},
-            _b[this.styles.root(this.theme)] = true,
-            _b[this.styles.rootLeft()] = captionPosition === 'left',
-            _b[this.styles.disabled()] = !!disabled,
+        var labelClassNames = cx(this.getRootSizeClassName(), (_b = {},
+            _b[styles.root] = true,
+            _b[styles.rootLeft] = captionPosition === 'left',
+            _b[styles.disabled] = !!disabled,
             _b[globalClasses.disabled] = !!disabled,
-            _b[this.styles.disableAnimation()] = disableAnimations,
+            _b[styles.disableAnimation] = disableAnimations,
             _b));
         return (React.createElement(CommonWrapper, __assign({ rootNodeRef: this.setRootNode }, this.props),
             React.createElement("label", { "data-tid": ToggleDataTids.root, className: labelClassNames },
-                React.createElement("div", { className: this.cx(this.getButtonSizeClassName(), (_c = {},
-                        _c[this.styles.button(this.theme)] = true,
-                        _c[this.styles.buttonRight()] = captionPosition === 'left',
-                        _c[this.styles.isWarning(this.theme)] = !!warning,
-                        _c[this.styles.isError(this.theme)] = !!error,
-                        _c[this.styles.focused(this.theme)] = !disabled && !!this.state.focusByTab,
+                React.createElement("div", { className: cx(this.getButtonSizeClassName(), (_c = {},
+                        _c[styles.button] = true,
+                        _c[styles.buttonRight] = captionPosition === 'left',
+                        _c[styles.isWarning] = !!warning,
+                        _c[styles.isError] = !!error,
+                        _c[styles.focused] = !disabled && !!this.state.focusByTab,
                         _c)) },
                     React.createElement(FocusControlWrapper, { onBlurWhenDisabled: this.resetFocus },
-                        React.createElement("input", { type: "checkbox", checked: checked, onChange: this.handleChange, className: this.cx(this.getInputSizeClassName(), this.styles.input(this.theme)), onFocus: this.handleFocus, onBlur: this.handleBlur, ref: this.inputRef, disabled: disabled, id: id, name: name, role: "switch", "aria-label": ariaLabel, "aria-describedby": ariaDescribedby })),
+                        React.createElement("input", { type: "checkbox", checked: checked, onChange: this.handleChange, className: cx(this.getInputSizeClassName(), styles.input), onFocus: this.handleFocus, onBlur: this.handleBlur, ref: this.inputRef, disabled: disabled, id: id, name: name, role: "switch", "aria-label": ariaLabel, "aria-describedby": ariaDescribedby })),
                     React.createElement("div", { className: containerClassNames }),
-                    React.createElement("div", { className: this.cx(this.getHandleSizeClassName(), globalClasses.handle, (_d = {},
-                            _d[this.styles.handle(this.theme)] = true,
-                            _d[this.styles.handleDisabled(this.theme)] = disabled,
+                    React.createElement("div", { className: cx(this.getHandleSizeClassName(), globalClasses.handle, (_d = {},
+                            _d[styles.handle] = true,
+                            _d[styles.handleDisabled] = disabled,
                             _d)) })),
                 children &&
-                    (comment ? (React.createElement("div", { className: this.cx(this.styles.captionWrapper(), (_e = {},
-                            _e[this.styles.captionWrapperGap(this.theme)] = captionPosition !== 'left',
-                            _e[this.styles.captionWrapperGapLeft(this.theme)] = captionPosition === 'left',
+                    (comment ? (React.createElement("div", { className: cx(styles.captionWrapper, (_e = {},
+                            _e[styles.captionWrapperGap] = captionPosition !== 'left',
+                            _e[styles.captionWrapperGapLeft] = captionPosition === 'left',
                             _e)) },
                         this.renderCaption(disabled, captionPosition, true),
                         this.renderComment(disabled))) : (this.renderCaption(disabled, captionPosition, false))))));
     };
     Toggle.prototype.renderCaption = function (disabled, captionPosition, noGap) {
         var _a;
-        var captionClass = this.cx(this.getCaptionSizeClassName(), (_a = {},
-            _a[this.styles.caption(this.theme)] = true,
-            _a[this.styles.captionLeft(this.theme)] = captionPosition === 'left',
-            _a[this.styles.disabledCaption(this.theme)] = !!disabled,
-            _a[this.styles.captionNoGap()] = noGap,
+        var captionClass = cx(this.getCaptionSizeClassName(), (_a = {},
+            _a[styles.caption] = true,
+            _a[styles.captionLeft] = captionPosition === 'left',
+            _a[styles.disabledCaption] = !!disabled,
+            _a[styles.captionNoGap] = noGap,
             _a));
         return React.createElement("div", { className: captionClass }, this.props.children);
     };
     Toggle.prototype.renderComment = function (disabled) {
         var _a;
-        return (React.createElement("div", { className: this.cx(this.styles.subcaption(this.theme), this.getSubcaptionSizeClassName(), (_a = {},
-                _a[this.styles.subcaptionDisabled(this.theme)] = !!disabled,
+        return (React.createElement("div", { className: cx(styles.subcaption, this.getSubcaptionSizeClassName(), (_a = {},
+                _a[styles.subcaptionDisabled] = !!disabled,
                 _a)) }, this.props.comment));
     };
     Toggle.prototype.isUncontrolled = function () {

package/components/Toggle/Toggle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Toggle.js","sourceRoot":"","sources":["Toggle.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\nimport type { AriaAttributes, InputHTMLAttributes } from 'react';\nimport React from 'react';\n\nimport type { CommonProps } from '../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport { FocusControlWrapper } from '../../internal/FocusControlWrapper/index.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\nimport { isTestEnv } from '../../lib/currentEnvironment.js';\nimport { KeyListener } from '../../lib/events/keyListener.js';\nimport type { GlobalObject } from '../../lib/globalObject.js';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode/index.js';\nimport { rootNode } from '../../lib/rootNode/index.js';\nimport { withSize } from '../../lib/size/SizeDecorator.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport { getStyles, globalClasses } from './Toggle.styles.js';\n\nexport interface ToggleProps\n extends\n Pick<AriaAttributes, 'aria-label' \| 'aria-describedby'>,\n Pick<InputHTMLAttributes<HTMLInputElement>, 'id' \| 'name'>,\n CommonProps {\n /** @ignore /\n children?: React.ReactNode;\n\n /* Расположение названия относительно переключателя.\n * @default 'right' /\n captionPosition?: 'left' \| 'right';\n\n /* Включает тогл.\n * @default false /\n checked?: boolean;\n\n /* Делает тогл включенным по умолчанию. Не работает, если задан проп `checked`. /\n defaultChecked?: boolean;\n\n /* Блокирует тогл. /\n disabled?: boolean;\n\n /* Событие изменения значения. /\n onValueChange?: (value: boolean) => void;\n\n /* Событие клика на тогл. /\n onChange?: React.ChangeEventHandler<HTMLInputElement>;\n\n /* Переводит тогл в состояние предупреждения.\n * @default false /\n warning?: boolean;\n\n /* Переводит тогл в состояние ошибки.\n * @default false /\n error?: boolean;\n\n /* Переводит тогл в состояние загрузки: добавляет стили для состояния `loading` и отключает тогл./\n loading?: boolean;\n\n /* Устанавливает фокус на тогл после окончания загрузки страницы.\n * @default false /\n autoFocus?: boolean;\n\n /* Размер тогла. /\n size?: SizeProp;\n\n /* Событие получения тоглом фокуса./\n onFocus?: React.FocusEventHandler<HTMLInputElement>;\n\n /* Событие потери тоглом фокуса. /\n onBlur?: React.FocusEventHandler<HTMLInputElement>;\n\n /* Отключает анимацию. /\n disableAnimations?: boolean;\n\n /* Задаёт второстепенный пояснительный текст под основным текстом тогла. /\n comment?: React.ReactNode;\n}\n\nexport interface ToggleState {\n checked?: boolean;\n focusByTab?: boolean;\n}\n\nexport const ToggleDataTids = {\n root: 'Toggle__root',\n} as const;\n\ntype DefaultProps = Required<Pick<ToggleProps, 'disabled' \| 'loading' \| 'captionPosition' \| 'disableAnimations'>>;\n\n/\n Тогл переключает состояния. Например, включает или отключает уведомления в настройках.\n * Состоит из надписи и переключателя.\n /\n@withRenderEnvironment\n@rootNode\n@withSize\nexport class Toggle extends React.Component<ToggleProps, ToggleState> {\n public static __KONTUR_REACT_UI__ = 'Toggle';\n public static displayName = 'Toggle';\n\n public static defaultProps: DefaultProps = {\n disabled: false,\n loading: false,\n captionPosition: 'right',\n disableAnimations: isTestEnv,\n };\n private size!: SizeProp;\n\n private getProps = createPropsGetter(Toggle.defaultProps);\n\n private styles!: ReturnType<typeof getStyles>;\n private emotion!: Emotion;\n private cx!: Emotion['cx'];\n private globalObject!: GlobalObject;\n private theme!: Theme;\n private input: HTMLInputElement \| null = null;\n public getRootNode!: TGetRootNode;\n private setRootNode!: TSetRootNode;\n private keyListener!: KeyListener;\n\n constructor(props: ToggleProps) {\n super(props);\n\n this.state = {\n focusByTab: false,\n checked: props.defaultChecked,\n };\n }\n\n public componentDidMount() {\n this.keyListener = new KeyListener(this.globalObject);\n if (this.props.autoFocus) {\n this.keyListener.isTabPressed = true;\n this.focus();\n }\n }\n\n /\n @public\n */\n public focus = (): void => {\n if (this.input) {\n this.keyListener.isTabPressed = true;\n this.input.focus();\n }\n };\n\n public render(): React.JSX.Element {\n this.styles = getStyles(this.emotion);\n\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return this.renderMain();\n }}\n </ThemeContext.Consumer>\n );\n }\n\n private getContainerSizeClassName() {\n switch (this.size) {\n case 'large':\n return this.styles.containerLarge(this.theme);\n case 'medium':\n return this.styles.containerMedium(this.theme);\n case 'small':\n default:\n return this.styles.containerSmall(this.theme);\n }\n }\n\n private getHandleSizeClassName() {\n switch (this.size) {\n case 'large':\n return this.styles.handleLarge(this.theme);\n case 'medium':\n return this.styles.handleMedium(this.theme);\n case 'small':\n default:\n return this.styles.handleSmall(this.theme);\n }\n }\n\n private getButtonSizeClassName() {\n switch (this.size) {\n case 'large':\n return this.styles.buttonLarge(this.theme);\n case 'medium':\n return this.styles.buttonMedium(this.theme);\n case 'small':\n default:\n return this.styles.buttonSmall(this.theme);\n }\n }\n\n private getRootSizeClassName() {\n switch (this.size) {\n case 'large':\n return this.styles.rootLarge(this.theme);\n case 'medium':\n return this.styles.rootMedium(this.theme);\n case 'small':\n default:\n return this.styles.rootSmall(this.theme);\n }\n }\n\n private getInputSizeClassName() {\n switch (this.size) {\n case 'large':\n return this.styles.inputLarge(this.theme);\n case 'medium':\n return this.styles.inputMedium(this.theme);\n case 'small':\n default:\n return this.styles.inputSmall(this.theme);\n }\n }\n\n private getCaptionSizeClassName() {\n switch (this.size) {\n case 'large':\n return this.styles.captionLarge(this.theme);\n case 'medium':\n return this.styles.captionMedium(this.theme);\n case 'small':\n default:\n return this.styles.captionSmall(this.theme);\n }\n }\n\n private getSubcaptionSizeClassName() {\n switch (this.size) {\n case 'large':\n return this.styles.subcaptionLarge(this.theme);\n case 'medium':\n return this.styles.subcaptionMedium(this.theme);\n case 'small':\n default:\n return this.styles.subcaptionSmall(this.theme);\n }\n }\n\n private renderMain() {\n const {\n children,\n warning,\n error,\n id,\n name,\n comment,\n 'aria-describedby': ariaDescribedby,\n 'aria-label': ariaLabel,\n } = this.props;\n const { loading, captionPosition, disableAnimations } = this.getProps();\n const disabled = this.getProps().disabled \|\| loading;\n const checked = this.isUncontrolled() ? this.state.checked : this.props.checked;\n\n const containerClassNames = this.cx(this.getContainerSizeClassName(), {\n [this.styles.container(this.theme)]: true,\n [this.styles.containerDisabled(this.theme)]: !!disabled,\n [globalClasses.container]: true,\n [globalClasses.containerDisabled]: !!disabled,\n [globalClasses.containerLoading]: loading,\n });\n\n const labelClassNames = this.cx(this.getRootSizeClassName(), {\n [this.styles.root(this.theme)]: true,\n [this.styles.rootLeft()]: captionPosition === 'left',\n [this.styles.disabled()]: !!disabled,\n [globalClasses.disabled]: !!disabled,\n [this.styles.disableAnimation()]: disableAnimations,\n });\n\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <label data-tid={ToggleDataTids.root} className={labelClassNames}>\n <div\n className={this.cx(this.getButtonSizeClassName(), {\n [this.styles.button(this.theme)]: true,\n [this.styles.buttonRight()]: captionPosition === 'left',\n [this.styles.isWarning(this.theme)]: !!warning,\n [this.styles.isError(this.theme)]: !!error,\n [this.styles.focused(this.theme)]: !disabled && !!this.state.focusByTab,\n })}\n >\n <FocusControlWrapper onBlurWhenDisabled={this.resetFocus}>\n <input\n type=\"checkbox\"\n checked={checked}\n onChange={this.handleChange}\n className={this.cx(this.getInputSizeClassName(), this.styles.input(this.theme))}\n onFocus={this.handleFocus}\n onBlur={this.handleBlur}\n ref={this.inputRef}\n disabled={disabled}\n id={id}\n name={name}\n role=\"switch\"\n aria-label={ariaLabel}\n aria-describedby={ariaDescribedby}\n />\n </FocusControlWrapper>\n <div className={containerClassNames} />\n <div\n className={this.cx(this.getHandleSizeClassName(), globalClasses.handle, {\n [this.styles.handle(this.theme)]: true,\n [this.styles.handleDisabled(this.theme)]: disabled,\n })}\n />\n </div>\n {children &&\n (comment ? (\n <div\n className={this.cx(this.styles.captionWrapper(), {\n [this.styles.captionWrapperGap(this.theme)]: captionPosition !== 'left',\n [this.styles.captionWrapperGapLeft(this.theme)]: captionPosition === 'left',\n })}\n >\n {this.renderCaption(disabled, captionPosition, true)}\n {this.renderComment(disabled)}\n </div>\n ) : (\n this.renderCaption(disabled, captionPosition, false)\n ))}\n </label>\n </CommonWrapper>\n );\n }\n\n private renderCaption(disabled: boolean, captionPosition: 'left' \| 'right', noGap: boolean) {\n const captionClass = this.cx(this.getCaptionSizeClassName(), {\n [this.styles.caption(this.theme)]: true,\n [this.styles.captionLeft(this.theme)]: captionPosition === 'left',\n [this.styles.disabledCaption(this.theme)]: !!disabled,\n [this.styles.captionNoGap()]: noGap,\n });\n\n return <div className={captionClass}>{this.props.children}</div>;\n }\n\n private renderComment(disabled: boolean) {\n return (\n <div\n className={this.cx(this.styles.subcaption(this.theme), this.getSubcaptionSizeClassName(), {\n [this.styles.subcaptionDisabled(this.theme)]: !!disabled,\n })}\n >\n {this.props.comment}\n </div>\n );\n }\n\n private inputRef = (element: HTMLInputElement) => {\n this.input = element;\n };\n\n private handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n if (this.props.onValueChange) {\n this.props.onValueChange(event.target.checked);\n }\n\n if (this.isUncontrolled()) {\n this.setState({\n checked: event.target.checked,\n });\n }\n\n if (this.props.onChange) {\n this.props.onChange(event);\n }\n };\n\n private handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n if (this.props.onFocus) {\n this.props.onFocus(event);\n }\n\n if (this.keyListener.isTabPressed) {\n this.setState({ focusByTab: true });\n }\n };\n\n private resetFocus = () => this.setState({ focusByTab: false });\n\n private handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n this.resetFocus();\n this.props.onBlur?.(event);\n };\n\n private isUncontrolled() {\n return this.props.checked === undefined;\n }\n}\n"]}
1	+ {"version":3,"file":"Toggle.js","sourceRoot":"","sources":["Toggle.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { AriaAttributes, InputHTMLAttributes } from 'react';\nimport React from 'react';\n\nimport type { CommonProps } from '../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport { FocusControlWrapper } from '../../internal/FocusControlWrapper/index.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\nimport { isTestEnv } from '../../lib/currentEnvironment.js';\nimport { cx } from '../../lib/cx.js';\nimport { KeyListener } from '../../lib/events/keyListener.js';\nimport type { GlobalObject } from '../../lib/globalObject.js';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode/index.js';\nimport { rootNode } from '../../lib/rootNode/index.js';\nimport { withSize } from '../../lib/size/SizeDecorator.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport { styles, globalClasses } from './Toggle.css.js';\n\nexport interface ToggleProps\n extends\n Pick<AriaAttributes, 'aria-label' \| 'aria-describedby'>,\n Pick<InputHTMLAttributes<HTMLInputElement>, 'id' \| 'name'>,\n CommonProps {\n /** @ignore /\n children?: React.ReactNode;\n\n /* Расположение названия относительно переключателя.\n * @default 'right' /\n captionPosition?: 'left' \| 'right';\n\n /* Включает тогл.\n * @default false /\n checked?: boolean;\n\n /* Делает тогл включенным по умолчанию. Не работает, если задан проп `checked`. /\n defaultChecked?: boolean;\n\n /* Блокирует тогл. /\n disabled?: boolean;\n\n /* Событие изменения значения. /\n onValueChange?: (value: boolean) => void;\n\n /* Событие клика на тогл. /\n onChange?: React.ChangeEventHandler<HTMLInputElement>;\n\n /* Переводит тогл в состояние предупреждения.\n * @default false /\n warning?: boolean;\n\n /* Переводит тогл в состояние ошибки.\n * @default false /\n error?: boolean;\n\n /* Переводит тогл в состояние загрузки: добавляет стили для состояния `loading` и отключает тогл./\n loading?: boolean;\n\n /* Устанавливает фокус на тогл после окончания загрузки страницы.\n * @default false /\n autoFocus?: boolean;\n\n /* Размер тогла. /\n size?: SizeProp;\n\n /* Событие получения тоглом фокуса./\n onFocus?: React.FocusEventHandler<HTMLInputElement>;\n\n /* Событие потери тоглом фокуса. /\n onBlur?: React.FocusEventHandler<HTMLInputElement>;\n\n /* Отключает анимацию. /\n disableAnimations?: boolean;\n\n /* Задаёт второстепенный пояснительный текст под основным текстом тогла. /\n comment?: React.ReactNode;\n}\n\nexport interface ToggleState {\n checked?: boolean;\n focusByTab?: boolean;\n}\n\nexport const ToggleDataTids = {\n root: 'Toggle__root',\n} as const;\n\ntype DefaultProps = Required<Pick<ToggleProps, 'disabled' \| 'loading' \| 'captionPosition' \| 'disableAnimations'>>;\n\n/\n Тогл переключает состояния. Например, включает или отключает уведомления в настройках.\n * Состоит из надписи и переключателя.\n /\n@withRenderEnvironment\n@rootNode\n@withSize\nexport class Toggle extends React.Component<ToggleProps, ToggleState> {\n public static __KONTUR_REACT_UI__ = 'Toggle';\n public static displayName = 'Toggle';\n\n public static defaultProps: DefaultProps = {\n disabled: false,\n loading: false,\n captionPosition: 'right',\n disableAnimations: isTestEnv,\n };\n private size!: SizeProp;\n\n private getProps = createPropsGetter(Toggle.defaultProps);\n\n private globalObject!: GlobalObject;\n private input: HTMLInputElement \| null = null;\n public getRootNode!: TGetRootNode;\n private setRootNode!: TSetRootNode;\n private keyListener!: KeyListener;\n\n constructor(props: ToggleProps) {\n super(props);\n\n this.state = {\n focusByTab: false,\n checked: props.defaultChecked,\n };\n }\n\n public componentDidMount() {\n this.keyListener = new KeyListener(this.globalObject);\n if (this.props.autoFocus) {\n this.keyListener.isTabPressed = true;\n this.focus();\n }\n }\n\n /\n @public\n */\n public focus = (): void => {\n if (this.input) {\n this.keyListener.isTabPressed = true;\n this.input.focus();\n }\n };\n\n private getContainerSizeClassName() {\n switch (this.size) {\n case 'large':\n return styles.containerLarge;\n case 'medium':\n return styles.containerMedium;\n case 'small':\n default:\n return styles.containerSmall;\n }\n }\n\n private getHandleSizeClassName() {\n switch (this.size) {\n case 'large':\n return styles.handleLarge;\n case 'medium':\n return styles.handleMedium;\n case 'small':\n default:\n return styles.handleSmall;\n }\n }\n\n private getButtonSizeClassName() {\n switch (this.size) {\n case 'large':\n return styles.buttonLarge;\n case 'medium':\n return styles.buttonMedium;\n case 'small':\n default:\n return styles.buttonSmall;\n }\n }\n\n private getRootSizeClassName() {\n switch (this.size) {\n case 'large':\n return styles.rootLarge;\n case 'medium':\n return styles.rootMedium;\n case 'small':\n default:\n return styles.rootSmall;\n }\n }\n\n private getInputSizeClassName() {\n switch (this.size) {\n case 'large':\n return styles.inputLarge;\n case 'medium':\n return styles.inputMedium;\n case 'small':\n default:\n return styles.inputSmall;\n }\n }\n\n private getCaptionSizeClassName() {\n switch (this.size) {\n case 'large':\n return styles.captionLarge;\n case 'medium':\n return styles.captionMedium;\n case 'small':\n default:\n return styles.captionSmall;\n }\n }\n\n private getSubcaptionSizeClassName() {\n switch (this.size) {\n case 'large':\n return styles.subcaptionLarge;\n case 'medium':\n return styles.subcaptionMedium;\n case 'small':\n default:\n return styles.subcaptionSmall;\n }\n }\n\n public render(): React.JSX.Element {\n const {\n children,\n warning,\n error,\n id,\n name,\n comment,\n 'aria-describedby': ariaDescribedby,\n 'aria-label': ariaLabel,\n } = this.props;\n const { loading, captionPosition, disableAnimations } = this.getProps();\n const disabled = this.getProps().disabled \|\| loading;\n const checked = this.isUncontrolled() ? this.state.checked : this.props.checked;\n\n const containerClassNames = cx(this.getContainerSizeClassName(), {\n [styles.container]: true,\n [styles.containerDisabled]: !!disabled,\n [globalClasses.container]: true,\n [globalClasses.containerDisabled]: !!disabled,\n [globalClasses.containerLoading]: loading,\n });\n\n const labelClassNames = cx(this.getRootSizeClassName(), {\n [styles.root]: true,\n [styles.rootLeft]: captionPosition === 'left',\n [styles.disabled]: !!disabled,\n [globalClasses.disabled]: !!disabled,\n [styles.disableAnimation]: disableAnimations,\n });\n\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <label data-tid={ToggleDataTids.root} className={labelClassNames}>\n <div\n className={cx(this.getButtonSizeClassName(), {\n [styles.button]: true,\n [styles.buttonRight]: captionPosition === 'left',\n [styles.isWarning]: !!warning,\n [styles.isError]: !!error,\n [styles.focused]: !disabled && !!this.state.focusByTab,\n })}\n >\n <FocusControlWrapper onBlurWhenDisabled={this.resetFocus}>\n <input\n type=\"checkbox\"\n checked={checked}\n onChange={this.handleChange}\n className={cx(this.getInputSizeClassName(), styles.input)}\n onFocus={this.handleFocus}\n onBlur={this.handleBlur}\n ref={this.inputRef}\n disabled={disabled}\n id={id}\n name={name}\n role=\"switch\"\n aria-label={ariaLabel}\n aria-describedby={ariaDescribedby}\n />\n </FocusControlWrapper>\n <div className={containerClassNames} />\n <div\n className={cx(this.getHandleSizeClassName(), globalClasses.handle, {\n [styles.handle]: true,\n [styles.handleDisabled]: disabled,\n })}\n />\n </div>\n {children &&\n (comment ? (\n <div\n className={cx(styles.captionWrapper, {\n [styles.captionWrapperGap]: captionPosition !== 'left',\n [styles.captionWrapperGapLeft]: captionPosition === 'left',\n })}\n >\n {this.renderCaption(disabled, captionPosition, true)}\n {this.renderComment(disabled)}\n </div>\n ) : (\n this.renderCaption(disabled, captionPosition, false)\n ))}\n </label>\n </CommonWrapper>\n );\n }\n\n private renderCaption(disabled: boolean, captionPosition: 'left' \| 'right', noGap: boolean) {\n const captionClass = cx(this.getCaptionSizeClassName(), {\n [styles.caption]: true,\n [styles.captionLeft]: captionPosition === 'left',\n [styles.disabledCaption]: !!disabled,\n [styles.captionNoGap]: noGap,\n });\n\n return <div className={captionClass}>{this.props.children}</div>;\n }\n\n private renderComment(disabled: boolean) {\n return (\n <div\n className={cx(styles.subcaption, this.getSubcaptionSizeClassName(), {\n [styles.subcaptionDisabled]: !!disabled,\n })}\n >\n {this.props.comment}\n </div>\n );\n }\n\n private inputRef = (element: HTMLInputElement) => {\n this.input = element;\n };\n\n private handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n if (this.props.onValueChange) {\n this.props.onValueChange(event.target.checked);\n }\n\n if (this.isUncontrolled()) {\n this.setState({\n checked: event.target.checked,\n });\n }\n\n if (this.props.onChange) {\n this.props.onChange(event);\n }\n };\n\n private handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n if (this.props.onFocus) {\n this.props.onFocus(event);\n }\n\n if (this.keyListener.isTabPressed) {\n this.setState({ focusByTab: true });\n }\n };\n\n private resetFocus = () => this.setState({ focusByTab: false });\n\n private handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n this.resetFocus();\n this.props.onBlur?.(event);\n };\n\n private isUncontrolled() {\n return this.props.checked === undefined;\n }\n}\n"]}

package/components/Token/Token.css.d.ts ADDED Viewed

@@ -0,0 +1,39 @@
+export declare const globalClasses: {
+    removeIcon: string;
+};
+export declare const token: string;
+export declare const tokenSmall: string;
+export declare const tokenMedium: string;
+export declare const tokenLarge: string;
+export declare const tokenIdle: string;
+export declare const tokenHover: string;
+export declare const tokenActive: string;
+export declare const tokenError: string;
+export declare const tokenWarning: string;
+export declare const tokenDisabled: string;
+export declare const text: string;
+export declare const removeIcon: string;
+export declare const helperText: string;
+export declare const helperContainer: string;
+export declare const helperContainerSmall: string;
+export declare const helperContainerMedium: string;
+export declare const helperContainerLarge: string;
+export declare const styles: {
+    token: string;
+    tokenSmall: string;
+    tokenMedium: string;
+    tokenLarge: string;
+    tokenIdle: string;
+    tokenHover: string;
+    tokenActive: string;
+    tokenError: string;
+    tokenWarning: string;
+    tokenDisabled: string;
+    text: string;
+    removeIcon: string;
+    helperText: string;
+    helperContainer: string;
+    helperContainerSmall: string;
+    helperContainerMedium: string;
+    helperContainerLarge: string;
+};

package/components/Token/Token.css.js ADDED Viewed

@@ -0,0 +1,20 @@
+export var globalClasses = {removeIcon:'react-ui-token-remove-icon'};
+export var helperContainer = 'react-ui-Token__helperContainer';
+export var helperContainerLarge = 'react-ui-Token__helperContainerLarge';
+export var helperContainerMedium = 'react-ui-Token__helperContainerMedium';
+export var helperContainerSmall = 'react-ui-Token__helperContainerSmall';
+export var helperText = 'react-ui-Token__helperText';
+export var removeIcon = 'react-ui-Token__removeIcon';
+export var styles = {token:'react-ui-Token__token',tokenSmall:'react-ui-Token__tokenSmall',tokenMedium:'react-ui-Token__tokenMedium',tokenLarge:'react-ui-Token__tokenLarge',tokenIdle:'react-ui-Token__tokenIdle',tokenHover:'react-ui-Token__tokenHover',tokenActive:'react-ui-Token__tokenActive',tokenError:'react-ui-Token__tokenError',tokenWarning:'react-ui-Token__tokenWarning',tokenDisabled:'react-ui-Token__tokenDisabled',text:'react-ui-Token__text',removeIcon:'react-ui-Token__removeIcon',helperText:'react-ui-Token__helperText',helperContainer:'react-ui-Token__helperContainer',helperContainerSmall:'react-ui-Token__helperContainerSmall',helperContainerMedium:'react-ui-Token__helperContainerMedium',helperContainerLarge:'react-ui-Token__helperContainerLarge'};
+export var text = 'react-ui-Token__text';
+export var token = 'react-ui-Token__token';
+export var tokenActive = 'react-ui-Token__tokenActive';
+export var tokenDisabled = 'react-ui-Token__tokenDisabled';
+export var tokenError = 'react-ui-Token__tokenError';
+export var tokenHover = 'react-ui-Token__tokenHover';
+export var tokenIdle = 'react-ui-Token__tokenIdle';
+export var tokenLarge = 'react-ui-Token__tokenLarge';
+export var tokenMedium = 'react-ui-Token__tokenMedium';
+export var tokenSmall = 'react-ui-Token__tokenSmall';
+export var tokenWarning = 'react-ui-Token__tokenWarning';

package/components/Token/Token.css.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Token.css.js","sourceRoot":"","sources":["Token.css.ts"],"names":[],"mappings":"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","sourcesContent":["import { globalStyle, style } from '@vanilla-extract/css';\n\nimport { prefix } from '../../lib/prefix.js';\nimport { t } from '../../lib/theming/vanilla.js';\nimport { tokenSizeMixin } from './Token.mixins.js';\n\nexport const globalClasses = prefix('token')({\n removeIcon: 'remove-icon',\n});\n\nexport const token = style({\n display: 'inline-flex',\n alignItems: 'center',\n borderRadius: t.tokenBorderRadius,\n border: `solid ${t.tokenBorderWidth} transparent`,\n minWidth: 0,\n wordBreak: 'break-all',\n userSelect: 'none',\n});\n\nexport const tokenSmall = style(\n tokenSizeMixin(\n t.tokenPaddingYSmall,\n t.tokenPaddingXSmall,\n t.tokenLineHeightSmall,\n t.tokenFontSizeSmall,\n t.tokenMarginYSmall,\n t.tokenMarginXSmall,\n ),\n);\n\nexport const tokenMedium = style(\n tokenSizeMixin(\n t.tokenPaddingYMedium,\n t.tokenPaddingXMedium,\n t.tokenLineHeightMedium,\n t.tokenFontSizeMedium,\n t.tokenMarginYMedium,\n t.tokenMarginXMedium,\n ),\n);\n\nexport const tokenLarge = style(\n tokenSizeMixin(\n t.tokenPaddingYLarge,\n t.tokenPaddingXLarge,\n t.tokenLineHeightLarge,\n t.tokenFontSizeLarge,\n t.tokenMarginYLarge,\n t.tokenMarginXLarge,\n ),\n);\n\nexport const tokenIdle = style({\n color: t.tokenColor,\n background: t.tokenBg,\n borderColor: t.tokenBorderColor,\n backgroundClip: 'border-box',\n});\n\nexport const tokenHover = style({});\n\nexport const tokenActive = style({\n color: t.tokenColorActive,\n background: t.tokenBgActive,\n border: `solid ${t.tokenBorderWidth} ${t.tokenBorderColorActive}`,\n});\n\nexport const tokenError = style({\n border: `solid ${t.tokenBorderWidth} ${t.tokenBorderColorError}`,\n boxShadow: `0 0 0 ${t.tokenOutlineWidth} ${t.tokenBorderColorError}`,\n});\n\nexport const tokenWarning = style({\n border: `solid ${t.tokenBorderWidth} ${t.tokenBorderColorWarning}`,\n boxShadow: `0 0 0 ${t.tokenOutlineWidth} ${t.tokenBorderColorWarning}`,\n});\n\nexport const tokenDisabled = style({\n userSelect: 'text',\n cursor: 'text',\n color: t.tokenTextColorDisabled,\n pointerEvents: 'none',\n border: `solid 1px ${t.tokenBorderColorDisabled}`,\n});\n\nexport const text = style({ display: 'inline-block' });\n\nexport const removeIcon = style({\n height: t.tokenRemoveIconSize,\n width: t.tokenRemoveIconSize,\n flexShrink: 0,\n padding: `${t.tokenRemoveIconPaddingY} ${t.tokenRemoveIconPaddingX}`,\n boxSizing: t.tokenRemoveIconBoxSizing as `var(--${string})`,\n marginLeft: t.tokenRemoveIconGap,\n transition: 'none',\n fill: 'currentColor',\n opacity: 0.5,\n lineHeight: 0,\n display: 'inline-block',\n});\n\nexport const helperText = style({\n maxWidth: '100%',\n wordBreak: 'break-all',\n // don't collapse spaces\n // so they get counted in width\n whiteSpace: 'pre-wrap',\n});\n\nexport const helperContainer = style({ display: 'flex', position: 'absolute', visibility: 'hidden' });\n\nexport const helperContainerSmall = style({ left: t.tokenInputPaddingXSmall, right: t.tokenInputPaddingXSmall });\n\nexport const helperContainerMedium = style({ left: t.tokenInputPaddingXMedium, right: t.tokenInputPaddingXMedium });\n\nexport const helperContainerLarge = style({ left: t.tokenInputPaddingXLarge, right: t.tokenInputPaddingXLarge });\n\n// вложенные правила — после баз всех классов файла, как было в склеенном CSS Emotion\nglobalStyle(`${token}:hover`, { cursor: 'pointer' });\nglobalStyle(`${tokenHover}:hover`, {\n color: t.tokenColorHover,\n background: t.tokenBgHover,\n border: `solid ${t.tokenBorderWidth} ${t.tokenBorderColorHover}`,\n});\nglobalStyle(`${tokenDisabled} .${globalClasses.removeIcon}`, { visibility: 'hidden' });\nglobalStyle(`${removeIcon}:hover`, { opacity: 1 });\n\nexport const styles = {\n token,\n tokenSmall,\n tokenMedium,\n tokenLarge,\n tokenIdle,\n tokenHover,\n tokenActive,\n tokenError,\n tokenWarning,\n tokenDisabled,\n text,\n removeIcon,\n helperText,\n helperContainer,\n helperContainerSmall,\n helperContainerMedium,\n helperContainerLarge,\n};\n"]}