@salutejs/plasma-new-hope 0.174.0-canary.1503.11466452273.0 → 0.174.0-canary.1504.11479867300.0

package/styled-components/es/examples/plasma_web/components/Notification/Notification.js

@@ -1,18 +1,16 @@
 import React from 'react';
-import { notificationConfig, NotificationsProvider as Provider } from '../../../../components/Notification';
+import { noticationConfig, NotificationsProvider as Provider } from '../../../../components/Notification';
 import { component, mergeConfig } from '../../../../engines';
 import { config } from './Notification.config';
 export { modalClasses } from '../../../../components/Modal';
-var mergedConfig = /*#__PURE__*/mergeConfig(notificationConfig, config);
+var mergedConfig = /*#__PURE__*/mergeConfig(noticationConfig, config);
 export var Notification = /*#__PURE__*/component(mergedConfig);
 export var NotificationsProvider = function NotificationsProvider(_ref) {
   var children = _ref.children,
     _ref$frame = _ref.frame,
-    frame = _ref$frame === void 0 ? 'theme-root' : _ref$frame,
-    placement = _ref.placement;
+    frame = _ref$frame === void 0 ? 'theme-root' : _ref$frame;
   return /*#__PURE__*/React.createElement(Provider, {
     config: mergedConfig,
-    frame: frame,
-    placement: placement
+    frame: frame
   }, children);
 };

package/styled-components/es/examples/plasma_web/components/Notification/Notification.stories.tsx

