@salutejs/plasma-asdk 0.400.0-next-sbcom.0 → 0.400.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.
- package/components/Spinner/Spinner.config.d.ts +0 -10
- package/components/Spinner/Spinner.config.js +3 -13
- package/components/Spinner/Spinner.d.ts +28 -24
- package/components/Spinner/Spinner.js +8 -7
- package/components/Spinner/index.d.ts +1 -0
- package/es/components/Spinner/Spinner.config.js +4 -14
- package/es/components/Spinner/Spinner.js +4 -4
- package/package.json +11 -11
|
@@ -1,18 +1,8 @@
|
|
|
1
1
|
export declare const config: {
|
|
2
2
|
defaults: {
|
|
3
3
|
view: string;
|
|
4
|
-
size: string;
|
|
5
4
|
};
|
|
6
5
|
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
|
-
};
|
|
16
6
|
view: {
|
|
17
7
|
accent: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
18
8
|
};
|
|
@@ -5,25 +5,15 @@ 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;
|
|
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'
|
|
13
|
-
size: 'm'
|
|
12
|
+
view: 'accent'
|
|
14
13
|
},
|
|
15
14
|
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
|
-
},
|
|
25
15
|
view: {
|
|
26
|
-
accent: /*#__PURE__*/(0, _styledComponents.css)(
|
|
16
|
+
accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n --plasma-spinner-color: var(--text-accent-main);\n "])))
|
|
27
17
|
}
|
|
28
18
|
}
|
|
29
19
|
};
|
|
@@ -1,39 +1,43 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
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<{
|
|
12
25
|
view: {
|
|
13
26
|
accent: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
|
|
14
27
|
};
|
|
15
|
-
}> & ((
|
|
28
|
+
}> & ((HTMLAttributes<HTMLDivElement> & {
|
|
16
29
|
width?: never;
|
|
17
30
|
height?: never;
|
|
18
31
|
size?: string | number;
|
|
19
32
|
view?: string;
|
|
20
|
-
} & import("react").RefAttributes<HTMLDivElement>) | (
|
|
33
|
+
} & import("react").RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
|
|
21
34
|
width: number;
|
|
22
35
|
height: number;
|
|
23
36
|
size?: never;
|
|
24
37
|
view?: string;
|
|
25
|
-
} & import("react").RefAttributes<HTMLDivElement>) | (
|
|
38
|
+
} & import("react").RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
|
|
26
39
|
width: string;
|
|
27
40
|
height: string;
|
|
28
41
|
size?: never;
|
|
29
42
|
view?: string;
|
|
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 {};
|
|
43
|
+
} & import("react").RefAttributes<HTMLDivElement>))>, any, {}, never>;
|
|
@@ -4,14 +4,15 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.Spinner = void 0;
|
|
7
|
-
var _styledComponents = /*#__PURE__*/require("
|
|
7
|
+
var _styledComponents = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("styled-components"));
|
|
8
|
+
var _styledComponents2 = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
|
|
8
9
|
var _Spinner = /*#__PURE__*/require("./Spinner.config");
|
|
9
|
-
|
|
10
|
-
var
|
|
11
|
-
|
|
12
|
-
/* Числовой size устарел, но должен компилироваться. */
|
|
13
|
-
|
|
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);
|
|
14
13
|
/**
|
|
15
14
|
* Компонент для отображения индикатора загрузки.
|
|
16
15
|
*/
|
|
17
|
-
var Spinner = exports.Spinner = SpinnerComponent
|
|
16
|
+
var Spinner = exports.Spinner = /*#__PURE__*/(0, _styledComponents["default"])(SpinnerComponent).withConfig({
|
|
17
|
+
componentId: "plasma-web__sc-1mmelrk-0"
|
|
18
|
+
})([""]);
|
|
@@ -1,23 +1,13 @@
|
|
|
1
|
-
var _templateObject
|
|
1
|
+
var _templateObject;
|
|
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
|
|
3
|
+
import { css } from '@salutejs/plasma-new-hope/styled-components';
|
|
4
4
|
export var config = {
|
|
5
5
|
defaults: {
|
|
6
|
-
view: 'accent'
|
|
7
|
-
size: 'm'
|
|
6
|
+
view: 'accent'
|
|
8
7
|
},
|
|
9
8
|
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
|
-
},
|
|
19
9
|
view: {
|
|
20
|
-
accent: /*#__PURE__*/css(
|
|
10
|
+
accent: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n --plasma-spinner-color: var(--text-accent-main);\n "])))
|
|
21
11
|
}
|
|
22
12
|
}
|
|
23
13
|
};
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
+
import styled from 'styled-components';
|
|
1
2
|
import { spinnerConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
|
|
2
3
|
import { config } from './Spinner.config';
|
|
3
4
|
var mergedConfig = /*#__PURE__*/mergeConfig(spinnerConfig, config);
|
|
4
5
|
var SpinnerComponent = /*#__PURE__*/component(mergedConfig);
|
|
5
|
-
|
|
6
|
-
/* Числовой size устарел, но должен компилироваться. */
|
|
7
|
-
|
|
8
6
|
/**
|
|
9
7
|
* Компонент для отображения индикатора загрузки.
|
|
10
8
|
*/
|
|
11
|
-
export var Spinner = SpinnerComponent
|
|
9
|
+
export var Spinner = /*#__PURE__*/styled(SpinnerComponent).withConfig({
|
|
10
|
+
componentId: "plasma-web__sc-1mmelrk-0"
|
|
11
|
+
})([""]);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-asdk",
|
|
3
|
-
"version": "0.400.0
|
|
3
|
+
"version": "0.400.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.386.0
|
|
31
|
-
"@salutejs/plasma-tokens": "1.
|
|
32
|
-
"@salutejs/plasma-tokens-b2b": "1.
|
|
33
|
-
"@salutejs/plasma-typo": "0.
|
|
30
|
+
"@salutejs/plasma-new-hope": "0.386.0",
|
|
31
|
+
"@salutejs/plasma-tokens": "1.158.0",
|
|
32
|
+
"@salutejs/plasma-tokens-b2b": "1.70.0",
|
|
33
|
+
"@salutejs/plasma-typo": "0.58.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.
|
|
44
|
-
"@salutejs/plasma-core": "1.
|
|
45
|
-
"@salutejs/plasma-cy-utils": "0.
|
|
46
|
-
"@salutejs/plasma-icons": "1.255.0
|
|
47
|
-
"@salutejs/plasma-sb-utils": "0.249.0
|
|
43
|
+
"@salutejs/plasma-colors": "0.26.0",
|
|
44
|
+
"@salutejs/plasma-core": "1.247.0",
|
|
45
|
+
"@salutejs/plasma-cy-utils": "0.177.0",
|
|
46
|
+
"@salutejs/plasma-icons": "1.255.0",
|
|
47
|
+
"@salutejs/plasma-sb-utils": "0.249.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": "
|
|
86
|
+
"gitHead": "f671c7ce6a32ad2562104160a065e784d3105586"
|
|
87
87
|
}
|