@salutejs/plasma-web 1.467.1-canary.1616.12201207888.0 → 1.468.0-canary.1606.12206041715.0

package/api/plasma-web.api.md

@@ -3557,8 +3557,6 @@ view?: string | undefined;
 size?: "m" | "s" | "l" | undefined;
 type?: "single" | undefined;
 pointerSize?: "none" | "small" | "large" | undefined;
-pointerVisibility: "onHover" | "always";
-currentValueVisibility: "onHover" | "always";
 } & RefAttributes<HTMLDivElement>) | (SliderBaseProps & SliderInternalProps & {
 onChange?: ((event: FormTypeNumber) => void) | undefined;
 name: string;
@@ -3587,8 +3585,6 @@ view?: string | undefined;
 size?: "m" | "s" | "l" | undefined;
 type?: "single" | undefined;
 pointerSize?: "none" | "small" | "large" | undefined;
-pointerVisibility: "onHover" | "always";
-currentValueVisibility: "onHover" | "always";
 } & RefAttributes<HTMLDivElement>) | (SliderBaseProps & SliderInternalProps & {
 onChange?: ((value: number) => void) | undefined;
 value: number;
@@ -3618,8 +3614,6 @@ view?: string | undefined;
 size?: "m" | "s" | "l" | undefined;
 type?: "single" | undefined;
 pointerSize?: "none" | "small" | "large" | undefined;
-pointerVisibility: "onHover" | "always";
-currentValueVisibility: "onHover" | "always";
 } & RefAttributes<HTMLDivElement>) | (SliderBaseProps & SliderInternalProps & {
 onChange?: ((value: number) => void) | undefined;
 value: number;
@@ -3648,8 +3642,6 @@ view?: string | undefined;
 size?: "m" | "s" | "l" | undefined;
 type?: "single" | undefined;
 pointerSize?: "none" | "small" | "large" | undefined;
-pointerVisibility: "onHover" | "always";
-currentValueVisibility: "onHover" | "always";
 } & RefAttributes<HTMLDivElement>) | (Omit<DoubleSliderProps, "onChange" | "defaultValue" | "value"> & {
 onChange?: ((event: FormTypeString) => void) | undefined;
 name?: string | undefined;

package/components/Slider/Slider.d.ts

@@ -50,8 +50,6 @@ export declare const Slider: import("react").FunctionComponent<import("@salutejs
     size?: "m" | "s" | "l" | undefined;
     type?: "single" | undefined;
     pointerSize?: "none" | "small" | "large" | undefined;
-    pointerVisibility: "onHover" | "always";
-    currentValueVisibility: "onHover" | "always";
 } & import("react").RefAttributes<HTMLDivElement>) | (import("@salutejs/plasma-new-hope/types/components/Slider/components/SliderBase/SliderBase.types").SliderBaseProps & import("@salutejs/plasma-new-hope/types/components/Slider/components").SliderInternalProps & {
     /**
      * Слайдер позволяет определить числовое значение в пределах указанного промежутка.
@@ -84,8 +82,6 @@ export declare const Slider: import("react").FunctionComponent<import("@salutejs
     size?: "m" | "s" | "l" | undefined;
     type?: "single" | undefined;
     pointerSize?: "none" | "small" | "large" | undefined;
-    pointerVisibility: "onHover" | "always";
-    currentValueVisibility: "onHover" | "always";
 } & import("react").RefAttributes<HTMLDivElement>) | (import("@salutejs/plasma-new-hope/types/components/Slider/components/SliderBase/SliderBase.types").SliderBaseProps & import("@salutejs/plasma-new-hope/types/components/Slider/components").SliderInternalProps & {
     onChange?: ((value: number) => void) | undefined;
     value: number;
@@ -115,8 +111,6 @@ export declare const Slider: import("react").FunctionComponent<import("@salutejs
     size?: "m" | "s" | "l" | undefined;
     type?: "single" | undefined;
     pointerSize?: "none" | "small" | "large" | undefined;
-    pointerVisibility: "onHover" | "always";
-    currentValueVisibility: "onHover" | "always";
 } & import("react").RefAttributes<HTMLDivElement>) | (import("@salutejs/plasma-new-hope/types/components/Slider/components/SliderBase/SliderBase.types").SliderBaseProps & import("@salutejs/plasma-new-hope/types/components/Slider/components").SliderInternalProps & {
     onChange?: ((value: number) => void) | undefined;
     value: number;
@@ -145,8 +139,6 @@ export declare const Slider: import("react").FunctionComponent<import("@salutejs
     size?: "m" | "s" | "l" | undefined;
     type?: "single" | undefined;
     pointerSize?: "none" | "small" | "large" | undefined;
-    pointerVisibility: "onHover" | "always";
-    currentValueVisibility: "onHover" | "always";
 } & import("react").RefAttributes<HTMLDivElement>) | (Omit<import("@salutejs/plasma-new-hope/styled-components").DoubleSliderProps, "onChange" | "defaultValue" | "value"> & {
     onChange?: ((event: import("@salutejs/plasma-new-hope/types/types/FormType").FormTypeString) => void) | undefined;
     name?: string | undefined;

package/components/Tokens/Tokens.styles.d.ts

@@ -0,0 +1,38 @@
+/// <reference types="react" />
+export declare const CategoryContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Category: import("styled-components").StyledComponent<import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
+    size: {
+        h2: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+}> & {
+    noWrap?: boolean | undefined;
+    breakWord?: boolean | undefined;
+    color?: string | undefined;
+} & 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>;
+export declare const AccordionInfo: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Subcategory: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ColumnTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledAccrodionItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLElement>, "onChange" | "title"> & {
+    value?: boolean | undefined;
+    type?: "clear" | "arrow" | "sign" | undefined;
+    contentLeft?: import("react").ReactNode;
+    alignWithTitle?: boolean | undefined;
+    contentRight?: import("react").ReactNode;
+    pin?: "square-square" | "square-clear" | "clear-square" | "clear-clear" | "clear-circle" | "circle-clear" | "circle-circle" | undefined;
+    title?: import("react").ReactNode;
+    children: import("react").ReactNode;
+    onChange?: ((index: number, value: boolean) => void) | undefined;
+    onClick?: ((index: number, value: boolean) => void) | undefined;
+    disabled?: boolean | undefined;
+    opened?: boolean | undefined;
+    eventKey?: number | undefined;
+    index?: number | undefined;
+    view?: string | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const TokenInfoWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const OpacityPart: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const TokenInfo: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ColorCircle: import("styled-components").StyledComponent<"div", any, {
+    background?: string | undefined;
+    disableShadow?: boolean | undefined;
+}, never>;

package/components/Tokens/Tokens.styles.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TokenInfoWrapper = exports.TokenInfo = exports.Subcategory = exports.StyledAccrodionItem = exports.OpacityPart = exports.ColumnTitle = exports.ColorCircle = exports.CategoryContainer = exports.Category = exports.AccordionInfo = void 0;
+var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
+var _Typography = /*#__PURE__*/require("../Typography");
+var _Accordion = /*#__PURE__*/require("../Accordion");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var CategoryContainer = exports.CategoryContainer = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-web__sc-14jkg94-0"
+})(["margin-bottom:1.875rem;"]);
+var Category = exports.Category = /*#__PURE__*/(0, _styledComponents["default"])(_Typography.H2).withConfig({
+  componentId: "plasma-web__sc-14jkg94-1"
+})(["margin:0 0 1.125rem 1.5rem;"]);
+var AccordionInfo = exports.AccordionInfo = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-web__sc-14jkg94-2"
+})(["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);"]);
+var Subcategory = exports.Subcategory = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-web__sc-14jkg94-3"
+})(["color:var(--text-secondary);"]);
+var ColumnTitle = exports.ColumnTitle = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-web__sc-14jkg94-4"
+})(["color:var(--text-tertiary);transition:opacity 0.2s;&.color{display:flex;align-items:center;gap:0.5rem;}"]);
+var StyledAccrodionItem = exports.StyledAccrodionItem = /*#__PURE__*/(0, _styledComponents["default"])(_Accordion.AccordionItem).withConfig({
+  componentId: "plasma-web__sc-14jkg94-5"
+})(["--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);
+var TokenInfoWrapper = exports.TokenInfoWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-web__sc-14jkg94-6"
+})(["display:flex;flex-direction:column;gap:0.75rem;margin-top:-0.125rem;"]);
+var OpacityPart = exports.OpacityPart = /*#__PURE__*/_styledComponents["default"].span.withConfig({
+  componentId: "plasma-web__sc-14jkg94-7"
+})(["color:var(--text-secondary);padding-left:0.125rem;"]);
+var TokenInfo = exports.TokenInfo = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-web__sc-14jkg94-8"
+})(["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);
+var ColorCircle = exports.ColorCircle = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-web__sc-14jkg94-9"
+})(["width:1.25rem;height:1.25rem;border-radius:50%;background:", ";box-shadow:", ";"], function (props) {
+  return props.background;
+}, function (props) {
+  return props.disableShadow ? 'none' : 'inset 0px 0px 0px 1px rgba(8, 8, 8, 0.12)';
+});