@@ -5,7 +5,6 @@ import type { StoryObj, Meta } from '@storybook/react';
 import { Button } from '../Button/Button';
 import { Modal } from '../Modal/Modal';
 import {
-    NotificationPlacement,
     NotificationIconPlacement,
     NotificationLayout,
     addNotification,
@@ -21,7 +20,6 @@ const titles = ['Выполнено', 'Внимание', 'Ошибка'];
 const texts = ['SSH ключ успешно скопирован', 'Нельзя скопировать SSH ключ', 'Не удалось скопировать SSH ключ'];
 const size = ['xs', 'xxs'];
 const iconPlacement = ['top', 'left'];
-const notificationsPlacements = ['bottom-right', 'bottom-left'];
 
 const longText = `JavaScript frameworks are an essential part of modern front-end web development,
 providing developers with proven tools for building scalable, interactive web applications.
@@ -51,7 +49,6 @@ interface StoryDefaultProps {
     layout: NotificationLayout;
     size: 'xs' | 'xxs';
     iconPlacement: NotificationIconPlacement;
-    placement?: NotificationPlacement;
 }
 
 const StoryDefault = ({ title, children, iconPlacement, size, layout, showLeftIcon, ...rest }: StoryDefaultProps) => {
@@ -114,10 +111,9 @@ type StoryLiveDemoProps = ComponentProps<typeof Notification> & {
     layout: NotificationLayout;
     size: 'xs' | 'xxs';
     iconPlacement: NotificationIconPlacement;
-    placement?: NotificationPlacement;
 };
 
-const StoryLiveDemo = ({ timeout, placement, ...rest }: StoryLiveDemoProps) => {
+const StoryLiveDemo = ({ timeout, ...rest }: StoryLiveDemoProps) => {
     const count = useRef(0);
     const handleClick = useCallback(() => {
         addNotification({ icon: <IconDisclosureRight />, ...rest, ...getNotificationProps(count.current) }, timeout);
@@ -125,7 +121,7 @@ const StoryLiveDemo = ({ timeout, placement, ...rest }: StoryLiveDemoProps) => {
     }, [count, rest]);
 
     return (
-        <NotificationsProvider placement={placement}>
+        <NotificationsProvider>
             <Button text="Добавить уведомление" onClick={handleClick} />
         </NotificationsProvider>
     );
@@ -139,28 +135,20 @@ export const LiveDemo: StoryObj<StoryLiveDemoProps> = {
                 type: 'select',
             },
         },
-        placement: {
-            options: notificationsPlacements,
-            control: {
-                type: 'select',
-            },
-        },
     },
     args: {
         timeout: 3000,
         role: 'alert',
         layout: 'vertical',
-        placement: 'bottom-right',
     },
     render: (args) => <StoryLiveDemo {...args} />,
 };
 
 type StoryWithModalProps = ComponentProps<typeof Notification> & {
     timeout: number;
-    placement?: NotificationPlacement;
 };
 
-const StoryWithModal = ({ timeout, placement }: StoryWithModalProps) => {
+const StoryWithModal = ({ timeout }: StoryWithModalProps) => {
     const [isModalOpen, setIsModalOpen] = useState(false);
     const count = useRef(0);
     const handleClick = useCallback(() => {
@@ -169,7 +157,7 @@ const StoryWithModal = ({ timeout, placement }: StoryWithModalProps) => {
     }, [count]);
 
     return (
-        <NotificationsProvider placement={placement}>
+        <NotificationsProvider>
             <PopupProvider>
                 <Button text="Open modal" onClick={() => setIsModalOpen(true)} />
                 <Modal frame="theme-root" opened={isModalOpen} onClose={() => setIsModalOpen(false)}>
@@ -184,15 +172,6 @@ const StoryWithModal = ({ timeout, placement }: StoryWithModalProps) => {
 export const WithModal: StoryObj<StoryLiveDemoProps> = {
     args: {
         timeout: 3500,
-        placement: 'bottom-right',
-    },
-    argTypes: {
-        placement: {
-            options: notificationsPlacements,
-            control: {
-                type: 'select',
-            },
-        },
     },
     render: (args) => <StoryWithModal {...args} />,
 };

package/styled-components/package.json

@@ -1,5 +1,6 @@
 {
     "module": "es/index.js",
     "main": "cjs/index.js",
-    "types": "../types/index.d.ts"
+    "types": "../types/index.d.ts",
+    "sideEffects": false
 }

package/types/components/Notification/Notification.d.ts

@@ -4,11 +4,11 @@ import { NotificationProps } from './Notification.types';
 /**
  * Компонент для небольших уведомлений пользователя
  */
-export declare const notificationRoot: (Root: RootProps<HTMLDivElement, Omit<NotificationProps, 'title'>>) => React.ForwardRefExoticComponent<NotificationProps & React.RefAttributes<HTMLDivElement>>;
-export declare const notificationConfig: {
+export declare const notificationRoot: (Root: RootProps<HTMLDivElement, NotificationProps>) => React.ForwardRefExoticComponent<NotificationProps & React.RefAttributes<HTMLDivElement>>;
+export declare const noticationConfig: {
     name: string;
     tag: string;
-    layout: (Root: RootProps<HTMLDivElement, Omit<NotificationProps, 'title'>>) => React.ForwardRefExoticComponent<NotificationProps & React.RefAttributes<HTMLDivElement>>;
+    layout: (Root: RootProps<HTMLDivElement, NotificationProps>) => React.ForwardRefExoticComponent<NotificationProps & React.RefAttributes<HTMLDivElement>>;
     base: import("@linaria/core").LinariaClassName;
     variations: {
         layout: {

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

@@ -1 +1 @@
-{"version":3,"file":"Notification.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/Notification.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAQ1C,OAAO,EAAsB,iBAAiB,EAAW,MAAM,sBAAsB,CAAC;AActF;;GAEG;AACH,eAAO,MAAM,gBAAgB,SAAU,UAAU,cAAc,EAAE,KAAK,iBAAiB,EAAE,OAAO,CAAC,CAAC,6FAwF5F,CAAC;AAEP,eAAO,MAAM,kBAAkB;;;mBA1FQ,UAAU,cAAc,EAAE,KAAK,iBAAiB,EAAE,OAAO,CAAC,CAAC;;;;;;;;;;;;;;;;;;CA+GjG,CAAC"}
+{"version":3,"file":"Notification.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/Notification.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAQ1C,OAAO,EAAsB,iBAAiB,EAAW,MAAM,sBAAsB,CAAC;AActF;;GAEG;AACH,eAAO,MAAM,gBAAgB,SAAU,UAAU,cAAc,EAAE,iBAAiB,CAAC,6FAwF7E,CAAC;AAEP,eAAO,MAAM,gBAAgB;;;mBA1FU,UAAU,cAAc,EAAE,iBAAiB,CAAC;;;;;;;;;;;;;;;;;;CA+GlF,CAAC"}

package/types/components/Notification/Notification.types.d.ts

@@ -1,5 +1,5 @@
 import type { AsProps } from '@salutejs/plasma-core';
-import { HTMLAttributes, ReactNode } from 'react';
+import { HTMLAttributes, ReactNode, RefAttributes } from 'react';
 import { ComponentConfig, PropsType, Variants } from '../../engines/types';
 export declare const layouts: {
     horizontal: string;
@@ -11,7 +11,6 @@ export declare const placements: {
     left: string;
 };
 export declare type NotificationIconPlacement = keyof typeof placements;
-export declare type NotificationPlacement = 'bottom-right' | 'bottom-left';
 export declare type LayoutType = {
     layout?: NotificationLayout;
 };
@@ -21,11 +20,11 @@ export declare type IconPlacementType = {
 export declare type CloseIconType = {
     showCloseIcon?: boolean;
 };
-export interface NotificationProps extends AsProps, Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+export interface NotificationProps extends AsProps, HTMLAttributes<HTMLDivElement> {
     /**
      * Заголовок.
      */
-    title?: ReactNode;
+    title?: string;
     /**
      * Контент под заголовком.
      */
@@ -71,19 +70,14 @@ export interface NotificationProps extends AsProps, Omit<HTMLAttributes<HTMLDivE
      */
     size?: string;
 }
-export interface NotificationPortalProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+export interface NotificationPortalProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Конфиг компонента Notification.
      */
-    config: ComponentConfig<string, Variants, PropsType<Variants>, NotificationProps & HTMLAttributes<HTMLDivElement>>;
+    config: ComponentConfig<string, Variants, PropsType<Variants>, NotificationProps & RefAttributes<HTMLDivElement>>;
     /**
      * В каком контейнере позиционируется(по умолчанию document), можно также указать id элемента или ref для него.
      */
     frame?: string;
-    /**
-     * Расположение компонента Notification во frame
-     * @default bottom-right
-     */
-    placement?: NotificationPlacement;
 }
 //# sourceMappingURL=Notification.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Notification.types.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/Notification.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE3E,eAAO,MAAM,OAAO;;;CAGnB,CAAC;AAEF,oBAAY,kBAAkB,GAAG,MAAM,OAAO,OAAO,CAAC;AAEtD,eAAO,MAAM,UAAU;;;CAGtB,CAAC;AAEF,oBAAY,yBAAyB,GAAG,MAAM,OAAO,UAAU,CAAC;AAChE,oBAAY,qBAAqB,GAAG,cAAc,GAAG,aAAa,CAAC;AAEnE,oBAAY,UAAU,GAAG;IACrB,MAAM,CAAC,EAAE,kBAAkB,CAAC;CAC/B,CAAC;AAEF,oBAAY,iBAAiB,GAAG;IAC5B,aAAa,CAAC,EAAE,yBAAyB,CAAC;CAC7C,CAAC;AAEF,oBAAY,aAAa,GAAG;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,MAAM,WAAW,iBAAkB,SAAQ,OAAO,EAAE,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC7F;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,aAAa,CAAC,EAAE,yBAAyB,CAAC;IAC1C;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC1F;;OAEG;IACH,MAAM,EAAE,eAAe,CAAC,MAAM,EAAE,QAAQ,EAAE,SAAS,CAAC,QAAQ,CAAC,EAAE,iBAAiB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC;IACnH;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,SAAS,CAAC,EAAE,qBAAqB,CAAC;CACrC"}
+{"version":3,"file":"Notification.types.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/Notification.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEjE,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE3E,eAAO,MAAM,OAAO;;;CAGnB,CAAC;AAEF,oBAAY,kBAAkB,GAAG,MAAM,OAAO,OAAO,CAAC;AAEtD,eAAO,MAAM,UAAU;;;CAGtB,CAAC;AAEF,oBAAY,yBAAyB,GAAG,MAAM,OAAO,UAAU,CAAC;AAEhE,oBAAY,UAAU,GAAG;IACrB,MAAM,CAAC,EAAE,kBAAkB,CAAC;CAC/B,CAAC;AAEF,oBAAY,iBAAiB,GAAG;IAC5B,aAAa,CAAC,EAAE,yBAAyB,CAAC;CAC7C,CAAC;AAEF,oBAAY,aAAa,GAAG;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,MAAM,WAAW,iBAAkB,SAAQ,OAAO,EAAE,cAAc,CAAC,cAAc,CAAC;IAC9E;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,aAAa,CAAC,EAAE,yBAAyB,CAAC;IAC1C;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,uBAAwB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC3E;;OAEG;IACH,MAAM,EAAE,eAAe,CAAC,MAAM,EAAE,QAAQ,EAAE,SAAS,CAAC,QAAQ,CAAC,EAAE,iBAAiB,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC,CAAC;IAClH;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB"}

package/types/components/Notification/NotificationsProvider.d.ts

@@ -1,11 +1,10 @@
-import { FC, HTMLAttributes, ReactNode } from 'react';
+import { FC, ReactNode, RefAttributes } from 'react';
 import { ComponentConfig } from '../../engines';
 import { PropsType, Variants } from '../../engines/types';
-import { NotificationPlacement, NotificationProps } from './Notification.types';
+import { NotificationProps } from './Notification.types';
 export declare const NotificationsProvider: FC<{
     children: ReactNode;
-    config: ComponentConfig<string, Variants, PropsType<Variants>, NotificationProps & HTMLAttributes<HTMLDivElement>>;
+    config: ComponentConfig<string, Variants, PropsType<Variants>, NotificationProps & RefAttributes<HTMLDivElement>>;
     frame?: string;
-    placement?: NotificationPlacement;
 }>;
 //# sourceMappingURL=NotificationsProvider.d.ts.map

package/types/components/Notification/NotificationsProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationsProvider.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/NotificationsProvider.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG7D,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAI1D,OAAO,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEhF,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC;IACnC,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,EAAE,eAAe,CAAC,MAAM,EAAE,QAAQ,EAAE,SAAS,CAAC,QAAQ,CAAC,EAAE,iBAAiB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC;IACnH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,qBAAqB,CAAC;CACrC,CAOA,CAAC"}
+{"version":3,"file":"NotificationsProvider.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/NotificationsProvider.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAG5D,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAI1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC;IACnC,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,EAAE,eAAe,CAAC,MAAM,EAAE,QAAQ,EAAE,SAAS,CAAC,QAAQ,CAAC,EAAE,iBAAiB,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC,CAAC;IAClH,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB,CAOA,CAAC"}

package/types/components/Notification/index.d.ts

@@ -1,6 +1,6 @@
 export { NotificationsProvider } from './NotificationsProvider';
-export { notificationRoot, notificationConfig } from './Notification';
+export { notificationRoot, noticationConfig } from './Notification';
 export { addNotification, closeNotification } from './NotificationsStore';
 export { classes as notificationClasses, tokens as notificationTokens } from './Notification.tokens';
-export type { NotificationProps, NotificationPortalProps, NotificationLayout, NotificationIconPlacement, NotificationPlacement, } from './Notification.types';
+export type { NotificationProps, NotificationPortalProps, NotificationLayout, NotificationIconPlacement, } from './Notification.types';
 //# sourceMappingURL=index.d.ts.map

package/types/components/Notification/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,IAAI,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AACrG,YAAY,EACR,iBAAiB,EACjB,uBAAuB,EACvB,kBAAkB,EAClB,yBAAyB,EACzB,qBAAqB,GACxB,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,IAAI,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AACrG,YAAY,EACR,iBAAiB,EACjB,uBAAuB,EACvB,kBAAkB,EAClB,yBAAyB,GAC5B,MAAM,sBAAsB,CAAC"}

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

@@ -20,6 +20,18 @@ export declare const tokens: {
     fontWeight: string;
     fontLetterSpacing: string;
     fontLineHeight: string;
+    labelFontFamily: string;
+    labelFontSize: string;
+    labelFontStyle: string;
+    labelFontWeight: string;
+    labelFontLetterSpacing: string;
+    labelFontLineHeight: string;
+    helperTextFontFamily: string;
+    helperTextFontSize: string;
+    helperTextFontStyle: string;
+    helperTextFontWeight: string;
+    helperTextFontLetterSpacing: string;
+    helperTextFontLineHeight: string;
     itemHeight: string;
     itemBorderRadius: string;
     itemPadding: string;
@@ -27,6 +39,8 @@ export declare const tokens: {
     itemIconSize: string;
     itemIconSizeTight: string;
     itemIconMargin: string;
+    itemBackground: string;
+    itemBackgroundHover: string;
     checkboxTriggerSize: string;
     checkboxTriggerSizeTight: string;
     checkboxTriggerBorderRadius: string;
@@ -79,6 +93,8 @@ export declare const tokens: {
     helperTextOffset: string;
     spinnerSize: string;
     spinnerSizeTight: string;
+    disclosureIconColor: string;
+    disclosureIconColorHover: string;
 };
 export declare const constants: {
     focusColor: string;

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

@@ -1 +1 @@
-{"version":3,"file":"Select.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;CAWnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgFlB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;CAoBrB,CAAC"}
+{"version":3,"file":"Select.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;CAWnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmGlB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;CAoBrB,CAAC"}

package/types/examples/plasma_b2c/components/Notification/Notification.d.ts

@@ -1,11 +1,9 @@
 import React, { ReactNode } from 'react';
-import { NotificationProps, NotificationPlacement } from '../../../../components/Notification';
+import { NotificationProps } from '../../../../components/Notification';
 export { modalClasses } from '../../../../components/Modal';
-export declare const Notification: React.ForwardRefExoticComponent<NotificationProps & React.HTMLAttributes<HTMLDivElement>>;
-export type { NotificationPlacement };
+export declare const Notification: React.ForwardRefExoticComponent<NotificationProps & React.RefAttributes<HTMLDivElement>>;
 export declare const NotificationsProvider: React.FC<{
     children: ReactNode;
     frame?: string;
-    placement?: NotificationPlacement;
 }>;
 //# sourceMappingURL=Notification.d.ts.map

package/types/examples/plasma_b2c/components/Notification/Notification.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Notification/Notification.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA6C,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpF,OAAO,EAEH,iBAAiB,EAEjB,qBAAqB,EACxB,MAAM,qCAAqC,CAAC;AAK7C,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAI5D,eAAO,MAAM,YAAY,2FAExB,CAAC;AAEF,YAAY,EAAE,qBAAqB,EAAE,CAAC;AAEtC,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC;IACzC,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,qBAAqB,CAAC;CACrC,CAMA,CAAC"}
+{"version":3,"file":"Notification.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Notification/Notification.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA6B,SAAS,EAAiB,MAAM,OAAO,CAAC;AAEnF,OAAO,EAEH,iBAAiB,EAEpB,MAAM,qCAAqC,CAAC;AAK7C,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAI5D,eAAO,MAAM,YAAY,0FAExB,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,SAAS,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CASnF,CAAC"}

package/types/examples/plasma_web/components/Notification/Notification.d.ts

@@ -1,11 +1,20 @@
 import React, { ReactNode } from 'react';
-import { NotificationProps, NotificationPlacement } from '../../../../components/Notification';
 export { modalClasses } from '../../../../components/Modal';
-export declare const Notification: React.ForwardRefExoticComponent<NotificationProps & React.HTMLAttributes<HTMLDivElement>>;
-export type { NotificationPlacement };
+export declare const Notification: React.FunctionComponent<import("../../../../engines/types").PropsType<{
+    view: {
+        default: import("@linaria/core").LinariaClassName;
+    };
+    layout: {
+        horizontal: import("@linaria/core").LinariaClassName;
+        vertical: import("@linaria/core").LinariaClassName;
+    };
+    size: {
+        xs: import("@linaria/core").LinariaClassName;
+        xxs: import("@linaria/core").LinariaClassName;
+    };
+}> & import("../../../../components/Notification").NotificationProps & React.RefAttributes<HTMLDivElement>>;
 export declare const NotificationsProvider: React.FC<{
     children: ReactNode;
     frame?: string;
-    placement?: NotificationPlacement;
 }>;
 //# sourceMappingURL=Notification.d.ts.map

package/types/examples/plasma_web/components/Notification/Notification.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Notification/Notification.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA6C,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpF,OAAO,EAEH,iBAAiB,EAEjB,qBAAqB,EACxB,MAAM,qCAAqC,CAAC;AAK7C,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAI5D,eAAO,MAAM,YAAY,2FAExB,CAAC;AAEF,YAAY,EAAE,qBAAqB,EAAE,CAAC;AAEtC,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC;IACzC,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,qBAAqB,CAAC;CACrC,CAMA,CAAC"}
+{"version":3,"file":"Notification.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Notification/Notification.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOzC,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAI5D,eAAO,MAAM,YAAY;;;;;;;;;;;;2GAA0B,CAAC;AAEpD,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,SAAS,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CASnF,CAAC"}

package/cjs/components/Select/Select.styles_1nzals0.css

@@ -1,5 +0,0 @@
-.spxbau6 .popover-root{width:var(--spxbau6-0);}.spxbau6 .popover-target{width:100%;}
-.u1yey2x3{box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(--plasma-select-border-radius);width:var(--u1yey2x3-0);height:var(--u1yey2x3-1);overflow:var(--u1yey2x3-2);border:var(--plasma-select-popover-border-width) solid var(--plasma-select-popover-border-color);margin:var(--u1yey2x3-3);padding:var(--plasma-select-padding);}
-.bvro45w .popover-wrapper,.bvro45w .popover-target{display:block;}
-.ogpldc9{display:block;margin-bottom:var(--plasma-select-label-offset);color:var(--text-primary);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
-.h2ef052{margin-top:var(--plasma-select-helper-text-offset);color:var(--plasma-select-helper-text-color);font-family:var(--plasma-typo-body-xs-font-family);font-size:var(--plasma-typo-body-xs-font-size);font-style:var(--plasma-typo-body-xs-font-style);font-weight:var(--plasma-typo-body-xs-font-weight);-webkit-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-moz-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-ms-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);letter-spacing:var(--plasma-typo-body-xs-letter-spacing);line-height:var(--plasma-typo-body-xs-line-height);}

package/es/components/Select/Select.styles_1nzals0.css

@@ -1,5 +0,0 @@
-.spxbau6 .popover-root{width:var(--spxbau6-0);}.spxbau6 .popover-target{width:100%;}
-.u1yey2x3{box-sizing:border-box;background:var(--surface-solid-card);box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);border-radius:var(--plasma-select-border-radius);width:var(--u1yey2x3-0);height:var(--u1yey2x3-1);overflow:var(--u1yey2x3-2);border:var(--plasma-select-popover-border-width) solid var(--plasma-select-popover-border-color);margin:var(--u1yey2x3-3);padding:var(--plasma-select-padding);}
-.bvro45w .popover-wrapper,.bvro45w .popover-target{display:block;}
-.ogpldc9{display:block;margin-bottom:var(--plasma-select-label-offset);color:var(--text-primary);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
-.h2ef052{margin-top:var(--plasma-select-helper-text-offset);color:var(--plasma-select-helper-text-color);font-family:var(--plasma-typo-body-xs-font-family);font-size:var(--plasma-typo-body-xs-font-size);font-style:var(--plasma-typo-body-xs-font-style);font-weight:var(--plasma-typo-body-xs-font-weight);-webkit-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-moz-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);-ms-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);letter-spacing:var(--plasma-typo-body-xs-letter-spacing);line-height:var(--plasma-typo-body-xs-line-height);}