@salutejs/plasma-web 1.468.0-canary.1635.12250520641.0 → 1.468.0-dev.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (5) hide show
  1. package/components/Tokens/Tokens.styles.d.ts +38 -0
  2. package/components/Tokens/Tokens.styles.js +44 -0
  3. package/es/components/Tokens/Tokens.styles.js +37 -0
  4. package/package.json +5 -5
  5. package/temp/plasma-web.api.md +0 -4414
package/components/Tokens/Tokens.styles.d.ts ADDED
@@ -0,0 +1,38 @@
1
+ /// <reference types="react" />
2
+ export declare const CategoryContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
3
+ export declare const Category: import("styled-components").StyledComponent<import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
4
+ size: {
5
+ h2: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
6
+ };
7
+ }> & {
8
+ noWrap?: boolean | undefined;
9
+ breakWord?: boolean | undefined;
10
+ color?: string | undefined;
11
+ } & import("@salutejs/plasma-new-hope").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types").BoldProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
12
+ export declare const AccordionInfo: import("styled-components").StyledComponent<"div", any, {}, never>;
13
+ export declare const Subcategory: import("styled-components").StyledComponent<"div", any, {}, never>;
14
+ export declare const ColumnTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
15
+ export declare const StyledAccordionItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLElement>, "onChange" | "title"> & {
16
+ value?: boolean | undefined;
17
+ type?: "clear" | "arrow" | "sign" | undefined;
18
+ contentLeft?: import("react").ReactNode;
19
+ alignWithTitle?: boolean | undefined;
20
+ contentRight?: import("react").ReactNode;
21
+ pin?: "square-square" | "square-clear" | "clear-square" | "clear-clear" | "clear-circle" | "circle-clear" | "circle-circle" | undefined;
22
+ title?: import("react").ReactNode;
23
+ children: import("react").ReactNode;
24
+ onChange?: ((index: number, value: boolean) => void) | undefined;
25
+ onClick?: ((index: number, value: boolean) => void) | undefined;
26
+ disabled?: boolean | undefined;
27
+ opened?: boolean | undefined;
28
+ eventKey?: number | undefined;
29
+ index?: number | undefined;
30
+ view?: string | undefined;
31
+ } & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
32
+ export declare const TokenInfoWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
33
+ export declare const OpacityPart: import("styled-components").StyledComponent<"span", any, {}, never>;
34
+ export declare const TokenInfo: import("styled-components").StyledComponent<"div", any, {}, never>;
35
+ export declare const ColorCircle: import("styled-components").StyledComponent<"div", any, {
36
+ background?: string | undefined;
37
+ disableShadow?: boolean | undefined;
38
+ }, never>;
package/components/Tokens/Tokens.styles.js ADDED
@@ -0,0 +1,44 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.TokenInfoWrapper = exports.TokenInfo = exports.Subcategory = exports.StyledAccordionItem = exports.OpacityPart = exports.ColumnTitle = exports.ColorCircle = exports.CategoryContainer = exports.Category = exports.AccordionInfo = void 0;
7
+ var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
8
+ var _Typography = /*#__PURE__*/require("../Typography");
9
+ var _Accordion = /*#__PURE__*/require("../Accordion");
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
+ var CategoryContainer = exports.CategoryContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
12
+ componentId: "plasma-web__sc-14jkg94-0"
13
+ })(["margin-bottom:1.875rem;"]);
14
+ var Category = exports.Category = /*#__PURE__*/(0, _styledComponents["default"])(_Typography.H2).withConfig({
15
+ componentId: "plasma-web__sc-14jkg94-1"
16
+ })(["margin:0 0 1.125rem 1.5rem;"]);
17
+ var AccordionInfo = exports.AccordionInfo = /*#__PURE__*/_styledComponents["default"].div.withConfig({
18
+ componentId: "plasma-web__sc-14jkg94-2"
19
+ })(["display:grid;grid-template-columns:18rem 7.938rem 3.813rem;grid-column-gap:1.5rem;font-family:var(--plasma-typo-body-m-font-family);font-size:var(--plasma-typo-body-m-font-size);font-style:var(--plasma-typo-body-m-font-style);font-weight:var(--plasma-typo-body-m-font-weight);letter-spacing:var(--plasma-typo-body-m-letter-spacing);line-height:var(--plasma-typo-body-m-line-height);"]);
20
+ var Subcategory = exports.Subcategory = /*#__PURE__*/_styledComponents["default"].div.withConfig({
21
+ componentId: "plasma-web__sc-14jkg94-3"
22
+ })(["color:var(--text-secondary);"]);
23
+ var ColumnTitle = exports.ColumnTitle = /*#__PURE__*/_styledComponents["default"].div.withConfig({
24
+ componentId: "plasma-web__sc-14jkg94-4"
25
+ })(["color:var(--text-tertiary);transition:opacity 0.2s;&.color{display:flex;align-items:center;gap:0.5rem;}"]);
26
+ var StyledAccordionItem = exports.StyledAccordionItem = /*#__PURE__*/(0, _styledComponents["default"])(_Accordion.AccordionItem).withConfig({
27
+ componentId: "plasma-web__sc-14jkg94-5"
28
+ })(["--plasma-accordion-item-padding:0;--plasma-accordion-item-padding-vertical:0;border-bottom:unset;width:max-content;div > div > div > svg{color:var(--text-secondary);}.accordion-item-body{margin-bottom:1.125rem;padding-top:0.125rem;transition:margin-bottom 0.2s,padding-top 0.2s;}[aria-expanded]{margin-bottom:1rem;}[aria-expanded='false']{", " ", "{opacity:0;}}[aria-expanded='false'] + div > .accordion-item-body{margin:0;padding:0;}"], AccordionInfo, ColumnTitle);
29
+ var TokenInfoWrapper = exports.TokenInfoWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
30
+ componentId: "plasma-web__sc-14jkg94-6"
31
+ })(["display:flex;flex-direction:column;gap:0.75rem;margin-top:-0.125rem;"]);
32
+ var OpacityPart = exports.OpacityPart = /*#__PURE__*/_styledComponents["default"].span.withConfig({
33
+ componentId: "plasma-web__sc-14jkg94-7"
34
+ })(["color:var(--text-secondary);padding-left:0.125rem;"]);
35
+ var TokenInfo = exports.TokenInfo = /*#__PURE__*/_styledComponents["default"].div.withConfig({
36
+ componentId: "plasma-web__sc-14jkg94-8"
37
+ })(["color:var(--text-paragraph);cursor:default;&.copy{cursor:copy;}&.color{display:flex;align-items:center;gap:0.5rem;}&.opacity{text-align:right;}&:not(.opacity):hover{color:var(--text-paragraph-hover);", "{color:var(--text-paragraph-hover);}}&:not(.opacity):active{color:var(--text-paragraph-active);", "{color:var(--text-secondary-active);}}"], OpacityPart, OpacityPart);
38
+ var ColorCircle = exports.ColorCircle = /*#__PURE__*/_styledComponents["default"].div.withConfig({
39
+ componentId: "plasma-web__sc-14jkg94-9"
40
+ })(["width:1.25rem;height:1.25rem;border-radius:50%;background:", ";box-shadow:", ";"], function (props) {
41
+ return props.background;
42
+ }, function (props) {
43
+ return props.disableShadow ? 'none' : 'inset 0px 0px 0px 1px rgba(8, 8, 8, 0.12)';
44
+ });
package/es/components/Tokens/Tokens.styles.js ADDED
@@ -0,0 +1,37 @@
1
+ import styled from 'styled-components';
2
+ import { H2 } from '../Typography';
3
+ import { AccordionItem } from '../Accordion';
4
+ export var CategoryContainer = /*#__PURE__*/styled.div.withConfig({
5
+ componentId: "plasma-web__sc-14jkg94-0"
6
+ })(["margin-bottom:1.875rem;"]);
7
+ export var Category = /*#__PURE__*/styled(H2).withConfig({
8
+ componentId: "plasma-web__sc-14jkg94-1"
9
+ })(["margin:0 0 1.125rem 1.5rem;"]);
10
+ export var AccordionInfo = /*#__PURE__*/styled.div.withConfig({
11
+ componentId: "plasma-web__sc-14jkg94-2"
12
+ })(["display:grid;grid-template-columns:18rem 7.938rem 3.813rem;grid-column-gap:1.5rem;font-family:var(--plasma-typo-body-m-font-family);font-size:var(--plasma-typo-body-m-font-size);font-style:var(--plasma-typo-body-m-font-style);font-weight:var(--plasma-typo-body-m-font-weight);letter-spacing:var(--plasma-typo-body-m-letter-spacing);line-height:var(--plasma-typo-body-m-line-height);"]);
13
+ export var Subcategory = /*#__PURE__*/styled.div.withConfig({
14
+ componentId: "plasma-web__sc-14jkg94-3"
15
+ })(["color:var(--text-secondary);"]);
16
+ export var ColumnTitle = /*#__PURE__*/styled.div.withConfig({
17
+ componentId: "plasma-web__sc-14jkg94-4"
18
+ })(["color:var(--text-tertiary);transition:opacity 0.2s;&.color{display:flex;align-items:center;gap:0.5rem;}"]);
19
+ export var StyledAccordionItem = /*#__PURE__*/styled(AccordionItem).withConfig({
20
+ componentId: "plasma-web__sc-14jkg94-5"
21
+ })(["--plasma-accordion-item-padding:0;--plasma-accordion-item-padding-vertical:0;border-bottom:unset;width:max-content;div > div > div > svg{color:var(--text-secondary);}.accordion-item-body{margin-bottom:1.125rem;padding-top:0.125rem;transition:margin-bottom 0.2s,padding-top 0.2s;}[aria-expanded]{margin-bottom:1rem;}[aria-expanded='false']{", " ", "{opacity:0;}}[aria-expanded='false'] + div > .accordion-item-body{margin:0;padding:0;}"], AccordionInfo, ColumnTitle);
22
+ export var TokenInfoWrapper = /*#__PURE__*/styled.div.withConfig({
23
+ componentId: "plasma-web__sc-14jkg94-6"
24
+ })(["display:flex;flex-direction:column;gap:0.75rem;margin-top:-0.125rem;"]);
25
+ export var OpacityPart = /*#__PURE__*/styled.span.withConfig({
26
+ componentId: "plasma-web__sc-14jkg94-7"
27
+ })(["color:var(--text-secondary);padding-left:0.125rem;"]);
28
+ export var TokenInfo = /*#__PURE__*/styled.div.withConfig({
29
+ componentId: "plasma-web__sc-14jkg94-8"
30
+ })(["color:var(--text-paragraph);cursor:default;&.copy{cursor:copy;}&.color{display:flex;align-items:center;gap:0.5rem;}&.opacity{text-align:right;}&:not(.opacity):hover{color:var(--text-paragraph-hover);", "{color:var(--text-paragraph-hover);}}&:not(.opacity):active{color:var(--text-paragraph-active);", "{color:var(--text-secondary-active);}}"], OpacityPart, OpacityPart);
31
+ export var ColorCircle = /*#__PURE__*/styled.div.withConfig({
32
+ componentId: "plasma-web__sc-14jkg94-9"
33
+ })(["width:1.25rem;height:1.25rem;border-radius:50%;background:", ";box-shadow:", ";"], function (props) {
34
+ return props.background;
35
+ }, function (props) {
36
+ return props.disableShadow ? 'none' : 'inset 0px 0px 0px 1px rgba(8, 8, 8, 0.12)';
37
+ });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-web",
3
- "version": "1.468.0-canary.1635.12250520641.0",
3
+ "version": "1.468.0-dev.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",
@@ -20,8 +20,8 @@
20
20
  },
