@salutejs/plasma-asdk 0.399.0-dev.0 → 0.400.0-next-sbcom.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/components/Spinner/Spinner.config.d.ts +10 -0
  2. package/components/Spinner/Spinner.config.js +13 -3
  3. package/components/Spinner/Spinner.d.ts +24 -28
  4. package/components/Spinner/Spinner.js +7 -8
  5. package/components/Spinner/index.d.ts +0 -1
  6. package/es/components/Spinner/Spinner.config.js +14 -4
  7. package/es/components/Spinner/Spinner.js +4 -4
  8. package/package.json +11 -11
package/components/Spinner/Spinner.config.d.ts CHANGED
@@ -1,8 +1,18 @@
1
1
  export declare const config: {
2
2
  defaults: {
3
3
  view: string;
4
+ size: string;
4
5
  };
5
6
  variations: {
7
+ size: {
8
+ xxs: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
9
+ xs: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
10
+ s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
11
+ m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
12
+ l: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
13
+ xl: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
14
+ xxl: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
15
+ };
6
16
  view: {
7
17
  accent: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
8
18
  };
package/components/Spinner/Spinner.config.js CHANGED
@@ -5,15 +5,25 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.config = void 0;
7
7
  var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
8
- var _templateObject;
8
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
9
9
  function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
10
10
  var config = exports.config = {
11
11
  defaults: {
12
- view: 'accent'
12
+ view: 'accent',
13
+ size: 'm'
13
14
  },
14
15
  variations: {
16
+ size: {
17
+ xxs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1rem;\n "])), _styledComponents.spinnerTokens.size),
18
+ xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.5rem;\n "])), _styledComponents.spinnerTokens.size),
19
+ s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 2.25rem;\n "])), _styledComponents.spinnerTokens.size),
20
+ m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 3rem;\n "])), _styledComponents.spinnerTokens.size),
21
+ l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 3.5rem;\n "])), _styledComponents.spinnerTokens.size),
22
+ xl: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 5.5rem;\n "])), _styledComponents.spinnerTokens.size),
23
+ xxl: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 8rem;\n "])), _styledComponents.spinnerTokens.size)
24
+ },
15
25
  view: {
16
- accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n --plasma-spinner-color: var(--text-accent-main);\n "])))
26
+ accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-accent-main);\n "])), _styledComponents.spinnerTokens.color)
17
27
  }
18
28
  }
19
29
  };
package/components/Spinner/Spinner.d.ts CHANGED
@@ -1,43 +1,39 @@
1
- import type { HTMLAttributes } from 'react';
2
- export type SpinnerProps = HTMLAttributes<HTMLDivElement> & {
3
- /**
4
- * Размер спиннера
5
- */
6
- size?: string | number;
7
- /**
8
- * Цвет спиннера
9
- */
10
- view?: string;
11
- /**
12
- * Цвет спиннера
13
- * @deprecated
14
- */
15
- color?: string;
16
- /**
17
- * @deprecated
18
- */
19
- deviceScale?: number;
20
- };
21
- /**
22
- * Компонент для отображения индикатора загрузки.
23
- */
24
- export declare const Spinner: import("styled-components").StyledComponent<import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
1
+ import type { ComponentProps, FunctionComponent } from 'react';
2
+ declare const SpinnerComponent: FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
3
+ size: {
4
+ xxs: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
5
+ xs: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
6
+ s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
7
+ m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
8
+ l: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
9
+ xl: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
10
+ xxl: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
11
+ };
25
12
  view: {
26
13
  accent: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
27
14
  };
28
- }> & ((HTMLAttributes<HTMLDivElement> & {
15
+ }> & ((import("react").HTMLAttributes<HTMLDivElement> & {
29
16
  width?: never;
30
17
  height?: never;
31
18
  size?: string | number;
32
19
  view?: string;
33
- } & import("react").RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
20
+ } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
34
21
  width: number;
35
22
  height: number;
36
23
  size?: never;
37
24
  view?: string;
38
- } & import("react").RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
25
+ } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
39
26
  width: string;
40
27
  height: string;
41
28
  size?: never;
42
29
  view?: string;
43
- } & import("react").RefAttributes<HTMLDivElement>))>, any, {}, never>;
30
+ } & import("react").RefAttributes<HTMLDivElement>))>;
31
+ type Variations = ComponentProps<typeof SpinnerComponent>;
32
+ type SpinnerComponentProps = Omit<Variations, 'size'> & {
33
+ size?: Variations['size'] | number;
34
+ };
35
+ /**
36
+ * Компонент для отображения индикатора загрузки.
37
+ */
38
+ export declare const Spinner: FunctionComponent<SpinnerComponentProps>;
39
+ export {};
package/components/Spinner/Spinner.js CHANGED
@@ -4,15 +4,14 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.Spinner = void 0;
7
- var _styledComponents = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("styled-components"));
8
- var _styledComponents2 = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
7
+ var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
9
8
  var _Spinner = /*#__PURE__*/require("./Spinner.config");
10
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
11
- var mergedConfig = /*#__PURE__*/(0, _styledComponents2.mergeConfig)(_styledComponents2.spinnerConfig, _Spinner.config);
12
- var SpinnerComponent = /*#__PURE__*/(0, _styledComponents2.component)(mergedConfig);
9
+ var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.spinnerConfig, _Spinner.config);
10
+ var SpinnerComponent = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
11
+
12
+ /* Числовой size устарел, но должен компилироваться. */
13
+
13
14
  /**
14
15
  * Компонент для отображения индикатора загрузки.
15
16
  */
