@salutejs/plasma-b2c 1.424.0-canary.1488.11458822191.0 → 1.424.0-canary.1497.11456665098.0
Sign up to get free protection for your applications and to get access to all the features.
- package/api/plasma-b2c.api.md +5 -4
- package/components/Dropdown/Dropdown.config.d.ts +3 -3
- package/components/Dropdown/Dropdown.config.js +5 -5
- package/components/Dropdown/Dropdown.d.ts +4 -4
- package/components/Dropdown/components/DropdownPopup.js +4 -2
- package/css/cjs/components/Dropdown/Dropdown.config.js +5 -5
- package/css/cjs/components/Dropdown/Dropdown.config.js.map +1 -1
- package/css/cjs/components/Dropdown/Dropdown.config_1tiyqmq.css +5 -0
- package/css/cjs/components/Dropdown/Dropdown.css +5 -5
- package/css/cjs/components/Dropdown/components/DropdownPopup.js +4 -2
- package/css/cjs/components/Dropdown/components/DropdownPopup.js.map +1 -1
- package/css/cjs/index.css +5 -5
- package/css/es/components/Dropdown/Dropdown.config.js +5 -5
- package/css/es/components/Dropdown/Dropdown.config.js.map +1 -1
- package/css/es/components/Dropdown/Dropdown.config_1tiyqmq.css +5 -0
- package/css/es/components/Dropdown/Dropdown.css +5 -5
- package/css/es/components/Dropdown/components/DropdownPopup.js +4 -2
- package/css/es/components/Dropdown/components/DropdownPopup.js.map +1 -1
- package/css/es/index.css +5 -5
- package/es/components/Dropdown/Dropdown.config.js +6 -6
- package/es/components/Dropdown/components/DropdownPopup.js +4 -2
- package/package.json +4 -4
- package/temp/plasma-b2c.api.md +5 -4
- package/components/Dropdown/Dropdown.perftest.js +0 -175
- package/css/cjs/components/Dropdown/Dropdown.config_7l17mu.css +0 -5
- package/css/es/components/Dropdown/Dropdown.config_7l17mu.css +0 -5
- package/es/components/Dropdown/Dropdown.perftest.js +0 -168
package/api/plasma-b2c.api.md
CHANGED
@@ -133,6 +133,7 @@ import { DropdownItem as DropdownItemType } from '@salutejs/plasma-hope';
|
|
133
133
|
import { DropdownNodeType } from '@salutejs/plasma-hope';
|
134
134
|
import { DropdownPopupProps } from '@salutejs/plasma-hope';
|
135
135
|
import { DropdownProps } from '@salutejs/plasma-new-hope/styled-components';
|
136
|
+
import { DropdownProps as DropdownProps_2 } from '@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types';
|
136
137
|
import { EditableProps } from '@salutejs/plasma-new-hope/types/components/Editable/Editable.types';
|
137
138
|
import { ElasticGrid } from '@salutejs/plasma-hope';
|
138
139
|
import { ElasticGridProps } from '@salutejs/plasma-hope';
|
@@ -1501,15 +1502,15 @@ export { DrawerProps }
|
|
1501
1502
|
// @public (undocumented)
|
1502
1503
|
export const Dropdown: FunctionComponent<PropsType< {
|
1503
1504
|
size: {
|
1504
|
-
xs: PolymorphicClassName;
|
1505
|
-
s: PolymorphicClassName;
|
1506
|
-
m: PolymorphicClassName;
|
1507
1505
|
l: PolymorphicClassName;
|
1506
|
+
m: PolymorphicClassName;
|
1507
|
+
s: PolymorphicClassName;
|
1508
|
+
xs: PolymorphicClassName;
|
1508
1509
|
};
|
1509
1510
|
view: {
|
1510
1511
|
default: PolymorphicClassName;
|
1511
1512
|
};
|
1512
|
-
}> &
|
1513
|
+
}> & DropdownProps_2 & RefAttributes<HTMLDivElement>>;
|
1513
1514
|
|
1514
1515
|
// @public (undocumented)
|
1515
1516
|
export const DropdownItem: React_2.ForwardRefExoticComponent<DropdownItemProps & React_2.RefAttributes<HTMLDivElement>>;
|
@@ -5,10 +5,10 @@ export declare const config: {
|
|
5
5
|
};
|
6
6
|
variations: {
|
7
7
|
size: {
|
8
|
-
xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
9
|
-
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
10
|
-
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
11
8
|
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
9
|
+
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
10
|
+
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
11
|
+
xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
12
12
|
};
|
13
13
|
view: {
|
14
14
|
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
@@ -14,13 +14,13 @@ var config = exports.config = {
|
|
14
14
|
},
|
15
15
|
variations: {
|
16
16
|
size: {
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
17
|
+
l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": 17.5rem;\n ", ": 0.875rem;\n\n ", ": 1.5rem;\n ", ": 1rem 1rem 1rem 0.875rem;\n ", ": 0.75rem 1rem 0.75rem 0.875rem;\n ", ": 0.75rem;\n\n ", ": 0.5rem;\n ", ": 1.125rem;\n ", ": 0.5rem;\n ", ": 1.125rem;\n ", ": 0.375rem;\n ", ": 0.375rem;\n\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0.125rem;\n ", ": 0.375rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n "])), _styledComponents.dropdownTokens.padding, _styledComponents.dropdownTokens.width, _styledComponents.dropdownTokens.borderRadius, _styledComponents.dropdownTokens.itemHeight, _styledComponents.dropdownTokens.itemPadding, _styledComponents.dropdownTokens.itemPaddingTight, _styledComponents.dropdownTokens.itemBorderRadius, _styledComponents.dropdownTokens.dividerMarginTop, _styledComponents.dropdownTokens.dividerMarginRight, _styledComponents.dropdownTokens.dividerMarginBottom, _styledComponents.dropdownTokens.dividerMarginLeft, _styledComponents.dropdownTokens.dividerMarginTopTight, _styledComponents.dropdownTokens.dividerMarginBottomTight, _styledComponents.dropdownTokens.itemFontFamily, _styledComponents.dropdownTokens.itemFontSize, _styledComponents.dropdownTokens.itemFontStyle, _styledComponents.dropdownTokens.itemFontWeightBold, _styledComponents.dropdownTokens.itemFontLetterSpacing, _styledComponents.dropdownTokens.itemFontLineHeight, _styledComponents.dropdownTokens.cellPadding, _styledComponents.dropdownTokens.cellPaddingLeftContent, _styledComponents.dropdownTokens.cellPaddingContent, _styledComponents.dropdownTokens.cellPaddingRightContent, _styledComponents.dropdownTokens.cellTextboxGap, _styledComponents.dropdownTokens.cellGap, _styledComponents.dropdownTokens.cellTitleFontFamily, _styledComponents.dropdownTokens.cellTitleFontSize, _styledComponents.dropdownTokens.cellTitleFontStyle, _styledComponents.dropdownTokens.cellTitleFontWeight, _styledComponents.dropdownTokens.cellTitleLetterSpacing, _styledComponents.dropdownTokens.cellTitleLineHeight),
|
18
|
+
m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": 15rem;\n ", ": 0.75rem;\n\n ", ": 1.5rem;\n ", ": 0.75rem 0.75rem 0.75rem 0.75rem;\n ", ": 0.5rem 0.75rem 0.5rem 0.75rem;\n ", ": 0.625rem;\n\n ", ": 0.375rem;\n ", ": 0.875rem;\n ", ": 0.375rem;\n ", ": 0.875rem;\n ", ": 0.375rem;\n ", ": 0.375rem;\n\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0.125rem;\n ", ": 0.375rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n "])), _styledComponents.dropdownTokens.padding, _styledComponents.dropdownTokens.width, _styledComponents.dropdownTokens.borderRadius, _styledComponents.dropdownTokens.itemHeight, _styledComponents.dropdownTokens.itemPadding, _styledComponents.dropdownTokens.itemPaddingTight, _styledComponents.dropdownTokens.itemBorderRadius, _styledComponents.dropdownTokens.dividerMarginTop, _styledComponents.dropdownTokens.dividerMarginRight, _styledComponents.dropdownTokens.dividerMarginBottom, _styledComponents.dropdownTokens.dividerMarginLeft, _styledComponents.dropdownTokens.dividerMarginTopTight, _styledComponents.dropdownTokens.dividerMarginBottomTight, _styledComponents.dropdownTokens.itemFontFamily, _styledComponents.dropdownTokens.itemFontSize, _styledComponents.dropdownTokens.itemFontStyle, _styledComponents.dropdownTokens.itemFontWeightBold, _styledComponents.dropdownTokens.itemFontLetterSpacing, _styledComponents.dropdownTokens.itemFontLineHeight, _styledComponents.dropdownTokens.cellPadding, _styledComponents.dropdownTokens.cellPaddingLeftContent, _styledComponents.dropdownTokens.cellPaddingContent, _styledComponents.dropdownTokens.cellPaddingRightContent, _styledComponents.dropdownTokens.cellTextboxGap, _styledComponents.dropdownTokens.cellGap, _styledComponents.dropdownTokens.cellTitleFontFamily, _styledComponents.dropdownTokens.cellTitleFontSize, _styledComponents.dropdownTokens.cellTitleFontStyle, _styledComponents.dropdownTokens.cellTitleFontWeight, _styledComponents.dropdownTokens.cellTitleLetterSpacing, _styledComponents.dropdownTokens.cellTitleLineHeight),
|
19
|
+
s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": 12.5rem;\n ", ": 0.625rem;\n\n ", ": 1.5rem;\n ", ": 0.5rem 0.75rem 0.5rem 0.675rem;\n ", ": 0.25rem 0.75rem 0.25rem 0.675rem;\n ", ": 0.5rem;\n\n ", ": 0.375rem;\n ", ": 0.75rem;\n ", ": 0.375rem;\n ", ": 0.75rem;\n ", ": 0.25rem;\n ", ": 0.25rem;\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0.125rem;\n ", ": 0.375rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n "])), _styledComponents.dropdownTokens.padding, _styledComponents.dropdownTokens.width, _styledComponents.dropdownTokens.borderRadius, _styledComponents.dropdownTokens.itemHeight, _styledComponents.dropdownTokens.itemPadding, _styledComponents.dropdownTokens.itemPaddingTight, _styledComponents.dropdownTokens.itemBorderRadius, _styledComponents.dropdownTokens.dividerMarginTop, _styledComponents.dropdownTokens.dividerMarginRight, _styledComponents.dropdownTokens.dividerMarginBottom, _styledComponents.dropdownTokens.dividerMarginLeft, _styledComponents.dropdownTokens.dividerMarginTopTight, _styledComponents.dropdownTokens.dividerMarginBottomTight, _styledComponents.dropdownTokens.itemFontFamily, _styledComponents.dropdownTokens.itemFontSize, _styledComponents.dropdownTokens.itemFontStyle, _styledComponents.dropdownTokens.itemFontWeightBold, _styledComponents.dropdownTokens.itemFontLetterSpacing, _styledComponents.dropdownTokens.itemFontLineHeight, _styledComponents.dropdownTokens.cellPadding, _styledComponents.dropdownTokens.cellPaddingLeftContent, _styledComponents.dropdownTokens.cellPaddingContent, _styledComponents.dropdownTokens.cellPaddingRightContent, _styledComponents.dropdownTokens.cellTextboxGap, _styledComponents.dropdownTokens.cellGap, _styledComponents.dropdownTokens.cellTitleFontFamily, _styledComponents.dropdownTokens.cellTitleFontSize, _styledComponents.dropdownTokens.cellTitleFontStyle, _styledComponents.dropdownTokens.cellTitleFontWeight, _styledComponents.dropdownTokens.cellTitleLetterSpacing, _styledComponents.dropdownTokens.cellTitleLineHeight),
|
20
|
+
xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": 10rem;\n ", ": 0.5rem;\n\n ", ": 1rem;\n ", ": 0.5rem 0.5rem 0.5rem 0.375rem;\n ", ": 0.25rem 0.5rem 0.25rem 0.375rem;\n ", ": 0.375rem;\n\n ", ": 0.25rem;\n ", ": 0.5rem;\n ", ": 0.25rem;\n ", ": 0.5rem;\n ", ": 0.125rem;\n ", ": 0.125rem;\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0.125rem;\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n "])), _styledComponents.dropdownTokens.padding, _styledComponents.dropdownTokens.width, _styledComponents.dropdownTokens.borderRadius, _styledComponents.dropdownTokens.itemHeight, _styledComponents.dropdownTokens.itemPadding, _styledComponents.dropdownTokens.itemPaddingTight, _styledComponents.dropdownTokens.itemBorderRadius, _styledComponents.dropdownTokens.dividerMarginTop, _styledComponents.dropdownTokens.dividerMarginRight, _styledComponents.dropdownTokens.dividerMarginBottom, _styledComponents.dropdownTokens.dividerMarginLeft, _styledComponents.dropdownTokens.dividerMarginTopTight, _styledComponents.dropdownTokens.dividerMarginBottomTight, _styledComponents.dropdownTokens.itemFontFamily, _styledComponents.dropdownTokens.itemFontSize, _styledComponents.dropdownTokens.itemFontStyle, _styledComponents.dropdownTokens.itemFontWeightBold, _styledComponents.dropdownTokens.itemFontLetterSpacing, _styledComponents.dropdownTokens.itemFontLineHeight, _styledComponents.dropdownTokens.cellPadding, _styledComponents.dropdownTokens.cellPaddingLeftContent, _styledComponents.dropdownTokens.cellPaddingContent, _styledComponents.dropdownTokens.cellPaddingRightContent, _styledComponents.dropdownTokens.cellTextboxGap, _styledComponents.dropdownTokens.cellGap, _styledComponents.dropdownTokens.cellTitleFontFamily, _styledComponents.dropdownTokens.cellTitleFontSize, _styledComponents.dropdownTokens.cellTitleFontStyle, _styledComponents.dropdownTokens.cellTitleFontWeight, _styledComponents.dropdownTokens.cellTitleLetterSpacing, _styledComponents.dropdownTokens.cellTitleLineHeight)
|
21
21
|
},
|
22
22
|
view: {
|
23
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ":
|
23
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-tertiary);\n "])), _styledComponents.dropdownTokens.dividerColor)
|
24
24
|
}
|
25
25
|
}
|
26
26
|
};
|
@@ -1,13 +1,13 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
declare const Dropdown: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
|
3
3
|
size: {
|
4
|
-
xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
5
|
-
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
6
|
-
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
7
4
|
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
5
|
+
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
6
|
+
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
7
|
+
xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
8
8
|
};
|
9
9
|
view: {
|
10
10
|
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
11
11
|
};
|
12
|
-
}> & import("@salutejs/plasma-new-hope/
|
12
|
+
}> & import("@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types").DropdownProps & import("react").RefAttributes<HTMLDivElement>>;
|
13
13
|
export { Dropdown };
|
@@ -8,7 +8,7 @@ exports.DropdownPopup = void 0;
|
|
8
8
|
var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
|
9
9
|
var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
|
10
10
|
var _DropdownOld = /*#__PURE__*/require("./DropdownOld.config");
|
11
|
-
var _excluded = ["trigger", "children", "isOpen", "disclosure", "onToggle", "placement", "offsetTop"];
|
11
|
+
var _excluded = ["trigger", "children", "opened", "isOpen", "disclosure", "onToggle", "placement", "offsetTop"];
|
12
12
|
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); }
|
13
13
|
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; }
|
14
14
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
@@ -19,6 +19,7 @@ var DropdownNewHope = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig
|
|
19
19
|
var DropdownPopup = exports.DropdownPopup = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
20
20
|
var trigger = props.trigger,
|
21
21
|
children = props.children,
|
22
|
+
opened = props.opened,
|
22
23
|
isOpen = props.isOpen,
|
23
24
|
disclosure = props.disclosure,
|
24
25
|
onToggle = props.onToggle,
|
@@ -30,7 +31,8 @@ var DropdownPopup = exports.DropdownPopup = /*#__PURE__*/(0, _react.forwardRef)(
|
|
30
31
|
ref: ref,
|
31
32
|
onToggle: onToggle,
|
32
33
|
target: disclosure,
|
33
|
-
opened:
|
34
|
+
opened: opened,
|
35
|
+
isOpen: isOpen,
|
34
36
|
trigger: trigger,
|
35
37
|
placement: placement,
|
36
38
|
offset: [offsetAtTop, 0]
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import './Dropdown.
|
1
|
+
import './Dropdown.config_1tiyqmq.css';
|
2
2
|
'use strict';
|
3
3
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
@@ -10,10 +10,10 @@ var config = {
|
|
10
10
|
},
|
11
11
|
variations: {
|
12
12
|
size: {
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
13
|
+
l: "luajbqv",
|
14
|
+
m: "mxwpid0",
|
15
|
+
s: "s12u1ccx",
|
16
|
+
xs: "xj8enjv"
|
17
17
|
},
|
18
18
|
view: {
|
19
19
|
"default": "da0vaum"
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Dropdown.config.js","sources":["../../../../src-css/components/Dropdown/Dropdown.config.ts"],"sourcesContent":["import { css, dropdownTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n size: {\n
|
1
|
+
{"version":3,"file":"Dropdown.config.js","sources":["../../../../src-css/components/Dropdown/Dropdown.config.ts"],"sourcesContent":["import { css, dropdownTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n size: {\n l: css`\n ${tokens.padding}: 0.125rem;\n ${tokens.width}: 17.5rem;\n ${tokens.borderRadius}: 0.875rem;\n\n ${tokens.itemHeight}: 1.5rem;\n ${tokens.itemPadding}: 1rem 1rem 1rem 0.875rem;\n ${tokens.itemPaddingTight}: 0.75rem 1rem 0.75rem 0.875rem;\n ${tokens.itemBorderRadius}: 0.75rem;\n\n ${tokens.dividerMarginTop}: 0.5rem;\n ${tokens.dividerMarginRight}: 1.125rem;\n ${tokens.dividerMarginBottom}: 0.5rem;\n ${tokens.dividerMarginLeft}: 1.125rem;\n ${tokens.dividerMarginTopTight}: 0.375rem;\n ${tokens.dividerMarginBottomTight}: 0.375rem;\n\n ${tokens.itemFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.itemFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.itemFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.itemFontWeightBold}: var(--plasma-typo-body-l-font-weight);\n ${tokens.itemFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.itemFontLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.cellPadding}: 0rem;\n ${tokens.cellPaddingLeftContent}: 0rem;\n ${tokens.cellPaddingContent}: 0rem;\n ${tokens.cellPaddingRightContent}: 0rem;\n ${tokens.cellTextboxGap}: 0.125rem;\n ${tokens.cellGap}: 0.375rem;\n ${tokens.cellTitleFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.cellTitleFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.cellTitleFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.cellTitleFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.cellTitleLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.cellTitleLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n m: css`\n ${tokens.padding}: 0.125rem;\n ${tokens.width}: 15rem;\n ${tokens.borderRadius}: 0.75rem;\n\n ${tokens.itemHeight}: 1.5rem;\n ${tokens.itemPadding}: 0.75rem 0.75rem 0.75rem 0.75rem;\n ${tokens.itemPaddingTight}: 0.5rem 0.75rem 0.5rem 0.75rem;\n ${tokens.itemBorderRadius}: 0.625rem;\n\n ${tokens.dividerMarginTop}: 0.375rem;\n ${tokens.dividerMarginRight}: 0.875rem;\n ${tokens.dividerMarginBottom}: 0.375rem;\n ${tokens.dividerMarginLeft}: 0.875rem;\n ${tokens.dividerMarginTopTight}: 0.375rem;\n ${tokens.dividerMarginBottomTight}: 0.375rem;\n\n ${tokens.itemFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.itemFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.itemFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.itemFontWeightBold}: var(--plasma-typo-body-m-font-weight);\n ${tokens.itemFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.itemFontLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.cellPadding}: 0rem;\n ${tokens.cellPaddingLeftContent}: 0rem;\n ${tokens.cellPaddingContent}: 0rem;\n ${tokens.cellPaddingRightContent}: 0rem;\n ${tokens.cellTextboxGap}: 0.125rem;\n ${tokens.cellGap}: 0.375rem;\n ${tokens.cellTitleFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.cellTitleFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.cellTitleFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.cellTitleFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.cellTitleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.cellTitleLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n s: css`\n ${tokens.padding}: 0.125rem;\n ${tokens.width}: 12.5rem;\n ${tokens.borderRadius}: 0.625rem;\n\n ${tokens.itemHeight}: 1.5rem;\n ${tokens.itemPadding}: 0.5rem 0.75rem 0.5rem 0.675rem;\n ${tokens.itemPaddingTight}: 0.25rem 0.75rem 0.25rem 0.675rem;\n ${tokens.itemBorderRadius}: 0.5rem;\n\n ${tokens.dividerMarginTop}: 0.375rem;\n ${tokens.dividerMarginRight}: 0.75rem;\n ${tokens.dividerMarginBottom}: 0.375rem;\n ${tokens.dividerMarginLeft}: 0.75rem;\n ${tokens.dividerMarginTopTight}: 0.25rem;\n ${tokens.dividerMarginBottomTight}: 0.25rem;\n\n ${tokens.itemFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.itemFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.itemFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.itemFontWeightBold}: var(--plasma-typo-body-s-font-weight);\n ${tokens.itemFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.itemFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.cellPadding}: 0rem;\n ${tokens.cellPaddingLeftContent}: 0rem;\n ${tokens.cellPaddingContent}: 0rem;\n ${tokens.cellPaddingRightContent}: 0rem;\n ${tokens.cellTextboxGap}: 0.125rem;\n ${tokens.cellGap}: 0.375rem;\n ${tokens.cellTitleFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.cellTitleFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.cellTitleFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.cellTitleFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.cellTitleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.cellTitleLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n xs: css`\n ${tokens.padding}: 0.125rem;\n ${tokens.width}: 10rem;\n ${tokens.borderRadius}: 0.5rem;\n\n ${tokens.itemHeight}: 1rem;\n ${tokens.itemPadding}: 0.5rem 0.5rem 0.5rem 0.375rem;\n ${tokens.itemPaddingTight}: 0.25rem 0.5rem 0.25rem 0.375rem;\n ${tokens.itemBorderRadius}: 0.375rem;\n\n ${tokens.dividerMarginTop}: 0.25rem;\n ${tokens.dividerMarginRight}: 0.5rem;\n ${tokens.dividerMarginBottom}: 0.25rem;\n ${tokens.dividerMarginLeft}: 0.5rem;\n ${tokens.dividerMarginTopTight}: 0.125rem;\n ${tokens.dividerMarginBottomTight}: 0.125rem;\n\n ${tokens.itemFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.itemFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.itemFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.itemFontWeightBold}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.itemFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.itemFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.cellPadding}: 0rem;\n ${tokens.cellPaddingLeftContent}: 0rem;\n ${tokens.cellPaddingContent}: 0rem;\n ${tokens.cellPaddingRightContent}: 0rem;\n ${tokens.cellTextboxGap}: 0.125rem;\n ${tokens.cellGap}: 0.25rem;\n ${tokens.cellTitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.cellTitleFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.cellTitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.cellTitleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.cellTitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.cellTitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n },\n view: {\n default: css`\n ${tokens.dividerColor}: var(--surface-transparent-tertiary);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","l","m","s","xs","default"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,CAAC,EAoCA,SAAA;AACDC,MAAAA,CAAC,EAoCA,SAAA;AACDC,MAAAA,CAAC,EAoCA,UAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;KAqCL;AACDN,IAAAA,IAAI,EAAE;MACFO,SAAO,EAAA,SAAA;AAGX,KAAA;AACJ,GAAA;AACJ;;;;"}
|
@@ -0,0 +1,5 @@
|
|
1
|
+
.luajbqv{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:17.5rem;--plasma-dropdown-border-radius:0.875rem;--plasma-dropdown-item-height:1.5rem;--plasma-dropdown-item-padding:1rem 1rem 1rem 0.875rem;--plasma-dropdown-item-padding-tight:0.75rem 1rem 0.75rem 0.875rem;--plasma-dropdown-item-border-radius:0.75rem;--plasma-dropdown-divider-margin-top:0.5rem;--plasma-dropdown-divider-margin-right:1.125rem;--plasma-dropdown-divider-margin-bottom:0.5rem;--plasma-dropdown-divider-margin-left:1.125rem;--plasma-dropdown-divider-margin-top-tight:0.375rem;--plasma-dropdown-divider-margin-bottom-tight:0.375rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-l-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-l-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-l-line-height);--plasma-dropdown-cell-padding:0rem;--plasma-dropdown-cell-padding-left-content:0rem;--plasma-dropdown-cell-padding-content:0rem;--plasma-dropdown-cell-padding-right-content:0rem;--plasma-dropdown-cell-textbox-gap:0.125rem;--plasma-dropdown-cell-gap:0.375rem;--plasma-dropdown-cell-title-font-family:var(--plasma-typo-body-l-font-family);--plasma-dropdown-cell-title-font-size:var(--plasma-typo-body-l-font-size);--plasma-dropdown-cell-title-font-style:var(--plasma-typo-body-l-font-style);--plasma-dropdown-cell-title-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-dropdown-cell-title-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-dropdown-cell-title-line-height:var(--plasma-typo-body-l-line-height);}
|
2
|
+
.mxwpid0{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:15rem;--plasma-dropdown-border-radius:0.75rem;--plasma-dropdown-item-height:1.5rem;--plasma-dropdown-item-padding:0.75rem 0.75rem 0.75rem 0.75rem;--plasma-dropdown-item-padding-tight:0.5rem 0.75rem 0.5rem 0.75rem;--plasma-dropdown-item-border-radius:0.625rem;--plasma-dropdown-divider-margin-top:0.375rem;--plasma-dropdown-divider-margin-right:0.875rem;--plasma-dropdown-divider-margin-bottom:0.375rem;--plasma-dropdown-divider-margin-left:0.875rem;--plasma-dropdown-divider-margin-top-tight:0.375rem;--plasma-dropdown-divider-margin-bottom-tight:0.375rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-m-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-m-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-m-line-height);--plasma-dropdown-cell-padding:0rem;--plasma-dropdown-cell-padding-left-content:0rem;--plasma-dropdown-cell-padding-content:0rem;--plasma-dropdown-cell-padding-right-content:0rem;--plasma-dropdown-cell-textbox-gap:0.125rem;--plasma-dropdown-cell-gap:0.375rem;--plasma-dropdown-cell-title-font-family:var(--plasma-typo-body-m-font-family);--plasma-dropdown-cell-title-font-size:var(--plasma-typo-body-m-font-size);--plasma-dropdown-cell-title-font-style:var(--plasma-typo-body-m-font-style);--plasma-dropdown-cell-title-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-dropdown-cell-title-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-dropdown-cell-title-line-height:var(--plasma-typo-body-m-line-height);}
|
3
|
+
.s12u1ccx{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:12.5rem;--plasma-dropdown-border-radius:0.625rem;--plasma-dropdown-item-height:1.5rem;--plasma-dropdown-item-padding:0.5rem 0.75rem 0.5rem 0.675rem;--plasma-dropdown-item-padding-tight:0.25rem 0.75rem 0.25rem 0.675rem;--plasma-dropdown-item-border-radius:0.5rem;--plasma-dropdown-divider-margin-top:0.375rem;--plasma-dropdown-divider-margin-right:0.75rem;--plasma-dropdown-divider-margin-bottom:0.375rem;--plasma-dropdown-divider-margin-left:0.75rem;--plasma-dropdown-divider-margin-top-tight:0.25rem;--plasma-dropdown-divider-margin-bottom-tight:0.25rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-s-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-s-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-s-line-height);--plasma-dropdown-cell-padding:0rem;--plasma-dropdown-cell-padding-left-content:0rem;--plasma-dropdown-cell-padding-content:0rem;--plasma-dropdown-cell-padding-right-content:0rem;--plasma-dropdown-cell-textbox-gap:0.125rem;--plasma-dropdown-cell-gap:0.375rem;--plasma-dropdown-cell-title-font-family:var(--plasma-typo-body-s-font-family);--plasma-dropdown-cell-title-font-size:var(--plasma-typo-body-s-font-size);--plasma-dropdown-cell-title-font-style:var(--plasma-typo-body-s-font-style);--plasma-dropdown-cell-title-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-dropdown-cell-title-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-dropdown-cell-title-line-height:var(--plasma-typo-body-s-line-height);}
|
4
|
+
.xj8enjv{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:10rem;--plasma-dropdown-border-radius:0.5rem;--plasma-dropdown-item-height:1rem;--plasma-dropdown-item-padding:0.5rem 0.5rem 0.5rem 0.375rem;--plasma-dropdown-item-padding-tight:0.25rem 0.5rem 0.25rem 0.375rem;--plasma-dropdown-item-border-radius:0.375rem;--plasma-dropdown-divider-margin-top:0.25rem;--plasma-dropdown-divider-margin-right:0.5rem;--plasma-dropdown-divider-margin-bottom:0.25rem;--plasma-dropdown-divider-margin-left:0.5rem;--plasma-dropdown-divider-margin-top-tight:0.125rem;--plasma-dropdown-divider-margin-bottom-tight:0.125rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-xs-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-xs-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-xs-line-height);--plasma-dropdown-cell-padding:0rem;--plasma-dropdown-cell-padding-left-content:0rem;--plasma-dropdown-cell-padding-content:0rem;--plasma-dropdown-cell-padding-right-content:0rem;--plasma-dropdown-cell-textbox-gap:0.125rem;--plasma-dropdown-cell-gap:0.25rem;--plasma-dropdown-cell-title-font-family:var(--plasma-typo-body-xs-font-family);--plasma-dropdown-cell-title-font-size:var(--plasma-typo-body-xs-font-size);--plasma-dropdown-cell-title-font-style:var(--plasma-typo-body-xs-font-style);--plasma-dropdown-cell-title-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-dropdown-cell-title-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-dropdown-cell-title-line-height:var(--plasma-typo-body-xs-line-height);}
|
5
|
+
.da0vaum{--plasma-dropdown-divider-color:var(--surface-transparent-tertiary);}
|
@@ -1,5 +1,5 @@
|
|
1
|
-
.
|
2
|
-
.
|
3
|
-
.
|
4
|
-
.
|
5
|
-
.
|
1
|
+
.Dropdown_config_1tiyqmq_luajbqv__446c1630{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:17.5rem;--plasma-dropdown-border-radius:0.875rem;--plasma-dropdown-item-height:1.5rem;--plasma-dropdown-item-padding:1rem 1rem 1rem 0.875rem;--plasma-dropdown-item-padding-tight:0.75rem 1rem 0.75rem 0.875rem;--plasma-dropdown-item-border-radius:0.75rem;--plasma-dropdown-divider-margin-top:0.5rem;--plasma-dropdown-divider-margin-right:1.125rem;--plasma-dropdown-divider-margin-bottom:0.5rem;--plasma-dropdown-divider-margin-left:1.125rem;--plasma-dropdown-divider-margin-top-tight:0.375rem;--plasma-dropdown-divider-margin-bottom-tight:0.375rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-l-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-l-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-l-line-height);--plasma-dropdown-cell-padding:0rem;--plasma-dropdown-cell-padding-left-content:0rem;--plasma-dropdown-cell-padding-content:0rem;--plasma-dropdown-cell-padding-right-content:0rem;--plasma-dropdown-cell-textbox-gap:0.125rem;--plasma-dropdown-cell-gap:0.375rem;--plasma-dropdown-cell-title-font-family:var(--plasma-typo-body-l-font-family);--plasma-dropdown-cell-title-font-size:var(--plasma-typo-body-l-font-size);--plasma-dropdown-cell-title-font-style:var(--plasma-typo-body-l-font-style);--plasma-dropdown-cell-title-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-dropdown-cell-title-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-dropdown-cell-title-line-height:var(--plasma-typo-body-l-line-height);}
|
2
|
+
.Dropdown_config_1tiyqmq_mxwpid0__446c1630{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:15rem;--plasma-dropdown-border-radius:0.75rem;--plasma-dropdown-item-height:1.5rem;--plasma-dropdown-item-padding:0.75rem 0.75rem 0.75rem 0.75rem;--plasma-dropdown-item-padding-tight:0.5rem 0.75rem 0.5rem 0.75rem;--plasma-dropdown-item-border-radius:0.625rem;--plasma-dropdown-divider-margin-top:0.375rem;--plasma-dropdown-divider-margin-right:0.875rem;--plasma-dropdown-divider-margin-bottom:0.375rem;--plasma-dropdown-divider-margin-left:0.875rem;--plasma-dropdown-divider-margin-top-tight:0.375rem;--plasma-dropdown-divider-margin-bottom-tight:0.375rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-m-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-m-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-m-line-height);--plasma-dropdown-cell-padding:0rem;--plasma-dropdown-cell-padding-left-content:0rem;--plasma-dropdown-cell-padding-content:0rem;--plasma-dropdown-cell-padding-right-content:0rem;--plasma-dropdown-cell-textbox-gap:0.125rem;--plasma-dropdown-cell-gap:0.375rem;--plasma-dropdown-cell-title-font-family:var(--plasma-typo-body-m-font-family);--plasma-dropdown-cell-title-font-size:var(--plasma-typo-body-m-font-size);--plasma-dropdown-cell-title-font-style:var(--plasma-typo-body-m-font-style);--plasma-dropdown-cell-title-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-dropdown-cell-title-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-dropdown-cell-title-line-height:var(--plasma-typo-body-m-line-height);}
|
3
|
+
.Dropdown_config_1tiyqmq_s12u1ccx__446c1630{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:12.5rem;--plasma-dropdown-border-radius:0.625rem;--plasma-dropdown-item-height:1.5rem;--plasma-dropdown-item-padding:0.5rem 0.75rem 0.5rem 0.675rem;--plasma-dropdown-item-padding-tight:0.25rem 0.75rem 0.25rem 0.675rem;--plasma-dropdown-item-border-radius:0.5rem;--plasma-dropdown-divider-margin-top:0.375rem;--plasma-dropdown-divider-margin-right:0.75rem;--plasma-dropdown-divider-margin-bottom:0.375rem;--plasma-dropdown-divider-margin-left:0.75rem;--plasma-dropdown-divider-margin-top-tight:0.25rem;--plasma-dropdown-divider-margin-bottom-tight:0.25rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-s-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-s-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-s-line-height);--plasma-dropdown-cell-padding:0rem;--plasma-dropdown-cell-padding-left-content:0rem;--plasma-dropdown-cell-padding-content:0rem;--plasma-dropdown-cell-padding-right-content:0rem;--plasma-dropdown-cell-textbox-gap:0.125rem;--plasma-dropdown-cell-gap:0.375rem;--plasma-dropdown-cell-title-font-family:var(--plasma-typo-body-s-font-family);--plasma-dropdown-cell-title-font-size:var(--plasma-typo-body-s-font-size);--plasma-dropdown-cell-title-font-style:var(--plasma-typo-body-s-font-style);--plasma-dropdown-cell-title-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-dropdown-cell-title-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-dropdown-cell-title-line-height:var(--plasma-typo-body-s-line-height);}
|
4
|
+
.Dropdown_config_1tiyqmq_xj8enjv__446c1630{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:10rem;--plasma-dropdown-border-radius:0.5rem;--plasma-dropdown-item-height:1rem;--plasma-dropdown-item-padding:0.5rem 0.5rem 0.5rem 0.375rem;--plasma-dropdown-item-padding-tight:0.25rem 0.5rem 0.25rem 0.375rem;--plasma-dropdown-item-border-radius:0.375rem;--plasma-dropdown-divider-margin-top:0.25rem;--plasma-dropdown-divider-margin-right:0.5rem;--plasma-dropdown-divider-margin-bottom:0.25rem;--plasma-dropdown-divider-margin-left:0.5rem;--plasma-dropdown-divider-margin-top-tight:0.125rem;--plasma-dropdown-divider-margin-bottom-tight:0.125rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-xs-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-xs-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-xs-line-height);--plasma-dropdown-cell-padding:0rem;--plasma-dropdown-cell-padding-left-content:0rem;--plasma-dropdown-cell-padding-content:0rem;--plasma-dropdown-cell-padding-right-content:0rem;--plasma-dropdown-cell-textbox-gap:0.125rem;--plasma-dropdown-cell-gap:0.25rem;--plasma-dropdown-cell-title-font-family:var(--plasma-typo-body-xs-font-family);--plasma-dropdown-cell-title-font-size:var(--plasma-typo-body-xs-font-size);--plasma-dropdown-cell-title-font-style:var(--plasma-typo-body-xs-font-style);--plasma-dropdown-cell-title-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-dropdown-cell-title-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-dropdown-cell-title-line-height:var(--plasma-typo-body-xs-line-height);}
|
5
|
+
.Dropdown_config_1tiyqmq_da0vaum__446c1630{--plasma-dropdown-divider-color:var(--surface-transparent-tertiary);}
|
@@ -7,12 +7,13 @@ var React = require('react');
|
|
7
7
|
var plasmaNewHope = require('@salutejs/plasma-new-hope');
|
8
8
|
var DropdownOld_config = require('./DropdownOld.config.js');
|
9
9
|
|
10
|
-
var _excluded = ["trigger", "children", "isOpen", "disclosure", "onToggle", "placement", "offsetTop"];
|
10
|
+
var _excluded = ["trigger", "children", "opened", "isOpen", "disclosure", "onToggle", "placement", "offsetTop"];
|
11
11
|
var mergedConfig = /*#__PURE__*/plasmaNewHope.mergeConfig(plasmaNewHope.dropdownOldConfig, DropdownOld_config.config);
|
12
12
|
var DropdownNewHope = /*#__PURE__*/plasmaNewHope.component(mergedConfig);
|
13
13
|
var DropdownPopup = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
14
14
|
var trigger = props.trigger,
|
15
15
|
children = props.children,
|
16
|
+
opened = props.opened,
|
16
17
|
isOpen = props.isOpen,
|
17
18
|
disclosure = props.disclosure,
|
18
19
|
onToggle = props.onToggle,
|
@@ -24,7 +25,8 @@ var DropdownPopup = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
24
25
|
ref: ref,
|
25
26
|
onToggle: onToggle,
|
26
27
|
target: disclosure,
|
27
|
-
opened:
|
28
|
+
opened: opened,
|
29
|
+
isOpen: isOpen,
|
28
30
|
trigger: trigger,
|
29
31
|
placement: placement,
|
30
32
|
offset: [offsetAtTop, 0]
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"DropdownPopup.js","sources":["../../../../../src-css/components/Dropdown/components/DropdownPopup.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DropdownPopupProps } from '@salutejs/plasma-hope';\nimport { component, dropdownOldConfig, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './DropdownOld.config';\n\nconst mergedConfig = mergeConfig(dropdownOldConfig, config);\nconst DropdownNewHope = component(mergedConfig);\n\nexport const DropdownPopup = forwardRef<HTMLDivElement, DropdownPopupProps>((props, ref) => {\n const { trigger, children, isOpen, disclosure, onToggle, placement, offsetTop, ...rest } = props;\n\n const offsetAtTop = typeof offsetTop === 'number' ? offsetTop : 0;\n\n return (\n <DropdownNewHope\n {...rest}\n ref={ref}\n onToggle={onToggle}\n target={disclosure}\n opened={isOpen}\n trigger={trigger}\n placement={placement}\n offset={[offsetAtTop, 0]}\n >\n {children}\n </DropdownNewHope>\n );\n});\n"],"names":["mergedConfig","mergeConfig","dropdownOldConfig","config","DropdownNewHope","component","DropdownPopup","forwardRef","props","ref","trigger","children","isOpen","disclosure","onToggle","placement","offsetTop","rest","_objectWithoutProperties","_excluded","offsetAtTop","React","createElement","_extends","target","
|
1
|
+
{"version":3,"file":"DropdownPopup.js","sources":["../../../../../src-css/components/Dropdown/components/DropdownPopup.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DropdownPopupProps } from '@salutejs/plasma-hope';\nimport { component, dropdownOldConfig, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './DropdownOld.config';\n\nconst mergedConfig = mergeConfig(dropdownOldConfig, config);\nconst DropdownNewHope = component(mergedConfig);\n\nexport const DropdownPopup = forwardRef<HTMLDivElement, DropdownPopupProps>((props, ref) => {\n const { trigger, children, opened, isOpen, disclosure, onToggle, placement, offsetTop, ...rest } = props;\n\n const offsetAtTop = typeof offsetTop === 'number' ? offsetTop : 0;\n\n return (\n <DropdownNewHope\n {...rest}\n ref={ref}\n onToggle={onToggle}\n target={disclosure}\n opened={opened}\n isOpen={isOpen}\n trigger={trigger}\n placement={placement}\n offset={[offsetAtTop, 0]}\n >\n {children}\n </DropdownNewHope>\n );\n});\n"],"names":["mergedConfig","mergeConfig","dropdownOldConfig","config","DropdownNewHope","component","DropdownPopup","forwardRef","props","ref","trigger","children","opened","isOpen","disclosure","onToggle","placement","offsetTop","rest","_objectWithoutProperties","_excluded","offsetAtTop","React","createElement","_extends","target","offset"],"mappings":";;;;;;;;;;AAMA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,+BAAiB,EAAEC,yBAAM,CAAC,CAAA;AAC3D,IAAMC,eAAe,gBAAGC,uBAAS,CAACL,YAAY,CAAC,CAAA;AAExC,IAAMM,aAAa,gBAAGC,gBAAU,CAAqC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACxF,EAAA,IAAQC,OAAO,GAAoFF,KAAK,CAAhGE,OAAO;IAAEC,QAAQ,GAA0EH,KAAK,CAAvFG,QAAQ;IAAEC,MAAM,GAAkEJ,KAAK,CAA7EI,MAAM;IAAEC,MAAM,GAA0DL,KAAK,CAArEK,MAAM;IAAEC,UAAU,GAA8CN,KAAK,CAA7DM,UAAU;IAAEC,QAAQ,GAAoCP,KAAK,CAAjDO,QAAQ;IAAEC,SAAS,GAAyBR,KAAK,CAAvCQ,SAAS;IAAEC,SAAS,GAAcT,KAAK,CAA5BS,SAAS;AAAKC,IAAAA,IAAI,GAAAC,iDAAA,CAAKX,KAAK,EAAAY,SAAA,CAAA,CAAA;EAExG,IAAMC,WAAW,GAAG,OAAOJ,SAAS,KAAK,QAAQ,GAAGA,SAAS,GAAG,CAAC,CAAA;EAEjE,oBACIK,KAAA,CAAAC,aAAA,CAACnB,eAAe,EAAAoB,iCAAA,KACRN,IAAI,EAAA;AACRT,IAAAA,GAAG,EAAEA,GAAI;AACTM,IAAAA,QAAQ,EAAEA,QAAS;AACnBU,IAAAA,MAAM,EAAEX,UAAW;AACnBF,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,MAAM,EAAEA,MAAO;AACfH,IAAAA,OAAO,EAAEA,OAAQ;AACjBM,IAAAA,SAAS,EAAEA,SAAU;AACrBU,IAAAA,MAAM,EAAE,CAACL,WAAW,EAAE,CAAC,CAAA;AAAE,GAAA,CAAA,EAExBV,QACY,CAAC,CAAA;AAE1B,CAAC;;;;"}
|
package/css/cjs/index.css
CHANGED
@@ -227,11 +227,11 @@
|
|
227
227
|
.Drawer_config_1kci8o2_n1nan2tb__bd39187d{--plasma-drawer-border-radius:0;}
|
228
228
|
.Drawer_config_1kci8o2_d10epcq6__bd39187d{--plasma-drawer-border-radius:1.25rem;}
|
229
229
|
|
230
|
-
.
|
231
|
-
.
|
232
|
-
.
|
233
|
-
.
|
234
|
-
.
|
230
|
+
.Dropdown_config_1tiyqmq_luajbqv__446c1630{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:17.5rem;--plasma-dropdown-border-radius:0.875rem;--plasma-dropdown-item-height:1.5rem;--plasma-dropdown-item-padding:1rem 1rem 1rem 0.875rem;--plasma-dropdown-item-padding-tight:0.75rem 1rem 0.75rem 0.875rem;--plasma-dropdown-item-border-radius:0.75rem;--plasma-dropdown-divider-margin-top:0.5rem;--plasma-dropdown-divider-margin-right:1.125rem;--plasma-dropdown-divider-margin-bottom:0.5rem;--plasma-dropdown-divider-margin-left:1.125rem;--plasma-dropdown-divider-margin-top-tight:0.375rem;--plasma-dropdown-divider-margin-bottom-tight:0.375rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-l-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-l-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-l-line-height);--plasma-dropdown-cell-padding:0rem;--plasma-dropdown-cell-padding-left-content:0rem;--plasma-dropdown-cell-padding-content:0rem;--plasma-dropdown-cell-padding-right-content:0rem;--plasma-dropdown-cell-textbox-gap:0.125rem;--plasma-dropdown-cell-gap:0.375rem;--plasma-dropdown-cell-title-font-family:var(--plasma-typo-body-l-font-family);--plasma-dropdown-cell-title-font-size:var(--plasma-typo-body-l-font-size);--plasma-dropdown-cell-title-font-style:var(--plasma-typo-body-l-font-style);--plasma-dropdown-cell-title-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-dropdown-cell-title-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-dropdown-cell-title-line-height:var(--plasma-typo-body-l-line-height);}
|
231
|
+
.Dropdown_config_1tiyqmq_mxwpid0__446c1630{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:15rem;--plasma-dropdown-border-radius:0.75rem;--plasma-dropdown-item-height:1.5rem;--plasma-dropdown-item-padding:0.75rem 0.75rem 0.75rem 0.75rem;--plasma-dropdown-item-padding-tight:0.5rem 0.75rem 0.5rem 0.75rem;--plasma-dropdown-item-border-radius:0.625rem;--plasma-dropdown-divider-margin-top:0.375rem;--plasma-dropdown-divider-margin-right:0.875rem;--plasma-dropdown-divider-margin-bottom:0.375rem;--plasma-dropdown-divider-margin-left:0.875rem;--plasma-dropdown-divider-margin-top-tight:0.375rem;--plasma-dropdown-divider-margin-bottom-tight:0.375rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-m-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-m-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-m-line-height);--plasma-dropdown-cell-padding:0rem;--plasma-dropdown-cell-padding-left-content:0rem;--plasma-dropdown-cell-padding-content:0rem;--plasma-dropdown-cell-padding-right-content:0rem;--plasma-dropdown-cell-textbox-gap:0.125rem;--plasma-dropdown-cell-gap:0.375rem;--plasma-dropdown-cell-title-font-family:var(--plasma-typo-body-m-font-family);--plasma-dropdown-cell-title-font-size:var(--plasma-typo-body-m-font-size);--plasma-dropdown-cell-title-font-style:var(--plasma-typo-body-m-font-style);--plasma-dropdown-cell-title-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-dropdown-cell-title-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-dropdown-cell-title-line-height:var(--plasma-typo-body-m-line-height);}
|
232
|
+
.Dropdown_config_1tiyqmq_s12u1ccx__446c1630{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:12.5rem;--plasma-dropdown-border-radius:0.625rem;--plasma-dropdown-item-height:1.5rem;--plasma-dropdown-item-padding:0.5rem 0.75rem 0.5rem 0.675rem;--plasma-dropdown-item-padding-tight:0.25rem 0.75rem 0.25rem 0.675rem;--plasma-dropdown-item-border-radius:0.5rem;--plasma-dropdown-divider-margin-top:0.375rem;--plasma-dropdown-divider-margin-right:0.75rem;--plasma-dropdown-divider-margin-bottom:0.375rem;--plasma-dropdown-divider-margin-left:0.75rem;--plasma-dropdown-divider-margin-top-tight:0.25rem;--plasma-dropdown-divider-margin-bottom-tight:0.25rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-s-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-s-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-s-line-height);--plasma-dropdown-cell-padding:0rem;--plasma-dropdown-cell-padding-left-content:0rem;--plasma-dropdown-cell-padding-content:0rem;--plasma-dropdown-cell-padding-right-content:0rem;--plasma-dropdown-cell-textbox-gap:0.125rem;--plasma-dropdown-cell-gap:0.375rem;--plasma-dropdown-cell-title-font-family:var(--plasma-typo-body-s-font-family);--plasma-dropdown-cell-title-font-size:var(--plasma-typo-body-s-font-size);--plasma-dropdown-cell-title-font-style:var(--plasma-typo-body-s-font-style);--plasma-dropdown-cell-title-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-dropdown-cell-title-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-dropdown-cell-title-line-height:var(--plasma-typo-body-s-line-height);}
|
233
|
+
.Dropdown_config_1tiyqmq_xj8enjv__446c1630{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:10rem;--plasma-dropdown-border-radius:0.5rem;--plasma-dropdown-item-height:1rem;--plasma-dropdown-item-padding:0.5rem 0.5rem 0.5rem 0.375rem;--plasma-dropdown-item-padding-tight:0.25rem 0.5rem 0.25rem 0.375rem;--plasma-dropdown-item-border-radius:0.375rem;--plasma-dropdown-divider-margin-top:0.25rem;--plasma-dropdown-divider-margin-right:0.5rem;--plasma-dropdown-divider-margin-bottom:0.25rem;--plasma-dropdown-divider-margin-left:0.5rem;--plasma-dropdown-divider-margin-top-tight:0.125rem;--plasma-dropdown-divider-margin-bottom-tight:0.125rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-xs-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-xs-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-xs-line-height);--plasma-dropdown-cell-padding:0rem;--plasma-dropdown-cell-padding-left-content:0rem;--plasma-dropdown-cell-padding-content:0rem;--plasma-dropdown-cell-padding-right-content:0rem;--plasma-dropdown-cell-textbox-gap:0.125rem;--plasma-dropdown-cell-gap:0.25rem;--plasma-dropdown-cell-title-font-family:var(--plasma-typo-body-xs-font-family);--plasma-dropdown-cell-title-font-size:var(--plasma-typo-body-xs-font-size);--plasma-dropdown-cell-title-font-style:var(--plasma-typo-body-xs-font-style);--plasma-dropdown-cell-title-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-dropdown-cell-title-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-dropdown-cell-title-line-height:var(--plasma-typo-body-xs-line-height);}
|
234
|
+
.Dropdown_config_1tiyqmq_da0vaum__446c1630{--plasma-dropdown-divider-color:var(--surface-transparent-tertiary);}
|
235
235
|
|
236
236
|
.DropdownOld_config_11xcwfh_xy53zv1__a82e8a13{--plasma-dropdown-width:100%;--plasma-dropdown-height:auto;--plasma-dropdown-border-radius:0.5rem;--plasma-dropdown-padding-top:0.125rem;--plasma-dropdown-padding-right:0.0625rem;--plasma-dropdown-padding-bottom:0.125rem;--plasma-dropdown-padding-left:0.125rem;--plasma-dropdown-item-width:auto;--plasma-dropdown-item-height:auto;--plasma-dropdown-item-margin-top:0;--plasma-dropdown-item-margin-right:0;--plasma-dropdown-item-margin-bottom:0;--plasma-dropdown-item-margin-left:0;--plasma-dropdown-item-padding-top:0.5625rem;--plasma-dropdown-item-padding-right:0.5rem;--plasma-dropdown-item-padding-bottom:0.5625rem;--plasma-dropdown-item-padding-left:0.5rem;--plasma-dropdown-item-border-radius:0.375rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-xs-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-xs-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-xs-line-height);}
|
237
237
|
.DropdownOld_config_11xcwfh_s1vd6y5w__a82e8a13{--plasma-dropdown-width:100%;--plasma-dropdown-height:auto;--plasma-dropdown-border-radius:0.5rem;--plasma-dropdown-padding-top:0.125rem;--plasma-dropdown-padding-right:0.0625rem;--plasma-dropdown-padding-bottom:0.125rem;--plasma-dropdown-padding-left:0.125rem;--plasma-dropdown-item-width:auto;--plasma-dropdown-item-height:auto;--plasma-dropdown-item-margin-top:0;--plasma-dropdown-item-margin-right:0;--plasma-dropdown-item-margin-bottom:0;--plasma-dropdown-item-margin-left:0;--plasma-dropdown-item-padding-top:0.6875rem;--plasma-dropdown-item-padding-right:0.75rem;--plasma-dropdown-item-padding-bottom:0.6875rem;--plasma-dropdown-item-padding-left:0.75rem;--plasma-dropdown-item-border-radius:0.5rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-s-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-s-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-s-line-height);}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import './Dropdown.
|
1
|
+
import './Dropdown.config_1tiyqmq.css';
|
2
2
|
var config = {
|
3
3
|
defaults: {
|
4
4
|
view: 'default',
|
@@ -6,10 +6,10 @@ var config = {
|
|
6
6
|
},
|
7
7
|
variations: {
|
8
8
|
size: {
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
9
|
+
l: "luajbqv",
|
10
|
+
m: "mxwpid0",
|
11
|
+
s: "s12u1ccx",
|
12
|
+
xs: "xj8enjv"
|
13
13
|
},
|
14
14
|
view: {
|
15
15
|
"default": "da0vaum"
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Dropdown.config.js","sources":["../../../../src-css/components/Dropdown/Dropdown.config.ts"],"sourcesContent":["import { css, dropdownTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n size: {\n
|
1
|
+
{"version":3,"file":"Dropdown.config.js","sources":["../../../../src-css/components/Dropdown/Dropdown.config.ts"],"sourcesContent":["import { css, dropdownTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n size: {\n l: css`\n ${tokens.padding}: 0.125rem;\n ${tokens.width}: 17.5rem;\n ${tokens.borderRadius}: 0.875rem;\n\n ${tokens.itemHeight}: 1.5rem;\n ${tokens.itemPadding}: 1rem 1rem 1rem 0.875rem;\n ${tokens.itemPaddingTight}: 0.75rem 1rem 0.75rem 0.875rem;\n ${tokens.itemBorderRadius}: 0.75rem;\n\n ${tokens.dividerMarginTop}: 0.5rem;\n ${tokens.dividerMarginRight}: 1.125rem;\n ${tokens.dividerMarginBottom}: 0.5rem;\n ${tokens.dividerMarginLeft}: 1.125rem;\n ${tokens.dividerMarginTopTight}: 0.375rem;\n ${tokens.dividerMarginBottomTight}: 0.375rem;\n\n ${tokens.itemFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.itemFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.itemFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.itemFontWeightBold}: var(--plasma-typo-body-l-font-weight);\n ${tokens.itemFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.itemFontLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.cellPadding}: 0rem;\n ${tokens.cellPaddingLeftContent}: 0rem;\n ${tokens.cellPaddingContent}: 0rem;\n ${tokens.cellPaddingRightContent}: 0rem;\n ${tokens.cellTextboxGap}: 0.125rem;\n ${tokens.cellGap}: 0.375rem;\n ${tokens.cellTitleFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.cellTitleFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.cellTitleFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.cellTitleFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.cellTitleLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.cellTitleLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n m: css`\n ${tokens.padding}: 0.125rem;\n ${tokens.width}: 15rem;\n ${tokens.borderRadius}: 0.75rem;\n\n ${tokens.itemHeight}: 1.5rem;\n ${tokens.itemPadding}: 0.75rem 0.75rem 0.75rem 0.75rem;\n ${tokens.itemPaddingTight}: 0.5rem 0.75rem 0.5rem 0.75rem;\n ${tokens.itemBorderRadius}: 0.625rem;\n\n ${tokens.dividerMarginTop}: 0.375rem;\n ${tokens.dividerMarginRight}: 0.875rem;\n ${tokens.dividerMarginBottom}: 0.375rem;\n ${tokens.dividerMarginLeft}: 0.875rem;\n ${tokens.dividerMarginTopTight}: 0.375rem;\n ${tokens.dividerMarginBottomTight}: 0.375rem;\n\n ${tokens.itemFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.itemFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.itemFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.itemFontWeightBold}: var(--plasma-typo-body-m-font-weight);\n ${tokens.itemFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.itemFontLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.cellPadding}: 0rem;\n ${tokens.cellPaddingLeftContent}: 0rem;\n ${tokens.cellPaddingContent}: 0rem;\n ${tokens.cellPaddingRightContent}: 0rem;\n ${tokens.cellTextboxGap}: 0.125rem;\n ${tokens.cellGap}: 0.375rem;\n ${tokens.cellTitleFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.cellTitleFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.cellTitleFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.cellTitleFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.cellTitleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.cellTitleLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n s: css`\n ${tokens.padding}: 0.125rem;\n ${tokens.width}: 12.5rem;\n ${tokens.borderRadius}: 0.625rem;\n\n ${tokens.itemHeight}: 1.5rem;\n ${tokens.itemPadding}: 0.5rem 0.75rem 0.5rem 0.675rem;\n ${tokens.itemPaddingTight}: 0.25rem 0.75rem 0.25rem 0.675rem;\n ${tokens.itemBorderRadius}: 0.5rem;\n\n ${tokens.dividerMarginTop}: 0.375rem;\n ${tokens.dividerMarginRight}: 0.75rem;\n ${tokens.dividerMarginBottom}: 0.375rem;\n ${tokens.dividerMarginLeft}: 0.75rem;\n ${tokens.dividerMarginTopTight}: 0.25rem;\n ${tokens.dividerMarginBottomTight}: 0.25rem;\n\n ${tokens.itemFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.itemFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.itemFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.itemFontWeightBold}: var(--plasma-typo-body-s-font-weight);\n ${tokens.itemFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.itemFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.cellPadding}: 0rem;\n ${tokens.cellPaddingLeftContent}: 0rem;\n ${tokens.cellPaddingContent}: 0rem;\n ${tokens.cellPaddingRightContent}: 0rem;\n ${tokens.cellTextboxGap}: 0.125rem;\n ${tokens.cellGap}: 0.375rem;\n ${tokens.cellTitleFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.cellTitleFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.cellTitleFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.cellTitleFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.cellTitleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.cellTitleLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n xs: css`\n ${tokens.padding}: 0.125rem;\n ${tokens.width}: 10rem;\n ${tokens.borderRadius}: 0.5rem;\n\n ${tokens.itemHeight}: 1rem;\n ${tokens.itemPadding}: 0.5rem 0.5rem 0.5rem 0.375rem;\n ${tokens.itemPaddingTight}: 0.25rem 0.5rem 0.25rem 0.375rem;\n ${tokens.itemBorderRadius}: 0.375rem;\n\n ${tokens.dividerMarginTop}: 0.25rem;\n ${tokens.dividerMarginRight}: 0.5rem;\n ${tokens.dividerMarginBottom}: 0.25rem;\n ${tokens.dividerMarginLeft}: 0.5rem;\n ${tokens.dividerMarginTopTight}: 0.125rem;\n ${tokens.dividerMarginBottomTight}: 0.125rem;\n\n ${tokens.itemFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.itemFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.itemFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.itemFontWeightBold}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.itemFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.itemFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.cellPadding}: 0rem;\n ${tokens.cellPaddingLeftContent}: 0rem;\n ${tokens.cellPaddingContent}: 0rem;\n ${tokens.cellPaddingRightContent}: 0rem;\n ${tokens.cellTextboxGap}: 0.125rem;\n ${tokens.cellGap}: 0.25rem;\n ${tokens.cellTitleFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.cellTitleFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.cellTitleFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.cellTitleFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.cellTitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.cellTitleLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n },\n view: {\n default: css`\n ${tokens.dividerColor}: var(--surface-transparent-tertiary);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","l","m","s","xs","default"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,CAAC,EAoCA,SAAA;AACDC,MAAAA,CAAC,EAoCA,SAAA;AACDC,MAAAA,CAAC,EAoCA,UAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;KAqCL;AACDN,IAAAA,IAAI,EAAE;MACFO,SAAO,EAAA,SAAA;AAGX,KAAA;AACJ,GAAA;AACJ;;;;"}
|
@@ -0,0 +1,5 @@
|
|
1
|
+
.luajbqv{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:17.5rem;--plasma-dropdown-border-radius:0.875rem;--plasma-dropdown-item-height:1.5rem;--plasma-dropdown-item-padding:1rem 1rem 1rem 0.875rem;--plasma-dropdown-item-padding-tight:0.75rem 1rem 0.75rem 0.875rem;--plasma-dropdown-item-border-radius:0.75rem;--plasma-dropdown-divider-margin-top:0.5rem;--plasma-dropdown-divider-margin-right:1.125rem;--plasma-dropdown-divider-margin-bottom:0.5rem;--plasma-dropdown-divider-margin-left:1.125rem;--plasma-dropdown-divider-margin-top-tight:0.375rem;--plasma-dropdown-divider-margin-bottom-tight:0.375rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-l-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-l-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-l-line-height);--plasma-dropdown-cell-padding:0rem;--plasma-dropdown-cell-padding-left-content:0rem;--plasma-dropdown-cell-padding-content:0rem;--plasma-dropdown-cell-padding-right-content:0rem;--plasma-dropdown-cell-textbox-gap:0.125rem;--plasma-dropdown-cell-gap:0.375rem;--plasma-dropdown-cell-title-font-family:var(--plasma-typo-body-l-font-family);--plasma-dropdown-cell-title-font-size:var(--plasma-typo-body-l-font-size);--plasma-dropdown-cell-title-font-style:var(--plasma-typo-body-l-font-style);--plasma-dropdown-cell-title-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-dropdown-cell-title-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-dropdown-cell-title-line-height:var(--plasma-typo-body-l-line-height);}
|
2
|
+
.mxwpid0{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:15rem;--plasma-dropdown-border-radius:0.75rem;--plasma-dropdown-item-height:1.5rem;--plasma-dropdown-item-padding:0.75rem 0.75rem 0.75rem 0.75rem;--plasma-dropdown-item-padding-tight:0.5rem 0.75rem 0.5rem 0.75rem;--plasma-dropdown-item-border-radius:0.625rem;--plasma-dropdown-divider-margin-top:0.375rem;--plasma-dropdown-divider-margin-right:0.875rem;--plasma-dropdown-divider-margin-bottom:0.375rem;--plasma-dropdown-divider-margin-left:0.875rem;--plasma-dropdown-divider-margin-top-tight:0.375rem;--plasma-dropdown-divider-margin-bottom-tight:0.375rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-m-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-m-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-m-line-height);--plasma-dropdown-cell-padding:0rem;--plasma-dropdown-cell-padding-left-content:0rem;--plasma-dropdown-cell-padding-content:0rem;--plasma-dropdown-cell-padding-right-content:0rem;--plasma-dropdown-cell-textbox-gap:0.125rem;--plasma-dropdown-cell-gap:0.375rem;--plasma-dropdown-cell-title-font-family:var(--plasma-typo-body-m-font-family);--plasma-dropdown-cell-title-font-size:var(--plasma-typo-body-m-font-size);--plasma-dropdown-cell-title-font-style:var(--plasma-typo-body-m-font-style);--plasma-dropdown-cell-title-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-dropdown-cell-title-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-dropdown-cell-title-line-height:var(--plasma-typo-body-m-line-height);}
|
3
|
+
.s12u1ccx{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:12.5rem;--plasma-dropdown-border-radius:0.625rem;--plasma-dropdown-item-height:1.5rem;--plasma-dropdown-item-padding:0.5rem 0.75rem 0.5rem 0.675rem;--plasma-dropdown-item-padding-tight:0.25rem 0.75rem 0.25rem 0.675rem;--plasma-dropdown-item-border-radius:0.5rem;--plasma-dropdown-divider-margin-top:0.375rem;--plasma-dropdown-divider-margin-right:0.75rem;--plasma-dropdown-divider-margin-bottom:0.375rem;--plasma-dropdown-divider-margin-left:0.75rem;--plasma-dropdown-divider-margin-top-tight:0.25rem;--plasma-dropdown-divider-margin-bottom-tight:0.25rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-s-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-s-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-s-line-height);--plasma-dropdown-cell-padding:0rem;--plasma-dropdown-cell-padding-left-content:0rem;--plasma-dropdown-cell-padding-content:0rem;--plasma-dropdown-cell-padding-right-content:0rem;--plasma-dropdown-cell-textbox-gap:0.125rem;--plasma-dropdown-cell-gap:0.375rem;--plasma-dropdown-cell-title-font-family:var(--plasma-typo-body-s-font-family);--plasma-dropdown-cell-title-font-size:var(--plasma-typo-body-s-font-size);--plasma-dropdown-cell-title-font-style:var(--plasma-typo-body-s-font-style);--plasma-dropdown-cell-title-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-dropdown-cell-title-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-dropdown-cell-title-line-height:var(--plasma-typo-body-s-line-height);}
|
4
|
+
.xj8enjv{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:10rem;--plasma-dropdown-border-radius:0.5rem;--plasma-dropdown-item-height:1rem;--plasma-dropdown-item-padding:0.5rem 0.5rem 0.5rem 0.375rem;--plasma-dropdown-item-padding-tight:0.25rem 0.5rem 0.25rem 0.375rem;--plasma-dropdown-item-border-radius:0.375rem;--plasma-dropdown-divider-margin-top:0.25rem;--plasma-dropdown-divider-margin-right:0.5rem;--plasma-dropdown-divider-margin-bottom:0.25rem;--plasma-dropdown-divider-margin-left:0.5rem;--plasma-dropdown-divider-margin-top-tight:0.125rem;--plasma-dropdown-divider-margin-bottom-tight:0.125rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-xs-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-xs-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-xs-line-height);--plasma-dropdown-cell-padding:0rem;--plasma-dropdown-cell-padding-left-content:0rem;--plasma-dropdown-cell-padding-content:0rem;--plasma-dropdown-cell-padding-right-content:0rem;--plasma-dropdown-cell-textbox-gap:0.125rem;--plasma-dropdown-cell-gap:0.25rem;--plasma-dropdown-cell-title-font-family:var(--plasma-typo-body-xs-font-family);--plasma-dropdown-cell-title-font-size:var(--plasma-typo-body-xs-font-size);--plasma-dropdown-cell-title-font-style:var(--plasma-typo-body-xs-font-style);--plasma-dropdown-cell-title-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-dropdown-cell-title-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-dropdown-cell-title-line-height:var(--plasma-typo-body-xs-line-height);}
|
5
|
+
.da0vaum{--plasma-dropdown-divider-color:var(--surface-transparent-tertiary);}
|
@@ -1,5 +1,5 @@
|
|
1
|
-
.
|
2
|
-
.
|
3
|
-
.
|
4
|
-
.
|
5
|
-
.
|
1
|
+
.Dropdown_config_1tiyqmq_luajbqv__446c1630{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:17.5rem;--plasma-dropdown-border-radius:0.875rem;--plasma-dropdown-item-height:1.5rem;--plasma-dropdown-item-padding:1rem 1rem 1rem 0.875rem;--plasma-dropdown-item-padding-tight:0.75rem 1rem 0.75rem 0.875rem;--plasma-dropdown-item-border-radius:0.75rem;--plasma-dropdown-divider-margin-top:0.5rem;--plasma-dropdown-divider-margin-right:1.125rem;--plasma-dropdown-divider-margin-bottom:0.5rem;--plasma-dropdown-divider-margin-left:1.125rem;--plasma-dropdown-divider-margin-top-tight:0.375rem;--plasma-dropdown-divider-margin-bottom-tight:0.375rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-l-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-l-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-l-line-height);--plasma-dropdown-cell-padding:0rem;--plasma-dropdown-cell-padding-left-content:0rem;--plasma-dropdown-cell-padding-content:0rem;--plasma-dropdown-cell-padding-right-content:0rem;--plasma-dropdown-cell-textbox-gap:0.125rem;--plasma-dropdown-cell-gap:0.375rem;--plasma-dropdown-cell-title-font-family:var(--plasma-typo-body-l-font-family);--plasma-dropdown-cell-title-font-size:var(--plasma-typo-body-l-font-size);--plasma-dropdown-cell-title-font-style:var(--plasma-typo-body-l-font-style);--plasma-dropdown-cell-title-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-dropdown-cell-title-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-dropdown-cell-title-line-height:var(--plasma-typo-body-l-line-height);}
|
2
|
+
.Dropdown_config_1tiyqmq_mxwpid0__446c1630{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:15rem;--plasma-dropdown-border-radius:0.75rem;--plasma-dropdown-item-height:1.5rem;--plasma-dropdown-item-padding:0.75rem 0.75rem 0.75rem 0.75rem;--plasma-dropdown-item-padding-tight:0.5rem 0.75rem 0.5rem 0.75rem;--plasma-dropdown-item-border-radius:0.625rem;--plasma-dropdown-divider-margin-top:0.375rem;--plasma-dropdown-divider-margin-right:0.875rem;--plasma-dropdown-divider-margin-bottom:0.375rem;--plasma-dropdown-divider-margin-left:0.875rem;--plasma-dropdown-divider-margin-top-tight:0.375rem;--plasma-dropdown-divider-margin-bottom-tight:0.375rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-m-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-m-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-m-line-height);--plasma-dropdown-cell-padding:0rem;--plasma-dropdown-cell-padding-left-content:0rem;--plasma-dropdown-cell-padding-content:0rem;--plasma-dropdown-cell-padding-right-content:0rem;--plasma-dropdown-cell-textbox-gap:0.125rem;--plasma-dropdown-cell-gap:0.375rem;--plasma-dropdown-cell-title-font-family:var(--plasma-typo-body-m-font-family);--plasma-dropdown-cell-title-font-size:var(--plasma-typo-body-m-font-size);--plasma-dropdown-cell-title-font-style:var(--plasma-typo-body-m-font-style);--plasma-dropdown-cell-title-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-dropdown-cell-title-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-dropdown-cell-title-line-height:var(--plasma-typo-body-m-line-height);}
|
3
|
+
.Dropdown_config_1tiyqmq_s12u1ccx__446c1630{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:12.5rem;--plasma-dropdown-border-radius:0.625rem;--plasma-dropdown-item-height:1.5rem;--plasma-dropdown-item-padding:0.5rem 0.75rem 0.5rem 0.675rem;--plasma-dropdown-item-padding-tight:0.25rem 0.75rem 0.25rem 0.675rem;--plasma-dropdown-item-border-radius:0.5rem;--plasma-dropdown-divider-margin-top:0.375rem;--plasma-dropdown-divider-margin-right:0.75rem;--plasma-dropdown-divider-margin-bottom:0.375rem;--plasma-dropdown-divider-margin-left:0.75rem;--plasma-dropdown-divider-margin-top-tight:0.25rem;--plasma-dropdown-divider-margin-bottom-tight:0.25rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-s-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-s-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-s-line-height);--plasma-dropdown-cell-padding:0rem;--plasma-dropdown-cell-padding-left-content:0rem;--plasma-dropdown-cell-padding-content:0rem;--plasma-dropdown-cell-padding-right-content:0rem;--plasma-dropdown-cell-textbox-gap:0.125rem;--plasma-dropdown-cell-gap:0.375rem;--plasma-dropdown-cell-title-font-family:var(--plasma-typo-body-s-font-family);--plasma-dropdown-cell-title-font-size:var(--plasma-typo-body-s-font-size);--plasma-dropdown-cell-title-font-style:var(--plasma-typo-body-s-font-style);--plasma-dropdown-cell-title-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-dropdown-cell-title-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-dropdown-cell-title-line-height:var(--plasma-typo-body-s-line-height);}
|
4
|
+
.Dropdown_config_1tiyqmq_xj8enjv__446c1630{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:10rem;--plasma-dropdown-border-radius:0.5rem;--plasma-dropdown-item-height:1rem;--plasma-dropdown-item-padding:0.5rem 0.5rem 0.5rem 0.375rem;--plasma-dropdown-item-padding-tight:0.25rem 0.5rem 0.25rem 0.375rem;--plasma-dropdown-item-border-radius:0.375rem;--plasma-dropdown-divider-margin-top:0.25rem;--plasma-dropdown-divider-margin-right:0.5rem;--plasma-dropdown-divider-margin-bottom:0.25rem;--plasma-dropdown-divider-margin-left:0.5rem;--plasma-dropdown-divider-margin-top-tight:0.125rem;--plasma-dropdown-divider-margin-bottom-tight:0.125rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-xs-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-xs-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-xs-line-height);--plasma-dropdown-cell-padding:0rem;--plasma-dropdown-cell-padding-left-content:0rem;--plasma-dropdown-cell-padding-content:0rem;--plasma-dropdown-cell-padding-right-content:0rem;--plasma-dropdown-cell-textbox-gap:0.125rem;--plasma-dropdown-cell-gap:0.25rem;--plasma-dropdown-cell-title-font-family:var(--plasma-typo-body-xs-font-family);--plasma-dropdown-cell-title-font-size:var(--plasma-typo-body-xs-font-size);--plasma-dropdown-cell-title-font-style:var(--plasma-typo-body-xs-font-style);--plasma-dropdown-cell-title-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-dropdown-cell-title-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-dropdown-cell-title-line-height:var(--plasma-typo-body-xs-line-height);}
|
5
|
+
.Dropdown_config_1tiyqmq_da0vaum__446c1630{--plasma-dropdown-divider-color:var(--surface-transparent-tertiary);}
|
@@ -3,12 +3,13 @@ import React, { forwardRef } from 'react';
|
|
3
3
|
import { component, mergeConfig, dropdownOldConfig } from '@salutejs/plasma-new-hope';
|
4
4
|
import { config } from './DropdownOld.config.js';
|
5
5
|
|
6
|
-
var _excluded = ["trigger", "children", "isOpen", "disclosure", "onToggle", "placement", "offsetTop"];
|
6
|
+
var _excluded = ["trigger", "children", "opened", "isOpen", "disclosure", "onToggle", "placement", "offsetTop"];
|
7
7
|
var mergedConfig = /*#__PURE__*/mergeConfig(dropdownOldConfig, config);
|
8
8
|
var DropdownNewHope = /*#__PURE__*/component(mergedConfig);
|
9
9
|
var DropdownPopup = /*#__PURE__*/forwardRef(function (props, ref) {
|
10
10
|
var trigger = props.trigger,
|
11
11
|
children = props.children,
|
12
|
+
opened = props.opened,
|
12
13
|
isOpen = props.isOpen,
|
13
14
|
disclosure = props.disclosure,
|
14
15
|
onToggle = props.onToggle,
|
@@ -20,7 +21,8 @@ var DropdownPopup = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
20
21
|
ref: ref,
|
21
22
|
onToggle: onToggle,
|
22
23
|
target: disclosure,
|
23
|
-
opened:
|
24
|
+
opened: opened,
|
25
|
+
isOpen: isOpen,
|
24
26
|
trigger: trigger,
|
25
27
|
placement: placement,
|
26
28
|
offset: [offsetAtTop, 0]
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"DropdownPopup.js","sources":["../../../../../src-css/components/Dropdown/components/DropdownPopup.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DropdownPopupProps } from '@salutejs/plasma-hope';\nimport { component, dropdownOldConfig, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './DropdownOld.config';\n\nconst mergedConfig = mergeConfig(dropdownOldConfig, config);\nconst DropdownNewHope = component(mergedConfig);\n\nexport const DropdownPopup = forwardRef<HTMLDivElement, DropdownPopupProps>((props, ref) => {\n const { trigger, children, isOpen, disclosure, onToggle, placement, offsetTop, ...rest } = props;\n\n const offsetAtTop = typeof offsetTop === 'number' ? offsetTop : 0;\n\n return (\n <DropdownNewHope\n {...rest}\n ref={ref}\n onToggle={onToggle}\n target={disclosure}\n opened={isOpen}\n trigger={trigger}\n placement={placement}\n offset={[offsetAtTop, 0]}\n >\n {children}\n </DropdownNewHope>\n );\n});\n"],"names":["mergedConfig","mergeConfig","dropdownOldConfig","config","DropdownNewHope","component","DropdownPopup","forwardRef","props","ref","trigger","children","isOpen","disclosure","onToggle","placement","offsetTop","rest","_objectWithoutProperties","_excluded","offsetAtTop","React","createElement","_extends","target","
|
1
|
+
{"version":3,"file":"DropdownPopup.js","sources":["../../../../../src-css/components/Dropdown/components/DropdownPopup.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DropdownPopupProps } from '@salutejs/plasma-hope';\nimport { component, dropdownOldConfig, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './DropdownOld.config';\n\nconst mergedConfig = mergeConfig(dropdownOldConfig, config);\nconst DropdownNewHope = component(mergedConfig);\n\nexport const DropdownPopup = forwardRef<HTMLDivElement, DropdownPopupProps>((props, ref) => {\n const { trigger, children, opened, isOpen, disclosure, onToggle, placement, offsetTop, ...rest } = props;\n\n const offsetAtTop = typeof offsetTop === 'number' ? offsetTop : 0;\n\n return (\n <DropdownNewHope\n {...rest}\n ref={ref}\n onToggle={onToggle}\n target={disclosure}\n opened={opened}\n isOpen={isOpen}\n trigger={trigger}\n placement={placement}\n offset={[offsetAtTop, 0]}\n >\n {children}\n </DropdownNewHope>\n );\n});\n"],"names":["mergedConfig","mergeConfig","dropdownOldConfig","config","DropdownNewHope","component","DropdownPopup","forwardRef","props","ref","trigger","children","opened","isOpen","disclosure","onToggle","placement","offsetTop","rest","_objectWithoutProperties","_excluded","offsetAtTop","React","createElement","_extends","target","offset"],"mappings":";;;;;;AAMA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,iBAAiB,EAAEC,MAAM,CAAC,CAAA;AAC3D,IAAMC,eAAe,gBAAGC,SAAS,CAACL,YAAY,CAAC,CAAA;AAExC,IAAMM,aAAa,gBAAGC,UAAU,CAAqC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACxF,EAAA,IAAQC,OAAO,GAAoFF,KAAK,CAAhGE,OAAO;IAAEC,QAAQ,GAA0EH,KAAK,CAAvFG,QAAQ;IAAEC,MAAM,GAAkEJ,KAAK,CAA7EI,MAAM;IAAEC,MAAM,GAA0DL,KAAK,CAArEK,MAAM;IAAEC,UAAU,GAA8CN,KAAK,CAA7DM,UAAU;IAAEC,QAAQ,GAAoCP,KAAK,CAAjDO,QAAQ;IAAEC,SAAS,GAAyBR,KAAK,CAAvCQ,SAAS;IAAEC,SAAS,GAAcT,KAAK,CAA5BS,SAAS;AAAKC,IAAAA,IAAI,GAAAC,wBAAA,CAAKX,KAAK,EAAAY,SAAA,CAAA,CAAA;EAExG,IAAMC,WAAW,GAAG,OAAOJ,SAAS,KAAK,QAAQ,GAAGA,SAAS,GAAG,CAAC,CAAA;EAEjE,oBACIK,KAAA,CAAAC,aAAA,CAACnB,eAAe,EAAAoB,QAAA,KACRN,IAAI,EAAA;AACRT,IAAAA,GAAG,EAAEA,GAAI;AACTM,IAAAA,QAAQ,EAAEA,QAAS;AACnBU,IAAAA,MAAM,EAAEX,UAAW;AACnBF,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,MAAM,EAAEA,MAAO;AACfH,IAAAA,OAAO,EAAEA,OAAQ;AACjBM,IAAAA,SAAS,EAAEA,SAAU;AACrBU,IAAAA,MAAM,EAAE,CAACL,WAAW,EAAE,CAAC,CAAA;AAAE,GAAA,CAAA,EAExBV,QACY,CAAC,CAAA;AAE1B,CAAC;;;;"}
|
package/css/es/index.css
CHANGED
@@ -227,11 +227,11 @@
|
|
227
227
|
.Drawer_config_1kci8o2_n1nan2tb__bd39187d{--plasma-drawer-border-radius:0;}
|
228
228
|
.Drawer_config_1kci8o2_d10epcq6__bd39187d{--plasma-drawer-border-radius:1.25rem;}
|
229
229
|
|
230
|
-
.
|
231
|
-
.
|
232
|
-
.
|
233
|
-
.
|
234
|
-
.
|
230
|
+
.Dropdown_config_1tiyqmq_luajbqv__446c1630{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:17.5rem;--plasma-dropdown-border-radius:0.875rem;--plasma-dropdown-item-height:1.5rem;--plasma-dropdown-item-padding:1rem 1rem 1rem 0.875rem;--plasma-dropdown-item-padding-tight:0.75rem 1rem 0.75rem 0.875rem;--plasma-dropdown-item-border-radius:0.75rem;--plasma-dropdown-divider-margin-top:0.5rem;--plasma-dropdown-divider-margin-right:1.125rem;--plasma-dropdown-divider-margin-bottom:0.5rem;--plasma-dropdown-divider-margin-left:1.125rem;--plasma-dropdown-divider-margin-top-tight:0.375rem;--plasma-dropdown-divider-margin-bottom-tight:0.375rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-l-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-l-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-l-line-height);--plasma-dropdown-cell-padding:0rem;--plasma-dropdown-cell-padding-left-content:0rem;--plasma-dropdown-cell-padding-content:0rem;--plasma-dropdown-cell-padding-right-content:0rem;--plasma-dropdown-cell-textbox-gap:0.125rem;--plasma-dropdown-cell-gap:0.375rem;--plasma-dropdown-cell-title-font-family:var(--plasma-typo-body-l-font-family);--plasma-dropdown-cell-title-font-size:var(--plasma-typo-body-l-font-size);--plasma-dropdown-cell-title-font-style:var(--plasma-typo-body-l-font-style);--plasma-dropdown-cell-title-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-dropdown-cell-title-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-dropdown-cell-title-line-height:var(--plasma-typo-body-l-line-height);}
|
231
|
+
.Dropdown_config_1tiyqmq_mxwpid0__446c1630{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:15rem;--plasma-dropdown-border-radius:0.75rem;--plasma-dropdown-item-height:1.5rem;--plasma-dropdown-item-padding:0.75rem 0.75rem 0.75rem 0.75rem;--plasma-dropdown-item-padding-tight:0.5rem 0.75rem 0.5rem 0.75rem;--plasma-dropdown-item-border-radius:0.625rem;--plasma-dropdown-divider-margin-top:0.375rem;--plasma-dropdown-divider-margin-right:0.875rem;--plasma-dropdown-divider-margin-bottom:0.375rem;--plasma-dropdown-divider-margin-left:0.875rem;--plasma-dropdown-divider-margin-top-tight:0.375rem;--plasma-dropdown-divider-margin-bottom-tight:0.375rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-m-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-m-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-m-line-height);--plasma-dropdown-cell-padding:0rem;--plasma-dropdown-cell-padding-left-content:0rem;--plasma-dropdown-cell-padding-content:0rem;--plasma-dropdown-cell-padding-right-content:0rem;--plasma-dropdown-cell-textbox-gap:0.125rem;--plasma-dropdown-cell-gap:0.375rem;--plasma-dropdown-cell-title-font-family:var(--plasma-typo-body-m-font-family);--plasma-dropdown-cell-title-font-size:var(--plasma-typo-body-m-font-size);--plasma-dropdown-cell-title-font-style:var(--plasma-typo-body-m-font-style);--plasma-dropdown-cell-title-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-dropdown-cell-title-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-dropdown-cell-title-line-height:var(--plasma-typo-body-m-line-height);}
|
232
|
+
.Dropdown_config_1tiyqmq_s12u1ccx__446c1630{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:12.5rem;--plasma-dropdown-border-radius:0.625rem;--plasma-dropdown-item-height:1.5rem;--plasma-dropdown-item-padding:0.5rem 0.75rem 0.5rem 0.675rem;--plasma-dropdown-item-padding-tight:0.25rem 0.75rem 0.25rem 0.675rem;--plasma-dropdown-item-border-radius:0.5rem;--plasma-dropdown-divider-margin-top:0.375rem;--plasma-dropdown-divider-margin-right:0.75rem;--plasma-dropdown-divider-margin-bottom:0.375rem;--plasma-dropdown-divider-margin-left:0.75rem;--plasma-dropdown-divider-margin-top-tight:0.25rem;--plasma-dropdown-divider-margin-bottom-tight:0.25rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-s-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-s-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-s-line-height);--plasma-dropdown-cell-padding:0rem;--plasma-dropdown-cell-padding-left-content:0rem;--plasma-dropdown-cell-padding-content:0rem;--plasma-dropdown-cell-padding-right-content:0rem;--plasma-dropdown-cell-textbox-gap:0.125rem;--plasma-dropdown-cell-gap:0.375rem;--plasma-dropdown-cell-title-font-family:var(--plasma-typo-body-s-font-family);--plasma-dropdown-cell-title-font-size:var(--plasma-typo-body-s-font-size);--plasma-dropdown-cell-title-font-style:var(--plasma-typo-body-s-font-style);--plasma-dropdown-cell-title-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-dropdown-cell-title-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-dropdown-cell-title-line-height:var(--plasma-typo-body-s-line-height);}
|
233
|
+
.Dropdown_config_1tiyqmq_xj8enjv__446c1630{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:10rem;--plasma-dropdown-border-radius:0.5rem;--plasma-dropdown-item-height:1rem;--plasma-dropdown-item-padding:0.5rem 0.5rem 0.5rem 0.375rem;--plasma-dropdown-item-padding-tight:0.25rem 0.5rem 0.25rem 0.375rem;--plasma-dropdown-item-border-radius:0.375rem;--plasma-dropdown-divider-margin-top:0.25rem;--plasma-dropdown-divider-margin-right:0.5rem;--plasma-dropdown-divider-margin-bottom:0.25rem;--plasma-dropdown-divider-margin-left:0.5rem;--plasma-dropdown-divider-margin-top-tight:0.125rem;--plasma-dropdown-divider-margin-bottom-tight:0.125rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-xs-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-xs-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-xs-line-height);--plasma-dropdown-cell-padding:0rem;--plasma-dropdown-cell-padding-left-content:0rem;--plasma-dropdown-cell-padding-content:0rem;--plasma-dropdown-cell-padding-right-content:0rem;--plasma-dropdown-cell-textbox-gap:0.125rem;--plasma-dropdown-cell-gap:0.25rem;--plasma-dropdown-cell-title-font-family:var(--plasma-typo-body-xs-font-family);--plasma-dropdown-cell-title-font-size:var(--plasma-typo-body-xs-font-size);--plasma-dropdown-cell-title-font-style:var(--plasma-typo-body-xs-font-style);--plasma-dropdown-cell-title-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-dropdown-cell-title-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-dropdown-cell-title-line-height:var(--plasma-typo-body-xs-line-height);}
|
234
|
+
.Dropdown_config_1tiyqmq_da0vaum__446c1630{--plasma-dropdown-divider-color:var(--surface-transparent-tertiary);}
|
235
235
|
|
236
236
|
.DropdownOld_config_11xcwfh_xy53zv1__a82e8a13{--plasma-dropdown-width:100%;--plasma-dropdown-height:auto;--plasma-dropdown-border-radius:0.5rem;--plasma-dropdown-padding-top:0.125rem;--plasma-dropdown-padding-right:0.0625rem;--plasma-dropdown-padding-bottom:0.125rem;--plasma-dropdown-padding-left:0.125rem;--plasma-dropdown-item-width:auto;--plasma-dropdown-item-height:auto;--plasma-dropdown-item-margin-top:0;--plasma-dropdown-item-margin-right:0;--plasma-dropdown-item-margin-bottom:0;--plasma-dropdown-item-margin-left:0;--plasma-dropdown-item-padding-top:0.5625rem;--plasma-dropdown-item-padding-right:0.5rem;--plasma-dropdown-item-padding-bottom:0.5625rem;--plasma-dropdown-item-padding-left:0.5rem;--plasma-dropdown-item-border-radius:0.375rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-xs-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-xs-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-xs-line-height);}
|
237
237
|
.DropdownOld_config_11xcwfh_s1vd6y5w__a82e8a13{--plasma-dropdown-width:100%;--plasma-dropdown-height:auto;--plasma-dropdown-border-radius:0.5rem;--plasma-dropdown-padding-top:0.125rem;--plasma-dropdown-padding-right:0.0625rem;--plasma-dropdown-padding-bottom:0.125rem;--plasma-dropdown-padding-left:0.125rem;--plasma-dropdown-item-width:auto;--plasma-dropdown-item-height:auto;--plasma-dropdown-item-margin-top:0;--plasma-dropdown-item-margin-right:0;--plasma-dropdown-item-margin-bottom:0;--plasma-dropdown-item-margin-left:0;--plasma-dropdown-item-padding-top:0.6875rem;--plasma-dropdown-item-padding-right:0.75rem;--plasma-dropdown-item-padding-bottom:0.6875rem;--plasma-dropdown-item-padding-left:0.75rem;--plasma-dropdown-item-border-radius:0.5rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-s-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-s-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-s-line-height);}
|
@@ -1,6 +1,6 @@
|
|
1
1
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
|
2
2
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
3
|
-
import { css, dropdownTokens } from '@salutejs/plasma-new-hope/styled-components';
|
3
|
+
import { css, dropdownTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
|
4
4
|
export var config = {
|
5
5
|
defaults: {
|
6
6
|
view: 'default',
|
@@ -8,13 +8,13 @@ export var config = {
|
|
8
8
|
},
|
9
9
|
variations: {
|
10
10
|
size: {
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
11
|
+
l: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": 17.5rem;\n ", ": 0.875rem;\n\n ", ": 1.5rem;\n ", ": 1rem 1rem 1rem 0.875rem;\n ", ": 0.75rem 1rem 0.75rem 0.875rem;\n ", ": 0.75rem;\n\n ", ": 0.5rem;\n ", ": 1.125rem;\n ", ": 0.5rem;\n ", ": 1.125rem;\n ", ": 0.375rem;\n ", ": 0.375rem;\n\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0.125rem;\n ", ": 0.375rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n "])), tokens.padding, tokens.width, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.dividerMarginTop, tokens.dividerMarginRight, tokens.dividerMarginBottom, tokens.dividerMarginLeft, tokens.dividerMarginTopTight, tokens.dividerMarginBottomTight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeightBold, tokens.itemFontLetterSpacing, tokens.itemFontLineHeight, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight),
|
12
|
+
m: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": 15rem;\n ", ": 0.75rem;\n\n ", ": 1.5rem;\n ", ": 0.75rem 0.75rem 0.75rem 0.75rem;\n ", ": 0.5rem 0.75rem 0.5rem 0.75rem;\n ", ": 0.625rem;\n\n ", ": 0.375rem;\n ", ": 0.875rem;\n ", ": 0.375rem;\n ", ": 0.875rem;\n ", ": 0.375rem;\n ", ": 0.375rem;\n\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0.125rem;\n ", ": 0.375rem;\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n "])), tokens.padding, tokens.width, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.dividerMarginTop, tokens.dividerMarginRight, tokens.dividerMarginBottom, tokens.dividerMarginLeft, tokens.dividerMarginTopTight, tokens.dividerMarginBottomTight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeightBold, tokens.itemFontLetterSpacing, tokens.itemFontLineHeight, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight),
|
13
|
+
s: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": 12.5rem;\n ", ": 0.625rem;\n\n ", ": 1.5rem;\n ", ": 0.5rem 0.75rem 0.5rem 0.675rem;\n ", ": 0.25rem 0.75rem 0.25rem 0.675rem;\n ", ": 0.5rem;\n\n ", ": 0.375rem;\n ", ": 0.75rem;\n ", ": 0.375rem;\n ", ": 0.75rem;\n ", ": 0.25rem;\n ", ": 0.25rem;\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0.125rem;\n ", ": 0.375rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n "])), tokens.padding, tokens.width, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.dividerMarginTop, tokens.dividerMarginRight, tokens.dividerMarginBottom, tokens.dividerMarginLeft, tokens.dividerMarginTopTight, tokens.dividerMarginBottomTight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeightBold, tokens.itemFontLetterSpacing, tokens.itemFontLineHeight, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight),
|
14
|
+
xs: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.125rem;\n ", ": 10rem;\n ", ": 0.5rem;\n\n ", ": 1rem;\n ", ": 0.5rem 0.5rem 0.5rem 0.375rem;\n ", ": 0.25rem 0.5rem 0.25rem 0.375rem;\n ", ": 0.375rem;\n\n ", ": 0.25rem;\n ", ": 0.5rem;\n ", ": 0.25rem;\n ", ": 0.5rem;\n ", ": 0.125rem;\n ", ": 0.125rem;\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0rem;\n ", ": 0.125rem;\n ", ": 0.25rem;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n "])), tokens.padding, tokens.width, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.dividerMarginTop, tokens.dividerMarginRight, tokens.dividerMarginBottom, tokens.dividerMarginLeft, tokens.dividerMarginTopTight, tokens.dividerMarginBottomTight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeightBold, tokens.itemFontLetterSpacing, tokens.itemFontLineHeight, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight)
|
15
15
|
},
|
16
16
|
view: {
|
17
|
-
"default": /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ":
|
17
|
+
"default": /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-tertiary);\n "])), tokens.dividerColor)
|
18
18
|
}
|
19
19
|
}
|
20
20
|
};
|
@@ -1,4 +1,4 @@
|
|
1
|
-
var _excluded = ["trigger", "children", "isOpen", "disclosure", "onToggle", "placement", "offsetTop"];
|
1
|
+
var _excluded = ["trigger", "children", "opened", "isOpen", "disclosure", "onToggle", "placement", "offsetTop"];
|
2
2
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
3
3
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
4
4
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
@@ -10,6 +10,7 @@ var DropdownNewHope = /*#__PURE__*/component(mergedConfig);
|
|
10
10
|
export var DropdownPopup = /*#__PURE__*/forwardRef(function (props, ref) {
|
11
11
|
var trigger = props.trigger,
|
12
12
|
children = props.children,
|
13
|
+
opened = props.opened,
|
13
14
|
isOpen = props.isOpen,
|
14
15
|
disclosure = props.disclosure,
|
15
16
|
onToggle = props.onToggle,
|
@@ -21,7 +22,8 @@ export var DropdownPopup = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
21
22
|
ref: ref,
|
22
23
|
onToggle: onToggle,
|
23
24
|
target: disclosure,
|
24
|
-
opened:
|
25
|
+
opened: opened,
|
26
|
+
isOpen: isOpen,
|
25
27
|
trigger: trigger,
|
26
28
|
placement: placement,
|
27
29
|
offset: [offsetAtTop, 0]
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/plasma-b2c",
|
3
|
-
"version": "1.424.0-canary.
|
3
|
+
"version": "1.424.0-canary.1497.11456665098.0",
|
4
4
|
"description": "Salute Design System / React UI kit for business-related web applications",
|
5
5
|
"author": "Salute Frontend Team <salute.developers@gmail.com>",
|
6
6
|
"license": "MIT",
|
@@ -44,8 +44,8 @@
|
|
44
44
|
"dependencies": {
|
45
45
|
"@salutejs/plasma-core": "1.183.0-dev.0",
|
46
46
|
"@salutejs/plasma-hope": "1.316.0-dev.0",
|
47
|
-
"@salutejs/plasma-new-hope": "0.173.0-canary.
|
48
|
-
"@salutejs/plasma-themes": "0.
|
47
|
+
"@salutejs/plasma-new-hope": "0.173.0-canary.1497.11456665098.0",
|
48
|
+
"@salutejs/plasma-themes": "0.21.0-dev.0",
|
49
49
|
"@salutejs/plasma-tokens-b2c": "0.53.0",
|
50
50
|
"@salutejs/plasma-tokens-web": "1.58.0",
|
51
51
|
"@salutejs/plasma-typo": "0.40.0"
|
@@ -109,5 +109,5 @@
|
|
109
109
|
"react"
|
110
110
|
],
|
111
111
|
"sideEffects": false,
|
112
|
-
"gitHead": "
|
112
|
+
"gitHead": "649f14ffce95a4af42f16fa5999d5f772db662ee"
|
113
113
|
}
|
package/temp/plasma-b2c.api.md
CHANGED
@@ -133,6 +133,7 @@ import { DropdownItem as DropdownItemType } from '@salutejs/plasma-hope';
|
|
133
133
|
import { DropdownNodeType } from '@salutejs/plasma-hope';
|
134
134
|
import { DropdownPopupProps } from '@salutejs/plasma-hope';
|
135
135
|
import { DropdownProps } from '@salutejs/plasma-new-hope/styled-components';
|
136
|
+
import { DropdownProps as DropdownProps_2 } from '@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types';
|
136
137
|
import { EditableProps } from '@salutejs/plasma-new-hope/types/components/Editable/Editable.types';
|
137
138
|
import { ElasticGrid } from '@salutejs/plasma-hope';
|
138
139
|
import { ElasticGridProps } from '@salutejs/plasma-hope';
|
@@ -1501,15 +1502,15 @@ export { DrawerProps }
|
|
1501
1502
|
// @public (undocumented)
|
1502
1503
|
export const Dropdown: FunctionComponent<PropsType< {
|
1503
1504
|
size: {
|
1504
|
-
xs: PolymorphicClassName;
|
1505
|
-
s: PolymorphicClassName;
|
1506
|
-
m: PolymorphicClassName;
|
1507
1505
|
l: PolymorphicClassName;
|
1506
|
+
m: PolymorphicClassName;
|
1507
|
+
s: PolymorphicClassName;
|
1508
|
+
xs: PolymorphicClassName;
|
1508
1509
|
};
|
1509
1510
|
view: {
|
1510
1511
|
default: PolymorphicClassName;
|
1511
1512
|
};
|
1512
|
-
}> &
|
1513
|
+
}> & DropdownProps_2 & RefAttributes<HTMLDivElement>>;
|
1513
1514
|
|
1514
1515
|
// @public (undocumented)
|
1515
1516
|
export const DropdownItem: React_2.ForwardRefExoticComponent<DropdownItemProps & React_2.RefAttributes<HTMLDivElement>>;
|
@@ -1,175 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.Trigger = void 0;
|
7
|
-
var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
|
8
|
-
var _plasmaIcons = /*#__PURE__*/require("@salutejs/plasma-icons");
|
9
|
-
var _Button = /*#__PURE__*/require("../Button");
|
10
|
-
var _ = /*#__PURE__*/require(".");
|
11
|
-
var _Dropdown;
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
13
|
-
var items = [{
|
14
|
-
value: 'north_america',
|
15
|
-
label: 'Северная Америка',
|
16
|
-
contentLeft: /*#__PURE__*/_react["default"].createElement(_plasmaIcons.IconLocation, {
|
17
|
-
color: "inherit"
|
18
|
-
}),
|
19
|
-
contentRight: /*#__PURE__*/_react["default"].createElement(_plasmaIcons.IconLocation, {
|
20
|
-
color: "inherit"
|
21
|
-
})
|
22
|
-
}, {
|
23
|
-
value: 'south_america',
|
24
|
-
label: 'Южная Америка',
|
25
|
-
items: [{
|
26
|
-
value: 'brazil',
|
27
|
-
label: 'Бразилия',
|
28
|
-
items: [{
|
29
|
-
value: 'rio_de_janeiro',
|
30
|
-
label: 'Рио-де-Жанейро'
|
31
|
-
}, {
|
32
|
-
value: 'sao_paulo',
|
33
|
-
label: 'Сан-Паулу'
|
34
|
-
}]
|
35
|
-
}, {
|
36
|
-
value: 'argentina',
|
37
|
-
label: 'Аргентина',
|
38
|
-
items: [{
|
39
|
-
value: 'buenos_aires',
|
40
|
-
label: 'Буэнос-Айрес'
|
41
|
-
}, {
|
42
|
-
value: 'cordoba',
|
43
|
-
label: 'Кордова'
|
44
|
-
}]
|
45
|
-
}, {
|
46
|
-
value: 'colombia',
|
47
|
-
label: 'Колумбия',
|
48
|
-
items: [{
|
49
|
-
value: 'bogota',
|
50
|
-
label: 'Богота'
|
51
|
-
}, {
|
52
|
-
value: 'medellin',
|
53
|
-
label: 'Медельин'
|
54
|
-
}]
|
55
|
-
}]
|
56
|
-
}, {
|
57
|
-
value: 'europe',
|
58
|
-
label: 'Европа',
|
59
|
-
items: [{
|
60
|
-
value: 'france',
|
61
|
-
label: 'Франция',
|
62
|
-
items: [{
|
63
|
-
value: 'paris',
|
64
|
-
label: 'Париж'
|
65
|
-
}, {
|
66
|
-
value: 'lyon',
|
67
|
-
label: 'Лион'
|
68
|
-
}]
|
69
|
-
}, {
|
70
|
-
value: 'germany',
|
71
|
-
label: 'Германия',
|
72
|
-
items: [{
|
73
|
-
value: 'berlin',
|
74
|
-
label: 'Берлин'
|
75
|
-
}, {
|
76
|
-
value: 'munich',
|
77
|
-
label: 'Мюнхен'
|
78
|
-
}]
|
79
|
-
}, {
|
80
|
-
value: 'italy',
|
81
|
-
label: 'Италия',
|
82
|
-
items: [{
|
83
|
-
value: 'rome',
|
84
|
-
label: 'Рим'
|
85
|
-
}, {
|
86
|
-
value: 'milan',
|
87
|
-
label: 'Милан'
|
88
|
-
}]
|
89
|
-
}, {
|
90
|
-
value: 'spain',
|
91
|
-
label: 'Испания',
|
92
|
-
items: [{
|
93
|
-
value: 'madrid',
|
94
|
-
label: 'Мадрид'
|
95
|
-
}, {
|
96
|
-
value: 'barcelona',
|
97
|
-
label: 'Барселона'
|
98
|
-
}]
|
99
|
-
}, {
|
100
|
-
value: 'united_kingdom',
|
101
|
-
label: 'Великобритания',
|
102
|
-
items: [{
|
103
|
-
value: 'london',
|
104
|
-
label: 'Лондон'
|
105
|
-
}, {
|
106
|
-
value: 'manchester',
|
107
|
-
label: 'Манчестер'
|
108
|
-
}]
|
109
|
-
}]
|
110
|
-
}, {
|
111
|
-
value: 'asia',
|
112
|
-
label: 'Азия',
|
113
|
-
items: [{
|
114
|
-
value: 'china',
|
115
|
-
label: 'Китай',
|
116
|
-
items: [{
|
117
|
-
value: 'beijing',
|
118
|
-
label: 'Пекин'
|
119
|
-
}, {
|
120
|
-
value: 'shanghai',
|
121
|
-
label: 'Шанхай'
|
122
|
-
}]
|
123
|
-
}, {
|
124
|
-
value: 'japan',
|
125
|
-
label: 'Япония',
|
126
|
-
items: [{
|
127
|
-
value: 'tokyo',
|
128
|
-
label: 'Токио'
|
129
|
-
}, {
|
130
|
-
value: 'osaka',
|
131
|
-
label: 'Осака'
|
132
|
-
}]
|
133
|
-
}, {
|
134
|
-
value: 'india',
|
135
|
-
label: 'Индия',
|
136
|
-
items: [{
|
137
|
-
value: 'delhi',
|
138
|
-
label: 'Дели'
|
139
|
-
}, {
|
140
|
-
value: 'mumbai',
|
141
|
-
label: 'Мумбаи'
|
142
|
-
}]
|
143
|
-
}, {
|
144
|
-
value: 'south_korea',
|
145
|
-
label: 'Южная Корея',
|
146
|
-
items: [{
|
147
|
-
value: 'seoul',
|
148
|
-
label: 'Сеул'
|
149
|
-
}, {
|
150
|
-
value: 'busan',
|
151
|
-
label: 'Пусан'
|
152
|
-
}]
|
153
|
-
}, {
|
154
|
-
value: 'thailand',
|
155
|
-
label: 'Таиланд',
|
156
|
-
items: [{
|
157
|
-
value: 'bangkok',
|
158
|
-
label: 'Бангкок'
|
159
|
-
}, {
|
160
|
-
value: 'phuket',
|
161
|
-
label: 'Пхукет'
|
162
|
-
}]
|
163
|
-
}]
|
164
|
-
}, {
|
165
|
-
value: 'africa',
|
166
|
-
label: 'Африка',
|
167
|
-
disabled: true
|
168
|
-
}];
|
169
|
-
var Trigger = exports.Trigger = function Trigger() {
|
170
|
-
return _Dropdown || (_Dropdown = /*#__PURE__*/_react["default"].createElement(_.Dropdown, {
|
171
|
-
items: items
|
172
|
-
}, /*#__PURE__*/_react["default"].createElement(_Button.Button, {
|
173
|
-
text: "\u0421\u043F\u0438\u0441\u043E\u043A \u0441\u0442\u0440\u0430\u043D"
|
174
|
-
})));
|
175
|
-
};
|
@@ -1,5 +0,0 @@
|
|
1
|
-
.xuajbqv{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:10rem;--plasma-dropdown-border-radius:0.5rem;--plasma-dropdown-item-padding-top:0.5625rem;--plasma-dropdown-item-padding-right:0.5rem;--plasma-dropdown-item-padding-bottom:0.5625rem;--plasma-dropdown-item-padding-left:0.5rem;--plasma-dropdown-item-border-radius:0.375rem;--plasma-dropdown-item-padding-top-tight:0.3125rem;--plasma-dropdown-item-padding-bottom-tight:0.3125rem;--plasma-dropdown-divider-margin-top:0.25rem;--plasma-dropdown-divider-margin-right:0.5rem;--plasma-dropdown-divider-margin-bottom:0.25rem;--plasma-dropdown-divider-margin-left:0.5rem;--plasma-dropdown-divider-margin-top-tight:0.125rem;--plasma-dropdown-divider-margin-bottom-tight:0.125rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-xs-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-xs-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-xs-line-height);}
|
2
|
-
.sxwpid0{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:12.5rem;--plasma-dropdown-border-radius:0.625rem;--plasma-dropdown-item-padding-top:0.6875rem;--plasma-dropdown-item-padding-right:0.75rem;--plasma-dropdown-item-padding-bottom:0.6875rem;--plasma-dropdown-item-padding-left:0.75rem;--plasma-dropdown-item-border-radius:0.5rem;--plasma-dropdown-item-padding-top-tight:0.4375rem;--plasma-dropdown-item-padding-bottom-tight:0.4375rem;--plasma-dropdown-divider-margin-top:0.375rem;--plasma-dropdown-divider-margin-right:0.75rem;--plasma-dropdown-divider-margin-bottom:0.375rem;--plasma-dropdown-divider-margin-left:0.75rem;--plasma-dropdown-divider-margin-top-tight:0.25rem;--plasma-dropdown-divider-margin-bottom-tight:0.25rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-s-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-s-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-s-line-height);}
|
3
|
-
.m12u1ccx{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:15rem;--plasma-dropdown-border-radius:0.75rem;--plasma-dropdown-item-padding-top:0.875rem;--plasma-dropdown-item-padding-right:0.875rem;--plasma-dropdown-item-padding-bottom:0.875rem;--plasma-dropdown-item-padding-left:0.875rem;--plasma-dropdown-item-border-radius:0.625rem;--plasma-dropdown-item-padding-top-tight:0.625rem;--plasma-dropdown-item-padding-bottom-tight:0.625rem;--plasma-dropdown-divider-margin-top:0.375rem;--plasma-dropdown-divider-margin-right:0.875rem;--plasma-dropdown-divider-margin-bottom:0.375rem;--plasma-dropdown-divider-margin-left:0.875rem;--plasma-dropdown-divider-margin-top-tight:0.375rem;--plasma-dropdown-divider-margin-bottom-tight:0.375rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-m-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-m-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-m-line-height);}
|
4
|
-
.lj8enjv{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:17.5rem;--plasma-dropdown-border-radius:0.875rem;--plasma-dropdown-item-padding-top:1.0625rem;--plasma-dropdown-item-padding-right:1rem;--plasma-dropdown-item-padding-bottom:1.0625rem;--plasma-dropdown-item-padding-left:1rem;--plasma-dropdown-item-border-radius:0.75rem;--plasma-dropdown-item-padding-top-tight:0.8125rem;--plasma-dropdown-item-padding-bottom-tight:0.8125rem;--plasma-dropdown-divider-margin-top:0.5rem;--plasma-dropdown-divider-margin-right:1.125rem;--plasma-dropdown-divider-margin-bottom:0.5rem;--plasma-dropdown-divider-margin-left:1.125rem;--plasma-dropdown-divider-margin-top-tight:0.375rem;--plasma-dropdown-divider-margin-bottom-tight:0.375rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-l-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-l-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-l-line-height);}
|
5
|
-
.da0vaum{--plasma-dropdown-disabled-opacity:0.4;--plasma-dropdown-focus-color:var(--surface-accent);--plasma-dropdown-background:var(--surface-solid-card-brightness);--plasma-dropdown-box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);--plasma-dropdown-disclosure-icon-color:var(--text-secondary);--plasma-dropdown-item-background:var(--surface-clear);--plasma-dropdown-item-background-hover:var(--surface-transparent-secondary);--plasma-dropdown-item-color:var(--text-primary);--plasma-dropdown-divider-color:var(--surface-transparent-tertiary);}
|
@@ -1,5 +0,0 @@
|
|
1
|
-
.xuajbqv{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:10rem;--plasma-dropdown-border-radius:0.5rem;--plasma-dropdown-item-padding-top:0.5625rem;--plasma-dropdown-item-padding-right:0.5rem;--plasma-dropdown-item-padding-bottom:0.5625rem;--plasma-dropdown-item-padding-left:0.5rem;--plasma-dropdown-item-border-radius:0.375rem;--plasma-dropdown-item-padding-top-tight:0.3125rem;--plasma-dropdown-item-padding-bottom-tight:0.3125rem;--plasma-dropdown-divider-margin-top:0.25rem;--plasma-dropdown-divider-margin-right:0.5rem;--plasma-dropdown-divider-margin-bottom:0.25rem;--plasma-dropdown-divider-margin-left:0.5rem;--plasma-dropdown-divider-margin-top-tight:0.125rem;--plasma-dropdown-divider-margin-bottom-tight:0.125rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-xs-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-xs-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-xs-line-height);}
|
2
|
-
.sxwpid0{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:12.5rem;--plasma-dropdown-border-radius:0.625rem;--plasma-dropdown-item-padding-top:0.6875rem;--plasma-dropdown-item-padding-right:0.75rem;--plasma-dropdown-item-padding-bottom:0.6875rem;--plasma-dropdown-item-padding-left:0.75rem;--plasma-dropdown-item-border-radius:0.5rem;--plasma-dropdown-item-padding-top-tight:0.4375rem;--plasma-dropdown-item-padding-bottom-tight:0.4375rem;--plasma-dropdown-divider-margin-top:0.375rem;--plasma-dropdown-divider-margin-right:0.75rem;--plasma-dropdown-divider-margin-bottom:0.375rem;--plasma-dropdown-divider-margin-left:0.75rem;--plasma-dropdown-divider-margin-top-tight:0.25rem;--plasma-dropdown-divider-margin-bottom-tight:0.25rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-s-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-s-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-s-line-height);}
|
3
|
-
.m12u1ccx{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:15rem;--plasma-dropdown-border-radius:0.75rem;--plasma-dropdown-item-padding-top:0.875rem;--plasma-dropdown-item-padding-right:0.875rem;--plasma-dropdown-item-padding-bottom:0.875rem;--plasma-dropdown-item-padding-left:0.875rem;--plasma-dropdown-item-border-radius:0.625rem;--plasma-dropdown-item-padding-top-tight:0.625rem;--plasma-dropdown-item-padding-bottom-tight:0.625rem;--plasma-dropdown-divider-margin-top:0.375rem;--plasma-dropdown-divider-margin-right:0.875rem;--plasma-dropdown-divider-margin-bottom:0.375rem;--plasma-dropdown-divider-margin-left:0.875rem;--plasma-dropdown-divider-margin-top-tight:0.375rem;--plasma-dropdown-divider-margin-bottom-tight:0.375rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-m-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-m-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-m-line-height);}
|
4
|
-
.lj8enjv{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:17.5rem;--plasma-dropdown-border-radius:0.875rem;--plasma-dropdown-item-padding-top:1.0625rem;--plasma-dropdown-item-padding-right:1rem;--plasma-dropdown-item-padding-bottom:1.0625rem;--plasma-dropdown-item-padding-left:1rem;--plasma-dropdown-item-border-radius:0.75rem;--plasma-dropdown-item-padding-top-tight:0.8125rem;--plasma-dropdown-item-padding-bottom-tight:0.8125rem;--plasma-dropdown-divider-margin-top:0.5rem;--plasma-dropdown-divider-margin-right:1.125rem;--plasma-dropdown-divider-margin-bottom:0.5rem;--plasma-dropdown-divider-margin-left:1.125rem;--plasma-dropdown-divider-margin-top-tight:0.375rem;--plasma-dropdown-divider-margin-bottom-tight:0.375rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-l-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-l-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-l-line-height);}
|
5
|
-
.da0vaum{--plasma-dropdown-disabled-opacity:0.4;--plasma-dropdown-focus-color:var(--surface-accent);--plasma-dropdown-background:var(--surface-solid-card-brightness);--plasma-dropdown-box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);--plasma-dropdown-disclosure-icon-color:var(--text-secondary);--plasma-dropdown-item-background:var(--surface-clear);--plasma-dropdown-item-background-hover:var(--surface-transparent-secondary);--plasma-dropdown-item-color:var(--text-primary);--plasma-dropdown-divider-color:var(--surface-transparent-tertiary);}
|
@@ -1,168 +0,0 @@
|
|
1
|
-
var _Dropdown;
|
2
|
-
import React from 'react';
|
3
|
-
import { IconLocation } from '@salutejs/plasma-icons';
|
4
|
-
import { Button } from '../Button';
|
5
|
-
import { Dropdown } from '.';
|
6
|
-
var items = [{
|
7
|
-
value: 'north_america',
|
8
|
-
label: 'Северная Америка',
|
9
|
-
contentLeft: /*#__PURE__*/React.createElement(IconLocation, {
|
10
|
-
color: "inherit"
|
11
|
-
}),
|
12
|
-
contentRight: /*#__PURE__*/React.createElement(IconLocation, {
|
13
|
-
color: "inherit"
|
14
|
-
})
|
15
|
-
}, {
|
16
|
-
value: 'south_america',
|
17
|
-
label: 'Южная Америка',
|
18
|
-
items: [{
|
19
|
-
value: 'brazil',
|
20
|
-
label: 'Бразилия',
|
21
|
-
items: [{
|
22
|
-
value: 'rio_de_janeiro',
|
23
|
-
label: 'Рио-де-Жанейро'
|
24
|
-
}, {
|
25
|
-
value: 'sao_paulo',
|
26
|
-
label: 'Сан-Паулу'
|
27
|
-
}]
|
28
|
-
}, {
|
29
|
-
value: 'argentina',
|
30
|
-
label: 'Аргентина',
|
31
|
-
items: [{
|
32
|
-
value: 'buenos_aires',
|
33
|
-
label: 'Буэнос-Айрес'
|
34
|
-
}, {
|
35
|
-
value: 'cordoba',
|
36
|
-
label: 'Кордова'
|
37
|
-
}]
|
38
|
-
}, {
|
39
|
-
value: 'colombia',
|
40
|
-
label: 'Колумбия',
|
41
|
-
items: [{
|
42
|
-
value: 'bogota',
|
43
|
-
label: 'Богота'
|
44
|
-
}, {
|
45
|
-
value: 'medellin',
|
46
|
-
label: 'Медельин'
|
47
|
-
}]
|
48
|
-
}]
|
49
|
-
}, {
|
50
|
-
value: 'europe',
|
51
|
-
label: 'Европа',
|
52
|
-
items: [{
|
53
|
-
value: 'france',
|
54
|
-
label: 'Франция',
|
55
|
-
items: [{
|
56
|
-
value: 'paris',
|
57
|
-
label: 'Париж'
|
58
|
-
}, {
|
59
|
-
value: 'lyon',
|
60
|
-
label: 'Лион'
|
61
|
-
}]
|
62
|
-
}, {
|
63
|
-
value: 'germany',
|
64
|
-
label: 'Германия',
|
65
|
-
items: [{
|
66
|
-
value: 'berlin',
|
67
|
-
label: 'Берлин'
|
68
|
-
}, {
|
69
|
-
value: 'munich',
|
70
|
-
label: 'Мюнхен'
|
71
|
-
}]
|
72
|
-
}, {
|
73
|
-
value: 'italy',
|
74
|
-
label: 'Италия',
|
75
|
-
items: [{
|
76
|
-
value: 'rome',
|
77
|
-
label: 'Рим'
|
78
|
-
}, {
|
79
|
-
value: 'milan',
|
80
|
-
label: 'Милан'
|
81
|
-
}]
|
82
|
-
}, {
|
83
|
-
value: 'spain',
|
84
|
-
label: 'Испания',
|
85
|
-
items: [{
|
86
|
-
value: 'madrid',
|
87
|
-
label: 'Мадрид'
|
88
|
-
}, {
|
89
|
-
value: 'barcelona',
|
90
|
-
label: 'Барселона'
|
91
|
-
}]
|
92
|
-
}, {
|
93
|
-
value: 'united_kingdom',
|
94
|
-
label: 'Великобритания',
|
95
|
-
items: [{
|
96
|
-
value: 'london',
|
97
|
-
label: 'Лондон'
|
98
|
-
}, {
|
99
|
-
value: 'manchester',
|
100
|
-
label: 'Манчестер'
|
101
|
-
}]
|
102
|
-
}]
|
103
|
-
}, {
|
104
|
-
value: 'asia',
|
105
|
-
label: 'Азия',
|
106
|
-
items: [{
|
107
|
-
value: 'china',
|
108
|
-
label: 'Китай',
|
109
|
-
items: [{
|
110
|
-
value: 'beijing',
|
111
|
-
label: 'Пекин'
|
112
|
-
}, {
|
113
|
-
value: 'shanghai',
|
114
|
-
label: 'Шанхай'
|
115
|
-
}]
|
116
|
-
}, {
|
117
|
-
value: 'japan',
|
118
|
-
label: 'Япония',
|
119
|
-
items: [{
|
120
|
-
value: 'tokyo',
|
121
|
-
label: 'Токио'
|
122
|
-
}, {
|
123
|
-
value: 'osaka',
|
124
|
-
label: 'Осака'
|
125
|
-
}]
|
126
|
-
}, {
|
127
|
-
value: 'india',
|
128
|
-
label: 'Индия',
|
129
|
-
items: [{
|
130
|
-
value: 'delhi',
|
131
|
-
label: 'Дели'
|
132
|
-
}, {
|
133
|
-
value: 'mumbai',
|
134
|
-
label: 'Мумбаи'
|
135
|
-
}]
|
136
|
-
}, {
|
137
|
-
value: 'south_korea',
|
138
|
-
label: 'Южная Корея',
|
139
|
-
items: [{
|
140
|
-
value: 'seoul',
|
141
|
-
label: 'Сеул'
|
142
|
-
}, {
|
143
|
-
value: 'busan',
|
144
|
-
label: 'Пусан'
|
145
|
-
}]
|
146
|
-
}, {
|
147
|
-
value: 'thailand',
|
148
|
-
label: 'Таиланд',
|
149
|
-
items: [{
|
150
|
-
value: 'bangkok',
|
151
|
-
label: 'Бангкок'
|
152
|
-
}, {
|
153
|
-
value: 'phuket',
|
154
|
-
label: 'Пхукет'
|
155
|
-
}]
|
156
|
-
}]
|
157
|
-
}, {
|
158
|
-
value: 'africa',
|
159
|
-
label: 'Африка',
|
160
|
-
disabled: true
|
161
|
-
}];
|
162
|
-
export var Trigger = function Trigger() {
|
163
|
-
return _Dropdown || (_Dropdown = /*#__PURE__*/React.createElement(Dropdown, {
|
164
|
-
items: items
|
165
|
-
}, /*#__PURE__*/React.createElement(Button, {
|
166
|
-
text: "\u0421\u043F\u0438\u0441\u043E\u043A \u0441\u0442\u0440\u0430\u043D"
|
167
|
-
})));
|
168
|
-
};
|