package/es/components/Tokens/Tokens.styles.js

@@ -0,0 +1,37 @@
+import styled from 'styled-components';
+import { H2 } from '../Typography';
+import { AccordionItem } from '../Accordion';
+export var CategoryContainer = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-web__sc-14jkg94-0"
+})(["margin-bottom:1.875rem;"]);
+export var Category = /*#__PURE__*/styled(H2).withConfig({
+  componentId: "plasma-web__sc-14jkg94-1"
+})(["margin:0 0 1.125rem 1.5rem;"]);
+export var AccordionInfo = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-web__sc-14jkg94-2"
+})(["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);"]);
+export var Subcategory = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-web__sc-14jkg94-3"
+})(["color:var(--text-secondary);"]);
+export var ColumnTitle = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-web__sc-14jkg94-4"
+})(["color:var(--text-tertiary);transition:opacity 0.2s;&.color{display:flex;align-items:center;gap:0.5rem;}"]);
+export var StyledAccrodionItem = /*#__PURE__*/styled(AccordionItem).withConfig({
+  componentId: "plasma-web__sc-14jkg94-5"
+})(["--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);
+export var TokenInfoWrapper = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-web__sc-14jkg94-6"
+})(["display:flex;flex-direction:column;gap:0.75rem;margin-top:-0.125rem;"]);
+export var OpacityPart = /*#__PURE__*/styled.span.withConfig({
+  componentId: "plasma-web__sc-14jkg94-7"
+})(["color:var(--text-secondary);padding-left:0.125rem;"]);
+export var TokenInfo = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-web__sc-14jkg94-8"
+})(["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);
+export var ColorCircle = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-web__sc-14jkg94-9"
+})(["width:1.25rem;height:1.25rem;border-radius:50%;background:", ";box-shadow:", ";"], function (props) {
+  return props.background;
+}, function (props) {
+  return props.disableShadow ? 'none' : 'inset 0px 0px 0px 1px rgba(8, 8, 8, 0.12)';
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-web",
-  "version": "1.467.1-canary.1616.12201207888.0",
+  "version": "1.468.0-canary.1606.12206041715.0",
   "description": "Salute Design System / React UI kit for web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "license": "MIT",
@@ -20,8 +20,8 @@
   },
   "dependencies": {
     "@salutejs/plasma-core": "1.187.0",
-    "@salutejs/plasma-hope": "1.322.0",
-    "@salutejs/plasma-new-hope": "0.212.1-canary.1616.12201207888.0",
+    "@salutejs/plasma-hope": "1.323.0-canary.1606.12206041715.0",
+    "@salutejs/plasma-new-hope": "0.213.0-canary.1606.12206041715.0",
     "@salutejs/plasma-themes": "0.23.0",
     "@salutejs/plasma-tokens-b2b": "1.43.0",
     "@salutejs/plasma-tokens-b2c": "0.54.0",
@@ -51,7 +51,7 @@
     "@salutejs/plasma-colors": "0.13.0",
     "@salutejs/plasma-cy-utils": "0.118.0",
     "@salutejs/plasma-icons": "1.209.0",
-    "@salutejs/plasma-sb-utils": "0.185.0",
+    "@salutejs/plasma-sb-utils": "0.186.0-canary.1606.12206041715.0",
     "@storybook/addon-docs": "7.6.17",
     "@storybook/addon-essentials": "7.6.17",
     "@storybook/addons": "7.6.17",
@@ -112,5 +112,5 @@
     "Fanil Zubairov"
   ],
   "sideEffects": false,
-  "gitHead": "49fdbb62d3ab9802249cd28cba0ceed781a5817b"
+  "gitHead": "88f6ecb25723875552c10136fb3f07d483d36aec"
 }

