@salutejs/plasma-new-hope 0.325.0-canary.1954.15294244136.0 → 0.325.0-canary.1954.15296930381.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.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.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.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.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
@@ -9,10 +9,9 @@ var _react = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("react"))
|
|
9
9
|
var _classnames = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("classnames"));
|
10
10
|
var _List = /*#__PURE__*/require("./List.styles");
|
11
11
|
var _List2 = /*#__PURE__*/require("./List.tokens");
|
12
|
-
var _base = /*#__PURE__*/require("./variations/
|
13
|
-
var _base2 = /*#__PURE__*/require("./variations/
|
14
|
-
var _base3 = /*#__PURE__*/require("./variations/
|
15
|
-
var _base4 = /*#__PURE__*/require("./variations/_disabled/base");
|
12
|
+
var _base = /*#__PURE__*/require("./variations/_view/base");
|
13
|
+
var _base2 = /*#__PURE__*/require("./variations/_size/base");
|
14
|
+
var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
|
16
15
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
17
16
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
18
17
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
@@ -20,17 +19,16 @@ var listRoot = exports.listRoot = function listRoot(Root) {
|
|
20
19
|
return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, outerRootRef) {
|
21
20
|
var size = _ref.size,
|
22
21
|
view = _ref.view,
|
23
|
-
variant = _ref.variant,
|
24
22
|
disabled = _ref.disabled,
|
23
|
+
variant = _ref.variant,
|
25
24
|
className = _ref.className,
|
26
25
|
children = _ref.children;
|
27
26
|
return /*#__PURE__*/_react["default"].createElement(Root, {
|
28
27
|
ref: outerRootRef,
|
29
28
|
size: size,
|
30
29
|
view: view,
|
31
|
-
variant: variant,
|
32
30
|
disabled: disabled,
|
33
|
-
className: (0, _classnames["default"])(_List2.classes.listRoot, className)
|
31
|
+
className: (0, _classnames["default"])(_List2.classes.listRoot, className, variant === 'tight' ? _List2.classes.tightListItem : '', disabled ? _List2.classes.disabledList : '')
|
34
32
|
}, children);
|
35
33
|
});
|
36
34
|
};
|
@@ -41,16 +39,13 @@ var listConfig = exports.listConfig = {
|
|
41
39
|
base: _List.base,
|
42
40
|
variations: {
|
43
41
|
view: {
|
44
|
-
css:
|
42
|
+
css: _base.base
|
45
43
|
},
|
46
44
|
size: {
|
47
|
-
css:
|
48
|
-
},
|
49
|
-
variant: {
|
50
|
-
css: _base.base
|
45
|
+
css: _base2.base
|
51
46
|
},
|
52
47
|
disabled: {
|
53
|
-
css:
|
48
|
+
css: _base3.base
|
54
49
|
}
|
55
50
|
},
|
56
51
|
defaults: {
|
@@ -8,7 +8,10 @@ var classes = exports.classes = {
|
|
8
8
|
listRoot: 'list-root',
|
9
9
|
listItem: 'list-item',
|
10
10
|
filledStretching: 'list-stretching-filled',
|
11
|
-
fixedStretching: 'list-stretching-fixed'
|
11
|
+
fixedStretching: 'list-stretching-fixed',
|
12
|
+
tightListItem: 'list-item-tight',
|
13
|
+
disabledList: 'list-item-disabled',
|
14
|
+
disabledListItem: 'list-item-disabled-item'
|
12
15
|
};
|
13
16
|
var tokens = exports.tokens = {
|
14
17
|
listGap: '--plasma-list-gap',
|
@@ -26,7 +29,7 @@ var tokens = exports.tokens = {
|
|
26
29
|
listItemIconLeftColor: '--plasma-list-item-color-icon-left',
|
27
30
|
listItemIconRightColor: '--plasma-list-item-color-icon-right',
|
28
31
|
listItemGap: '--plasma-list-item-gap',
|
29
|
-
|
32
|
+
listItemTightDifference: '--plasma-list-item-tight-difference',
|
30
33
|
listItemColor: '--plasma-list-item-color',
|
31
34
|
listItemColorHover: '--plasma-list-item-color-hover',
|
32
35
|
listItemFontFamily: '--plasma-list-item-font-family',
|
@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.ListItem = void 0;
|
7
7
|
var _react = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("react"));
|
8
|
+
var _List = /*#__PURE__*/require("../List.tokens");
|
8
9
|
var _ListItem = /*#__PURE__*/require("./ListItem.styles");
|
9
10
|
var _excluded = ["children", "contentRight", "disabled"];
|
10
11
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
@@ -17,7 +18,7 @@ var ListItem = exports.ListItem = function ListItem(_ref) {
|
|
17
18
|
disabled = _ref.disabled,
|
18
19
|
rest = _objectWithoutProperties(_ref, _excluded);
|
19
20
|
return /*#__PURE__*/_react["default"].createElement(_ListItem.StyledListItem, _extends({
|
20
|
-
disabled:
|
21
|
+
className: disabled ? _List.classes.disabledListItem : ''
|
21
22
|
}, rest), /*#__PURE__*/_react["default"].createElement(_ListItem.CellItem, {
|
22
23
|
contentRight: contentRight
|
23
24
|
}, children));
|
@@ -14,8 +14,8 @@ var Cell = /*#__PURE__*/(0, _engines.component)(mergedCellConfig);
|
|
14
14
|
var CellItem = exports.CellItem = /*#__PURE__*/(0, _base["default"])(Cell, {
|
15
15
|
target: "e1juutei1",
|
16
16
|
label: "plasma-new-hope__CellItem"
|
17
|
-
})(_Cell.cellTokens.cellWidth, ":100%;", _Cell.cellTokens.cellPadding, ":0rem;", _Cell.cellTokens.cellPaddingLeftContent, ":0rem;", _Cell.cellTokens.cellPaddingContent, ":0rem;", _Cell.cellTokens.cellPaddingRightContent, ":0rem;", _Cell.cellTokens.cellTextboxGap, ":0rem;", _Cell.cellTokens.cellGap, ":var(", _List.tokens.listItemGap, ");", _Cell.cellTokens.cellColor, ":var(", _List.tokens.listItemColor, ");", _Cell.cellTokens.cellBackgroundColor, ":transparent;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
17
|
+
})(_Cell.cellTokens.cellWidth, ":100%;", _Cell.cellTokens.cellPadding, ":0rem;", _Cell.cellTokens.cellPaddingLeftContent, ":0rem;", _Cell.cellTokens.cellPaddingContent, ":0rem;", _Cell.cellTokens.cellPaddingRightContent, ":0rem;", _Cell.cellTokens.cellTextboxGap, ":0rem;", _Cell.cellTokens.cellGap, ":var(", _List.tokens.listItemGap, ");", _Cell.cellTokens.cellColor, ":var(", _List.tokens.listItemColor, ");", _Cell.cellTokens.cellBackgroundColor, ":transparent;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTGlzdC91aS9MaXN0SXRlbS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVNvQyIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0xpc3QvdWkvTGlzdEl0ZW0uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgdG9rZW5zLCBjbGFzc2VzIH0gZnJvbSAnLi4vTGlzdC50b2tlbnMnO1xuaW1wb3J0IHsgY2VsbENvbmZpZywgY2VsbFRva2VucyB9IGZyb20gJy4uLy4uL0NlbGwnO1xuaW1wb3J0IHsgY29tcG9uZW50LCBtZXJnZUNvbmZpZyB9IGZyb20gJy4uLy4uLy4uL2VuZ2luZXMnO1xuXG5jb25zdCBtZXJnZWRDZWxsQ29uZmlnID0gbWVyZ2VDb25maWcoY2VsbENvbmZpZyk7XG5jb25zdCBDZWxsID0gY29tcG9uZW50KG1lcmdlZENlbGxDb25maWcpO1xuXG5leHBvcnQgY29uc3QgQ2VsbEl0ZW0gPSBzdHlsZWQoQ2VsbClgXG4gICAgJHtjZWxsVG9rZW5zLmNlbGxXaWR0aH06IDEwMCU7XG5cbiAgICAke2NlbGxUb2tlbnMuY2VsbFBhZGRpbmd9OiAwcmVtO1xuICAgICR7Y2VsbFRva2Vucy5jZWxsUGFkZGluZ0xlZnRDb250ZW50fTogMHJlbTtcbiAgICAke2NlbGxUb2tlbnMuY2VsbFBhZGRpbmdDb250ZW50fTogMHJlbTtcbiAgICAke2NlbGxUb2tlbnMuY2VsbFBhZGRpbmdSaWdodENvbnRlbnR9OiAwcmVtO1xuXG4gICAgJHtjZWxsVG9rZW5zLmNlbGxUZXh0Ym94R2FwfTogMHJlbTtcbiAgICAke2NlbGxUb2tlbnMuY2VsbEdhcH06IHZhcigke3Rva2Vucy5saXN0SXRlbUdhcH0pO1xuICAgICR7Y2VsbFRva2Vucy5jZWxsQ29sb3J9OiB2YXIoJHt0b2tlbnMubGlzdEl0ZW1Db2xvcn0pO1xuICAgICR7Y2VsbFRva2Vucy5jZWxsQmFja2dyb3VuZENvbG9yfTogdHJhbnNwYXJlbnQ7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGlzdEl0ZW0gPSBzdHlsZWQubGlgXG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLmxpc3RJdGVtUGFkZGluZ1RvcH0pIHZhcigke3Rva2Vucy5saXN0SXRlbVBhZGRpbmdSaWdodH0pIHZhcigke3Rva2Vucy5saXN0SXRlbVBhZGRpbmdCb3R0b219KVxuICAgICAgICB2YXIoJHt0b2tlbnMubGlzdEl0ZW1QYWRkaW5nTGVmdH0pO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5saXN0SXRlbUJvcmRlclJhZGl1c30pO1xuICAgIGJhY2tncm91bmQ6IHZhcigke3Rva2Vucy5saXN0SXRlbUJhY2tncm91bmR9KTtcbiAgICBib3JkZXI6IHZhcigke3Rva2Vucy5saXN0SXRlbUJvcmRlcldpZHRofSkgc29saWQgdmFyKCR7dG9rZW5zLmxpc3RJdGVtQm9yZGVyQ29sb3J9KTtcblxuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMubGlzdEl0ZW1Db2xvcn0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmxpc3RJdGVtRm9udFNpemV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmxpc3RJdGVtRm9udFdlaWdodH0pO1xuICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMubGlzdEl0ZW1Gb250RmFtaWx5fSk7XG4gICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLmxpc3RJdGVtRm9udFN0eWxlfSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy5saXN0SXRlbUxpbmVIZWlnaHR9KTtcbiAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLmxpc3RJdGVtTGV0dGVyU3BhY2luZ30pO1xuXG4gICAgJjpob3ZlciB7XG4gICAgICAgIGJhY2tncm91bmQ6IHZhcigke3Rva2Vucy5saXN0SXRlbUJhY2tncm91bmRIb3Zlcn0pO1xuICAgICAgICBib3JkZXItY29sb3I6IHZhcigke3Rva2Vucy5saXN0SXRlbUJvcmRlckNvbG9ySG92ZXJ9KTtcbiAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5saXN0SXRlbUNvbG9ySG92ZXJ9KTtcbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy5kaXNhYmxlZExpc3RJdGVtfSB7XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgICAgIG9wYWNpdHk6IHZhcigke3Rva2Vucy5saXN0RGlzYWJsZWRPcGFjaXR5fSk7XG4gICAgfVxuYDtcbiJdfQ== */"));
|
18
18
|
var StyledListItem = exports.StyledListItem = /*#__PURE__*/(0, _base["default"])("li", {
|
19
19
|
target: "e1juutei0",
|
20
20
|
label: "plasma-new-hope__StyledListItem"
|
21
|
-
})("padding:
|
21
|
+
})("padding:var(", _List.tokens.listItemPaddingTop, ") var(", _List.tokens.listItemPaddingRight, ") var(", _List.tokens.listItemPaddingBottom, ") var(", _List.tokens.listItemPaddingLeft, ");border-radius:var(", _List.tokens.listItemBorderRadius, ");background:var(", _List.tokens.listItemBackground, ");border:var(", _List.tokens.listItemBorderWidth, ") solid var(", _List.tokens.listItemBorderColor, ");box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;color:var(", _List.tokens.listItemColor, ");font-size:var(", _List.tokens.listItemFontSize, ");font-weight:var(", _List.tokens.listItemFontWeight, ");font-family:var(", _List.tokens.listItemFontFamily, ");font-style:var(", _List.tokens.listItemFontStyle, ");line-height:var(", _List.tokens.listItemLineHeight, ");letter-spacing:var(", _List.tokens.listItemLetterSpacing, ");&:hover{background:var(", _List.tokens.listItemBackgroundHover, ");border-color:var(", _List.tokens.listItemBorderColorHover, ");color:var(", _List.tokens.listItemColorHover, ");}&.", _List.classes.disabledListItem, "{cursor:not-allowed;opacity:var(", _List.tokens.listDisabledOpacity, ");}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTGlzdC91aS9MaXN0SXRlbS5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVCdUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9MaXN0L3VpL0xpc3RJdGVtLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IHRva2VucywgY2xhc3NlcyB9IGZyb20gJy4uL0xpc3QudG9rZW5zJztcbmltcG9ydCB7IGNlbGxDb25maWcsIGNlbGxUb2tlbnMgfSBmcm9tICcuLi8uLi9DZWxsJztcbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi8uLi9lbmdpbmVzJztcblxuY29uc3QgbWVyZ2VkQ2VsbENvbmZpZyA9IG1lcmdlQ29uZmlnKGNlbGxDb25maWcpO1xuY29uc3QgQ2VsbCA9IGNvbXBvbmVudChtZXJnZWRDZWxsQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IENlbGxJdGVtID0gc3R5bGVkKENlbGwpYFxuICAgICR7Y2VsbFRva2Vucy5jZWxsV2lkdGh9OiAxMDAlO1xuXG4gICAgJHtjZWxsVG9rZW5zLmNlbGxQYWRkaW5nfTogMHJlbTtcbiAgICAke2NlbGxUb2tlbnMuY2VsbFBhZGRpbmdMZWZ0Q29udGVudH06IDByZW07XG4gICAgJHtjZWxsVG9rZW5zLmNlbGxQYWRkaW5nQ29udGVudH06IDByZW07XG4gICAgJHtjZWxsVG9rZW5zLmNlbGxQYWRkaW5nUmlnaHRDb250ZW50fTogMHJlbTtcblxuICAgICR7Y2VsbFRva2Vucy5jZWxsVGV4dGJveEdhcH06IDByZW07XG4gICAgJHtjZWxsVG9rZW5zLmNlbGxHYXB9OiB2YXIoJHt0b2tlbnMubGlzdEl0ZW1HYXB9KTtcbiAgICAke2NlbGxUb2tlbnMuY2VsbENvbG9yfTogdmFyKCR7dG9rZW5zLmxpc3RJdGVtQ29sb3J9KTtcbiAgICAke2NlbGxUb2tlbnMuY2VsbEJhY2tncm91bmRDb2xvcn06IHRyYW5zcGFyZW50O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkLmxpYFxuICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5saXN0SXRlbVBhZGRpbmdUb3B9KSB2YXIoJHt0b2tlbnMubGlzdEl0ZW1QYWRkaW5nUmlnaHR9KSB2YXIoJHt0b2tlbnMubGlzdEl0ZW1QYWRkaW5nQm90dG9tfSlcbiAgICAgICAgdmFyKCR7dG9rZW5zLmxpc3RJdGVtUGFkZGluZ0xlZnR9KTtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMubGlzdEl0ZW1Cb3JkZXJSYWRpdXN9KTtcbiAgICBiYWNrZ3JvdW5kOiB2YXIoJHt0b2tlbnMubGlzdEl0ZW1CYWNrZ3JvdW5kfSk7XG4gICAgYm9yZGVyOiB2YXIoJHt0b2tlbnMubGlzdEl0ZW1Cb3JkZXJXaWR0aH0pIHNvbGlkIHZhcigke3Rva2Vucy5saXN0SXRlbUJvcmRlckNvbG9yfSk7XG5cbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmxpc3RJdGVtQ29sb3J9KTtcbiAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy5saXN0SXRlbUZvbnRTaXplfSk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy5saXN0SXRlbUZvbnRXZWlnaHR9KTtcbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmxpc3RJdGVtRm9udEZhbWlseX0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5saXN0SXRlbUZvbnRTdHlsZX0pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMubGlzdEl0ZW1MaW5lSGVpZ2h0fSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5saXN0SXRlbUxldHRlclNwYWNpbmd9KTtcblxuICAgICY6aG92ZXIge1xuICAgICAgICBiYWNrZ3JvdW5kOiB2YXIoJHt0b2tlbnMubGlzdEl0ZW1CYWNrZ3JvdW5kSG92ZXJ9KTtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiB2YXIoJHt0b2tlbnMubGlzdEl0ZW1Cb3JkZXJDb2xvckhvdmVyfSk7XG4gICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMubGlzdEl0ZW1Db2xvckhvdmVyfSk7XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMuZGlzYWJsZWRMaXN0SXRlbX0ge1xuICAgICAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICAgICAgICBvcGFjaXR5OiB2YXIoJHt0b2tlbnMubGlzdERpc2FibGVkT3BhY2l0eX0pO1xuICAgIH1cbmA7XG4iXX0= */"));
|
@@ -5,4 +5,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.base = void 0;
|
7
7
|
var _react = /*#__PURE__*/require("@emotion/react");
|
8
|
-
var
|
8
|
+
var _List = /*#__PURE__*/require("../../List.tokens");
|
9
|
+
var _ListItem = /*#__PURE__*/require("../../ui/ListItem.styles");
|
10
|
+
var base = exports.base = /*#__PURE__*/(0, _react.css)("&.", _List.classes.disabledList, "{", _ListItem.StyledListItem, "{cursor:not-allowed;opacity:var(", _List.tokens.listDisabledOpacity, ");}};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTGlzdC92YXJpYXRpb25zL19kaXNhYmxlZC9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUt1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0xpc3QvdmFyaWF0aW9ucy9fZGlzYWJsZWQvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vTGlzdC50b2tlbnMnO1xuaW1wb3J0IHsgU3R5bGVkTGlzdEl0ZW0gfSBmcm9tICcuLi8uLi91aS9MaXN0SXRlbS5zdHlsZXMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAmLiR7Y2xhc3Nlcy5kaXNhYmxlZExpc3R9IHtcbiAgICAgICAgJHtTdHlsZWRMaXN0SXRlbX0ge1xuICAgICAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICAgICAgICAgIG9wYWNpdHk6IHZhcigke3Rva2Vucy5saXN0RGlzYWJsZWRPcGFjaXR5fSk7XG4gICAgICAgIH1cbiAgICB9XG5gO1xuIl19 */"));
|
@@ -5,4 +5,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.base = void 0;
|
7
7
|
var _react = /*#__PURE__*/require("@emotion/react");
|
8
|
-
var
|
8
|
+
var _List = /*#__PURE__*/require("../../List.tokens");
|
9
|
+
var _ListItem = /*#__PURE__*/require("../../ui/ListItem.styles");
|
10
|
+
var base = exports.base = /*#__PURE__*/(0, _react.css)("&.", _List.classes.tightListItem, "{", _ListItem.StyledListItem, "{padding:calc(var(", _List.tokens.listItemPaddingTop, ") - var(", _List.tokens.listItemTightDifference, ")) var(", _List.tokens.listItemPaddingRight, ") calc(var(", _List.tokens.listItemPaddingBottom, ") - var(", _List.tokens.listItemTightDifference, ")) var(", _List.tokens.listItemPaddingLeft, ");}};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTGlzdC92YXJpYXRpb25zL192aWV3L2Jhc2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS3VCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvTGlzdC92YXJpYXRpb25zL192aWV3L2Jhc2UudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4uLy4uL0xpc3QudG9rZW5zJztcbmltcG9ydCB7IFN0eWxlZExpc3RJdGVtIH0gZnJvbSAnLi4vLi4vdWkvTGlzdEl0ZW0uc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgJi4ke2NsYXNzZXMudGlnaHRMaXN0SXRlbX0ge1xuICAgICAgICAke1N0eWxlZExpc3RJdGVtfSB7XG4gICAgICAgICAgICBwYWRkaW5nOiBjYWxjKHZhcigke3Rva2Vucy5saXN0SXRlbVBhZGRpbmdUb3B9KSAtIHZhcigke3Rva2Vucy5saXN0SXRlbVRpZ2h0RGlmZmVyZW5jZX0pKVxuICAgICAgICAgICAgICAgIHZhcigke3Rva2Vucy5saXN0SXRlbVBhZGRpbmdSaWdodH0pXG4gICAgICAgICAgICAgICAgY2FsYyh2YXIoJHt0b2tlbnMubGlzdEl0ZW1QYWRkaW5nQm90dG9tfSkgLSB2YXIoJHt0b2tlbnMubGlzdEl0ZW1UaWdodERpZmZlcmVuY2V9KSlcbiAgICAgICAgICAgICAgICB2YXIoJHt0b2tlbnMubGlzdEl0ZW1QYWRkaW5nTGVmdH0pO1xuICAgICAgICB9XG4gICAgfVxuYDtcbiJdfQ== */"));
|
@@ -17,7 +17,7 @@ var _base4 = /*#__PURE__*/require("./variations/_closeIconType/base");
|
|
17
17
|
var _Notification2 = /*#__PURE__*/require("./Notification.types");
|
18
18
|
var _Notification3 = /*#__PURE__*/require("./Notification.styles");
|
19
19
|
var _utils2 = /*#__PURE__*/require("./utils");
|
20
|
-
var _excluded = ["role", "title", "children", "actions", "view", "size", "iconPlacement", "showCloseIcon", "layout", "icon", "closeIconType", "textColor", "titleColor", "backgroundColor", "onCloseButtonClick"];
|
20
|
+
var _excluded = ["role", "title", "children", "actions", "view", "size", "iconPlacement", "showCloseIcon", "layout", "icon", "closeIconType", "textColor", "titleColor", "backgroundColor", "width", "maxWidth", "onCloseButtonClick"];
|
21
21
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
22
22
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
23
23
|
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); }
|
@@ -45,6 +45,8 @@ var notificationRoot = exports.notificationRoot = function notificationRoot(Root
|
|
45
45
|
textColor = props.textColor,
|
46
46
|
titleColor = props.titleColor,
|
47
47
|
backgroundColor = props.backgroundColor,
|
48
|
+
width = props.width,
|
49
|
+
maxWidth = props.maxWidth,
|
48
50
|
onCloseButtonClick = props.onCloseButtonClick,
|
49
51
|
rest = _objectWithoutProperties(props, _excluded);
|
50
52
|
var ariaLive = 'polite';
|
@@ -72,6 +74,8 @@ var notificationRoot = exports.notificationRoot = function notificationRoot(Root
|
|
72
74
|
"aria-atomic": ariaAtomic
|
73
75
|
}, rest), /*#__PURE__*/_react["default"].createElement(_Notification3.Wrapper, {
|
74
76
|
backgroundColor: backgroundColor,
|
77
|
+
width: width,
|
78
|
+
maxWidth: maxWidth,
|
75
79
|
className: (0, _utils.cx)(_Notification.classes.wrapper, (0, _utils2.getLayoutClass)(layout), oneLineClass, withoutCloseIconClass)
|
76
80
|
}, /*#__PURE__*/_react["default"].createElement(_Notification3.ContentBox, {
|
77
81
|
iconPlacement: IconPlacementInternal,
|