@salutejs/plasma-new-hope 0.336.0-canary.2222.17612018746.0 → 0.336.0-canary.2227.17639708086.0

package/styled-components/es/components/Drawer/Drawer.js

@@ -54,9 +54,8 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import React, { forwardRef, useMemo } from "react";
-import cls from "classnames";
 import { useForkRef } from "@salutejs/plasma-core";
-import { getSizeValueFromProp, safeUseId } from "../../utils";
+import { cx, getSizeValueFromProp, safeUseId } from "../../utils";
 import { usePopupContext } from "../Popup";
 import { Overlay } from "../Overlay";
 import { DEFAULT_Z_INDEX } from "../Popup/utils";
@@ -71,7 +70,7 @@ import { useDrawer } from "./hooks";
 // issue #823
 export var drawerRoot = function(Root) {
     return /*#__PURE__*/ forwardRef(function(_param, outerRef) {
-        var id = _param.id, zIndex = _param.zIndex, popupInfo = _param.popupInfo, withBlur = _param.withBlur, children = _param.children, view = _param.view, size = _param.size, width = _param.width, height = _param.height, isOpen = _param.isOpen, opened = _param.opened, initialFocusRef = _param.initialFocusRef, focusAfterRef = _param.focusAfterRef, animationInfo = _param.animationInfo, className = _param.className, customBackgroundColor = _param.customBackgroundColor, customContentBackgroundColor = _param.customContentBackgroundColor, onClose = _param.onClose, onOverlayClick = _param.onOverlayClick, onEscKeyDown = _param.onEscKeyDown, offset = _param.offset, frame = _param.frame, _param_borderRadius = _param.borderRadius, borderRadius = _param_borderRadius === void 0 ? 'none' : _param_borderRadius, _param_placement = _param.placement, placement = _param_placement === void 0 ? 'right' : _param_placement, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, _param_asModal = _param.asModal, asModal = _param_asModal === void 0 ? true : _param_asModal, draggable = _param.draggable, rest = _object_without_properties(_param, [
+        var id = _param.id, zIndex = _param.zIndex, popupInfo = _param.popupInfo, withBlur = _param.withBlur, children = _param.children, view = _param.view, size = _param.size, width = _param.width, height = _param.height, isOpen = _param.isOpen, opened = _param.opened, initialFocusRef = _param.initialFocusRef, focusAfterRef = _param.focusAfterRef, className = _param.className, customBackgroundColor = _param.customBackgroundColor, customContentBackgroundColor = _param.customContentBackgroundColor, onClose = _param.onClose, onOverlayClick = _param.onOverlayClick, onEscKeyDown = _param.onEscKeyDown, offset = _param.offset, frame = _param.frame, _param_borderRadius = _param.borderRadius, borderRadius = _param_borderRadius === void 0 ? 'none' : _param_borderRadius, _param_placement = _param.placement, placement = _param_placement === void 0 ? 'right' : _param_placement, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, _param_asModal = _param.asModal, asModal = _param_asModal === void 0 ? true : _param_asModal, draggable = _param.draggable, rest = _object_without_properties(_param, [
             "id",
             "zIndex",
             "popupInfo",
@@ -85,7 +84,6 @@ export var drawerRoot = function(Root) {
             "opened",
             "initialFocusRef",
             "focusAfterRef",
-            "animationInfo",
             "className",
             "customBackgroundColor",
             "customContentBackgroundColor",
@@ -135,11 +133,10 @@ export var drawerRoot = function(Root) {
                 onClose();
             }
         };
-        var _obj;
         return /*#__PURE__*/ React.createElement(StyledPopup, _object_spread({
             id: innerId,
             ref: asModal ? innerRef : outerRef,
-            className: cls(placementClass, className, (_obj = {}, _define_property(_obj, classes.enterCustomAnimation, animationInfo === null || animationInfo === void 0 ? void 0 : animationInfo.enter), _define_property(_obj, classes.exitCustomAnimation, animationInfo === null || animationInfo === void 0 ? void 0 : animationInfo.exit), _obj)),
+            className: cx(placementClass),
             opened: innerIsOpen,
             zIndex: zIndex,
             placement: placement,
@@ -149,7 +146,6 @@ export var drawerRoot = function(Root) {
             height: innerHeight,
             offset: offset,
             withAnimation: true,
-            drawerAnimationInfo: animationInfo,
             overlay: asModal && /*#__PURE__*/ React.createElement(Root, {
                 view: view
             }, /*#__PURE__*/ React.createElement(Overlay, {
@@ -162,7 +158,6 @@ export var drawerRoot = function(Root) {
                 onOverlayClick: onDrawerOverlayKeyDown
             }))
         }, rest), /*#__PURE__*/ React.createElement(Root, {
-            className: classes.panel,
             view: view,
             size: size,
             style: {
@@ -174,7 +169,8 @@ export var drawerRoot = function(Root) {
             width: innerWidth,
             height: innerHeight,
             customBackgroundColor: customBackgroundColor,
-            customContentBackgroundColor: customContentBackgroundColor
+            customContentBackgroundColor: customContentBackgroundColor,
+            className: className
         }, children)));
     });
 };

package/styled-components/es/components/Drawer/Drawer.styles.js

@@ -2,7 +2,7 @@ import styled from "styled-components";
 import { component, mergeConfig } from "../../engines";
 import { popupClasses, popupConfig } from "../Popup";
 import { panelTokens, panelConfig } from "../Panel";
-import { classes, privateTokens, tokens } from "./Drawer.tokens";
+import { classes, tokens } from "./Drawer.tokens";
 var mergedPanelConfig = mergeConfig(panelConfig);
 var Panel = component(mergedPanelConfig);
 var Popup = component(popupConfig);
@@ -59,7 +59,7 @@ var getAnimationStyles = function() {
 };
 export var StyledPanel = styled(Panel).withConfig({
     displayName: "Drawer.styles__StyledPanel",
-    componentId: "sc-5f1f6af-0"
+    componentId: "sc-7ba5c890-0"
 })([
     "",
     ":var(",
@@ -67,7 +67,7 @@ export var StyledPanel = styled(Panel).withConfig({
 ], panelTokens.closeColor, tokens.closeIconColor);
 export var StyledPopup = styled(Popup).withConfig({
     displayName: "Drawer.styles__StyledPopup",
-    componentId: "sc-5f1f6af-1"
+    componentId: "sc-7ba5c890-1"
 })([
     "&&.",
     "{animation:fadeIn 0.2s forwards;scrollbar-gutter:stable;}&&.",
@@ -77,21 +77,11 @@ export var StyledPopup = styled(Popup).withConfig({
     " > div{width:",
     ";height:",
     ";}",
-    " &.",
-    "{&& .",
-    "{animation:",
-    ";}}&.",
-    "{&&.",
-    " .",
-    "{animation:var(",
-    ");}}"
+    ""
 ], classes.overlay, popupClasses.endAnimation, classes.overlay, popupClasses.root, popupClasses.root, function(param) {
     var width = param.width;
     return width || 'auto';
 }, function(param) {
     var height = param.height;
     return height || 'auto';
-}, getAnimationStyles(), classes.enterCustomAnimation, popupClasses.root, function(param) {
-    var drawerAnimationInfo = param.drawerAnimationInfo;
-    return (drawerAnimationInfo === null || drawerAnimationInfo === void 0 ? void 0 : drawerAnimationInfo.enter) || "var(".concat(privateTokens.enterAnimation, ")");
-}, classes.exitCustomAnimation, popupClasses.endAnimation, popupClasses.root, privateTokens.customExitAnimation);
+}, getAnimationStyles());

package/styled-components/es/components/Drawer/Drawer.tokens.js

@@ -3,9 +3,6 @@ export var classes = {
     header: 'drawer-header',
     footer: 'drawer-footer',
     overlay: 'drawer-overlay',
-    panel: 'drawer-panel',
-    enterCustomAnimation: 'drawer-enter-custom-animation',
-    exitCustomAnimation: 'drawer-exit-custom-animation',
     horizontal: 'drawer-horizontal',
     hasHeader: 'drawer-has-header',
     isRightClose: 'drawer-right-close-button',
@@ -14,12 +11,6 @@ export var classes = {
     rightPlacement: 'drawer-right-placement',
     leftPlacement: 'drawer-left-placement'
 };
-export var privateTokens = {
-    enterAnimation: '--plasma__private-drawer-enter-animation',
-    exitAnimation: '--plasma__private-drawer-exit-animation',
-    customEnterAnimation: '--plasma__private-drawer-custom-enter-animation',
-    customExitAnimation: '--plasma__private-drawer-custom-exit-animation'
-};
 export var tokens = {
     drawerOverlayWithBlurColor: '--plasma-drawer-overlay-with-blur-color',
     drawerOverlayColor: '--plasma-drawer-overlay-color',

package/styled-components/es/examples/components/Range/Range.config.js

@@ -36,6 +36,52 @@ export var config = {
             ], tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.textFieldBackgroundColorHover, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorHover, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorHover, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.indicatorColor, tokens.focusColor, tokens.textFieldPlaceholderColorFocus)
         },
         size: {
+            xl: css([
+                "",
+                ":1rem;",
+                ":0 0.375rem;",
+                ":var(--plasma-typo-body-l-font-family);",
+                ":var(--plasma-typo-body-l-font-style);",
+                ":var(--plasma-typo-body-l-font-size);",
+                ":var(--plasma-typo-body-l-font-weight);",
+                ":var(--plasma-typo-body-l-letter-spacing);",
+                ":var(--plasma-typo-body-l-line-height);",
+                ":0 0 0 1.125rem;",
+                ":0;",
+                ":0.75rem;",
+                ":var(--plasma-typo-body-l-font-family);",
+                ":var(--plasma-typo-body-l-font-style);",
+                ":var(--plasma-typo-body-l-font-size);",
+                ":var(--plasma-typo-body-l-font-weight);",
+                ":var(--plasma-typo-body-l-letter-spacing);",
+                ":var(--plasma-typo-body-l-line-height);",
+                ":4rem;",
+                ":1rem;",
+                ":1.3125rem 1.125rem;",
+                ":var(--plasma-typo-body-l-font-family);",
+                ":var(--plasma-typo-body-l-font-style);",
+                ":var(--plasma-typo-body-l-font-size);",
+                ":var(--plasma-typo-body-l-font-weight);",
+                ":var(--plasma-typo-body-l-letter-spacing);",
+                ":var(--plasma-typo-body-l-line-height);",
+                ":0.25rem 0 0 0;",
+                ":var(--plasma-typo-body-xs-font-family);",
+                ":var(--plasma-typo-body-xs-font-style);",
+                ":var(--plasma-typo-body-xs-font-size);",
+                ":var(--plasma-typo-body-xs-font-weight);",
+                ":var(--plasma-typo-body-xs-letter-spacing);",
+                ":var(--plasma-typo-body-xs-line-height);",
+                ":-0.0625rem 0.5rem -0.0625rem 0;",
+                ":-0.0625rem 0 -0.0625rem 0.75rem;",
+                ":0 0.25rem 0 0;",
+                ":0 0 0 0.25rem;",
+                ":0.5rem;",
+                ":0.375rem;",
+                ":0 0 0 0;",
+                ":0.5rem auto auto -0.75rem;",
+                ":0 0 auto auto;",
+                ":0.25rem -0.625rem auto auto;"
+            ], tokens.borderRadius, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight),
             l: css([
                 "",
                 ":0.875rem;",

package/types/components/Drawer/Drawer.d.ts

@@ -2,7 +2,6 @@ import React from 'react';
 import type { RootProps } from '../../engines';
 import type { DrawerProps } from './Drawer.types';
 export declare const drawerRoot: (Root: RootProps<HTMLDivElement, DrawerProps>) => React.ForwardRefExoticComponent<Omit<import("../Popup").PopupProps, "draggable" | "resizable"> & import("../Panel").PanelProps & {
-    animationInfo?: import("./Drawer.types").DrawerAnimationInfo;
     placement?: import("./Drawer.types").DrawerPlacement;
     asModal?: boolean;
     customBackgroundColor?: string;
@@ -20,7 +19,6 @@ export declare const drawerConfig: {
     name: string;
     tag: string;
     layout: (Root: RootProps<HTMLDivElement, DrawerProps>) => React.ForwardRefExoticComponent<Omit<import("../Popup").PopupProps, "draggable" | "resizable"> & import("../Panel").PanelProps & {
-        animationInfo?: import("./Drawer.types").DrawerAnimationInfo;
         placement?: import("./Drawer.types").DrawerPlacement;
         asModal?: boolean;
         customBackgroundColor?: string;

package/types/components/Drawer/Drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAQ7C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAUlD,eAAO,MAAM,UAAU,SAAU,SAAS,CAAC,cAAc,EAAE,WAAW,CAAC;;;;;;;;;;6BA6CrD,MAAO,UAAU;sBAGvB,MAAA,SAAO;oBAG6C,MAAO,SAAS;;wCAiF3E,CAAC;AAEN,eAAO,MAAM,YAAY;;;mBAtIQ,SAAS,CAAC,cAAc,EAAE,WAAW,CAAC;;;;;;;;;;iCA6CrD,MAAO,UAAU;0BAGvB,MAAA,SAAO;wBAG6C,MAAO,SAAS;;;;;;;;;;;;;;;;;;;;CAwG/E,CAAC"}
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAQ7C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAUlD,eAAO,MAAM,UAAU,SAAU,SAAS,CAAC,cAAc,EAAE,WAAW,CAAC;;;;;;;;;6BAmC3D,MAAA,UAAQ;sBAGF,MAAM,SAAS;oBAMZ,MAAO,SAAS;;wCAmFhC,CAAC;AAEN,eAAO,MAAM,YAAY;;;mBAjIQ,SAAS,CAAC,cAAc,EAAE,WAAW,CAAC;;;;;;;;;iCAmC3D,MAAA,UAAQ;0BAGF,MAAM,SAAS;wBAMZ,MAAO,SAAS;;;;;;;;;;;;;;;;;;;;CA0GpC,CAAC"}

package/types/components/Drawer/Drawer.styles.d.ts

@@ -1,9 +1,8 @@
-import type { DrawerAnimationInfo, DrawerPlacement } from './Drawer.types';
+import type { DrawerPlacement } from './Drawer.types';
 export declare const StyledPanel: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../engines/types").PropsType<import("../../engines/types").Variants> & import("../Panel").PanelProps & import("react").RefAttributes<HTMLDivElement>>;
 export declare const StyledPopup: import("@linaria/react").StyledComponent<{
     placement: DrawerPlacement;
     width?: number | string;
     height?: number | string;
-    drawerAnimationInfo?: DrawerAnimationInfo;
 } & import("../Popup").PopupProps & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Drawer.styles.d.ts.map

package/types/components/Drawer/Drawer.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.styles.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AA8F3E,eAAO,MAAM,WAAW,0OAEvB,CAAC;AAEF,eAAO,MAAM,WAAW;eACT,eAAe;YAClB,MAAM,GAAG,MAAM;aACd,MAAM,GAAG,MAAM;0BACF,mBAAmB;kFAkD5C,CAAC"}
+{"version":3,"file":"Drawer.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.styles.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AA8FtD,eAAO,MAAM,WAAW,0OAEvB,CAAC;AAEF,eAAO,MAAM,WAAW;eACT,eAAe;YAClB,MAAM,GAAG,MAAM;aACd,MAAM,GAAG,MAAM;kFAqC3B,CAAC"}

package/types/components/Drawer/Drawer.tokens.d.ts

@@ -3,9 +3,6 @@ export declare const classes: {
     header: string;
     footer: string;
     overlay: string;
-    panel: string;
-    enterCustomAnimation: string;
-    exitCustomAnimation: string;
     horizontal: string;
     hasHeader: string;
     isRightClose: string;
@@ -14,12 +11,6 @@ export declare const classes: {
     rightPlacement: string;
     leftPlacement: string;
 };
-export declare const privateTokens: {
-    enterAnimation: string;
-    exitAnimation: string;
-    customEnterAnimation: string;
-    customExitAnimation: string;
-};
 export declare const tokens: {
     drawerOverlayWithBlurColor: string;
     drawerOverlayColor: string;

package/types/components/Drawer/Drawer.tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;CAenB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;CAKzB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;CASlB,CAAC"}
+{"version":3,"file":"Drawer.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;CAYnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;CASlB,CAAC"}

package/types/components/Drawer/Drawer.types.d.ts

@@ -8,23 +8,7 @@ export declare const drawerPlacements: {
     left: string;
 };
 export type DrawerPlacement = keyof typeof drawerPlacements;
-export type DrawerAnimationInfo = {
-    enter?: string;
-    exit?: string;
-};
 export type DrawerProps = Omit<PopupProps, 'draggable' | 'resizable'> & PanelProps & {
-    /**
-     * Информация об анимации.
-     * Свойство может содержать поля `enter` и `exit`
-     * @example
-     * ```
-     * {
-     *      enter: 'animatinName 0.2s forwards',
-     *      exit: 'exitAnimationName 0.2s forwards',
-     * }
-     * ```
-     */
-    animationInfo?: DrawerAnimationInfo;
     /**
      * Расположение Drawer.
      * @default

package/types/components/Drawer/Drawer.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.types.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAE1D,eAAO,MAAM,gBAAgB;;;;;CAK5B,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,gBAAgB,CAAC;AAE5D,MAAM,MAAM,mBAAmB,GAAG;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,WAAW,CAAC,GACjE,UAAU,GAAG;IACT;;;;;;;;;;OAUG;IACH,aAAa,CAAC,EAAE,mBAAmB,CAAC;IACpC;;;;OAIG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B;;OAEG;IACH,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACnE;;OAEG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC/C;;;OAGG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC7C;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEN,MAAM,WAAW,cACb,SAAQ,IAAI,CAAC,aAAa,EAAE,IAAI,GAAG,WAAW,GAAG,QAAQ,CAAC,EACtD,IAAI,CAAC,WAAW,EAAE,YAAY,GAAG,cAAc,GAAG,SAAS,CAAC;IAChE,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B"}
+{"version":3,"file":"Drawer.types.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAE1D,eAAO,MAAM,gBAAgB;;;;;CAK5B,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,gBAAgB,CAAC;AAE5D,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,WAAW,CAAC,GACjE,UAAU,GAAG;IACT;;;;OAIG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B;;OAEG;IACH,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACnE;;OAEG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC/C;;;OAGG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC7C;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEN,MAAM,WAAW,cACb,SAAQ,IAAI,CAAC,aAAa,EAAE,IAAI,GAAG,WAAW,GAAG,QAAQ,CAAC,EACtD,IAAI,CAAC,WAAW,EAAE,YAAY,GAAG,cAAc,GAAG,SAAS,CAAC;IAChE,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B"}

package/types/examples/components/Drawer/Drawer.d.ts

@@ -10,7 +10,6 @@ export declare const Drawer: import("react").FunctionComponent<import("../../../
         default: import("@linaria/core").LinariaClassName;
     };
 }> & Omit<import("../../..").PopupProps, "draggable" | "resizable"> & import("../../../components/Panel").PanelProps & {
-    animationInfo?: import("../../../components/Drawer/Drawer.types").DrawerAnimationInfo;
     placement?: import("../../../components/Drawer/Drawer.types").DrawerPlacement;
     asModal?: boolean;
     customBackgroundColor?: string;

package/types/examples/components/Drawer/Drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/Drawer/Drawer.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;6BAUu/C,MAAO,UAAU;sBAAyI,MAAO,SAAS;oBAA2M,MAAO,SAAS;;kDAVl2D,CAAC;AAG9C,eAAO,MAAM,aAAa;;mGAAiC,CAAC;AAG5D,eAAO,MAAM,YAAY;;;;;;mGAAgC,CAAC;AAG1D,eAAO,MAAM,YAAY;;mGAAgC,CAAC"}
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/Drawer/Drawer.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;6BAU4kC,MAAO,UAAU;sBAAyI,MAAO,SAAS;oBAA2M,MAAO,SAAS;;kDAVv7C,CAAC;AAG9C,eAAO,MAAM,aAAa;;mGAAiC,CAAC;AAG5D,eAAO,MAAM,YAAY;;;;;;mGAAgC,CAAC;AAG1D,eAAO,MAAM,YAAY;;mGAAgC,CAAC"}

package/types/examples/components/Range/Range.config.d.ts

@@ -8,6 +8,7 @@ export declare const config: {
             default: import("@linaria/core").LinariaClassName;
         };
         size: {
+            xl: import("@linaria/core").LinariaClassName;
             l: import("@linaria/core").LinariaClassName;
             m: import("@linaria/core").LinariaClassName;
             s: import("@linaria/core").LinariaClassName;

package/types/examples/components/Range/Range.config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Range.config.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/Range/Range.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;CAmRlB,CAAC"}
+{"version":3,"file":"Range.config.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/Range/Range.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;CAwUlB,CAAC"}

package/types/examples/components/Range/Range.d.ts

@@ -3,6 +3,7 @@ export declare const Range: import("react").FunctionComponent<import("../../../e
         default: import("@linaria/core").LinariaClassName;
     };
     size: {
+        xl: import("@linaria/core").LinariaClassName;
         l: import("@linaria/core").LinariaClassName;
         m: import("@linaria/core").LinariaClassName;
         s: import("@linaria/core").LinariaClassName;

package/types/examples/components/Range/Range.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Range.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/Range/Range.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yIAA0B,CAAC"}
+{"version":3,"file":"Range.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/Range/Range.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yIAA0B,CAAC"}