21
21
  "dependencies": {
22
22
  "@salutejs/plasma-core": "1.187.0",
23
- "@salutejs/plasma-hope": "1.322.0",
24
- "@salutejs/plasma-new-hope": "0.213.0-canary.1635.12250520641.0",
23
+ "@salutejs/plasma-hope": "1.323.0-dev.0",
24
+ "@salutejs/plasma-new-hope": "0.213.0-dev.0",
25
25
  "@salutejs/plasma-themes": "0.23.0",
26
26
  "@salutejs/plasma-tokens-b2b": "1.43.0",
27
27
  "@salutejs/plasma-tokens-b2c": "0.54.0",
@@ -51,7 +51,7 @@
51
51
  "@salutejs/plasma-colors": "0.13.0",
52
52
  "@salutejs/plasma-cy-utils": "0.118.0",
53
53
  "@salutejs/plasma-icons": "1.209.0",
54
- "@salutejs/plasma-sb-utils": "0.185.0",
54
+ "@salutejs/plasma-sb-utils": "0.186.0-dev.0",
55
55
  "@storybook/addon-docs": "7.6.17",
56
56
  "@storybook/addon-essentials": "7.6.17",
57
57
  "@storybook/addons": "7.6.17",
@@ -112,5 +112,5 @@
112
112
  "Fanil Zubairov"
113
113
  ],
114
114
  "sideEffects": false,
115
- "gitHead": "aee2332d2b3c409cae14a37bc28c014613a9ab52"
115
+ "gitHead": "4cd7b9e81a22c5b193de80303d5adb320c123499"
116
116
  }