package/temp/plasma-web.api.md

@@ -3557,8 +3557,6 @@ view?: string | undefined;
 size?: "m" | "s" | "l" | undefined;
 type?: "single" | undefined;
 pointerSize?: "none" | "small" | "large" | undefined;
-pointerVisibility: "onHover" | "always";
-currentValueVisibility: "onHover" | "always";
 } & RefAttributes<HTMLDivElement>) | (SliderBaseProps & SliderInternalProps & {
 onChange?: ((event: FormTypeNumber) => void) | undefined;
 name: string;
@@ -3587,8 +3585,6 @@ view?: string | undefined;
 size?: "m" | "s" | "l" | undefined;
 type?: "single" | undefined;
 pointerSize?: "none" | "small" | "large" | undefined;
-pointerVisibility: "onHover" | "always";
-currentValueVisibility: "onHover" | "always";
 } & RefAttributes<HTMLDivElement>) | (SliderBaseProps & SliderInternalProps & {
 onChange?: ((value: number) => void) | undefined;
 value: number;
@@ -3618,8 +3614,6 @@ view?: string | undefined;
 size?: "m" | "s" | "l" | undefined;
 type?: "single" | undefined;
 pointerSize?: "none" | "small" | "large" | undefined;
-pointerVisibility: "onHover" | "always";
-currentValueVisibility: "onHover" | "always";
 } & RefAttributes<HTMLDivElement>) | (SliderBaseProps & SliderInternalProps & {
 onChange?: ((value: number) => void) | undefined;
 value: number;
@@ -3648,8 +3642,6 @@ view?: string | undefined;
 size?: "m" | "s" | "l" | undefined;
 type?: "single" | undefined;
 pointerSize?: "none" | "small" | "large" | undefined;
-pointerVisibility: "onHover" | "always";
-currentValueVisibility: "onHover" | "always";
 } & RefAttributes<HTMLDivElement>) | (Omit<DoubleSliderProps, "onChange" | "defaultValue" | "value"> & {
 onChange?: ((event: FormTypeString) => void) | undefined;
 name?: string | undefined;