@salutejs/sdds-serv 0.313.1-canary.2018.15775755664.0 → 0.313.1-canary.2019.15674501487.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/Carousel/Carousel.config.js +1 -1
- package/components/Carousel/Carousel.config.js.map +1 -1
- package/components/Carousel/Carousel.config_1r461vi.css +2 -0
- package/components/Carousel/Carousel.css +2 -2
- package/emotion/cjs/components/Carousel/Carousel.config.js +2 -2
- package/emotion/cjs/components/Carousel/Carousel.stories.tsx +14 -10
- package/emotion/cjs/components/Modal/Modal.stories.tsx +1 -1
- package/emotion/es/components/Carousel/Carousel.config.js +2 -2
- package/emotion/es/components/Carousel/Carousel.stories.tsx +14 -10
- package/emotion/es/components/Modal/Modal.stories.tsx +1 -1
- package/es/components/Carousel/Carousel.config.js +1 -1
- package/es/components/Carousel/Carousel.config.js.map +1 -1
- package/es/components/Carousel/Carousel.config_1r461vi.css +2 -0
- package/es/components/Carousel/Carousel.css +2 -2
- package/es/index.css +2 -2
- package/package.json +3 -3
- package/styled-components/cjs/components/Carousel/Carousel.config.js +2 -2
- package/styled-components/es/components/Carousel/Carousel.config.js +2 -2
- package/components/Carousel/Carousel.config_uusoxc.css +0 -2
- package/es/components/Carousel/Carousel.config_uusoxc.css +0 -2
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Carousel.config.js","sources":["../../src-css/components/Carousel/Carousel.config.ts"],"sourcesContent":["import { css, carouselNewTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 's',\n },\n variations: {\n view: {\n default: css`\n ${tokens.paginationDotBackground}: var(--surface-transparent-tertiary);\n ${tokens.paginationDotActiveBackground}: var(--surface-solid-default);\n
|
1
|
+
{"version":3,"file":"Carousel.config.js","sources":["../../src-css/components/Carousel/Carousel.config.ts"],"sourcesContent":["import { css, carouselNewTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 's',\n },\n variations: {\n view: {\n default: css`\n ${tokens.paginationDotBackground}: var(--surface-transparent-tertiary);\n ${tokens.paginationDotActiveBackground}: var(--surface-solid-default);\n `,\n },\n size: {\n s: css``,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","s"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;MACFG,SAAO,EAAA,SAAA;KAIV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,CAAC,EAAA,UAAA;AACL,KAAA;AACJ,GAAA;AACJ;;;;"}
|
@@ -1,2 +1,2 @@
|
|
1
|
-
.
|
2
|
-
|
1
|
+
.Carousel_config_1r461vi_dv63qpm__2a4ae68a{--plasma-carousel-pagination-dot-background:var(--surface-transparent-tertiary);--plasma-carousel-pagination-dot-active-background:var(--surface-solid-default);}
|
2
|
+
|
@@ -14,10 +14,10 @@ var config = exports.config = {
|
|
14
14
|
},
|
15
15
|
variations: {
|
16
16
|
view: {
|
17
|
-
"default": /*#__PURE__*/(0, _emotion.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--surface-solid-default);\n
|
17
|
+
"default": /*#__PURE__*/(0, _emotion.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--surface-solid-default);\n "])), _emotion.carouselNewTokens.paginationDotBackground, _emotion.carouselNewTokens.paginationDotActiveBackground)
|
18
18
|
},
|
19
19
|
size: {
|
20
|
-
s: /*#__PURE__*/(0, _emotion.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["
|
20
|
+
s: /*#__PURE__*/(0, _emotion.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral([""])))
|
21
21
|
}
|
22
22
|
}
|
23
23
|
};
|
@@ -35,8 +35,8 @@ const meta: Meta<StoryCarouselProps> = {
|
|
35
35
|
type: 'inline-radio',
|
36
36
|
},
|
37
37
|
},
|
38
|
-
|
39
|
-
options: ['start', 'center', 'end'],
|
38
|
+
align: {
|
39
|
+
options: ['start', 'center', 'end', 'activeDirection'],
|
40
40
|
control: {
|
41
41
|
type: 'inline-radio',
|
42
42
|
},
|
@@ -56,24 +56,19 @@ const meta: Meta<StoryCarouselProps> = {
|
|
56
56
|
paginationCentered: {
|
57
57
|
control: 'boolean',
|
58
58
|
},
|
59
|
-
gap: {
|
60
|
-
control: 'text',
|
61
|
-
},
|
62
59
|
},
|
63
60
|
args: {
|
64
61
|
view: 'default',
|
65
62
|
size: 's',
|
66
|
-
|
67
|
-
slides:
|
63
|
+
align: 'center',
|
64
|
+
slides: 10,
|
68
65
|
controlArrowsDisabled: false,
|
69
66
|
paginationDisabled: false,
|
70
67
|
paginationCentered: false,
|
71
|
-
gap: '20px',
|
72
68
|
},
|
73
69
|
parameters: {
|
74
70
|
controls: {
|
75
71
|
include: [
|
76
|
-
'scrollAlign',
|
77
72
|
'visibleDots',
|
78
73
|
'slides',
|
79
74
|
'controlArrowsDisabled',
|
@@ -91,6 +86,7 @@ const StyledCard = styled.div`
|
|
91
86
|
display: flex;
|
92
87
|
align-items: center;
|
93
88
|
justify-content: center;
|
89
|
+
position: relative;
|
94
90
|
border-radius: 8px;
|
95
91
|
width: 400px;
|
96
92
|
height: 370px;
|
@@ -98,7 +94,14 @@ const StyledCard = styled.div`
|
|
98
94
|
font-size: 30px;
|
99
95
|
`;
|
100
96
|
|
101
|
-
const StoryDefault = ({
|
97
|
+
const StoryDefault = ({
|
98
|
+
align,
|
99
|
+
visibleDots,
|
100
|
+
slides,
|
101
|
+
paginationDisabled,
|
102
|
+
paginationCentered,
|
103
|
+
...rest
|
104
|
+
}: StoryCarouselProps) => {
|
102
105
|
const items = Array(slides)
|
103
106
|
.fill(1)
|
104
107
|
.map((_, i) => ({
|
@@ -110,6 +113,7 @@ const StoryDefault = ({ visibleDots, slides, paginationDisabled, paginationCente
|
|
110
113
|
<>
|
111
114
|
<div style={{ width: '600px' }}>
|
112
115
|
<Carousel
|
116
|
+
scrollAlign={align}
|
113
117
|
paginationOptions={{
|
114
118
|
disabled: paginationDisabled,
|
115
119
|
visibleDots,
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import React, { useCallback, useRef, useState } from 'react';
|
2
2
|
import type { ComponentProps } from 'react';
|
3
|
-
import styled
|
3
|
+
import styled from 'styled-components';
|
4
4
|
import type { Meta, StoryObj } from '@storybook/react';
|
5
5
|
import { InSpacingDecorator, disableProps } from '@salutejs/plasma-sb-utils';
|
6
6
|
|
@@ -8,10 +8,10 @@ export var config = {
|
|
8
8
|
},
|
9
9
|
variations: {
|
10
10
|
view: {
|
11
|
-
"default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--surface-solid-default);\n
|
11
|
+
"default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--surface-solid-default);\n "])), tokens.paginationDotBackground, tokens.paginationDotActiveBackground)
|
12
12
|
},
|
13
13
|
size: {
|
14
|
-
s: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["
|
14
|
+
s: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral([""])))
|
15
15
|
}
|
16
16
|
}
|
17
17
|
};
|
@@ -35,8 +35,8 @@ const meta: Meta<StoryCarouselProps> = {
|
|
35
35
|
type: 'inline-radio',
|
36
36
|
},
|
37
37
|
},
|
38
|
-
|
39
|
-
options: ['start', 'center', 'end'],
|
38
|
+
align: {
|
39
|
+
options: ['start', 'center', 'end', 'activeDirection'],
|
40
40
|
control: {
|
41
41
|
type: 'inline-radio',
|
42
42
|
},
|
@@ -56,24 +56,19 @@ const meta: Meta<StoryCarouselProps> = {
|
|
56
56
|
paginationCentered: {
|
57
57
|
control: 'boolean',
|
58
58
|
},
|
59
|
-
gap: {
|
60
|
-
control: 'text',
|
61
|
-
},
|
62
59
|
},
|
63
60
|
args: {
|
64
61
|
view: 'default',
|
65
62
|
size: 's',
|
66
|
-
|
67
|
-
slides:
|
63
|
+
align: 'center',
|
64
|
+
slides: 10,
|
68
65
|
controlArrowsDisabled: false,
|
69
66
|
paginationDisabled: false,
|
70
67
|
paginationCentered: false,
|
71
|
-
gap: '20px',
|
72
68
|
},
|
73
69
|
parameters: {
|
74
70
|
controls: {
|
75
71
|
include: [
|
76
|
-
'scrollAlign',
|
77
72
|
'visibleDots',
|
78
73
|
'slides',
|
79
74
|
'controlArrowsDisabled',
|
@@ -91,6 +86,7 @@ const StyledCard = styled.div`
|
|
91
86
|
display: flex;
|
92
87
|
align-items: center;
|
93
88
|
justify-content: center;
|
89
|
+
position: relative;
|
94
90
|
border-radius: 8px;
|
95
91
|
width: 400px;
|
96
92
|
height: 370px;
|
@@ -98,7 +94,14 @@ const StyledCard = styled.div`
|
|
98
94
|
font-size: 30px;
|
99
95
|
`;
|
100
96
|
|
101
|
-
const StoryDefault = ({
|
97
|
+
const StoryDefault = ({
|
98
|
+
align,
|
99
|
+
visibleDots,
|
100
|
+
slides,
|
101
|
+
paginationDisabled,
|
102
|
+
paginationCentered,
|
103
|
+
...rest
|
104
|
+
}: StoryCarouselProps) => {
|
102
105
|
const items = Array(slides)
|
103
106
|
.fill(1)
|
104
107
|
.map((_, i) => ({
|
@@ -110,6 +113,7 @@ const StoryDefault = ({ visibleDots, slides, paginationDisabled, paginationCente
|
|
110
113
|
<>
|
111
114
|
<div style={{ width: '600px' }}>
|
112
115
|
<Carousel
|
116
|
+
scrollAlign={align}
|
113
117
|
paginationOptions={{
|
114
118
|
disabled: paginationDisabled,
|
115
119
|
visibleDots,
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import React, { useCallback, useRef, useState } from 'react';
|
2
2
|
import type { ComponentProps } from 'react';
|
3
|
-
import styled
|
3
|
+
import styled from 'styled-components';
|
4
4
|
import type { Meta, StoryObj } from '@storybook/react';
|
5
5
|
import { InSpacingDecorator, disableProps } from '@salutejs/plasma-sb-utils';
|
6
6
|
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Carousel.config.js","sources":["../../../src-css/components/Carousel/Carousel.config.ts"],"sourcesContent":["import { css, carouselNewTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 's',\n },\n variations: {\n view: {\n default: css`\n ${tokens.paginationDotBackground}: var(--surface-transparent-tertiary);\n ${tokens.paginationDotActiveBackground}: var(--surface-solid-default);\n
|
1
|
+
{"version":3,"file":"Carousel.config.js","sources":["../../../src-css/components/Carousel/Carousel.config.ts"],"sourcesContent":["import { css, carouselNewTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 's',\n },\n variations: {\n view: {\n default: css`\n ${tokens.paginationDotBackground}: var(--surface-transparent-tertiary);\n ${tokens.paginationDotActiveBackground}: var(--surface-solid-default);\n `,\n },\n size: {\n s: css``,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","s"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;MACFG,SAAO,EAAA,SAAA;KAIV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,CAAC,EAAA,UAAA;AACL,KAAA;AACJ,GAAA;AACJ;;;;"}
|
@@ -1,2 +1,2 @@
|
|
1
|
-
.
|
2
|
-
|
1
|
+
.Carousel_config_1r461vi_dv63qpm__2a4ae68a{--plasma-carousel-pagination-dot-background:var(--surface-transparent-tertiary);--plasma-carousel-pagination-dot-active-background:var(--surface-solid-default);}
|
2
|
+
|
package/es/index.css
CHANGED
@@ -160,8 +160,8 @@
|
|
160
160
|
.Card_config_1dok8i_m1c9oiks__d95cbab8{--plasma-card-outline-width:0.625rem;--plasma-card-border-width:0.0625rem;--plasma-card-border-radius:0.875rem;--plasma-card-content-border-radius:0.375rem;}
|
161
161
|
.Card_config_1dok8i_s15l99kt__d95cbab8{--plasma-card-outline-width:0.5rem;--plasma-card-border-width:0.0625rem;--plasma-card-border-radius:0.75rem;--plasma-card-content-border-radius:0.375rem;}
|
162
162
|
|
163
|
-
.
|
164
|
-
|
163
|
+
.Carousel_config_1r461vi_dv63qpm__2a4ae68a{--plasma-carousel-pagination-dot-background:var(--surface-transparent-tertiary);--plasma-carousel-pagination-dot-active-background:var(--surface-solid-default);}
|
164
|
+
|
165
165
|
|
166
166
|
.Cell_config_iu83fc_d1r8c7fn__e648e65f{--plasma-cell-color:var(--text-primary);--plasma-cell-label-color:var(--text-secondary);--plasma-cell-title-color:var(--text-primary);--plasma-cell-subtitle-color:var(--text-secondary);--plasma-cell-background-color:transparent;}
|
167
167
|
.Cell_config_iu83fc_ljpyikk__e648e65f{--plasma-cell-width:15rem;--plasma-cell-padding:0rem;--plasma-cell-padding-left-content:0rem;--plasma-cell-padding-content:0rem;--plasma-cell-padding-right-content:0rem;--plasma-cell-textbox-gap:0.125rem;--plasma-cell-gap:0.375rem;--plasma-cell-label-font-family:var(--plasma-typo-body-m-font-family);--plasma-cell-label-font-size:var(--plasma-typo-body-m-font-size);--plasma-cell-label-font-style:var(--plasma-typo-body-m-font-style);--plasma-cell-label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-cell-label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-cell-label-line-height:var(--plasma-typo-body-m-line-height);--plasma-cell-title-font-family:var(--plasma-typo-body-l-font-family);--plasma-cell-title-font-size:var(--plasma-typo-body-l-font-size);--plasma-cell-title-font-style:var(--plasma-typo-body-l-font-style);--plasma-cell-title-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-cell-title-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-cell-title-line-height:var(--plasma-typo-body-l-line-height);--plasma-cell-subtitle-font-family:var(--plasma-typo-body-m-font-family);--plasma-cell-subtitle-font-size:var(--plasma-typo-body-m-font-size);--plasma-cell-subtitle-font-style:var(--plasma-typo-body-m-font-style);--plasma-cell-subtitle-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-cell-subtitle-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-cell-subtitle-line-height:var(--plasma-typo-body-m-line-height);}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/sdds-serv",
|
3
|
-
"version": "0.313.1-canary.
|
3
|
+
"version": "0.313.1-canary.2019.15674501487.0",
|
4
4
|
"description": "Salute Design System / React UI kit for SDDS SERV web applications",
|
5
5
|
"author": "Salute Frontend Team <salute.developers@gmail.com>",
|
6
6
|
"license": "MIT",
|
@@ -32,7 +32,7 @@
|
|
32
32
|
"directory": "packages/sdds-serv"
|
33
33
|
},
|
34
34
|
"dependencies": {
|
35
|
-
"@salutejs/plasma-new-hope": "0.326.1-canary.
|
35
|
+
"@salutejs/plasma-new-hope": "0.326.1-canary.2019.15674501487.0",
|
36
36
|
"@salutejs/sdds-themes": "0.38.0"
|
37
37
|
},
|
38
38
|
"peerDependencies": {
|
@@ -137,5 +137,5 @@
|
|
137
137
|
"sideEffects": [
|
138
138
|
"*.css"
|
139
139
|
],
|
140
|
-
"gitHead": "
|
140
|
+
"gitHead": "0faa77f50db425475c02d921f20a33420754d59c"
|
141
141
|
}
|
@@ -14,10 +14,10 @@ var config = exports.config = {
|
|
14
14
|
},
|
15
15
|
variations: {
|
16
16
|
view: {
|
17
|
-
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--surface-solid-default);\n
|
17
|
+
"default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--surface-solid-default);\n "])), _styledComponents.carouselNewTokens.paginationDotBackground, _styledComponents.carouselNewTokens.paginationDotActiveBackground)
|
18
18
|
},
|
19
19
|
size: {
|
20
|
-
s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["
|
20
|
+
s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral([""])))
|
21
21
|
}
|
22
22
|
}
|
23
23
|
};
|
@@ -8,10 +8,10 @@ export var config = {
|
|
8
8
|
},
|
9
9
|
variations: {
|
10
10
|
view: {
|
11
|
-
"default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--surface-solid-default);\n
|
11
|
+
"default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--surface-solid-default);\n "])), tokens.paginationDotBackground, tokens.paginationDotActiveBackground)
|
12
12
|
},
|
13
13
|
size: {
|
14
|
-
s: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["
|
14
|
+
s: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral([""])))
|
15
15
|
}
|
16
16
|
}
|
17
17
|
};
|
@@ -1,2 +0,0 @@
|
|
1
|
-
.dv63qpm{--plasma-carousel-pagination-dot-background:var(--surface-transparent-tertiary);--plasma-carousel-pagination-dot-active-background:var(--surface-solid-default);--plasma-carousel-control-icon-button-color:var(--text-primary);--plasma-carousel-control-icon-button-background-color:var(--surface-transparent-secondary);--plasma-carousel-control-icon-button-color-hover:var(--text-primary);--plasma-carousel-control-icon-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-carousel-control-icon-button-color-active:var(--text-primary);--plasma-carousel-control-icon-button-background-color-active:var(--surface-transparent-secondary-active);}
|
2
|
-
.s13btmod{--plasma-carousel-control-icon-button-radius:100%;}
|
@@ -1,2 +0,0 @@
|
|
1
|
-
.dv63qpm{--plasma-carousel-pagination-dot-background:var(--surface-transparent-tertiary);--plasma-carousel-pagination-dot-active-background:var(--surface-solid-default);--plasma-carousel-control-icon-button-color:var(--text-primary);--plasma-carousel-control-icon-button-background-color:var(--surface-transparent-secondary);--plasma-carousel-control-icon-button-color-hover:var(--text-primary);--plasma-carousel-control-icon-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-carousel-control-icon-button-color-active:var(--text-primary);--plasma-carousel-control-icon-button-background-color-active:var(--surface-transparent-secondary-active);}
|
2
|
-
.s13btmod{--plasma-carousel-control-icon-button-radius:100%;}
|