16
- var Spinner = exports.Spinner = /*#__PURE__*/(0, _styledComponents["default"])(SpinnerComponent).withConfig({
17
- componentId: "plasma-web__sc-1mmelrk-0"
18
- })([""]);
17
+ var Spinner = exports.Spinner = SpinnerComponent;
package/components/Spinner/index.d.ts CHANGED
@@ -1,2 +1 @@
1
1
  export { Spinner } from './Spinner';
2
- export type { SpinnerProps } from './Spinner';
package/es/components/Spinner/Spinner.config.js CHANGED
@@ -1,13 +1,23 @@
1
- var _templateObject;
1
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
2
2
  function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
3
- import { css } from '@salutejs/plasma-new-hope/styled-components';
3
+ import { css, spinnerTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
4
4
  export var config = {
5
5
  defaults: {
6
- view: 'accent'
6
+ view: 'accent',
7
+ size: 'm'
7
8
  },
8
9
  variations: {
10
+ size: {
11
+ xxs: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1rem;\n "])), tokens.size),
12
+ xs: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.5rem;\n "])), tokens.size),
13
+ s: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 2.25rem;\n "])), tokens.size),
14
+ m: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 3rem;\n "])), tokens.size),
15
+ l: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 3.5rem;\n "])), tokens.size),
16
+ xl: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 5.5rem;\n "])), tokens.size),
17
+ xxl: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 8rem;\n "])), tokens.size)
18
+ },
9
19
  view: {
10
- accent: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n --plasma-spinner-color: var(--text-accent-main);\n "])))
20
+ accent: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-accent-main);\n "])), tokens.color)
11
21
  }
12
22
  }
13
23
  };
package/es/components/Spinner/Spinner.js CHANGED
@@ -1,11 +1,11 @@
1
- import styled from 'styled-components';
2
1
  import { spinnerConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
3
2
  import { config } from './Spinner.config';
4
3
  var mergedConfig = /*#__PURE__*/mergeConfig(spinnerConfig, config);
5
4
  var SpinnerComponent = /*#__PURE__*/component(mergedConfig);
5
+
6
+ /* Числовой size устарел, но должен компилироваться. */
7
+
6
8
  /**
7
9
  * Компонент для отображения индикатора загрузки.
8
10
  */
9
- export var Spinner = /*#__PURE__*/styled(SpinnerComponent).withConfig({
10
- componentId: "plasma-web__sc-1mmelrk-0"
11
- })([""]);
11
+ export var Spinner = SpinnerComponent;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-asdk",
3
- "version": "0.399.0-dev.0",
3
+ "version": "0.400.0-next-sbcom.0",
4
4
  "description": "Salute Design System / React UI kit for Assistant web applications",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "publishConfig": {
@@ -27,10 +27,10 @@
27
27
  "styled-components": "^5.3.11"
28
28
  },
29
29
  "dependencies": {
30
- "@salutejs/plasma-new-hope": "0.385.0-dev.0",
31
- "@salutejs/plasma-tokens": "1.158.0-dev.0",
32
- "@salutejs/plasma-tokens-b2b": "1.70.0-dev.0",
33
- "@salutejs/plasma-typo": "0.58.0-dev.0"
30
+ "@salutejs/plasma-new-hope": "0.386.0-next-sbcom.0",
31
+ "@salutejs/plasma-tokens": "1.159.0-next-sbcom.0",
32
+ "@salutejs/plasma-tokens-b2b": "1.71.0-next-sbcom.0",
33
+ "@salutejs/plasma-typo": "0.59.0-next-sbcom.0"
34
34
  },
35
35
  "devDependencies": {
36
36
  "@babel/cli": "7.24.1",
@@ -40,11 +40,11 @@
40
40
  "@babel/preset-env": "7.24.4",
41
41
  "@babel/preset-react": "7.24.1",
42
42
  "@babel/preset-typescript": "7.24.1",
43
- "@salutejs/plasma-colors": "0.26.0-dev.0",
44
- "@salutejs/plasma-core": "1.247.0-dev.0",
45
- "@salutejs/plasma-cy-utils": "0.177.0-dev.0",
46
- "@salutejs/plasma-icons": "1.254.0-dev.0",
47
- "@salutejs/plasma-sb-utils": "0.248.0-dev.0",
43
+ "@salutejs/plasma-colors": "0.27.0-next-sbcom.0",
44
+ "@salutejs/plasma-core": "1.248.0-next-sbcom.0",
45
+ "@salutejs/plasma-cy-utils": "0.178.0-next-sbcom.0",
46
+ "@salutejs/plasma-icons": "1.255.0-next-sbcom.0",
47
+ "@salutejs/plasma-sb-utils": "0.249.0-next-sbcom.0",
48
48
  "@types/node": "16.7.13",
49
49
  "@types/react": "18.0.28",
50
50
  "@types/react-dom": "18.0.11",
@@ -83,5 +83,5 @@
83
83
  "salute.developers@gmail.com"
84
84
  ],
85
85
  "sideEffects": false,
86
- "gitHead": "192f858f2e44fc11fc92b19949cbe9b40eb12210"
86
+ "gitHead": "5680b021d11a986cb0e16bb9cd54303d5f250cc0"
87
87
  }