@salutejs/plasma-web 1.362.1-canary.1346.10269858402.0 → 1.363.0-canary.1310.10273026728.0
Sign up to get free protection for your applications and to get access to all the features.
- package/api/plasma-web.api.md +23 -0
- package/components/Breadcrumbs/Breadcrumbs.config.d.ts +17 -0
- package/components/Breadcrumbs/Breadcrumbs.config.js +26 -0
- package/components/Breadcrumbs/Breadcrumbs.d.ts +21 -0
- package/components/Breadcrumbs/Breadcrumbs.js +15 -0
- package/components/Breadcrumbs/index.d.ts +2 -0
- package/components/Breadcrumbs/index.js +12 -0
- package/css/cjs/components/Breadcrumbs/Breadcrumbs.config.js +25 -0
- package/css/cjs/components/Breadcrumbs/Breadcrumbs.config.js.map +1 -0
- package/css/cjs/components/Breadcrumbs/Breadcrumbs.config_i0qxb7.css +5 -0
- package/css/cjs/components/Breadcrumbs/Breadcrumbs.css +5 -0
- package/css/cjs/components/Breadcrumbs/Breadcrumbs.js +17 -0
- package/css/cjs/components/Breadcrumbs/Breadcrumbs.js.map +1 -0
- package/css/cjs/index.css +6 -0
- package/css/cjs/index.js +2 -0
- package/css/cjs/index.js.map +1 -1
- package/css/es/components/Breadcrumbs/Breadcrumbs.config.js +21 -0
- package/css/es/components/Breadcrumbs/Breadcrumbs.config.js.map +1 -0
- package/css/es/components/Breadcrumbs/Breadcrumbs.config_i0qxb7.css +5 -0
- package/css/es/components/Breadcrumbs/Breadcrumbs.css +5 -0
- package/css/es/components/Breadcrumbs/Breadcrumbs.js +13 -0
- package/css/es/components/Breadcrumbs/Breadcrumbs.js.map +1 -0
- package/css/es/index.css +6 -0
- package/css/es/index.js +1 -0
- package/css/es/index.js.map +1 -1
- package/css/index.d.ts +2 -0
- package/es/components/Breadcrumbs/Breadcrumbs.config.js +20 -0
- package/es/components/Breadcrumbs/Breadcrumbs.js +9 -0
- package/es/components/Breadcrumbs/index.js +1 -0
- package/es/index.js +1 -0
- package/index.d.ts +1 -0
- package/index.js +11 -0
- package/package.json +3 -3
- package/temp/plasma-web.api.md +23 -0
package/api/plasma-web.api.md
CHANGED
@@ -43,6 +43,8 @@ import { BasicProps } from '@salutejs/plasma-new-hope/types/components/Select/Se
|
|
43
43
|
import { BlurProps } from '@salutejs/plasma-core';
|
44
44
|
import { blurs } from '@salutejs/plasma-core';
|
45
45
|
import { BoldProps } from '@salutejs/plasma-new-hope/types/components/Typography/Typography.types';
|
46
|
+
import { BreadcrumbsItem } from '@salutejs/plasma-new-hope/types/components/Breadcrumbs/Breadcrumbs.types';
|
47
|
+
import { BreadcrumbsProps } from '@salutejs/plasma-new-hope/styled-components';
|
46
48
|
import { Breakpoint } from '@salutejs/plasma-hope';
|
47
49
|
import { BreakWordProps } from '@salutejs/plasma-core';
|
48
50
|
import { ButtonBase } from '@salutejs/plasma-new-hope/styled-components';
|
@@ -553,6 +555,27 @@ breakWord?: boolean | undefined;
|
|
553
555
|
color?: string | undefined;
|
554
556
|
} & SpacingProps_2 & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
|
555
557
|
|
558
|
+
// @public
|
559
|
+
export const Breadcrumbs: FunctionComponent<PropsType< {
|
560
|
+
view: {
|
561
|
+
default: PolymorphicClassName;
|
562
|
+
};
|
563
|
+
size: {
|
564
|
+
l: PolymorphicClassName;
|
565
|
+
m: PolymorphicClassName;
|
566
|
+
s: PolymorphicClassName;
|
567
|
+
xs: PolymorphicClassName;
|
568
|
+
};
|
569
|
+
}> & HTMLAttributes<HTMLDivElement> & {
|
570
|
+
view?: string | undefined;
|
571
|
+
size?: string | undefined;
|
572
|
+
separator?: ReactNode;
|
573
|
+
items: BreadcrumbsItem[];
|
574
|
+
showItems?: number | undefined;
|
575
|
+
} & RefAttributes<HTMLDivElement>>;
|
576
|
+
|
577
|
+
export { BreadcrumbsProps }
|
578
|
+
|
556
579
|
export { Breakpoint }
|
557
580
|
|
558
581
|
export { BreakWordProps }
|
@@ -0,0 +1,17 @@
|
|
1
|
+
export declare const config: {
|
2
|
+
defaults: {
|
3
|
+
view: string;
|
4
|
+
size: string;
|
5
|
+
};
|
6
|
+
variations: {
|
7
|
+
view: {
|
8
|
+
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
9
|
+
};
|
10
|
+
size: {
|
11
|
+
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
12
|
+
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
13
|
+
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
14
|
+
xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
15
|
+
};
|
16
|
+
};
|
17
|
+
};
|
@@ -0,0 +1,26 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.config = void 0;
|
7
|
+
var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
|
8
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
|
9
|
+
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
10
|
+
var config = exports.config = {
|
11
|
+
defaults: {
|
12
|
+
view: 'default',
|
13
|
+
size: 'm'
|
14
|
+
},
|
15
|
+
variations: {
|
16
|
+
view: {
|
17
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": 0.4;\n ", ": var(--surface-accent);\n "])), _styledComponents.breadcrumbsTokens.breadcrumbsColor, _styledComponents.breadcrumbsTokens.breadcrumbsOpacity, _styledComponents.breadcrumbsTokens.breadcrumbsFocusOutlineColor)
|
18
|
+
},
|
19
|
+
size: {
|
20
|
+
l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\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-bold-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n "])), _styledComponents.breadcrumbsTokens.breadcrumbsGap, _styledComponents.breadcrumbsTokens.breadcrumbsFontFamily, _styledComponents.breadcrumbsTokens.breadcrumbsFontSize, _styledComponents.breadcrumbsTokens.breadcrumbsFontStyle, _styledComponents.breadcrumbsTokens.breadcrumbsFontWeight, _styledComponents.breadcrumbsTokens.breadcrumbsLetterSpacing, _styledComponents.breadcrumbsTokens.breadcrumbsLineHeight),
|
21
|
+
m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\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-bold-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n "])), _styledComponents.breadcrumbsTokens.breadcrumbsGap, _styledComponents.breadcrumbsTokens.breadcrumbsFontFamily, _styledComponents.breadcrumbsTokens.breadcrumbsFontSize, _styledComponents.breadcrumbsTokens.breadcrumbsFontStyle, _styledComponents.breadcrumbsTokens.breadcrumbsFontWeight, _styledComponents.breadcrumbsTokens.breadcrumbsLetterSpacing, _styledComponents.breadcrumbsTokens.breadcrumbsLineHeight),
|
22
|
+
s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\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-bold-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n "])), _styledComponents.breadcrumbsTokens.breadcrumbsGap, _styledComponents.breadcrumbsTokens.breadcrumbsFontFamily, _styledComponents.breadcrumbsTokens.breadcrumbsFontSize, _styledComponents.breadcrumbsTokens.breadcrumbsFontStyle, _styledComponents.breadcrumbsTokens.breadcrumbsFontWeight, _styledComponents.breadcrumbsTokens.breadcrumbsLetterSpacing, _styledComponents.breadcrumbsTokens.breadcrumbsLineHeight),
|
23
|
+
xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0rem;\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-bold-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n "])), _styledComponents.breadcrumbsTokens.breadcrumbsGap, _styledComponents.breadcrumbsTokens.breadcrumbsFontFamily, _styledComponents.breadcrumbsTokens.breadcrumbsFontSize, _styledComponents.breadcrumbsTokens.breadcrumbsFontStyle, _styledComponents.breadcrumbsTokens.breadcrumbsFontWeight, _styledComponents.breadcrumbsTokens.breadcrumbsLetterSpacing, _styledComponents.breadcrumbsTokens.breadcrumbsLineHeight)
|
24
|
+
}
|
25
|
+
}
|
26
|
+
};
|
@@ -0,0 +1,21 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
/**
|
3
|
+
* Breadcrumbs
|
4
|
+
*/
|
5
|
+
export declare const Breadcrumbs: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
|
6
|
+
view: {
|
7
|
+
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
8
|
+
};
|
9
|
+
size: {
|
10
|
+
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
11
|
+
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
12
|
+
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
13
|
+
xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
14
|
+
};
|
15
|
+
}> & import("react").HTMLAttributes<HTMLDivElement> & {
|
16
|
+
view?: string | undefined;
|
17
|
+
size?: string | undefined;
|
18
|
+
separator?: import("react").ReactNode;
|
19
|
+
items: import("@salutejs/plasma-new-hope/types/components/Breadcrumbs/Breadcrumbs.types").BreadcrumbsItem[];
|
20
|
+
showItems?: number | undefined;
|
21
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
@@ -0,0 +1,15 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.Breadcrumbs = void 0;
|
7
|
+
var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
|
8
|
+
var _Breadcrumbs = /*#__PURE__*/require("./Breadcrumbs.config");
|
9
|
+
var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.breadcrumbsConfig, _Breadcrumbs.config);
|
10
|
+
var BreadcrumbsComponent = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
|
11
|
+
|
12
|
+
/**
|
13
|
+
* Breadcrumbs
|
14
|
+
*/
|
15
|
+
var Breadcrumbs = exports.Breadcrumbs = BreadcrumbsComponent;
|
@@ -0,0 +1,12 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
Object.defineProperty(exports, "Breadcrumbs", {
|
7
|
+
enumerable: true,
|
8
|
+
get: function get() {
|
9
|
+
return _Breadcrumbs.Breadcrumbs;
|
10
|
+
}
|
11
|
+
});
|
12
|
+
var _Breadcrumbs = /*#__PURE__*/require("./Breadcrumbs");
|
@@ -0,0 +1,25 @@
|
|
1
|
+
import './Breadcrumbs.config_i0qxb7.css';
|
2
|
+
'use strict';
|
3
|
+
|
4
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
5
|
+
|
6
|
+
var config = {
|
7
|
+
defaults: {
|
8
|
+
view: 'default',
|
9
|
+
size: 'm'
|
10
|
+
},
|
11
|
+
variations: {
|
12
|
+
view: {
|
13
|
+
"default": "d10geo1c"
|
14
|
+
},
|
15
|
+
size: {
|
16
|
+
l: "lv8mf1s",
|
17
|
+
m: "m17g6n2i",
|
18
|
+
s: "sbbou4m",
|
19
|
+
xs: "x2yn23d"
|
20
|
+
}
|
21
|
+
}
|
22
|
+
};
|
23
|
+
|
24
|
+
exports.config = config;
|
25
|
+
//# sourceMappingURL=Breadcrumbs.config.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.config.js","sources":["../../../../src-css/components/Breadcrumbs/Breadcrumbs.config.ts"],"sourcesContent":["import { css, breadcrumbsTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${breadcrumbsTokens.breadcrumbsColor}: var(--text-primary);\n ${breadcrumbsTokens.breadcrumbsOpacity}: 0.4;\n ${breadcrumbsTokens.breadcrumbsFocusOutlineColor}: var(--surface-accent);\n `,\n },\n size: {\n l: css`\n ${breadcrumbsTokens.breadcrumbsGap}: 0.5rem;\n\n ${breadcrumbsTokens.breadcrumbsFontFamily}: var(--plasma-typo-body-l-font-family);\n ${breadcrumbsTokens.breadcrumbsFontSize}: var(--plasma-typo-body-l-font-size);\n ${breadcrumbsTokens.breadcrumbsFontStyle}: var(--plasma-typo-body-l-font-style);\n ${breadcrumbsTokens.breadcrumbsFontWeight}: var(--plasma-typo-body-l-bold-weight);\n ${breadcrumbsTokens.breadcrumbsLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${breadcrumbsTokens.breadcrumbsLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n m: css`\n ${breadcrumbsTokens.breadcrumbsGap}: 0.375rem;\n\n ${breadcrumbsTokens.breadcrumbsFontFamily}: var(--plasma-typo-body-m-font-family);\n ${breadcrumbsTokens.breadcrumbsFontSize}: var(--plasma-typo-body-m-font-size);\n ${breadcrumbsTokens.breadcrumbsFontStyle}: var(--plasma-typo-body-m-font-style);\n ${breadcrumbsTokens.breadcrumbsFontWeight}: var(--plasma-typo-body-m-bold-weight);\n ${breadcrumbsTokens.breadcrumbsLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${breadcrumbsTokens.breadcrumbsLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n s: css`\n ${breadcrumbsTokens.breadcrumbsGap}: 0.25rem;\n\n ${breadcrumbsTokens.breadcrumbsFontFamily}: var(--plasma-typo-body-s-font-family);\n ${breadcrumbsTokens.breadcrumbsFontSize}: var(--plasma-typo-body-s-font-size);\n ${breadcrumbsTokens.breadcrumbsFontStyle}: var(--plasma-typo-body-s-font-style);\n ${breadcrumbsTokens.breadcrumbsFontWeight}: var(--plasma-typo-body-s-bold-weight);\n ${breadcrumbsTokens.breadcrumbsLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${breadcrumbsTokens.breadcrumbsLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n xs: css`\n ${breadcrumbsTokens.breadcrumbsGap}: 0rem;\n\n ${breadcrumbsTokens.breadcrumbsFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${breadcrumbsTokens.breadcrumbsFontSize}: var(--plasma-typo-body-xs-font-size);\n ${breadcrumbsTokens.breadcrumbsFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${breadcrumbsTokens.breadcrumbsFontWeight}: var(--plasma-typo-body-xs-bold-weight);\n ${breadcrumbsTokens.breadcrumbsLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${breadcrumbsTokens.breadcrumbsLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","l","m","s","xs"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;MACFG,SAAO,EAAA,UAAA;KAKV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,CAAC,EASA,SAAA;AACDC,MAAAA,CAAC,EASA,UAAA;AACDC,MAAAA,CAAC,EASA,SAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;AAUN,KAAA;AACJ,GAAA;AACJ;;;;"}
|
@@ -0,0 +1,5 @@
|
|
1
|
+
.d10geo1c{--plasma-breadcrumbs-color:var(--text-primary);--plasma-breadcrumbs-opacity:0.4;--plasma-breadcrumbs-focus-outline-color:var(--surface-accent);}
|
2
|
+
.lv8mf1s{--plasma-breadcrumbs-gap:0.5rem;--plasma-breadcrumbs-font-family:var(--plasma-typo-body-l-font-family);--plasma-breadcrumbs-font-size:var(--plasma-typo-body-l-font-size);--plasma-breadcrumbs-font-style:var(--plasma-typo-body-l-font-style);--plasma-breadcrumbs-font-weight:var(--plasma-typo-body-l-bold-weight);--plasma-breadcrumbs-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-breadcrumbs-line-height:var(--plasma-typo-body-l-line-height);}
|
3
|
+
.m17g6n2i{--plasma-breadcrumbs-gap:0.375rem;--plasma-breadcrumbs-font-family:var(--plasma-typo-body-m-font-family);--plasma-breadcrumbs-font-size:var(--plasma-typo-body-m-font-size);--plasma-breadcrumbs-font-style:var(--plasma-typo-body-m-font-style);--plasma-breadcrumbs-font-weight:var(--plasma-typo-body-m-bold-weight);--plasma-breadcrumbs-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-breadcrumbs-line-height:var(--plasma-typo-body-m-line-height);}
|
4
|
+
.sbbou4m{--plasma-breadcrumbs-gap:0.25rem;--plasma-breadcrumbs-font-family:var(--plasma-typo-body-s-font-family);--plasma-breadcrumbs-font-size:var(--plasma-typo-body-s-font-size);--plasma-breadcrumbs-font-style:var(--plasma-typo-body-s-font-style);--plasma-breadcrumbs-font-weight:var(--plasma-typo-body-s-bold-weight);--plasma-breadcrumbs-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-breadcrumbs-line-height:var(--plasma-typo-body-s-line-height);}
|
5
|
+
.x2yn23d{--plasma-breadcrumbs-gap:0rem;--plasma-breadcrumbs-font-family:var(--plasma-typo-body-xs-font-family);--plasma-breadcrumbs-font-size:var(--plasma-typo-body-xs-font-size);--plasma-breadcrumbs-font-style:var(--plasma-typo-body-xs-font-style);--plasma-breadcrumbs-font-weight:var(--plasma-typo-body-xs-bold-weight);--plasma-breadcrumbs-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-breadcrumbs-line-height:var(--plasma-typo-body-xs-line-height);}
|
@@ -0,0 +1,5 @@
|
|
1
|
+
.Breadcrumbs_config_i0qxb7_d10geo1c__f8874455{--plasma-breadcrumbs-color:var(--text-primary);--plasma-breadcrumbs-opacity:0.4;--plasma-breadcrumbs-focus-outline-color:var(--surface-accent);}
|
2
|
+
.Breadcrumbs_config_i0qxb7_lv8mf1s__f8874455{--plasma-breadcrumbs-gap:0.5rem;--plasma-breadcrumbs-font-family:var(--plasma-typo-body-l-font-family);--plasma-breadcrumbs-font-size:var(--plasma-typo-body-l-font-size);--plasma-breadcrumbs-font-style:var(--plasma-typo-body-l-font-style);--plasma-breadcrumbs-font-weight:var(--plasma-typo-body-l-bold-weight);--plasma-breadcrumbs-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-breadcrumbs-line-height:var(--plasma-typo-body-l-line-height);}
|
3
|
+
.Breadcrumbs_config_i0qxb7_m17g6n2i__f8874455{--plasma-breadcrumbs-gap:0.375rem;--plasma-breadcrumbs-font-family:var(--plasma-typo-body-m-font-family);--plasma-breadcrumbs-font-size:var(--plasma-typo-body-m-font-size);--plasma-breadcrumbs-font-style:var(--plasma-typo-body-m-font-style);--plasma-breadcrumbs-font-weight:var(--plasma-typo-body-m-bold-weight);--plasma-breadcrumbs-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-breadcrumbs-line-height:var(--plasma-typo-body-m-line-height);}
|
4
|
+
.Breadcrumbs_config_i0qxb7_sbbou4m__f8874455{--plasma-breadcrumbs-gap:0.25rem;--plasma-breadcrumbs-font-family:var(--plasma-typo-body-s-font-family);--plasma-breadcrumbs-font-size:var(--plasma-typo-body-s-font-size);--plasma-breadcrumbs-font-style:var(--plasma-typo-body-s-font-style);--plasma-breadcrumbs-font-weight:var(--plasma-typo-body-s-bold-weight);--plasma-breadcrumbs-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-breadcrumbs-line-height:var(--plasma-typo-body-s-line-height);}
|
5
|
+
.Breadcrumbs_config_i0qxb7_x2yn23d__f8874455{--plasma-breadcrumbs-gap:0rem;--plasma-breadcrumbs-font-family:var(--plasma-typo-body-xs-font-family);--plasma-breadcrumbs-font-size:var(--plasma-typo-body-xs-font-size);--plasma-breadcrumbs-font-style:var(--plasma-typo-body-xs-font-style);--plasma-breadcrumbs-font-weight:var(--plasma-typo-body-xs-bold-weight);--plasma-breadcrumbs-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-breadcrumbs-line-height:var(--plasma-typo-body-xs-line-height);}
|
@@ -0,0 +1,17 @@
|
|
1
|
+
'use strict';
|
2
|
+
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
+
|
5
|
+
var plasmaNewHope = require('@salutejs/plasma-new-hope');
|
6
|
+
var Breadcrumbs_config = require('./Breadcrumbs.config.js');
|
7
|
+
|
8
|
+
var mergedConfig = /*#__PURE__*/plasmaNewHope.mergeConfig(plasmaNewHope.breadcrumbsConfig, Breadcrumbs_config.config);
|
9
|
+
var BreadcrumbsComponent = /*#__PURE__*/plasmaNewHope.component(mergedConfig);
|
10
|
+
|
11
|
+
/**
|
12
|
+
* Breadcrumbs
|
13
|
+
*/
|
14
|
+
var Breadcrumbs = BreadcrumbsComponent;
|
15
|
+
|
16
|
+
exports.Breadcrumbs = Breadcrumbs;
|
17
|
+
//# sourceMappingURL=Breadcrumbs.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.js","sources":["../../../../src-css/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import { breadcrumbsConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Breadcrumbs.config';\n\nconst mergedConfig = mergeConfig(breadcrumbsConfig, config);\nconst BreadcrumbsComponent = component(mergedConfig);\n\n/**\n * Breadcrumbs\n */\nexport const Breadcrumbs = BreadcrumbsComponent;\n"],"names":["mergedConfig","mergeConfig","breadcrumbsConfig","config","BreadcrumbsComponent","component","Breadcrumbs"],"mappings":";;;;;;;AAIA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,+BAAiB,EAAEC,yBAAM,CAAC,CAAA;AAC3D,IAAMC,oBAAoB,gBAAGC,uBAAS,CAACL,YAAY,CAAC,CAAA;;AAEpD;AACA;AACA;AACO,IAAMM,WAAW,GAAGF;;;;"}
|
package/css/cjs/index.css
CHANGED
@@ -42,6 +42,12 @@
|
|
42
42
|
.Badge_config_yk9rw3_ttdupg3__4b9a0d40{--plasma-badge-pilled-border-radius:1.25rem;}
|
43
43
|
|
44
44
|
|
45
|
+
.Breadcrumbs_config_i0qxb7_d10geo1c__f8874455{--plasma-breadcrumbs-color:var(--text-primary);--plasma-breadcrumbs-opacity:0.4;--plasma-breadcrumbs-focus-outline-color:var(--surface-accent);}
|
46
|
+
.Breadcrumbs_config_i0qxb7_lv8mf1s__f8874455{--plasma-breadcrumbs-gap:0.5rem;--plasma-breadcrumbs-font-family:var(--plasma-typo-body-l-font-family);--plasma-breadcrumbs-font-size:var(--plasma-typo-body-l-font-size);--plasma-breadcrumbs-font-style:var(--plasma-typo-body-l-font-style);--plasma-breadcrumbs-font-weight:var(--plasma-typo-body-l-bold-weight);--plasma-breadcrumbs-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-breadcrumbs-line-height:var(--plasma-typo-body-l-line-height);}
|
47
|
+
.Breadcrumbs_config_i0qxb7_m17g6n2i__f8874455{--plasma-breadcrumbs-gap:0.375rem;--plasma-breadcrumbs-font-family:var(--plasma-typo-body-m-font-family);--plasma-breadcrumbs-font-size:var(--plasma-typo-body-m-font-size);--plasma-breadcrumbs-font-style:var(--plasma-typo-body-m-font-style);--plasma-breadcrumbs-font-weight:var(--plasma-typo-body-m-bold-weight);--plasma-breadcrumbs-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-breadcrumbs-line-height:var(--plasma-typo-body-m-line-height);}
|
48
|
+
.Breadcrumbs_config_i0qxb7_sbbou4m__f8874455{--plasma-breadcrumbs-gap:0.25rem;--plasma-breadcrumbs-font-family:var(--plasma-typo-body-s-font-family);--plasma-breadcrumbs-font-size:var(--plasma-typo-body-s-font-size);--plasma-breadcrumbs-font-style:var(--plasma-typo-body-s-font-style);--plasma-breadcrumbs-font-weight:var(--plasma-typo-body-s-bold-weight);--plasma-breadcrumbs-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-breadcrumbs-line-height:var(--plasma-typo-body-s-line-height);}
|
49
|
+
.Breadcrumbs_config_i0qxb7_x2yn23d__f8874455{--plasma-breadcrumbs-gap:0rem;--plasma-breadcrumbs-font-family:var(--plasma-typo-body-xs-font-family);--plasma-breadcrumbs-font-size:var(--plasma-typo-body-xs-font-size);--plasma-breadcrumbs-font-style:var(--plasma-typo-body-xs-font-style);--plasma-breadcrumbs-font-weight:var(--plasma-typo-body-xs-bold-weight);--plasma-breadcrumbs-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-breadcrumbs-line-height:var(--plasma-typo-body-xs-line-height);}
|
50
|
+
|
45
51
|
.Button_config_d2euf6_d1fnkof5__19585bd0{--plasma-button-color:var(--inverse-text-primary);--plasma-button-value-color:var(--inverse-text-secondary);--plasma-button-background-color:var(--surface-solid-default);--plasma-button-color-hover:var(--inverse-text-primary);--plasma-button-background-color-hover:var(--surface-solid-default-hover);--plasma-button-color-active:var(--inverse-text-primary);--plasma-button-background-color-active:var(--surface-solid-default-active);}
|
46
52
|
.Button_config_d2euf6_p1129msw__19585bd0{--plasma-button-color:var(--inverse-text-primary);--plasma-button-value-color:var(--inverse-text-secondary);--plasma-button-background-color:var(--surface-solid-default);--plasma-button-color-hover:var(--inverse-text-primary);--plasma-button-background-color-hover:var(--surface-solid-default-hover);--plasma-button-color-active:var(--inverse-text-primary);--plasma-button-background-color-active:var(--surface-solid-default-active);}
|
47
53
|
.Button_config_d2euf6_abaqjet__19585bd0{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-accent);--plasma-button-color-hover:var(--on-dark-text-primary);--plasma-button-background-color-hover:var(--surface-accent-hover);--plasma-button-color-active:var(--on-dark-text-primary);--plasma-button-background-color-active:var(--surface-accent-active);}
|
package/css/cjs/index.js
CHANGED
@@ -9,6 +9,7 @@ var Autocomplete = require('./components/Autocomplete/Autocomplete.js');
|
|
9
9
|
var Avatar = require('./components/Avatar/Avatar.js');
|
10
10
|
var AvatarGroup = require('./components/AvatarGroup/AvatarGroup.js');
|
11
11
|
var Badge = require('./components/Badge/Badge.js');
|
12
|
+
var Breadcrumbs = require('./components/Breadcrumbs/Breadcrumbs.js');
|
12
13
|
var Button = require('./components/Button/Button.js');
|
13
14
|
var ButtonGroup = require('./components/ButtonGroup/ButtonGroup.js');
|
14
15
|
var Calendar = require('./components/Calendar/Calendar.js');
|
@@ -192,6 +193,7 @@ exports.Autocomplete = Autocomplete.Autocomplete;
|
|
192
193
|
exports.Avatar = Avatar.Avatar;
|
193
194
|
exports.AvatarGroup = AvatarGroup.AvatarGroup;
|
194
195
|
exports.Badge = Badge.Badge;
|
196
|
+
exports.Breadcrumbs = Breadcrumbs.Breadcrumbs;
|
195
197
|
exports.Button = Button.Button;
|
196
198
|
exports.ButtonGroup = ButtonGroup.ButtonGroup;
|
197
199
|
exports.Calendar = Calendar.Calendar;
|
package/css/cjs/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
@@ -0,0 +1,21 @@
|
|
1
|
+
import './Breadcrumbs.config_i0qxb7.css';
|
2
|
+
var config = {
|
3
|
+
defaults: {
|
4
|
+
view: 'default',
|
5
|
+
size: 'm'
|
6
|
+
},
|
7
|
+
variations: {
|
8
|
+
view: {
|
9
|
+
"default": "d10geo1c"
|
10
|
+
},
|
11
|
+
size: {
|
12
|
+
l: "lv8mf1s",
|
13
|
+
m: "m17g6n2i",
|
14
|
+
s: "sbbou4m",
|
15
|
+
xs: "x2yn23d"
|
16
|
+
}
|
17
|
+
}
|
18
|
+
};
|
19
|
+
|
20
|
+
export { config };
|
21
|
+
//# sourceMappingURL=Breadcrumbs.config.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.config.js","sources":["../../../../src-css/components/Breadcrumbs/Breadcrumbs.config.ts"],"sourcesContent":["import { css, breadcrumbsTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${breadcrumbsTokens.breadcrumbsColor}: var(--text-primary);\n ${breadcrumbsTokens.breadcrumbsOpacity}: 0.4;\n ${breadcrumbsTokens.breadcrumbsFocusOutlineColor}: var(--surface-accent);\n `,\n },\n size: {\n l: css`\n ${breadcrumbsTokens.breadcrumbsGap}: 0.5rem;\n\n ${breadcrumbsTokens.breadcrumbsFontFamily}: var(--plasma-typo-body-l-font-family);\n ${breadcrumbsTokens.breadcrumbsFontSize}: var(--plasma-typo-body-l-font-size);\n ${breadcrumbsTokens.breadcrumbsFontStyle}: var(--plasma-typo-body-l-font-style);\n ${breadcrumbsTokens.breadcrumbsFontWeight}: var(--plasma-typo-body-l-bold-weight);\n ${breadcrumbsTokens.breadcrumbsLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${breadcrumbsTokens.breadcrumbsLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n m: css`\n ${breadcrumbsTokens.breadcrumbsGap}: 0.375rem;\n\n ${breadcrumbsTokens.breadcrumbsFontFamily}: var(--plasma-typo-body-m-font-family);\n ${breadcrumbsTokens.breadcrumbsFontSize}: var(--plasma-typo-body-m-font-size);\n ${breadcrumbsTokens.breadcrumbsFontStyle}: var(--plasma-typo-body-m-font-style);\n ${breadcrumbsTokens.breadcrumbsFontWeight}: var(--plasma-typo-body-m-bold-weight);\n ${breadcrumbsTokens.breadcrumbsLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${breadcrumbsTokens.breadcrumbsLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n s: css`\n ${breadcrumbsTokens.breadcrumbsGap}: 0.25rem;\n\n ${breadcrumbsTokens.breadcrumbsFontFamily}: var(--plasma-typo-body-s-font-family);\n ${breadcrumbsTokens.breadcrumbsFontSize}: var(--plasma-typo-body-s-font-size);\n ${breadcrumbsTokens.breadcrumbsFontStyle}: var(--plasma-typo-body-s-font-style);\n ${breadcrumbsTokens.breadcrumbsFontWeight}: var(--plasma-typo-body-s-bold-weight);\n ${breadcrumbsTokens.breadcrumbsLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${breadcrumbsTokens.breadcrumbsLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n xs: css`\n ${breadcrumbsTokens.breadcrumbsGap}: 0rem;\n\n ${breadcrumbsTokens.breadcrumbsFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${breadcrumbsTokens.breadcrumbsFontSize}: var(--plasma-typo-body-xs-font-size);\n ${breadcrumbsTokens.breadcrumbsFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${breadcrumbsTokens.breadcrumbsFontWeight}: var(--plasma-typo-body-xs-bold-weight);\n ${breadcrumbsTokens.breadcrumbsLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${breadcrumbsTokens.breadcrumbsLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","l","m","s","xs"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;MACFG,SAAO,EAAA,UAAA;KAKV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,CAAC,EASA,SAAA;AACDC,MAAAA,CAAC,EASA,UAAA;AACDC,MAAAA,CAAC,EASA,SAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;AAUN,KAAA;AACJ,GAAA;AACJ;;;;"}
|
@@ -0,0 +1,5 @@
|
|
1
|
+
.d10geo1c{--plasma-breadcrumbs-color:var(--text-primary);--plasma-breadcrumbs-opacity:0.4;--plasma-breadcrumbs-focus-outline-color:var(--surface-accent);}
|
2
|
+
.lv8mf1s{--plasma-breadcrumbs-gap:0.5rem;--plasma-breadcrumbs-font-family:var(--plasma-typo-body-l-font-family);--plasma-breadcrumbs-font-size:var(--plasma-typo-body-l-font-size);--plasma-breadcrumbs-font-style:var(--plasma-typo-body-l-font-style);--plasma-breadcrumbs-font-weight:var(--plasma-typo-body-l-bold-weight);--plasma-breadcrumbs-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-breadcrumbs-line-height:var(--plasma-typo-body-l-line-height);}
|
3
|
+
.m17g6n2i{--plasma-breadcrumbs-gap:0.375rem;--plasma-breadcrumbs-font-family:var(--plasma-typo-body-m-font-family);--plasma-breadcrumbs-font-size:var(--plasma-typo-body-m-font-size);--plasma-breadcrumbs-font-style:var(--plasma-typo-body-m-font-style);--plasma-breadcrumbs-font-weight:var(--plasma-typo-body-m-bold-weight);--plasma-breadcrumbs-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-breadcrumbs-line-height:var(--plasma-typo-body-m-line-height);}
|
4
|
+
.sbbou4m{--plasma-breadcrumbs-gap:0.25rem;--plasma-breadcrumbs-font-family:var(--plasma-typo-body-s-font-family);--plasma-breadcrumbs-font-size:var(--plasma-typo-body-s-font-size);--plasma-breadcrumbs-font-style:var(--plasma-typo-body-s-font-style);--plasma-breadcrumbs-font-weight:var(--plasma-typo-body-s-bold-weight);--plasma-breadcrumbs-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-breadcrumbs-line-height:var(--plasma-typo-body-s-line-height);}
|
5
|
+
.x2yn23d{--plasma-breadcrumbs-gap:0rem;--plasma-breadcrumbs-font-family:var(--plasma-typo-body-xs-font-family);--plasma-breadcrumbs-font-size:var(--plasma-typo-body-xs-font-size);--plasma-breadcrumbs-font-style:var(--plasma-typo-body-xs-font-style);--plasma-breadcrumbs-font-weight:var(--plasma-typo-body-xs-bold-weight);--plasma-breadcrumbs-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-breadcrumbs-line-height:var(--plasma-typo-body-xs-line-height);}
|
@@ -0,0 +1,5 @@
|
|
1
|
+
.Breadcrumbs_config_i0qxb7_d10geo1c__f8874455{--plasma-breadcrumbs-color:var(--text-primary);--plasma-breadcrumbs-opacity:0.4;--plasma-breadcrumbs-focus-outline-color:var(--surface-accent);}
|
2
|
+
.Breadcrumbs_config_i0qxb7_lv8mf1s__f8874455{--plasma-breadcrumbs-gap:0.5rem;--plasma-breadcrumbs-font-family:var(--plasma-typo-body-l-font-family);--plasma-breadcrumbs-font-size:var(--plasma-typo-body-l-font-size);--plasma-breadcrumbs-font-style:var(--plasma-typo-body-l-font-style);--plasma-breadcrumbs-font-weight:var(--plasma-typo-body-l-bold-weight);--plasma-breadcrumbs-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-breadcrumbs-line-height:var(--plasma-typo-body-l-line-height);}
|
3
|
+
.Breadcrumbs_config_i0qxb7_m17g6n2i__f8874455{--plasma-breadcrumbs-gap:0.375rem;--plasma-breadcrumbs-font-family:var(--plasma-typo-body-m-font-family);--plasma-breadcrumbs-font-size:var(--plasma-typo-body-m-font-size);--plasma-breadcrumbs-font-style:var(--plasma-typo-body-m-font-style);--plasma-breadcrumbs-font-weight:var(--plasma-typo-body-m-bold-weight);--plasma-breadcrumbs-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-breadcrumbs-line-height:var(--plasma-typo-body-m-line-height);}
|
4
|
+
.Breadcrumbs_config_i0qxb7_sbbou4m__f8874455{--plasma-breadcrumbs-gap:0.25rem;--plasma-breadcrumbs-font-family:var(--plasma-typo-body-s-font-family);--plasma-breadcrumbs-font-size:var(--plasma-typo-body-s-font-size);--plasma-breadcrumbs-font-style:var(--plasma-typo-body-s-font-style);--plasma-breadcrumbs-font-weight:var(--plasma-typo-body-s-bold-weight);--plasma-breadcrumbs-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-breadcrumbs-line-height:var(--plasma-typo-body-s-line-height);}
|
5
|
+
.Breadcrumbs_config_i0qxb7_x2yn23d__f8874455{--plasma-breadcrumbs-gap:0rem;--plasma-breadcrumbs-font-family:var(--plasma-typo-body-xs-font-family);--plasma-breadcrumbs-font-size:var(--plasma-typo-body-xs-font-size);--plasma-breadcrumbs-font-style:var(--plasma-typo-body-xs-font-style);--plasma-breadcrumbs-font-weight:var(--plasma-typo-body-xs-bold-weight);--plasma-breadcrumbs-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-breadcrumbs-line-height:var(--plasma-typo-body-xs-line-height);}
|
@@ -0,0 +1,13 @@
|
|
1
|
+
import { component, mergeConfig, breadcrumbsConfig } from '@salutejs/plasma-new-hope';
|
2
|
+
import { config } from './Breadcrumbs.config.js';
|
3
|
+
|
4
|
+
var mergedConfig = /*#__PURE__*/mergeConfig(breadcrumbsConfig, config);
|
5
|
+
var BreadcrumbsComponent = /*#__PURE__*/component(mergedConfig);
|
6
|
+
|
7
|
+
/**
|
8
|
+
* Breadcrumbs
|
9
|
+
*/
|
10
|
+
var Breadcrumbs = BreadcrumbsComponent;
|
11
|
+
|
12
|
+
export { Breadcrumbs };
|
13
|
+
//# sourceMappingURL=Breadcrumbs.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.js","sources":["../../../../src-css/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import { breadcrumbsConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Breadcrumbs.config';\n\nconst mergedConfig = mergeConfig(breadcrumbsConfig, config);\nconst BreadcrumbsComponent = component(mergedConfig);\n\n/**\n * Breadcrumbs\n */\nexport const Breadcrumbs = BreadcrumbsComponent;\n"],"names":["mergedConfig","mergeConfig","breadcrumbsConfig","config","BreadcrumbsComponent","component","Breadcrumbs"],"mappings":";;;AAIA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,iBAAiB,EAAEC,MAAM,CAAC,CAAA;AAC3D,IAAMC,oBAAoB,gBAAGC,SAAS,CAACL,YAAY,CAAC,CAAA;;AAEpD;AACA;AACA;AACO,IAAMM,WAAW,GAAGF;;;;"}
|
package/css/es/index.css
CHANGED
@@ -42,6 +42,12 @@
|
|
42
42
|
.Badge_config_yk9rw3_ttdupg3__4b9a0d40{--plasma-badge-pilled-border-radius:1.25rem;}
|
43
43
|
|
44
44
|
|
45
|
+
.Breadcrumbs_config_i0qxb7_d10geo1c__f8874455{--plasma-breadcrumbs-color:var(--text-primary);--plasma-breadcrumbs-opacity:0.4;--plasma-breadcrumbs-focus-outline-color:var(--surface-accent);}
|
46
|
+
.Breadcrumbs_config_i0qxb7_lv8mf1s__f8874455{--plasma-breadcrumbs-gap:0.5rem;--plasma-breadcrumbs-font-family:var(--plasma-typo-body-l-font-family);--plasma-breadcrumbs-font-size:var(--plasma-typo-body-l-font-size);--plasma-breadcrumbs-font-style:var(--plasma-typo-body-l-font-style);--plasma-breadcrumbs-font-weight:var(--plasma-typo-body-l-bold-weight);--plasma-breadcrumbs-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-breadcrumbs-line-height:var(--plasma-typo-body-l-line-height);}
|
47
|
+
.Breadcrumbs_config_i0qxb7_m17g6n2i__f8874455{--plasma-breadcrumbs-gap:0.375rem;--plasma-breadcrumbs-font-family:var(--plasma-typo-body-m-font-family);--plasma-breadcrumbs-font-size:var(--plasma-typo-body-m-font-size);--plasma-breadcrumbs-font-style:var(--plasma-typo-body-m-font-style);--plasma-breadcrumbs-font-weight:var(--plasma-typo-body-m-bold-weight);--plasma-breadcrumbs-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-breadcrumbs-line-height:var(--plasma-typo-body-m-line-height);}
|
48
|
+
.Breadcrumbs_config_i0qxb7_sbbou4m__f8874455{--plasma-breadcrumbs-gap:0.25rem;--plasma-breadcrumbs-font-family:var(--plasma-typo-body-s-font-family);--plasma-breadcrumbs-font-size:var(--plasma-typo-body-s-font-size);--plasma-breadcrumbs-font-style:var(--plasma-typo-body-s-font-style);--plasma-breadcrumbs-font-weight:var(--plasma-typo-body-s-bold-weight);--plasma-breadcrumbs-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-breadcrumbs-line-height:var(--plasma-typo-body-s-line-height);}
|
49
|
+
.Breadcrumbs_config_i0qxb7_x2yn23d__f8874455{--plasma-breadcrumbs-gap:0rem;--plasma-breadcrumbs-font-family:var(--plasma-typo-body-xs-font-family);--plasma-breadcrumbs-font-size:var(--plasma-typo-body-xs-font-size);--plasma-breadcrumbs-font-style:var(--plasma-typo-body-xs-font-style);--plasma-breadcrumbs-font-weight:var(--plasma-typo-body-xs-bold-weight);--plasma-breadcrumbs-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-breadcrumbs-line-height:var(--plasma-typo-body-xs-line-height);}
|
50
|
+
|
45
51
|
.Button_config_d2euf6_d1fnkof5__19585bd0{--plasma-button-color:var(--inverse-text-primary);--plasma-button-value-color:var(--inverse-text-secondary);--plasma-button-background-color:var(--surface-solid-default);--plasma-button-color-hover:var(--inverse-text-primary);--plasma-button-background-color-hover:var(--surface-solid-default-hover);--plasma-button-color-active:var(--inverse-text-primary);--plasma-button-background-color-active:var(--surface-solid-default-active);}
|
46
52
|
.Button_config_d2euf6_p1129msw__19585bd0{--plasma-button-color:var(--inverse-text-primary);--plasma-button-value-color:var(--inverse-text-secondary);--plasma-button-background-color:var(--surface-solid-default);--plasma-button-color-hover:var(--inverse-text-primary);--plasma-button-background-color-hover:var(--surface-solid-default-hover);--plasma-button-color-active:var(--inverse-text-primary);--plasma-button-background-color-active:var(--surface-solid-default-active);}
|
47
53
|
.Button_config_d2euf6_abaqjet__19585bd0{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-accent);--plasma-button-color-hover:var(--on-dark-text-primary);--plasma-button-background-color-hover:var(--surface-accent-hover);--plasma-button-color-active:var(--on-dark-text-primary);--plasma-button-background-color-active:var(--surface-accent-active);}
|
package/css/es/index.js
CHANGED
@@ -5,6 +5,7 @@ export { Autocomplete } from './components/Autocomplete/Autocomplete.js';
|
|
5
5
|
export { Avatar } from './components/Avatar/Avatar.js';
|
6
6
|
export { AvatarGroup } from './components/AvatarGroup/AvatarGroup.js';
|
7
7
|
export { Badge } from './components/Badge/Badge.js';
|
8
|
+
export { Breadcrumbs } from './components/Breadcrumbs/Breadcrumbs.js';
|
8
9
|
export { Button } from './components/Button/Button.js';
|
9
10
|
export { ButtonGroup } from './components/ButtonGroup/ButtonGroup.js';
|
10
11
|
export { Calendar, CalendarBase, CalendarBaseRange, CalendarDouble, CalendarDoubleRange } from './components/Calendar/Calendar.js';
|
package/css/es/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/css/index.d.ts
CHANGED
@@ -3,6 +3,7 @@ export * from '../components/Autocomplete';
|
|
3
3
|
export * from '../components/Avatar';
|
4
4
|
export * from '../components/AvatarGroup';
|
5
5
|
export * from '../components/Badge';
|
6
|
+
export * from '../components/Breadcrumbs';
|
6
7
|
export * from '../components/Button';
|
7
8
|
export * from '../components/ButtonBase';
|
8
9
|
export * from '../components/ButtonGroup';
|
@@ -52,6 +53,7 @@ export * from '../components/Autocomplete';
|
|
52
53
|
export * from '../components/Avatar';
|
53
54
|
export * from '../components/AvatarGroup';
|
54
55
|
export * from '../components/Badge';
|
56
|
+
export * from '../components/Breadcrumbs';
|
55
57
|
export * from '../components/Button';
|
56
58
|
export * from '../components/ButtonBase';
|
57
59
|
export * from '../components/ButtonGroup';
|
@@ -0,0 +1,20 @@
|
|
1
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
|
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, breadcrumbsTokens } from '@salutejs/plasma-new-hope/styled-components';
|
4
|
+
export var config = {
|
5
|
+
defaults: {
|
6
|
+
view: 'default',
|
7
|
+
size: 'm'
|
8
|
+
},
|
9
|
+
variations: {
|
10
|
+
view: {
|
11
|
+
"default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": 0.4;\n ", ": var(--surface-accent);\n "])), breadcrumbsTokens.breadcrumbsColor, breadcrumbsTokens.breadcrumbsOpacity, breadcrumbsTokens.breadcrumbsFocusOutlineColor)
|
12
|
+
},
|
13
|
+
size: {
|
14
|
+
l: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\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-bold-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n "])), breadcrumbsTokens.breadcrumbsGap, breadcrumbsTokens.breadcrumbsFontFamily, breadcrumbsTokens.breadcrumbsFontSize, breadcrumbsTokens.breadcrumbsFontStyle, breadcrumbsTokens.breadcrumbsFontWeight, breadcrumbsTokens.breadcrumbsLetterSpacing, breadcrumbsTokens.breadcrumbsLineHeight),
|
15
|
+
m: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\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-bold-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n "])), breadcrumbsTokens.breadcrumbsGap, breadcrumbsTokens.breadcrumbsFontFamily, breadcrumbsTokens.breadcrumbsFontSize, breadcrumbsTokens.breadcrumbsFontStyle, breadcrumbsTokens.breadcrumbsFontWeight, breadcrumbsTokens.breadcrumbsLetterSpacing, breadcrumbsTokens.breadcrumbsLineHeight),
|
16
|
+
s: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\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-bold-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n "])), breadcrumbsTokens.breadcrumbsGap, breadcrumbsTokens.breadcrumbsFontFamily, breadcrumbsTokens.breadcrumbsFontSize, breadcrumbsTokens.breadcrumbsFontStyle, breadcrumbsTokens.breadcrumbsFontWeight, breadcrumbsTokens.breadcrumbsLetterSpacing, breadcrumbsTokens.breadcrumbsLineHeight),
|
17
|
+
xs: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0rem;\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-bold-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n "])), breadcrumbsTokens.breadcrumbsGap, breadcrumbsTokens.breadcrumbsFontFamily, breadcrumbsTokens.breadcrumbsFontSize, breadcrumbsTokens.breadcrumbsFontStyle, breadcrumbsTokens.breadcrumbsFontWeight, breadcrumbsTokens.breadcrumbsLetterSpacing, breadcrumbsTokens.breadcrumbsLineHeight)
|
18
|
+
}
|
19
|
+
}
|
20
|
+
};
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import { breadcrumbsConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
|
2
|
+
import { config } from './Breadcrumbs.config';
|
3
|
+
var mergedConfig = /*#__PURE__*/mergeConfig(breadcrumbsConfig, config);
|
4
|
+
var BreadcrumbsComponent = /*#__PURE__*/component(mergedConfig);
|
5
|
+
|
6
|
+
/**
|
7
|
+
* Breadcrumbs
|
8
|
+
*/
|
9
|
+
export var Breadcrumbs = BreadcrumbsComponent;
|
@@ -0,0 +1 @@
|
|
1
|
+
export { Breadcrumbs } from './Breadcrumbs';
|
package/es/index.js
CHANGED
@@ -3,6 +3,7 @@ export * from './components/AudioPlayer';
|
|
3
3
|
export * from './components/Badge';
|
4
4
|
export * from './components/Button';
|
5
5
|
export * from './components/ButtonGroup';
|
6
|
+
export * from './components/Breadcrumbs';
|
6
7
|
export * from './components/Calendar';
|
7
8
|
export * from './components/Card';
|
8
9
|
export * from './components/Carousel';
|
package/index.d.ts
CHANGED
@@ -3,6 +3,7 @@ export * from './components/AudioPlayer';
|
|
3
3
|
export * from './components/Badge';
|
4
4
|
export * from './components/Button';
|
5
5
|
export * from './components/ButtonGroup';
|
6
|
+
export * from './components/Breadcrumbs';
|
6
7
|
export * from './components/Calendar';
|
7
8
|
export * from './components/Card';
|
8
9
|
export * from './components/Carousel';
|
package/index.js
CHANGED
@@ -58,6 +58,17 @@ Object.keys(_ButtonGroup).forEach(function (key) {
|
|
58
58
|
}
|
59
59
|
});
|
60
60
|
});
|
61
|
+
var _Breadcrumbs = /*#__PURE__*/require("./components/Breadcrumbs");
|
62
|
+
Object.keys(_Breadcrumbs).forEach(function (key) {
|
63
|
+
if (key === "default" || key === "__esModule") return;
|
64
|
+
if (key in exports && exports[key] === _Breadcrumbs[key]) return;
|
65
|
+
Object.defineProperty(exports, key, {
|
66
|
+
enumerable: true,
|
67
|
+
get: function get() {
|
68
|
+
return _Breadcrumbs[key];
|
69
|
+
}
|
70
|
+
});
|
71
|
+
});
|
61
72
|
var _Calendar = /*#__PURE__*/require("./components/Calendar");
|
62
73
|
Object.keys(_Calendar).forEach(function (key) {
|
63
74
|
if (key === "default" || key === "__esModule") return;
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/plasma-web",
|
3
|
-
"version": "1.
|
3
|
+
"version": "1.363.0-canary.1310.10273026728.0",
|
4
4
|
"description": "Salute Design System / React UI kit for web applications",
|
5
5
|
"author": "Salute Frontend Team <salute.developers@gmail.com>",
|
6
6
|
"license": "MIT",
|
@@ -21,7 +21,7 @@
|
|
21
21
|
"dependencies": {
|
22
22
|
"@salutejs/plasma-core": "1.165.0-dev.0",
|
23
23
|
"@salutejs/plasma-hope": "1.291.0-dev.0",
|
24
|
-
"@salutejs/plasma-new-hope": "0.
|
24
|
+
"@salutejs/plasma-new-hope": "0.117.0-canary.1310.10273026728.0",
|
25
25
|
"@salutejs/plasma-tokens-b2b": "1.41.0",
|
26
26
|
"@salutejs/plasma-tokens-b2c": "0.51.0",
|
27
27
|
"@salutejs/plasma-tokens-web": "1.56.0",
|
@@ -110,5 +110,5 @@
|
|
110
110
|
"Fanil Zubairov"
|
111
111
|
],
|
112
112
|
"sideEffects": false,
|
113
|
-
"gitHead": "
|
113
|
+
"gitHead": "f33d8f316412fd6983b9b673f2d730494801d7e7"
|
114
114
|
}
|
package/temp/plasma-web.api.md
CHANGED
@@ -43,6 +43,8 @@ import { BasicProps } from '@salutejs/plasma-new-hope/types/components/Select/Se
|
|
43
43
|
import { BlurProps } from '@salutejs/plasma-core';
|
44
44
|
import { blurs } from '@salutejs/plasma-core';
|
45
45
|
import { BoldProps } from '@salutejs/plasma-new-hope/types/components/Typography/Typography.types';
|
46
|
+
import { BreadcrumbsItem } from '@salutejs/plasma-new-hope/types/components/Breadcrumbs/Breadcrumbs.types';
|
47
|
+
import { BreadcrumbsProps } from '@salutejs/plasma-new-hope/styled-components';
|
46
48
|
import { Breakpoint } from '@salutejs/plasma-hope';
|
47
49
|
import { BreakWordProps } from '@salutejs/plasma-core';
|
48
50
|
import { ButtonBase } from '@salutejs/plasma-new-hope/styled-components';
|
@@ -553,6 +555,27 @@ breakWord?: boolean | undefined;
|
|
553
555
|
color?: string | undefined;
|
554
556
|
} & SpacingProps_2 & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
|
555
557
|
|
558
|
+
// @public
|
559
|
+
export const Breadcrumbs: FunctionComponent<PropsType< {
|
560
|
+
view: {
|
561
|
+
default: PolymorphicClassName;
|
562
|
+
};
|
563
|
+
size: {
|
564
|
+
l: PolymorphicClassName;
|
565
|
+
m: PolymorphicClassName;
|
566
|
+
s: PolymorphicClassName;
|
567
|
+
xs: PolymorphicClassName;
|
568
|
+
};
|
569
|
+
}> & HTMLAttributes<HTMLDivElement> & {
|
570
|
+
view?: string | undefined;
|
571
|
+
size?: string | undefined;
|
572
|
+
separator?: ReactNode;
|
573
|
+
items: BreadcrumbsItem[];
|
574
|
+
showItems?: number | undefined;
|
575
|
+
} & RefAttributes<HTMLDivElement>>;
|
576
|
+
|
577
|
+
export { BreadcrumbsProps }
|
578
|
+
|
556
579
|
export { Breakpoint }
|
557
580
|
|
558
581
|
export { BreakWordProps }
|