@salutejs/plasma-new-hope 0.325.0-canary.1954.15294244136.0 → 0.325.0-canary.1954.15297919353.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.
- package/cjs/components/List/List.css +4 -0
- package/cjs/components/List/List.js +4 -9
- package/cjs/components/List/List.js.map +1 -1
- package/cjs/components/List/List.tokens.js +5 -2
- package/cjs/components/List/List.tokens.js.map +1 -1
- package/cjs/components/List/ui/ListItem.css +2 -2
- package/cjs/components/List/ui/ListItem.js +2 -1
- package/cjs/components/List/ui/ListItem.js.map +1 -1
- package/cjs/components/List/ui/ListItem.styles.js +1 -1
- package/cjs/components/List/ui/ListItem.styles.js.map +1 -1
- package/cjs/components/List/ui/ListItem.styles_106alid.css +2 -0
- package/cjs/components/List/variations/_disabled/base.js +1 -1
- package/cjs/components/List/variations/_disabled/base.js.map +1 -1
- package/cjs/components/List/variations/_disabled/base_1p96e1z.css +1 -0
- package/cjs/components/List/variations/_view/base.js +1 -1
- package/cjs/components/List/variations/_view/base.js.map +1 -1
- package/cjs/components/List/variations/_view/base_1fsqflm.css +1 -0
- package/cjs/components/Notification/Notification.css +12 -12
- package/cjs/components/Notification/Notification.js +5 -1
- package/cjs/components/Notification/Notification.js.map +1 -1
- package/cjs/components/Notification/Notification.styles.js +63 -48
- package/cjs/components/Notification/Notification.styles.js.map +1 -1
- package/cjs/components/Notification/{Notification.styles_1yt699o.css → Notification.styles_1uyb7ob.css} +1 -1
- package/cjs/components/Notification/Notification.types.js.map +1 -1
- package/cjs/components/Notification/NotificationsProvider.css +11 -11
- package/cjs/components/Notification/variations/_layout/base.js +1 -1
- package/cjs/components/Notification/variations/_layout/base.js.map +1 -1
- package/cjs/components/Notification/variations/_layout/base_1g9g70c.css +1 -0
- package/cjs/components/NumberFormat/NumberFormat.js +2 -7
- package/cjs/components/NumberFormat/NumberFormat.js.map +1 -1
- package/cjs/index.css +18 -14
- package/emotion/cjs/components/List/List.js +8 -13
- package/emotion/cjs/components/List/List.template-doc.mdx +42 -0
- package/emotion/cjs/components/List/List.tokens.js +5 -2
- package/emotion/cjs/components/List/ui/ListItem.js +2 -1
- package/emotion/cjs/components/List/ui/ListItem.styles.js +2 -2
- package/emotion/cjs/components/List/variations/_disabled/base.js +3 -1
- package/emotion/cjs/components/List/variations/_view/base.js +3 -1
- package/emotion/cjs/components/Notification/Notification.js +5 -1
- package/emotion/cjs/components/Notification/Notification.styles.js +43 -36
- package/emotion/cjs/components/Notification/Notification.template-doc.mdx +44 -0
- package/emotion/cjs/components/Notification/variations/_layout/base.js +1 -1
- package/emotion/cjs/components/NumberFormat/NumberFormat.js +2 -7
- package/emotion/cjs/components/TextField/TextField.template-doc.mdx +16 -1
- package/emotion/cjs/examples/fixtures/Notification.js +1 -1
- package/emotion/cjs/examples/plasma_b2c/components/List/List.config.js +8 -13
- package/emotion/cjs/examples/plasma_b2c/components/List/List.stories.tsx +1 -0
- package/emotion/cjs/examples/plasma_b2c/components/Notification/Notification.stories.tsx +5 -1
- package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +23 -22
- package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +9 -4
- package/emotion/cjs/examples/plasma_web/components/List/List.config.js +8 -13
- package/emotion/cjs/examples/plasma_web/components/List/List.stories.tsx +1 -0
- package/emotion/cjs/examples/plasma_web/components/Notification/Notification.stories.tsx +5 -1
- package/emotion/cjs/examples/plasma_web/components/TextField/TextField.config.js +23 -22
- package/emotion/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +10 -5
- package/emotion/es/components/List/List.js +2 -7
- package/emotion/es/components/List/List.template-doc.mdx +42 -0
- package/emotion/es/components/List/List.tokens.js +5 -2
- package/emotion/es/components/List/ui/ListItem.js +2 -1
- package/emotion/es/components/List/ui/ListItem.styles.js +3 -3
- package/emotion/es/components/List/variations/_disabled/base.js +3 -1
- package/emotion/es/components/List/variations/_view/base.js +3 -1
- package/emotion/es/components/Notification/Notification.js +5 -1
- package/emotion/es/components/Notification/Notification.styles.js +43 -36
- package/emotion/es/components/Notification/Notification.template-doc.mdx +44 -0
- package/emotion/es/components/Notification/variations/_layout/base.js +1 -1
- package/emotion/es/components/NumberFormat/NumberFormat.js +2 -7
- package/emotion/es/components/TextField/TextField.template-doc.mdx +16 -1
- package/emotion/es/examples/fixtures/Notification.js +1 -1
- package/emotion/es/examples/plasma_b2c/components/List/List.config.js +8 -13
- package/emotion/es/examples/plasma_b2c/components/List/List.stories.tsx +1 -0
- package/emotion/es/examples/plasma_b2c/components/Notification/Notification.stories.tsx +5 -1
- package/emotion/es/examples/plasma_b2c/components/TextField/TextField.config.js +23 -22
- package/emotion/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +9 -4
- package/emotion/es/examples/plasma_web/components/List/List.config.js +8 -13
- package/emotion/es/examples/plasma_web/components/List/List.stories.tsx +1 -0
- package/emotion/es/examples/plasma_web/components/Notification/Notification.stories.tsx +5 -1
- package/emotion/es/examples/plasma_web/components/TextField/TextField.config.js +23 -22
- package/emotion/es/examples/plasma_web/components/TextField/TextField.stories.tsx +10 -5
- package/es/components/List/List.css +4 -0
- package/es/components/List/List.js +4 -9
- package/es/components/List/List.js.map +1 -1
- package/es/components/List/List.tokens.js +5 -2
- package/es/components/List/List.tokens.js.map +1 -1
- package/es/components/List/ui/ListItem.css +2 -2
- package/es/components/List/ui/ListItem.js +2 -1
- package/es/components/List/ui/ListItem.js.map +1 -1
- package/es/components/List/ui/ListItem.styles.js +1 -1
- package/es/components/List/ui/ListItem.styles.js.map +1 -1
- package/es/components/List/ui/ListItem.styles_106alid.css +2 -0
- package/es/components/List/variations/_disabled/base.js +1 -1
- package/es/components/List/variations/_disabled/base.js.map +1 -1
- package/es/components/List/variations/_disabled/base_1p96e1z.css +1 -0
- package/es/components/List/variations/_view/base.js +1 -1
- package/es/components/List/variations/_view/base.js.map +1 -1
- package/es/components/List/variations/_view/base_1fsqflm.css +1 -0
- package/es/components/Notification/Notification.css +12 -12
- package/es/components/Notification/Notification.js +5 -1
- package/es/components/Notification/Notification.js.map +1 -1
- package/es/components/Notification/Notification.styles.js +63 -48
- package/es/components/Notification/Notification.styles.js.map +1 -1
- package/es/components/Notification/{Notification.styles_1yt699o.css → Notification.styles_1uyb7ob.css} +1 -1
- package/es/components/Notification/Notification.types.js.map +1 -1
- package/es/components/Notification/NotificationsProvider.css +11 -11
- package/es/components/Notification/variations/_layout/base.js +1 -1
- package/es/components/Notification/variations/_layout/base.js.map +1 -1
- package/es/components/Notification/variations/_layout/base_1g9g70c.css +1 -0
- package/es/components/NumberFormat/NumberFormat.js +2 -7
- package/es/components/NumberFormat/NumberFormat.js.map +1 -1
- package/es/index.css +18 -14
- package/package.json +2 -2
- package/styled-components/cjs/components/List/List.js +8 -13
- package/styled-components/cjs/components/List/List.template-doc.mdx +42 -0
- package/styled-components/cjs/components/List/List.tokens.js +5 -2
- package/styled-components/cjs/components/List/ui/ListItem.js +2 -1
- package/styled-components/cjs/components/List/ui/ListItem.styles.js +1 -1
- package/styled-components/cjs/components/List/variations/_disabled/base.js +3 -1
- package/styled-components/cjs/components/List/variations/_view/base.js +3 -1
- package/styled-components/cjs/components/Notification/Notification.js +5 -1
- package/styled-components/cjs/components/Notification/Notification.styles.js +33 -26
- package/styled-components/cjs/components/Notification/Notification.template-doc.mdx +44 -0
- package/styled-components/cjs/components/Notification/variations/_layout/base.js +1 -1
- package/styled-components/cjs/components/NumberFormat/NumberFormat.js +2 -7
- package/styled-components/cjs/components/TextField/TextField.template-doc.mdx +16 -1
- package/styled-components/cjs/examples/fixtures/Notification.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/List/List.config.js +8 -13
- package/styled-components/cjs/examples/plasma_b2c/components/List/List.stories.tsx +1 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Notification/Notification.stories.tsx +5 -1
- package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +2 -1
- package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +9 -4
- package/styled-components/cjs/examples/plasma_web/components/List/List.config.js +8 -13
- package/styled-components/cjs/examples/plasma_web/components/List/List.stories.tsx +1 -0
- package/styled-components/cjs/examples/plasma_web/components/Notification/Notification.stories.tsx +5 -1
- package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.config.js +7 -6
- package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +10 -5
- package/styled-components/es/components/List/List.js +2 -7
- package/styled-components/es/components/List/List.template-doc.mdx +42 -0
- package/styled-components/es/components/List/List.tokens.js +5 -2
- package/styled-components/es/components/List/ui/ListItem.js +2 -1
- package/styled-components/es/components/List/ui/ListItem.styles.js +2 -2
- package/styled-components/es/components/List/variations/_disabled/base.js +3 -1
- package/styled-components/es/components/List/variations/_view/base.js +3 -1
- package/styled-components/es/components/Notification/Notification.js +5 -1
- package/styled-components/es/components/Notification/Notification.styles.js +33 -26
- package/styled-components/es/components/Notification/Notification.template-doc.mdx +44 -0
- package/styled-components/es/components/Notification/variations/_layout/base.js +1 -1
- package/styled-components/es/components/NumberFormat/NumberFormat.js +2 -7
- package/styled-components/es/components/TextField/TextField.template-doc.mdx +16 -1
- package/styled-components/es/examples/fixtures/Notification.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/List/List.config.js +8 -13
- package/styled-components/es/examples/plasma_b2c/components/List/List.stories.tsx +1 -0
- package/styled-components/es/examples/plasma_b2c/components/Notification/Notification.stories.tsx +5 -1
- package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.config.js +2 -1
- package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +9 -4
- package/styled-components/es/examples/plasma_web/components/List/List.config.js +8 -13
- package/styled-components/es/examples/plasma_web/components/List/List.stories.tsx +1 -0
- package/styled-components/es/examples/plasma_web/components/Notification/Notification.stories.tsx +5 -1
- package/styled-components/es/examples/plasma_web/components/TextField/TextField.config.js +7 -6
- package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +10 -5
- package/types/components/List/List.d.ts +2 -9
- package/types/components/List/List.d.ts.map +1 -1
- package/types/components/List/List.tokens.d.ts +4 -1
- package/types/components/List/List.tokens.d.ts.map +1 -1
- package/types/components/List/List.types.d.ts +2 -4
- package/types/components/List/List.types.d.ts.map +1 -1
- package/types/components/List/ui/ListItem.d.ts.map +1 -1
- package/types/components/List/ui/ListItem.styles.d.ts +1 -3
- package/types/components/List/ui/ListItem.styles.d.ts.map +1 -1
- package/types/components/List/ui/ListItem.types.d.ts +0 -1
- package/types/components/List/ui/ListItem.types.d.ts.map +1 -1
- package/types/components/List/variations/_disabled/base.d.ts.map +1 -1
- package/types/components/List/variations/_view/base.d.ts.map +1 -1
- package/types/components/Notification/Notification.d.ts.map +1 -1
- package/types/components/Notification/Notification.styles.d.ts +3 -1
- package/types/components/Notification/Notification.styles.d.ts.map +1 -1
- package/types/components/Notification/Notification.types.d.ts +9 -0
- package/types/components/Notification/Notification.types.d.ts.map +1 -1
- package/types/components/NumberFormat/NumberFormat.d.ts.map +1 -1
- package/cjs/components/List/ui/ListItem.styles_1eo5k14.css +0 -2
- package/cjs/components/List/variations/_disabled/base_x642ct.css +0 -1
- package/cjs/components/List/variations/_variant/base.js +0 -9
- package/cjs/components/List/variations/_variant/base.js.map +0 -1
- package/cjs/components/List/variations/_variant/base_x642ct.css +0 -1
- package/cjs/components/List/variations/_view/base_x642ct.css +0 -1
- package/cjs/components/Notification/variations/_layout/base_qkc3i4.css +0 -1
- package/emotion/cjs/components/List/variations/_variant/base.js +0 -8
- package/emotion/cjs/components/List/variations/_variant/tokens.json +0 -1
- package/emotion/es/components/List/variations/_variant/base.js +0 -2
- package/emotion/es/components/List/variations/_variant/tokens.json +0 -1
- package/es/components/List/ui/ListItem.styles_1eo5k14.css +0 -2
- package/es/components/List/variations/_disabled/base_x642ct.css +0 -1
- package/es/components/List/variations/_variant/base.js +0 -5
- package/es/components/List/variations/_variant/base.js.map +0 -1
- package/es/components/List/variations/_variant/base_x642ct.css +0 -1
- package/es/components/List/variations/_view/base_x642ct.css +0 -1
- package/es/components/Notification/variations/_layout/base_qkc3i4.css +0 -1
- package/styled-components/cjs/components/List/variations/_variant/base.js +0 -8
- package/styled-components/cjs/components/List/variations/_variant/tokens.json +0 -1
- package/styled-components/es/components/List/variations/_variant/base.js +0 -2
- package/styled-components/es/components/List/variations/_variant/tokens.json +0 -1
- package/types/components/List/variations/_variant/base.d.ts +0 -2
- package/types/components/List/variations/_variant/base.d.ts.map +0 -1
@@ -1,13 +1,14 @@
|
|
1
1
|
import React, { ComponentProps, useState } from 'react';
|
2
2
|
import type { StoryObj, Meta } from '@storybook/react';
|
3
3
|
import { action } from '@storybook/addon-actions';
|
4
|
-
import { IconPlaceholder } from '@salutejs/plasma-sb-utils';
|
4
|
+
import { IconPlaceholder, getConfigVariations } from '@salutejs/plasma-sb-utils';
|
5
5
|
|
6
6
|
import { WithTheme } from '../../../_helpers';
|
7
7
|
import { IconCross, IconLock } from '../../../../components/_Icon';
|
8
8
|
import type { PopoverPlacement } from '../Popover/Popover';
|
9
9
|
|
10
10
|
import { TextField } from './TextField';
|
11
|
+
import { config } from './TextField.config';
|
11
12
|
|
12
13
|
const onChange = action('onChange');
|
13
14
|
const onFocus = action('onFocus');
|
@@ -15,14 +16,14 @@ const onBlur = action('onBlur');
|
|
15
16
|
const onSearch = action('onSearch');
|
16
17
|
const onChipsChange = action('onChipsChange');
|
17
18
|
|
18
|
-
const
|
19
|
-
|
19
|
+
const { views, sizes } = getConfigVariations(config);
|
20
|
+
|
20
21
|
const chipViews = ['default', 'secondary', 'accent', 'positive', 'warning', 'negative'];
|
21
22
|
const hintViews = ['default'];
|
22
23
|
const hintSizes = ['m', 's'];
|
23
24
|
const hintTriggers = ['hover', 'click'];
|
24
|
-
const hintTargetPlacements = ['outer', 'inner'];
|
25
25
|
const labelPlacements = ['outer', 'inner'];
|
26
|
+
const hintTargetPlacements = ['outer', 'inner'];
|
26
27
|
const placements: Array<PopoverPlacement> = [
|
27
28
|
'top',
|
28
29
|
'top-start',
|
@@ -63,6 +64,10 @@ const meta: Meta<typeof TextField> = {
|
|
63
64
|
control: {
|
64
65
|
type: 'select',
|
65
66
|
},
|
67
|
+
if: {
|
68
|
+
arg: 'optional',
|
69
|
+
truthy: false,
|
70
|
+
},
|
66
71
|
},
|
67
72
|
required: {
|
68
73
|
control: {
|
@@ -322,7 +327,7 @@ export const Default: StoryObj<StoryPropsDefault> = {
|
|
322
327
|
},
|
323
328
|
parameters: {
|
324
329
|
controls: {
|
325
|
-
exclude: ['chipType'],
|
330
|
+
exclude: ['chipType', 'chipView'],
|
326
331
|
},
|
327
332
|
},
|
328
333
|
render: (args) => <StoryDemo {...args} />,
|
@@ -2,7 +2,6 @@ import React, { forwardRef } from 'react';
|
|
2
2
|
import cls from 'classnames';
|
3
3
|
import { base } from "./List.styles";
|
4
4
|
import { classes } from "./List.tokens";
|
5
|
-
import { base as variantCSS } from "./variations/_variant/base";
|
6
5
|
import { base as viewCSS } from "./variations/_view/base";
|
7
6
|
import { base as sizeCSS } from "./variations/_size/base";
|
8
7
|
import { base as disabledCSS } from "./variations/_disabled/base";
|
@@ -10,17 +9,16 @@ export var listRoot = function listRoot(Root) {
|
|
10
9
|
return /*#__PURE__*/forwardRef(function (_ref, outerRootRef) {
|
11
10
|
var size = _ref.size,
|
12
11
|
view = _ref.view,
|
13
|
-
variant = _ref.variant,
|
14
12
|
disabled = _ref.disabled,
|
13
|
+
variant = _ref.variant,
|
15
14
|
className = _ref.className,
|
16
15
|
children = _ref.children;
|
17
16
|
return /*#__PURE__*/React.createElement(Root, {
|
18
17
|
ref: outerRootRef,
|
19
18
|
size: size,
|
20
19
|
view: view,
|
21
|
-
variant: variant,
|
22
20
|
disabled: disabled,
|
23
|
-
className: cls(classes.listRoot, className)
|
21
|
+
className: cls(classes.listRoot, className, variant === 'tight' ? classes.tightListItem : '', disabled ? classes.disabledList : '')
|
24
22
|
}, children);
|
25
23
|
});
|
26
24
|
};
|
@@ -36,9 +34,6 @@ export var listConfig = {
|
|
36
34
|
size: {
|
37
35
|
css: sizeCSS
|
38
36
|
},
|
39
|
-
variant: {
|
40
|
-
css: variantCSS
|
41
|
-
},
|
42
37
|
disabled: {
|
43
38
|
css: disabledCSS
|
44
39
|
}
|
@@ -0,0 +1,42 @@
|
|
1
|
+
---
|
2
|
+
id: list
|
3
|
+
title: List
|
4
|
+
---
|
5
|
+
|
6
|
+
import { PropsTable } from '@site/src/components';
|
7
|
+
|
8
|
+
# List
|
9
|
+
Компонент ячейки.
|
10
|
+
|
11
|
+
<PropsTable name="List" />
|
12
|
+
|
13
|
+
Компонент представляет собой спсиок состоящий из `ListItem`.
|
14
|
+
|
15
|
+
ListItem представляет собой простой компонент с текстом и иконкой
|
16
|
+
|
17
|
+
### Типы ListItem
|
18
|
+
<PropsTable name="ListItem" />
|
19
|
+
|
20
|
+
## Примеры
|
21
|
+
|
22
|
+
### Базовое использование
|
23
|
+
```tsx live
|
24
|
+
import React from 'react';
|
25
|
+
import { List, ListItem } from '@salutejs/{{ package }}';
|
26
|
+
import { IconChevronRight } from '@salutejs/plasma-icons';
|
27
|
+
|
28
|
+
export function App() {
|
29
|
+
return (
|
30
|
+
<div>
|
31
|
+
<List view="default" size="s" variant="normal">
|
32
|
+
<ListItem contentRight={<IconChevronRight color="inherit" size="xs" />}>Test Item 1</ListItem>
|
33
|
+
<ListItem contentRight={<IconChevronRight color="inherit" size="xs" />}>Test Item 2</ListItem>
|
34
|
+
<ListItem contentRight={<IconChevronRight color="inherit" size="xs" />} disabled>
|
35
|
+
Test Item 3
|
36
|
+
</ListItem>
|
37
|
+
<ListItem contentRight={<IconChevronRight color="inherit" size="xs" />}>Test Item 4</ListItem>
|
38
|
+
</List>
|
39
|
+
</div>
|
40
|
+
);
|
41
|
+
}
|
42
|
+
```
|
@@ -2,7 +2,10 @@ export var classes = {
|
|
2
2
|
listRoot: 'list-root',
|
3
3
|
listItem: 'list-item',
|
4
4
|
filledStretching: 'list-stretching-filled',
|
5
|
-
fixedStretching: 'list-stretching-fixed'
|
5
|
+
fixedStretching: 'list-stretching-fixed',
|
6
|
+
tightListItem: 'list-item-tight',
|
7
|
+
disabledList: 'list-item-disabled',
|
8
|
+
disabledListItem: 'list-item-disabled-item'
|
6
9
|
};
|
7
10
|
export var tokens = {
|
8
11
|
listGap: '--plasma-list-gap',
|
@@ -20,7 +23,7 @@ export var tokens = {
|
|
20
23
|
listItemIconLeftColor: '--plasma-list-item-color-icon-left',
|
21
24
|
listItemIconRightColor: '--plasma-list-item-color-icon-right',
|
22
25
|
listItemGap: '--plasma-list-item-gap',
|
23
|
-
|
26
|
+
listItemTightDifference: '--plasma-list-item-tight-difference',
|
24
27
|
listItemColor: '--plasma-list-item-color',
|
25
28
|
listItemColorHover: '--plasma-list-item-color-hover',
|
26
29
|
listItemFontFamily: '--plasma-list-item-font-family',
|
@@ -3,6 +3,7 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
|
|
3
3
|
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
4
4
|
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
5
5
|
import React from 'react';
|
6
|
+
import { classes } from "../List.tokens";
|
6
7
|
import { StyledListItem, CellItem } from "./ListItem.styles";
|
7
8
|
export var ListItem = function ListItem(_ref) {
|
8
9
|
var children = _ref.children,
|
@@ -10,7 +11,7 @@ export var ListItem = function ListItem(_ref) {
|
|
10
11
|
disabled = _ref.disabled,
|
11
12
|
rest = _objectWithoutProperties(_ref, _excluded);
|
12
13
|
return /*#__PURE__*/React.createElement(StyledListItem, _extends({
|
13
|
-
disabled:
|
14
|
+
className: disabled ? classes.disabledListItem : ''
|
14
15
|
}, rest), /*#__PURE__*/React.createElement(CellItem, {
|
15
16
|
contentRight: contentRight
|
16
17
|
}, children));
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import _styled from "@emotion/styled/base";
|
2
|
-
import { tokens } from "../List.tokens";
|
2
|
+
import { tokens, classes } from "../List.tokens";
|
3
3
|
import { cellConfig, cellTokens } from "../../Cell";
|
4
4
|
import { component, mergeConfig } from "../../../engines";
|
5
5
|
var mergedCellConfig = /*#__PURE__*/mergeConfig(cellConfig);
|
@@ -7,8 +7,8 @@ var Cell = /*#__PURE__*/component(mergedCellConfig);
|
|
7
7
|
export var CellItem = /*#__PURE__*/_styled(Cell, {
|
8
8
|
target: "e1juutei1",
|
9
9
|
label: "plasma-new-hope__CellItem"
|
10
|
-
})(cellTokens.cellWidth, ":100%;", cellTokens.cellPadding, ":0rem;", cellTokens.cellPaddingLeftContent, ":0rem;", cellTokens.cellPaddingContent, ":0rem;", cellTokens.cellPaddingRightContent, ":0rem;", cellTokens.cellTextboxGap, ":0rem;", cellTokens.cellGap, ":var(", tokens.listItemGap, ");", cellTokens.cellColor, ":var(", tokens.listItemColor, ");", cellTokens.cellBackgroundColor, ":transparent;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
10
|
+
})(cellTokens.cellWidth, ":100%;", cellTokens.cellPadding, ":0rem;", cellTokens.cellPaddingLeftContent, ":0rem;", cellTokens.cellPaddingContent, ":0rem;", cellTokens.cellPaddingRightContent, ":0rem;", cellTokens.cellTextboxGap, ":0rem;", cellTokens.cellGap, ":var(", tokens.listItemGap, ");", cellTokens.cellColor, ":var(", tokens.listItemColor, ");", cellTokens.cellBackgroundColor, ":transparent;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTGlzdC91aS9MaXN0SXRlbS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVNvQyIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0xpc3QvdWkvTGlzdEl0ZW0uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgdG9rZW5zLCBjbGFzc2VzIH0gZnJvbSAnLi4vTGlzdC50b2tlbnMnO1xuaW1wb3J0IHsgY2VsbENvbmZpZywgY2VsbFRva2VucyB9IGZyb20gJy4uLy4uL0NlbGwnO1xuaW1wb3J0IHsgY29tcG9uZW50LCBtZXJnZUNvbmZpZyB9IGZyb20gJy4uLy4uLy4uL2VuZ2luZXMnO1xuXG5jb25zdCBtZXJnZWRDZWxsQ29uZmlnID0gbWVyZ2VDb25maWcoY2VsbENvbmZpZyk7XG5jb25zdCBDZWxsID0gY29tcG9uZW50KG1lcmdlZENlbGxDb25maWcpO1xuXG5leHBvcnQgY29uc3QgQ2VsbEl0ZW0gPSBzdHlsZWQoQ2VsbClgXG4gICAgJHtjZWxsVG9rZW5zLmNlbGxXaWR0aH06IDEwMCU7XG5cbiAgICAke2NlbGxUb2tlbnMuY2VsbFBhZGRpbmd9OiAwcmVtO1xuICAgICR7Y2VsbFRva2Vucy5jZWxsUGFkZGluZ0xlZnRDb250ZW50fTogMHJlbTtcbiAgICAke2NlbGxUb2tlbnMuY2VsbFBhZGRpbmdDb250ZW50fTogMHJlbTtcbiAgICAke2NlbGxUb2tlbnMuY2VsbFBhZGRpbmdSaWdodENvbnRlbnR9OiAwcmVtO1xuXG4gICAgJHtjZWxsVG9rZW5zLmNlbGxUZXh0Ym94R2FwfTogMHJlbTtcbiAgICAke2NlbGxUb2tlbnMuY2VsbEdhcH06IHZhcigke3Rva2Vucy5saXN0SXRlbUdhcH0pO1xuICAgICR7Y2VsbFRva2Vucy5jZWxsQ29sb3J9OiB2YXIoJHt0b2tlbnMubGlzdEl0ZW1Db2xvcn0pO1xuICAgICR7Y2VsbFRva2Vucy5jZWxsQmFja2dyb3VuZENvbG9yfTogdHJhbnNwYXJlbnQ7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGlzdEl0ZW0gPSBzdHlsZWQubGlgXG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLmxpc3RJdGVtUGFkZGluZ1RvcH0pIHZhcigke3Rva2Vucy5saXN0SXRlbVBhZGRpbmdSaWdodH0pIHZhcigke3Rva2Vucy5saXN0SXRlbVBhZGRpbmdCb3R0b219KVxuICAgICAgICB2YXIoJHt0b2tlbnMubGlzdEl0ZW1QYWRkaW5nTGVmdH0pO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5saXN0SXRlbUJvcmRlclJhZGl1c30pO1xuICAgIGJhY2tncm91bmQ6IHZhcigke3Rva2Vucy5saXN0SXRlbUJhY2tncm91bmR9KTtcbiAgICBib3JkZXI6IHZhcigke3Rva2Vucy5saXN0SXRlbUJvcmRlcldpZHRofSkgc29saWQgdmFyKCR7dG9rZW5zLmxpc3RJdGVtQm9yZGVyQ29sb3J9KTtcblxuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMubGlzdEl0ZW1Db2xvcn0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmxpc3RJdGVtRm9udFNpemV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmxpc3RJdGVtRm9udFdlaWdodH0pO1xuICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMubGlzdEl0ZW1Gb250RmFtaWx5fSk7XG4gICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLmxpc3RJdGVtRm9udFN0eWxlfSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy5saXN0SXRlbUxpbmVIZWlnaHR9KTtcbiAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLmxpc3RJdGVtTGV0dGVyU3BhY2luZ30pO1xuXG4gICAgJjpob3ZlciB7XG4gICAgICAgIGJhY2tncm91bmQ6IHZhcigke3Rva2Vucy5saXN0SXRlbUJhY2tncm91bmRIb3Zlcn0pO1xuICAgICAgICBib3JkZXItY29sb3I6IHZhcigke3Rva2Vucy5saXN0SXRlbUJvcmRlckNvbG9ySG92ZXJ9KTtcbiAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5saXN0SXRlbUNvbG9ySG92ZXJ9KTtcbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy5kaXNhYmxlZExpc3RJdGVtfSB7XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgICAgIG9wYWNpdHk6IHZhcigke3Rva2Vucy5saXN0RGlzYWJsZWRPcGFjaXR5fSk7XG4gICAgfVxuYDtcbiJdfQ== */"));
|
11
11
|
export var StyledListItem = /*#__PURE__*/_styled("li", {
|
12
12
|
target: "e1juutei0",
|
13
13
|
label: "plasma-new-hope__StyledListItem"
|
14
|
-
})("padding:
|
14
|
+
})("padding:var(", tokens.listItemPaddingTop, ") var(", tokens.listItemPaddingRight, ") var(", tokens.listItemPaddingBottom, ") var(", tokens.listItemPaddingLeft, ");border-radius:var(", tokens.listItemBorderRadius, ");background:var(", tokens.listItemBackground, ");border:var(", tokens.listItemBorderWidth, ") solid var(", tokens.listItemBorderColor, ");box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;color:var(", tokens.listItemColor, ");font-size:var(", tokens.listItemFontSize, ");font-weight:var(", tokens.listItemFontWeight, ");font-family:var(", tokens.listItemFontFamily, ");font-style:var(", tokens.listItemFontStyle, ");line-height:var(", tokens.listItemLineHeight, ");letter-spacing:var(", tokens.listItemLetterSpacing, ");&:hover{background:var(", tokens.listItemBackgroundHover, ");border-color:var(", tokens.listItemBorderColorHover, ");color:var(", tokens.listItemColorHover, ");}&.", classes.disabledListItem, "{cursor:not-allowed;opacity:var(", tokens.listDisabledOpacity, ");}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTGlzdC91aS9MaXN0SXRlbS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVCdUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9MaXN0L3VpL0xpc3RJdGVtLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IHRva2VucywgY2xhc3NlcyB9IGZyb20gJy4uL0xpc3QudG9rZW5zJztcbmltcG9ydCB7IGNlbGxDb25maWcsIGNlbGxUb2tlbnMgfSBmcm9tICcuLi8uLi9DZWxsJztcbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi8uLi9lbmdpbmVzJztcblxuY29uc3QgbWVyZ2VkQ2VsbENvbmZpZyA9IG1lcmdlQ29uZmlnKGNlbGxDb25maWcpO1xuY29uc3QgQ2VsbCA9IGNvbXBvbmVudChtZXJnZWRDZWxsQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IENlbGxJdGVtID0gc3R5bGVkKENlbGwpYFxuICAgICR7Y2VsbFRva2Vucy5jZWxsV2lkdGh9OiAxMDAlO1xuXG4gICAgJHtjZWxsVG9rZW5zLmNlbGxQYWRkaW5nfTogMHJlbTtcbiAgICAke2NlbGxUb2tlbnMuY2VsbFBhZGRpbmdMZWZ0Q29udGVudH06IDByZW07XG4gICAgJHtjZWxsVG9rZW5zLmNlbGxQYWRkaW5nQ29udGVudH06IDByZW07XG4gICAgJHtjZWxsVG9rZW5zLmNlbGxQYWRkaW5nUmlnaHRDb250ZW50fTogMHJlbTtcblxuICAgICR7Y2VsbFRva2Vucy5jZWxsVGV4dGJveEdhcH06IDByZW07XG4gICAgJHtjZWxsVG9rZW5zLmNlbGxHYXB9OiB2YXIoJHt0b2tlbnMubGlzdEl0ZW1HYXB9KTtcbiAgICAke2NlbGxUb2tlbnMuY2VsbENvbG9yfTogdmFyKCR7dG9rZW5zLmxpc3RJdGVtQ29sb3J9KTtcbiAgICAke2NlbGxUb2tlbnMuY2VsbEJhY2tncm91bmRDb2xvcn06IHRyYW5zcGFyZW50O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkLmxpYFxuICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5saXN0SXRlbVBhZGRpbmdUb3B9KSB2YXIoJHt0b2tlbnMubGlzdEl0ZW1QYWRkaW5nUmlnaHR9KSB2YXIoJHt0b2tlbnMubGlzdEl0ZW1QYWRkaW5nQm90dG9tfSlcbiAgICAgICAgdmFyKCR7dG9rZW5zLmxpc3RJdGVtUGFkZGluZ0xlZnR9KTtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMubGlzdEl0ZW1Cb3JkZXJSYWRpdXN9KTtcbiAgICBiYWNrZ3JvdW5kOiB2YXIoJHt0b2tlbnMubGlzdEl0ZW1CYWNrZ3JvdW5kfSk7XG4gICAgYm9yZGVyOiB2YXIoJHt0b2tlbnMubGlzdEl0ZW1Cb3JkZXJXaWR0aH0pIHNvbGlkIHZhcigke3Rva2Vucy5saXN0SXRlbUJvcmRlckNvbG9yfSk7XG5cbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmxpc3RJdGVtQ29sb3J9KTtcbiAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy5saXN0SXRlbUZvbnRTaXplfSk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy5saXN0SXRlbUZvbnRXZWlnaHR9KTtcbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmxpc3RJdGVtRm9udEZhbWlseX0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5saXN0SXRlbUZvbnRTdHlsZX0pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMubGlzdEl0ZW1MaW5lSGVpZ2h0fSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5saXN0SXRlbUxldHRlclNwYWNpbmd9KTtcblxuICAgICY6aG92ZXIge1xuICAgICAgICBiYWNrZ3JvdW5kOiB2YXIoJHt0b2tlbnMubGlzdEl0ZW1CYWNrZ3JvdW5kSG92ZXJ9KTtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiB2YXIoJHt0b2tlbnMubGlzdEl0ZW1Cb3JkZXJDb2xvckhvdmVyfSk7XG4gICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMubGlzdEl0ZW1Db2xvckhvdmVyfSk7XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMuZGlzYWJsZWRMaXN0SXRlbX0ge1xuICAgICAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICAgICAgICBvcGFjaXR5OiB2YXIoJHt0b2tlbnMubGlzdERpc2FibGVkT3BhY2l0eX0pO1xuICAgIH1cbmA7XG4iXX0= */"));
|
@@ -1,2 +1,4 @@
|
|
1
1
|
import { css } from '@emotion/react';
|
2
|
-
|
2
|
+
import { classes, tokens } from "../../List.tokens";
|
3
|
+
import { StyledListItem } from "../../ui/ListItem.styles";
|
4
|
+
export var base = /*#__PURE__*/css("&.", classes.disabledList, "{", StyledListItem, "{cursor:not-allowed;opacity:var(", tokens.listDisabledOpacity, ");}};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTGlzdC92YXJpYXRpb25zL19kaXNhYmxlZC9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUt1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0xpc3QvdmFyaWF0aW9ucy9fZGlzYWJsZWQvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vTGlzdC50b2tlbnMnO1xuaW1wb3J0IHsgU3R5bGVkTGlzdEl0ZW0gfSBmcm9tICcuLi8uLi91aS9MaXN0SXRlbS5zdHlsZXMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAmLiR7Y2xhc3Nlcy5kaXNhYmxlZExpc3R9IHtcbiAgICAgICAgJHtTdHlsZWRMaXN0SXRlbX0ge1xuICAgICAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICAgICAgICAgIG9wYWNpdHk6IHZhcigke3Rva2Vucy5saXN0RGlzYWJsZWRPcGFjaXR5fSk7XG4gICAgICAgIH1cbiAgICB9XG5gO1xuIl19 */"));
|
@@ -1,2 +1,4 @@
|
|
1
1
|
import { css } from '@emotion/react';
|
2
|
-
|
2
|
+
import { classes, tokens } from "../../List.tokens";
|
3
|
+
import { StyledListItem } from "../../ui/ListItem.styles";
|
4
|
+
export var base = /*#__PURE__*/css("&.", classes.tightListItem, "{", StyledListItem, "{padding:calc(var(", tokens.listItemPaddingTop, ") - var(", tokens.listItemTightDifference, ")) var(", tokens.listItemPaddingRight, ") calc(var(", tokens.listItemPaddingBottom, ") - var(", tokens.listItemTightDifference, ")) var(", tokens.listItemPaddingLeft, ");}};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTGlzdC92YXJpYXRpb25zL192aWV3L2Jhc2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS3VCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTGlzdC92YXJpYXRpb25zL192aWV3L2Jhc2UudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4uLy4uL0xpc3QudG9rZW5zJztcbmltcG9ydCB7IFN0eWxlZExpc3RJdGVtIH0gZnJvbSAnLi4vLi4vdWkvTGlzdEl0ZW0uc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgJi4ke2NsYXNzZXMudGlnaHRMaXN0SXRlbX0ge1xuICAgICAgICAke1N0eWxlZExpc3RJdGVtfSB7XG4gICAgICAgICAgICBwYWRkaW5nOiBjYWxjKHZhcigke3Rva2Vucy5saXN0SXRlbVBhZGRpbmdUb3B9KSAtIHZhcigke3Rva2Vucy5saXN0SXRlbVRpZ2h0RGlmZmVyZW5jZX0pKVxuICAgICAgICAgICAgICAgIHZhcigke3Rva2Vucy5saXN0SXRlbVBhZGRpbmdSaWdodH0pXG4gICAgICAgICAgICAgICAgY2FsYyh2YXIoJHt0b2tlbnMubGlzdEl0ZW1QYWRkaW5nQm90dG9tfSkgLSB2YXIoJHt0b2tlbnMubGlzdEl0ZW1UaWdodERpZmZlcmVuY2V9KSlcbiAgICAgICAgICAgICAgICB2YXIoJHt0b2tlbnMubGlzdEl0ZW1QYWRkaW5nTGVmdH0pO1xuICAgICAgICB9XG4gICAgfVxuYDtcbiJdfQ== */"));
|
@@ -1,4 +1,4 @@
|
|
1
|
-
var _excluded = ["role", "title", "children", "actions", "view", "size", "iconPlacement", "showCloseIcon", "layout", "icon", "closeIconType", "textColor", "titleColor", "backgroundColor", "onCloseButtonClick"];
|
1
|
+
var _excluded = ["role", "title", "children", "actions", "view", "size", "iconPlacement", "showCloseIcon", "layout", "icon", "closeIconType", "textColor", "titleColor", "backgroundColor", "width", "maxWidth", "onCloseButtonClick"];
|
2
2
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
3
3
|
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
4
4
|
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
@@ -37,6 +37,8 @@ export var notificationRoot = function notificationRoot(Root) {
|
|
37
37
|
textColor = props.textColor,
|
38
38
|
titleColor = props.titleColor,
|
39
39
|
backgroundColor = props.backgroundColor,
|
40
|
+
width = props.width,
|
41
|
+
maxWidth = props.maxWidth,
|
40
42
|
onCloseButtonClick = props.onCloseButtonClick,
|
41
43
|
rest = _objectWithoutProperties(props, _excluded);
|
42
44
|
var ariaLive = 'polite';
|
@@ -64,6 +66,8 @@ export var notificationRoot = function notificationRoot(Root) {
|
|
64
66
|
"aria-atomic": ariaAtomic
|
65
67
|
}, rest), /*#__PURE__*/React.createElement(Wrapper, {
|
66
68
|
backgroundColor: backgroundColor,
|
69
|
+
width: width,
|
70
|
+
maxWidth: maxWidth,
|
67
71
|
className: cx(classes.wrapper, getLayoutClass(layout), oneLineClass, withoutCloseIconClass)
|
68
72
|
}, /*#__PURE__*/React.createElement(ContentBox, {
|
69
73
|
iconPlacement: IconPlacementInternal,
|