@salutejs/plasma-web 1.468.0-canary.1606.12206041715.0 → 1.468.0-canary.1610.12206012256.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (4) hide show
  1. package/package.json +5 -5
  2. package/components/Tokens/Tokens.styles.d.ts +0 -38
  3. package/components/Tokens/Tokens.styles.js +0 -44
  4. package/es/components/Tokens/Tokens.styles.js +0 -37
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-web",
3
- "version": "1.468.0-canary.1606.12206041715.0",
3
+ "version": "1.468.0-canary.1610.12206012256.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.323.0-canary.1606.12206041715.0",
24
- "@salutejs/plasma-new-hope": "0.213.0-canary.1606.12206041715.0",
23
+ "@salutejs/plasma-hope": "1.322.0",
24
+ "@salutejs/plasma-new-hope": "0.213.0-canary.1610.12206012256.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.186.0-canary.1606.12206041715.0",
54
+ "@salutejs/plasma-sb-utils": "0.185.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": "88f6ecb25723875552c10136fb3f07d483d36aec"
115
+ "gitHead": "41a0e1474b8d5c1724f11983bf69c407cc39d309"
116
116
  }
package/components/Tokens/Tokens.styles.d.ts DELETED
@@ -1,38 +0,0 @@
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 StyledAccrodionItem: 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 DELETED
@@ -1,44 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.TokenInfoWrapper = exports.TokenInfo = exports.Subcategory = exports.StyledAccrodionItem = 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 StyledAccrodionItem = exports.StyledAccrodionItem = /*#__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 DELETED
@@ -1,37 +0,0 @@
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 StyledAccrodionItem = /*#__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
- });