@salutejs/plasma-new-hope 0.343.0-canary.2378.20022803938.0 → 0.343.0-canary.2379.20029808045.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/cjs/components/Loader/Loader.css +7 -6
- package/cjs/components/Loader/Loader.js +9 -3
- package/cjs/components/Loader/Loader.js.map +1 -1
- package/cjs/components/Loader/Loader.styles.js +7 -1
- package/cjs/components/Loader/Loader.styles.js.map +1 -1
- package/cjs/components/Loader/{Loader.styles_xzuvzj.css → Loader.styles_18f91nf.css} +2 -1
- package/cjs/components/Loader/Loader.tokens.js +10 -1
- package/cjs/components/Loader/Loader.tokens.js.map +1 -1
- package/cjs/index.css +7 -10
- package/cjs/index.js +0 -6
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/components/Loader/Loader.js +13 -4
- package/emotion/cjs/components/Loader/Loader.styles.js +18 -11
- package/emotion/cjs/components/Loader/Loader.tokens.js +10 -1
- package/emotion/cjs/examples/components/Combobox/Combobox.js +15 -0
- package/emotion/cjs/examples/components/Loader/Loader.config.js +14 -14
- package/emotion/cjs/index.js +0 -1
- package/emotion/es/components/Loader/Loader.js +14 -5
- package/emotion/es/components/Loader/Loader.styles.js +15 -11
- package/emotion/es/components/Loader/Loader.tokens.js +10 -1
- package/emotion/es/examples/components/Loader/Loader.config.js +14 -14
- package/emotion/es/index.js +0 -1
- package/es/components/Loader/Loader.css +7 -6
- package/es/components/Loader/Loader.js +10 -4
- package/es/components/Loader/Loader.js.map +1 -1
- package/es/components/Loader/Loader.styles.js +7 -2
- package/es/components/Loader/Loader.styles.js.map +1 -1
- package/es/components/Loader/{Loader.styles_xzuvzj.css → Loader.styles_18f91nf.css} +2 -1
- package/es/components/Loader/Loader.tokens.js +10 -1
- package/es/components/Loader/Loader.tokens.js.map +1 -1
- package/es/index.css +7 -10
- package/es/index.js +0 -2
- package/es/index.js.map +1 -1
- package/package.json +5 -5
- package/styled-components/cjs/components/Loader/Loader.js +13 -4
- package/styled-components/cjs/components/Loader/Loader.styles.js +24 -6
- package/styled-components/cjs/components/Loader/Loader.tokens.js +10 -1
- package/styled-components/cjs/examples/components/Loader/Loader.config.js +99 -28
- package/styled-components/cjs/index.js +0 -1
- package/styled-components/es/components/Loader/Loader.js +14 -5
- package/styled-components/es/components/Loader/Loader.styles.js +21 -6
- package/styled-components/es/components/Loader/Loader.tokens.js +10 -1
- package/styled-components/es/examples/components/Loader/Loader.config.js +99 -28
- package/styled-components/es/index.js +0 -1
- package/types/components/Loader/Loader.d.ts.map +1 -1
- package/types/components/Loader/Loader.styles.d.ts +1 -0
- package/types/components/Loader/Loader.styles.d.ts.map +1 -1
- package/types/components/Loader/Loader.tokens.d.ts +9 -0
- package/types/components/Loader/Loader.tokens.d.ts.map +1 -1
- package/types/components/Loader/Loader.types.d.ts +9 -0
- package/types/components/Loader/Loader.types.d.ts.map +1 -1
- package/types/components/TextField/TextField.types.d.ts +1 -1
- package/types/examples/components/Loader/Loader.config.d.ts.map +1 -1
- package/types/index.d.ts +0 -1
- package/types/index.d.ts.map +1 -1
- package/cjs/components/_experimental/Popover/Popover.js +0 -163
- package/cjs/components/_experimental/Popover/Popover.js.map +0 -1
- package/cjs/components/_experimental/Popover/Popover.styles.js +0 -23
- package/cjs/components/_experimental/Popover/Popover.styles.js.map +0 -1
- package/cjs/components/_experimental/Popover/Popover.styles_16k97a4.css +0 -3
- package/cjs/components/_experimental/Popover/Popover.tokens.js +0 -22
- package/cjs/components/_experimental/Popover/Popover.tokens.js.map +0 -1
- package/cjs/components/_experimental/Popover/Popover_1ed9tky.css +0 -2
- package/cjs/components/_experimental/Popover/utils/sizeToIconSize.js +0 -10
- package/cjs/components/_experimental/Popover/utils/sizeToIconSize.js.map +0 -1
- package/emotion/cjs/components/_experimental/Popover/Popover.js +0 -327
- package/emotion/cjs/components/_experimental/Popover/Popover.styles.js +0 -38
- package/emotion/cjs/components/_experimental/Popover/Popover.tokens.js +0 -32
- package/emotion/cjs/components/_experimental/Popover/Popover.types.js +0 -4
- package/emotion/cjs/components/_experimental/Popover/index.js +0 -26
- package/emotion/cjs/components/_experimental/Popover/utils/index.js +0 -18
- package/emotion/cjs/components/_experimental/Popover/utils/sizeToIconSize.js +0 -13
- package/emotion/cjs/components/_experimental/index.js +0 -18
- package/emotion/cjs/examples/components/_experimental/Popover/Popover.closeInner.config.js +0 -28
- package/emotion/cjs/examples/components/_experimental/Popover/Popover.closeNone.config.js +0 -28
- package/emotion/cjs/examples/components/_experimental/Popover/Popover.js +0 -39
- package/emotion/es/components/_experimental/Popover/Popover.js +0 -263
- package/emotion/es/components/_experimental/Popover/Popover.styles.js +0 -12
- package/emotion/es/components/_experimental/Popover/Popover.tokens.js +0 -14
- package/emotion/es/components/_experimental/Popover/Popover.types.js +0 -1
- package/emotion/es/components/_experimental/Popover/index.js +0 -2
- package/emotion/es/components/_experimental/Popover/utils/index.js +0 -1
- package/emotion/es/components/_experimental/Popover/utils/sizeToIconSize.js +0 -3
- package/emotion/es/components/_experimental/index.js +0 -1
- package/emotion/es/examples/components/_experimental/Popover/Popover.closeInner.config.js +0 -18
- package/emotion/es/examples/components/_experimental/Popover/Popover.closeNone.config.js +0 -18
- package/emotion/es/examples/components/_experimental/Popover/Popover.js +0 -18
- package/es/components/_experimental/Popover/Popover.js +0 -153
- package/es/components/_experimental/Popover/Popover.js.map +0 -1
- package/es/components/_experimental/Popover/Popover.styles.js +0 -17
- package/es/components/_experimental/Popover/Popover.styles.js.map +0 -1
- package/es/components/_experimental/Popover/Popover.styles_16k97a4.css +0 -3
- package/es/components/_experimental/Popover/Popover.tokens.js +0 -17
- package/es/components/_experimental/Popover/Popover.tokens.js.map +0 -1
- package/es/components/_experimental/Popover/Popover_1ed9tky.css +0 -2
- package/es/components/_experimental/Popover/utils/sizeToIconSize.js +0 -6
- package/es/components/_experimental/Popover/utils/sizeToIconSize.js.map +0 -1
- package/styled-components/cjs/components/_experimental/Popover/Popover.js +0 -331
- package/styled-components/cjs/components/_experimental/Popover/Popover.styles.js +0 -88
- package/styled-components/cjs/components/_experimental/Popover/Popover.tokens.js +0 -32
- package/styled-components/cjs/components/_experimental/Popover/Popover.types.js +0 -4
- package/styled-components/cjs/components/_experimental/Popover/index.js +0 -26
- package/styled-components/cjs/components/_experimental/Popover/utils/index.js +0 -18
- package/styled-components/cjs/components/_experimental/Popover/utils/sizeToIconSize.js +0 -13
- package/styled-components/cjs/components/_experimental/index.js +0 -18
- package/styled-components/cjs/examples/components/_experimental/Popover/Popover.closeInner.config.js +0 -57
- package/styled-components/cjs/examples/components/_experimental/Popover/Popover.closeNone.config.js +0 -48
- package/styled-components/cjs/examples/components/_experimental/Popover/Popover.js +0 -39
- package/styled-components/es/components/_experimental/Popover/Popover.js +0 -267
- package/styled-components/es/components/_experimental/Popover/Popover.styles.js +0 -27
- package/styled-components/es/components/_experimental/Popover/Popover.tokens.js +0 -14
- package/styled-components/es/components/_experimental/Popover/Popover.types.js +0 -1
- package/styled-components/es/components/_experimental/Popover/index.js +0 -2
- package/styled-components/es/components/_experimental/Popover/utils/index.js +0 -1
- package/styled-components/es/components/_experimental/Popover/utils/sizeToIconSize.js +0 -3
- package/styled-components/es/components/_experimental/index.js +0 -1
- package/styled-components/es/examples/components/_experimental/Popover/Popover.closeInner.config.js +0 -47
- package/styled-components/es/examples/components/_experimental/Popover/Popover.closeNone.config.js +0 -38
- package/styled-components/es/examples/components/_experimental/Popover/Popover.js +0 -18
- package/types/components/_experimental/Popover/Popover.d.ts +0 -23
- package/types/components/_experimental/Popover/Popover.d.ts.map +0 -1
- package/types/components/_experimental/Popover/Popover.styles.d.ts +0 -4
- package/types/components/_experimental/Popover/Popover.styles.d.ts.map +0 -1
- package/types/components/_experimental/Popover/Popover.tokens.d.ts +0 -15
- package/types/components/_experimental/Popover/Popover.tokens.d.ts.map +0 -1
- package/types/components/_experimental/Popover/Popover.types.d.ts +0 -106
- package/types/components/_experimental/Popover/Popover.types.d.ts.map +0 -1
- package/types/components/_experimental/Popover/index.d.ts +0 -4
- package/types/components/_experimental/Popover/index.d.ts.map +0 -1
- package/types/components/_experimental/Popover/utils/index.d.ts +0 -2
- package/types/components/_experimental/Popover/utils/index.d.ts.map +0 -1
- package/types/components/_experimental/Popover/utils/sizeToIconSize.d.ts +0 -2
- package/types/components/_experimental/Popover/utils/sizeToIconSize.d.ts.map +0 -1
- package/types/components/_experimental/index.d.ts +0 -2
- package/types/components/_experimental/index.d.ts.map +0 -1
- package/types/examples/components/_experimental/Popover/Popover.closeInner.config.d.ts +0 -17
- package/types/examples/components/_experimental/Popover/Popover.closeInner.config.d.ts.map +0 -1
- package/types/examples/components/_experimental/Popover/Popover.closeNone.config.d.ts +0 -17
- package/types/examples/components/_experimental/Popover/Popover.closeNone.config.d.ts.map +0 -1
- package/types/examples/components/_experimental/Popover/Popover.d.ts +0 -34
- package/types/examples/components/_experimental/Popover/Popover.d.ts.map +0 -1
|
@@ -23,56 +23,63 @@ var config = {
|
|
|
23
23
|
":var(--surface-solid-default);",
|
|
24
24
|
":var(--text-primary);",
|
|
25
25
|
":var(--text-primary);",
|
|
26
|
-
":var(--overlay-soft);"
|
|
27
|
-
|
|
26
|
+
":var(--overlay-soft);",
|
|
27
|
+
":var(--text-primary);"
|
|
28
|
+
], _Loader.loaderTokens.progressBarCircularBackgroundStroke, _Loader.loaderTokens.progressBarCircularStroke, _Loader.loaderTokens.progressBarCircularContentColor, _Loader.loaderTokens.spinnerColor, _Loader.loaderTokens.overlayColor, _Loader.loaderTokens.textColor),
|
|
28
29
|
secondary: (0, _styledcomponents.css)([
|
|
29
30
|
"",
|
|
30
31
|
":var(--surface-transparent-tertiary);",
|
|
31
32
|
":var(--surface-transparent-secondary);",
|
|
32
33
|
":var(--text-primary);",
|
|
33
34
|
":var(--text-secondary);",
|
|
34
|
-
":var(--overlay-soft);"
|
|
35
|
-
|
|
35
|
+
":var(--overlay-soft);",
|
|
36
|
+
":var(--text-primary);"
|
|
37
|
+
], _Loader.loaderTokens.progressBarCircularBackgroundStroke, _Loader.loaderTokens.progressBarCircularStroke, _Loader.loaderTokens.progressBarCircularContentColor, _Loader.loaderTokens.spinnerColor, _Loader.loaderTokens.overlayColor, _Loader.loaderTokens.textColor),
|
|
36
38
|
accent: (0, _styledcomponents.css)([
|
|
37
39
|
"",
|
|
38
40
|
":var(--surface-transparent-tertiary);",
|
|
39
41
|
":var(--surface-accent);",
|
|
40
42
|
":var(--text-primary);",
|
|
41
43
|
":var(--text-accent);",
|
|
42
|
-
":var(--overlay-soft);"
|
|
43
|
-
|
|
44
|
+
":var(--overlay-soft);",
|
|
45
|
+
":var(--text-primary);"
|
|
46
|
+
], _Loader.loaderTokens.progressBarCircularBackgroundStroke, _Loader.loaderTokens.progressBarCircularStroke, _Loader.loaderTokens.progressBarCircularContentColor, _Loader.loaderTokens.spinnerColor, _Loader.loaderTokens.overlayColor, _Loader.loaderTokens.textColor),
|
|
44
47
|
positive: (0, _styledcomponents.css)([
|
|
45
48
|
"",
|
|
46
49
|
":var(--surface-transparent-tertiary);",
|
|
47
50
|
":var(--surface-positive);",
|
|
48
51
|
":var(--text-primary);",
|
|
49
52
|
":var(--text-positive);",
|
|
50
|
-
":var(--overlay-soft);"
|
|
51
|
-
|
|
53
|
+
":var(--overlay-soft);",
|
|
54
|
+
":var(--text-primary);"
|
|
55
|
+
], _Loader.loaderTokens.progressBarCircularBackgroundStroke, _Loader.loaderTokens.progressBarCircularStroke, _Loader.loaderTokens.progressBarCircularContentColor, _Loader.loaderTokens.spinnerColor, _Loader.loaderTokens.overlayColor, _Loader.loaderTokens.textColor),
|
|
52
56
|
warning: (0, _styledcomponents.css)([
|
|
53
57
|
"",
|
|
54
58
|
":var(--surface-transparent-tertiary);",
|
|
55
59
|
":var(--surface-warning);",
|
|
56
60
|
":var(--text-primary);",
|
|
57
61
|
":var(--text-warning);",
|
|
58
|
-
":var(--overlay-soft);"
|
|
59
|
-
|
|
62
|
+
":var(--overlay-soft);",
|
|
63
|
+
":var(--text-primary);"
|
|
64
|
+
], _Loader.loaderTokens.progressBarCircularBackgroundStroke, _Loader.loaderTokens.progressBarCircularStroke, _Loader.loaderTokens.progressBarCircularContentColor, _Loader.loaderTokens.spinnerColor, _Loader.loaderTokens.overlayColor, _Loader.loaderTokens.textColor),
|
|
60
65
|
negative: (0, _styledcomponents.css)([
|
|
61
66
|
"",
|
|
62
67
|
":var(--surface-transparent-tertiary);",
|
|
63
68
|
":var(--surface-negative);",
|
|
64
69
|
":var(--text-primary);",
|
|
65
70
|
":var(--text-negative);",
|
|
66
|
-
":var(--overlay-soft);"
|
|
67
|
-
|
|
71
|
+
":var(--overlay-soft);",
|
|
72
|
+
":var(--text-primary);"
|
|
73
|
+
], _Loader.loaderTokens.progressBarCircularBackgroundStroke, _Loader.loaderTokens.progressBarCircularStroke, _Loader.loaderTokens.progressBarCircularContentColor, _Loader.loaderTokens.spinnerColor, _Loader.loaderTokens.overlayColor, _Loader.loaderTokens.textColor),
|
|
68
74
|
info: (0, _styledcomponents.css)([
|
|
69
75
|
"",
|
|
70
76
|
":var(--surface-transparent-tertiary);",
|
|
71
77
|
":var(--surface-info);",
|
|
72
78
|
":var(--text-primary);",
|
|
73
79
|
":var(--text-info);",
|
|
74
|
-
":var(--overlay-soft);"
|
|
75
|
-
|
|
80
|
+
":var(--overlay-soft);",
|
|
81
|
+
":var(--text-primary);"
|
|
82
|
+
], _Loader.loaderTokens.progressBarCircularBackgroundStroke, _Loader.loaderTokens.progressBarCircularStroke, _Loader.loaderTokens.progressBarCircularContentColor, _Loader.loaderTokens.spinnerColor, _Loader.loaderTokens.overlayColor, _Loader.loaderTokens.textColor)
|
|
76
83
|
},
|
|
77
84
|
size: {
|
|
78
85
|
xxl: (0, _styledcomponents.css)([
|
|
@@ -90,8 +97,24 @@ var config = {
|
|
|
90
97
|
":var(--plasma-typo-h2-bold-font-weight);",
|
|
91
98
|
":var(--plasma-typo-h2-letter-spacing);",
|
|
92
99
|
":var(--plasma-typo-h2-line-height);",
|
|
93
|
-
":8rem;"
|
|
94
|
-
|
|
100
|
+
":8rem;",
|
|
101
|
+
":var(--plasma-typo-body-l-font-family);",
|
|
102
|
+
":var(--plasma-typo-body-l-font-size);",
|
|
103
|
+
":var(--plasma-typo-body-l-font-style);",
|
|
104
|
+
":var(--plasma-typo-body-l-font-weight);",
|
|
105
|
+
":var(--plasma-typo-body-l-letter-spacing);",
|
|
106
|
+
":var(--plasma-typo-body-l-line-height);",
|
|
107
|
+
":1rem;",
|
|
108
|
+
":1rem;",
|
|
109
|
+
":var(--plasma-typo-body-l-font-family);",
|
|
110
|
+
":var(--plasma-typo-body-l-font-size);",
|
|
111
|
+
":var(--plasma-typo-body-l-font-style);",
|
|
112
|
+
":var(--plasma-typo-body-l-font-weight);",
|
|
113
|
+
":var(--plasma-typo-body-l-letter-spacing);",
|
|
114
|
+
":var(--plasma-typo-body-l-line-height);",
|
|
115
|
+
":1rem;",
|
|
116
|
+
":1rem;"
|
|
117
|
+
], _Loader.loaderTokens.width, _Loader.loaderTokens.height, _Loader.loaderTokens.progressBarCircularSize, _Loader.loaderTokens.progressBarCircularHeight, _Loader.loaderTokens.progressBarCircularWidth, _Loader.loaderTokens.progressBarCircularStrokeWidth, _Loader.loaderTokens.progressBarCircularStrokeSize, _Loader.loaderTokens.progressBarCircularContentFontFamily, _Loader.loaderTokens.progressBarCircularContentFontSize, _Loader.loaderTokens.progressBarCircularContentFontStyle, _Loader.loaderTokens.progressBarCircularContentFontWeight, _Loader.loaderTokens.progressBarCircularContentLetterSpacing, _Loader.loaderTokens.progressBarCircularContentLineHeight, _Loader.loaderTokens.spinnerSize, _Loader.loaderTokens.textFontFamily, _Loader.loaderTokens.textFontSize, _Loader.loaderTokens.textFontStyle, _Loader.loaderTokens.textFontWeight, _Loader.loaderTokens.textLetterSpacing, _Loader.loaderTokens.textLineHeight, _Loader.loaderTokens.textMarginLeft, _Loader.loaderTokens.textMarginTop, _Loader.loaderTokens.textFontFamily, _Loader.loaderTokens.textFontSize, _Loader.loaderTokens.textFontStyle, _Loader.loaderTokens.textFontWeight, _Loader.loaderTokens.textLetterSpacing, _Loader.loaderTokens.textLineHeight, _Loader.loaderTokens.textMarginLeft, _Loader.loaderTokens.textMarginTop),
|
|
95
118
|
xl: (0, _styledcomponents.css)([
|
|
96
119
|
"",
|
|
97
120
|
":100%;",
|
|
@@ -107,8 +130,16 @@ var config = {
|
|
|
107
130
|
":var(--plasma-typo-h5-bold-font-weight);",
|
|
108
131
|
":var(--plasma-typo-h5-letter-spacing);",
|
|
109
132
|
":var(--plasma-typo-h5-line-height);",
|
|
110
|
-
":5.5rem;"
|
|
111
|
-
|
|
133
|
+
":5.5rem;",
|
|
134
|
+
":var(--plasma-typo-body-l-font-family);",
|
|
135
|
+
":var(--plasma-typo-body-l-font-size);",
|
|
136
|
+
":var(--plasma-typo-body-l-font-style);",
|
|
137
|
+
":var(--plasma-typo-body-l-font-weight);",
|
|
138
|
+
":var(--plasma-typo-body-l-letter-spacing);",
|
|
139
|
+
":var(--plasma-typo-body-l-line-height);",
|
|
140
|
+
":1rem;",
|
|
141
|
+
":1rem;"
|
|
142
|
+
], _Loader.loaderTokens.width, _Loader.loaderTokens.height, _Loader.loaderTokens.progressBarCircularSize, _Loader.loaderTokens.progressBarCircularHeight, _Loader.loaderTokens.progressBarCircularWidth, _Loader.loaderTokens.progressBarCircularStrokeWidth, _Loader.loaderTokens.progressBarCircularStrokeSize, _Loader.loaderTokens.progressBarCircularContentFontFamily, _Loader.loaderTokens.progressBarCircularContentFontSize, _Loader.loaderTokens.progressBarCircularContentFontStyle, _Loader.loaderTokens.progressBarCircularContentFontWeight, _Loader.loaderTokens.progressBarCircularContentLetterSpacing, _Loader.loaderTokens.progressBarCircularContentLineHeight, _Loader.loaderTokens.spinnerSize, _Loader.loaderTokens.textFontFamily, _Loader.loaderTokens.textFontSize, _Loader.loaderTokens.textFontStyle, _Loader.loaderTokens.textFontWeight, _Loader.loaderTokens.textLetterSpacing, _Loader.loaderTokens.textLineHeight, _Loader.loaderTokens.textMarginLeft, _Loader.loaderTokens.textMarginTop),
|
|
112
143
|
l: (0, _styledcomponents.css)([
|
|
113
144
|
"",
|
|
114
145
|
":100%;",
|
|
@@ -124,8 +155,16 @@ var config = {
|
|
|
124
155
|
":var(--plasma-typo-body-l-body-font-weight);",
|
|
125
156
|
":var(--plasma-typo-body-l-letter-spacing);",
|
|
126
157
|
":var(--plasma-typo-body-l-line-height);",
|
|
127
|
-
":3.5rem;"
|
|
128
|
-
|
|
158
|
+
":3.5rem;",
|
|
159
|
+
":var(--plasma-typo-body-l-font-family);",
|
|
160
|
+
":var(--plasma-typo-body-l-font-size);",
|
|
161
|
+
":var(--plasma-typo-body-l-font-style);",
|
|
162
|
+
":var(--plasma-typo-body-l-font-weight);",
|
|
163
|
+
":var(--plasma-typo-body-l-letter-spacing);",
|
|
164
|
+
":var(--plasma-typo-body-l-line-height);",
|
|
165
|
+
":1rem;",
|
|
166
|
+
":1rem;"
|
|
167
|
+
], _Loader.loaderTokens.width, _Loader.loaderTokens.height, _Loader.loaderTokens.progressBarCircularSize, _Loader.loaderTokens.progressBarCircularHeight, _Loader.loaderTokens.progressBarCircularWidth, _Loader.loaderTokens.progressBarCircularStrokeWidth, _Loader.loaderTokens.progressBarCircularStrokeSize, _Loader.loaderTokens.progressBarCircularContentFontFamily, _Loader.loaderTokens.progressBarCircularContentFontSize, _Loader.loaderTokens.progressBarCircularContentFontStyle, _Loader.loaderTokens.progressBarCircularContentFontWeight, _Loader.loaderTokens.progressBarCircularContentLetterSpacing, _Loader.loaderTokens.progressBarCircularContentLineHeight, _Loader.loaderTokens.spinnerSize, _Loader.loaderTokens.textFontFamily, _Loader.loaderTokens.textFontSize, _Loader.loaderTokens.textFontStyle, _Loader.loaderTokens.textFontWeight, _Loader.loaderTokens.textLetterSpacing, _Loader.loaderTokens.textLineHeight, _Loader.loaderTokens.textMarginLeft, _Loader.loaderTokens.textMarginTop),
|
|
129
168
|
m: (0, _styledcomponents.css)([
|
|
130
169
|
"",
|
|
131
170
|
":100%;",
|
|
@@ -141,8 +180,16 @@ var config = {
|
|
|
141
180
|
":var(--plasma-typo-body-m-body-font-weight);",
|
|
142
181
|
":var(--plasma-typo-body-m-letter-spacing);",
|
|
143
182
|
":var(--plasma-typo-body-m-line-height);",
|
|
144
|
-
":3rem;"
|
|
145
|
-
|
|
183
|
+
":3rem;",
|
|
184
|
+
":var(--plasma-typo-body-m-font-family);",
|
|
185
|
+
":var(--plasma-typo-body-m-font-size);",
|
|
186
|
+
":var(--plasma-typo-body-m-font-style);",
|
|
187
|
+
":var(--plasma-typo-body-m-font-weight);",
|
|
188
|
+
":var(--plasma-typo-body-m-letter-spacing);",
|
|
189
|
+
":var(--plasma-typo-body-m-line-height);",
|
|
190
|
+
":0.75rem;",
|
|
191
|
+
":0.625rem;"
|
|
192
|
+
], _Loader.loaderTokens.width, _Loader.loaderTokens.height, _Loader.loaderTokens.progressBarCircularSize, _Loader.loaderTokens.progressBarCircularHeight, _Loader.loaderTokens.progressBarCircularWidth, _Loader.loaderTokens.progressBarCircularStrokeWidth, _Loader.loaderTokens.progressBarCircularStrokeSize, _Loader.loaderTokens.progressBarCircularContentFontFamily, _Loader.loaderTokens.progressBarCircularContentFontSize, _Loader.loaderTokens.progressBarCircularContentFontStyle, _Loader.loaderTokens.progressBarCircularContentFontWeight, _Loader.loaderTokens.progressBarCircularContentLetterSpacing, _Loader.loaderTokens.progressBarCircularContentLineHeight, _Loader.loaderTokens.spinnerSize, _Loader.loaderTokens.textFontFamily, _Loader.loaderTokens.textFontSize, _Loader.loaderTokens.textFontStyle, _Loader.loaderTokens.textFontWeight, _Loader.loaderTokens.textLetterSpacing, _Loader.loaderTokens.textLineHeight, _Loader.loaderTokens.textMarginLeft, _Loader.loaderTokens.textMarginTop),
|
|
146
193
|
s: (0, _styledcomponents.css)([
|
|
147
194
|
"",
|
|
148
195
|
":100%;",
|
|
@@ -158,8 +205,16 @@ var config = {
|
|
|
158
205
|
":var(--plasma-typo-body-s-body-font-weight);",
|
|
159
206
|
":var(--plasma-typo-body-s-letter-spacing);",
|
|
160
207
|
":var(--plasma-typo-body-s-line-height);",
|
|
161
|
-
":2.25rem;"
|
|
162
|
-
|
|
208
|
+
":2.25rem;",
|
|
209
|
+
":var(--plasma-typo-body-s-font-family);",
|
|
210
|
+
":var(--plasma-typo-body-s-font-size);",
|
|
211
|
+
":var(--plasma-typo-body-s-font-style);",
|
|
212
|
+
":var(--plasma-typo-body-s-font-weight);",
|
|
213
|
+
":var(--plasma-typo-body-s-letter-spacing);",
|
|
214
|
+
":var(--plasma-typo-body-s-line-height);",
|
|
215
|
+
":0.5rem;",
|
|
216
|
+
":0.5rem;"
|
|
217
|
+
], _Loader.loaderTokens.width, _Loader.loaderTokens.height, _Loader.loaderTokens.progressBarCircularSize, _Loader.loaderTokens.progressBarCircularHeight, _Loader.loaderTokens.progressBarCircularWidth, _Loader.loaderTokens.progressBarCircularStrokeWidth, _Loader.loaderTokens.progressBarCircularStrokeSize, _Loader.loaderTokens.progressBarCircularContentFontFamily, _Loader.loaderTokens.progressBarCircularContentFontSize, _Loader.loaderTokens.progressBarCircularContentFontStyle, _Loader.loaderTokens.progressBarCircularContentFontWeight, _Loader.loaderTokens.progressBarCircularContentLetterSpacing, _Loader.loaderTokens.progressBarCircularContentLineHeight, _Loader.loaderTokens.spinnerSize, _Loader.loaderTokens.textFontFamily, _Loader.loaderTokens.textFontSize, _Loader.loaderTokens.textFontStyle, _Loader.loaderTokens.textFontWeight, _Loader.loaderTokens.textLetterSpacing, _Loader.loaderTokens.textLineHeight, _Loader.loaderTokens.textMarginLeft, _Loader.loaderTokens.textMarginTop),
|
|
163
218
|
xs: (0, _styledcomponents.css)([
|
|
164
219
|
"",
|
|
165
220
|
":100%;",
|
|
@@ -175,8 +230,16 @@ var config = {
|
|
|
175
230
|
":var(--plasma-typo-body-xs-body-font-weight);",
|
|
176
231
|
":var(--plasma-typo-body-xs-letter-spacing);",
|
|
177
232
|
":var(--plasma-typo-body-xs-line-height);",
|
|
178
|
-
":1.5rem;"
|
|
179
|
-
|
|
233
|
+
":1.5rem;",
|
|
234
|
+
":var(--plasma-typo-body-xs-font-family);",
|
|
235
|
+
":var(--plasma-typo-body-xs-font-size);",
|
|
236
|
+
":var(--plasma-typo-body-xs-font-style);",
|
|
237
|
+
":var(--plasma-typo-body-xs-font-weight);",
|
|
238
|
+
":var(--plasma-typo-body-xs-letter-spacing);",
|
|
239
|
+
":var(--plasma-typo-body-xs-line-height);",
|
|
240
|
+
":0.5rem;",
|
|
241
|
+
":0.5rem;"
|
|
242
|
+
], _Loader.loaderTokens.width, _Loader.loaderTokens.height, _Loader.loaderTokens.progressBarCircularSize, _Loader.loaderTokens.progressBarCircularHeight, _Loader.loaderTokens.progressBarCircularWidth, _Loader.loaderTokens.progressBarCircularStrokeWidth, _Loader.loaderTokens.progressBarCircularStrokeSize, _Loader.loaderTokens.progressBarCircularContentFontFamily, _Loader.loaderTokens.progressBarCircularContentFontSize, _Loader.loaderTokens.progressBarCircularContentFontStyle, _Loader.loaderTokens.progressBarCircularContentFontWeight, _Loader.loaderTokens.progressBarCircularContentLetterSpacing, _Loader.loaderTokens.progressBarCircularContentLineHeight, _Loader.loaderTokens.spinnerSize, _Loader.loaderTokens.textFontFamily, _Loader.loaderTokens.textFontSize, _Loader.loaderTokens.textFontStyle, _Loader.loaderTokens.textFontWeight, _Loader.loaderTokens.textLetterSpacing, _Loader.loaderTokens.textLineHeight, _Loader.loaderTokens.textMarginLeft, _Loader.loaderTokens.textMarginTop),
|
|
180
243
|
xxs: (0, _styledcomponents.css)([
|
|
181
244
|
"",
|
|
182
245
|
":100%;",
|
|
@@ -192,8 +255,16 @@ var config = {
|
|
|
192
255
|
":var(--plasma-typo-body-xxs-body-font-weight);",
|
|
193
256
|
":var(--plasma-typo-body-xxs-letter-spacing);",
|
|
194
257
|
":var(--plasma-typo-body-xxs-line-height);",
|
|
195
|
-
":1rem;"
|
|
196
|
-
|
|
258
|
+
":1rem;",
|
|
259
|
+
":var(--plasma-typo-body-xxs-font-family);",
|
|
260
|
+
":var(--plasma-typo-body-xxs-font-size);",
|
|
261
|
+
":var(--plasma-typo-body-xxs-font-style);",
|
|
262
|
+
":var(--plasma-typo-body-xxs-font-weight);",
|
|
263
|
+
":var(--plasma-typo-body-xxs-letter-spacing);",
|
|
264
|
+
":var(--plasma-typo-body-xxs-line-height);",
|
|
265
|
+
":0.5rem;",
|
|
266
|
+
":0.5rem;"
|
|
267
|
+
], _Loader.loaderTokens.width, _Loader.loaderTokens.height, _Loader.loaderTokens.progressBarCircularSize, _Loader.loaderTokens.progressBarCircularHeight, _Loader.loaderTokens.progressBarCircularWidth, _Loader.loaderTokens.progressBarCircularStrokeWidth, _Loader.loaderTokens.progressBarCircularStrokeSize, _Loader.loaderTokens.progressBarCircularContentFontFamily, _Loader.loaderTokens.progressBarCircularContentFontSize, _Loader.loaderTokens.progressBarCircularContentFontStyle, _Loader.loaderTokens.progressBarCircularContentFontWeight, _Loader.loaderTokens.progressBarCircularContentLetterSpacing, _Loader.loaderTokens.progressBarCircularContentLineHeight, _Loader.loaderTokens.spinnerSize, _Loader.loaderTokens.textFontFamily, _Loader.loaderTokens.textFontSize, _Loader.loaderTokens.textFontStyle, _Loader.loaderTokens.textFontWeight, _Loader.loaderTokens.textLetterSpacing, _Loader.loaderTokens.textLineHeight, _Loader.loaderTokens.textMarginLeft, _Loader.loaderTokens.textMarginTop)
|
|
197
268
|
}
|
|
198
269
|
}
|
|
199
270
|
};
|
|
@@ -90,7 +90,6 @@ _export_star(require("./components/ProgressBarCircular"), exports);
|
|
|
90
90
|
_export_star(require("./components/TimePicker"), exports);
|
|
91
91
|
_export_star(require("./components/DateTimePicker"), exports);
|
|
92
92
|
_export_star(require("./components/Loader"), exports);
|
|
93
|
-
_export_star(require("./components/_experimental/Popover"), exports);
|
|
94
93
|
function _export_star(from, to) {
|
|
95
94
|
Object.keys(from).forEach(function(k) {
|
|
96
95
|
if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
|
|
@@ -57,11 +57,11 @@ import React, { forwardRef } from "react";
|
|
|
57
57
|
import { DEFAULT_Z_INDEX } from "../Popup/utils";
|
|
58
58
|
import { base as viewCSS } from "./variations/_view/base";
|
|
59
59
|
import { base as sizeCSS } from "./variations/_size/base";
|
|
60
|
-
import { base, LoaderContentWrapper, LoaderWrapper, StyledOverlay, StyledProgressBarCircular, StyledSpinner } from "./Loader.styles";
|
|
60
|
+
import { base, LoaderContentWrapper, LoaderWrapper, StyledOverlay, StyledProgressBarCircular, StyledSpinner, LoaderText } from "./Loader.styles";
|
|
61
61
|
import { classes, tokens } from "./Loader.tokens";
|
|
62
62
|
export var loaderRoot = function(Root) {
|
|
63
63
|
return /*#__PURE__*/ forwardRef(function(props, ref) {
|
|
64
|
-
var _props_type = props.type, type = _props_type === void 0 ? 'spinner' : _props_type, _props_hasOverlay = props.hasOverlay, hasOverlay = _props_hasOverlay === void 0 ? false : _props_hasOverlay, _props_withBlur = props.withBlur, withBlur = _props_withBlur === void 0 ? false : _props_withBlur, _props_value = props.value, value = _props_value === void 0 ? 0 : _props_value, overlayColor = props.overlayColor, _props_maxValue = props.maxValue, maxValue = _props_maxValue === void 0 ? 100 : _props_maxValue, size = props.size, view = props.view, children = props.children, className = props.className, strokeSize = props.strokeSize, hasTrack = props.hasTrack, style = props.style, _props_zIndex = props.zIndex, zIndex = _props_zIndex === void 0 ? DEFAULT_Z_INDEX : _props_zIndex, onOverlayClick = props.onOverlayClick, rest = _object_without_properties(props, [
|
|
64
|
+
var _props_type = props.type, type = _props_type === void 0 ? 'spinner' : _props_type, _props_hasOverlay = props.hasOverlay, hasOverlay = _props_hasOverlay === void 0 ? false : _props_hasOverlay, _props_withBlur = props.withBlur, withBlur = _props_withBlur === void 0 ? false : _props_withBlur, _props_value = props.value, value = _props_value === void 0 ? 0 : _props_value, overlayColor = props.overlayColor, _props_maxValue = props.maxValue, maxValue = _props_maxValue === void 0 ? 100 : _props_maxValue, size = props.size, view = props.view, children = props.children, className = props.className, strokeSize = props.strokeSize, hasTrack = props.hasTrack, style = props.style, _props_zIndex = props.zIndex, zIndex = _props_zIndex === void 0 ? DEFAULT_Z_INDEX : _props_zIndex, onOverlayClick = props.onOverlayClick, text = props.text, _props_textPosition = props.textPosition, textPosition = _props_textPosition === void 0 ? 'bottom' : _props_textPosition, rest = _object_without_properties(props, [
|
|
65
65
|
"type",
|
|
66
66
|
"hasOverlay",
|
|
67
67
|
"withBlur",
|
|
@@ -76,13 +76,22 @@ export var loaderRoot = function(Root) {
|
|
|
76
76
|
"hasTrack",
|
|
77
77
|
"style",
|
|
78
78
|
"zIndex",
|
|
79
|
-
"onOverlayClick"
|
|
79
|
+
"onOverlayClick",
|
|
80
|
+
"text",
|
|
81
|
+
"textPosition"
|
|
80
82
|
]);
|
|
83
|
+
var isHorizontalLayout = text && textPosition === 'right';
|
|
84
|
+
var isVerticalLayout = text && textPosition === 'bottom';
|
|
85
|
+
var loaderClassName = [
|
|
86
|
+
className,
|
|
87
|
+
isHorizontalLayout && 'loader-with-text-horizontal',
|
|
88
|
+
isVerticalLayout && 'loader-with-text-vertical'
|
|
89
|
+
].filter(Boolean).join(' ');
|
|
81
90
|
var loaderContent = /*#__PURE__*/ React.createElement(Root, _object_spread({
|
|
82
91
|
ref: ref,
|
|
83
92
|
view: view,
|
|
84
93
|
size: size,
|
|
85
|
-
className:
|
|
94
|
+
className: loaderClassName,
|
|
86
95
|
style: style
|
|
87
96
|
}, rest), type === 'spinner' ? /*#__PURE__*/ React.createElement(StyledSpinner, {
|
|
88
97
|
size: size,
|
|
@@ -94,7 +103,7 @@ export var loaderRoot = function(Root) {
|
|
|
94
103
|
size: size,
|
|
95
104
|
view: view,
|
|
96
105
|
hasTrack: hasTrack
|
|
97
|
-
}, children));
|
|
106
|
+
}, children), text && /*#__PURE__*/ React.createElement(LoaderText, null, text));
|
|
98
107
|
if (!hasOverlay) {
|
|
99
108
|
return loaderContent;
|
|
100
109
|
}
|
|
@@ -11,11 +11,11 @@ var ProgressBarCircular = component(mergedProgressBarCircularConfig);
|
|
|
11
11
|
export var base = css([
|
|
12
12
|
"display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(",
|
|
13
13
|
");height:var(",
|
|
14
|
-
");"
|
|
14
|
+
");&.loader-with-text-horizontal{flex-direction:row;}&.loader-with-text-vertical{flex-direction:column;}"
|
|
15
15
|
], tokens.width, tokens.height);
|
|
16
16
|
export var StyledSpinner = styled(Spinner).withConfig({
|
|
17
17
|
displayName: "Loader.styles__StyledSpinner",
|
|
18
|
-
componentId: "sc-
|
|
18
|
+
componentId: "sc-edd68ef6-0"
|
|
19
19
|
})([
|
|
20
20
|
"",
|
|
21
21
|
":var(",
|
|
@@ -25,7 +25,7 @@ export var StyledSpinner = styled(Spinner).withConfig({
|
|
|
25
25
|
], spinnerTokens.size, tokens.spinnerSize, spinnerTokens.color, tokens.spinnerColor);
|
|
26
26
|
export var StyledProgressBarCircular = styled(ProgressBarCircular).withConfig({
|
|
27
27
|
displayName: "Loader.styles__StyledProgressBarCircular",
|
|
28
|
-
componentId: "sc-
|
|
28
|
+
componentId: "sc-edd68ef6-1"
|
|
29
29
|
})([
|
|
30
30
|
"",
|
|
31
31
|
":var(",
|
|
@@ -59,7 +59,7 @@ export var StyledProgressBarCircular = styled(ProgressBarCircular).withConfig({
|
|
|
59
59
|
], progressBarCircularTokens.size, tokens.progressBarCircularSize, progressBarCircularTokens.width, tokens.progressBarCircularWidth, progressBarCircularTokens.height, tokens.progressBarCircularHeight, progressBarCircularTokens.strokeWidth, tokens.progressBarCircularStrokeWidth, progressBarCircularTokens.strokeSize, tokens.progressBarCircularStrokeSize, progressBarCircularTokens.backgroundStroke, tokens.progressBarCircularBackgroundStroke, progressBarCircularTokens.progressStroke, tokens.progressBarCircularStroke, progressBarCircularTokens.contentColor, tokens.progressBarCircularContentColor, progressBarCircularTokens.contentFontFamily, tokens.progressBarCircularContentFontFamily, progressBarCircularTokens.contentFontSize, tokens.progressBarCircularContentFontSize, progressBarCircularTokens.contentFontStyle, tokens.progressBarCircularContentFontStyle, progressBarCircularTokens.contentFontWeight, tokens.progressBarCircularContentFontWeight, progressBarCircularTokens.contentLetterSpacing, tokens.progressBarCircularContentLetterSpacing, progressBarCircularTokens.contentLineHeight, tokens.progressBarCircularContentLineHeight);
|
|
60
60
|
export var LoaderWrapper = styled.div.withConfig({
|
|
61
61
|
displayName: "Loader.styles__LoaderWrapper",
|
|
62
|
-
componentId: "sc-
|
|
62
|
+
componentId: "sc-edd68ef6-2"
|
|
63
63
|
})([
|
|
64
64
|
"position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:",
|
|
65
65
|
";"
|
|
@@ -69,7 +69,7 @@ export var LoaderWrapper = styled.div.withConfig({
|
|
|
69
69
|
});
|
|
70
70
|
export var StyledOverlay = styled.div.withConfig({
|
|
71
71
|
displayName: "Loader.styles__StyledOverlay",
|
|
72
|
-
componentId: "sc-
|
|
72
|
+
componentId: "sc-edd68ef6-3"
|
|
73
73
|
})([
|
|
74
74
|
"position:absolute;inset:0;background:var(--plasma_private-overlay-background-color);backdrop-filter:",
|
|
75
75
|
";cursor:",
|
|
@@ -87,7 +87,22 @@ export var StyledOverlay = styled.div.withConfig({
|
|
|
87
87
|
});
|
|
88
88
|
export var LoaderContentWrapper = styled.div.withConfig({
|
|
89
89
|
displayName: "Loader.styles__LoaderContentWrapper",
|
|
90
|
-
componentId: "sc-
|
|
90
|
+
componentId: "sc-edd68ef6-4"
|
|
91
91
|
})([
|
|
92
92
|
"position:relative;z-index:1;"
|
|
93
93
|
]);
|
|
94
|
+
export var LoaderText = styled.div.withConfig({
|
|
95
|
+
displayName: "Loader.styles__LoaderText",
|
|
96
|
+
componentId: "sc-edd68ef6-5"
|
|
97
|
+
})([
|
|
98
|
+
"color:var(",
|
|
99
|
+
");font-family:var(",
|
|
100
|
+
");font-size:var(",
|
|
101
|
+
");font-style:var(",
|
|
102
|
+
");font-weight:var(",
|
|
103
|
+
");letter-spacing:var(",
|
|
104
|
+
");line-height:var(",
|
|
105
|
+
");margin-left:var(",
|
|
106
|
+
");margin-top:var(",
|
|
107
|
+
");"
|
|
108
|
+
], tokens.textColor, tokens.textFontFamily, tokens.textFontSize, tokens.textFontStyle, tokens.textFontWeight, tokens.textLetterSpacing, tokens.textLineHeight, tokens.textMarginLeft, tokens.textMarginTop);
|
|
@@ -20,6 +20,15 @@ export var tokens = {
|
|
|
20
20
|
progressBarCircularContentLineHeight: '--plasma-loader-progressbar-circular-content-line-height',
|
|
21
21
|
overlayColor: '--plasma-loader-overlay-color',
|
|
22
22
|
spinnerSize: '--plasma-loader-spinner-size',
|
|
23
|
-
spinnerColor: '--plasma-loader-spinner-color'
|
|
23
|
+
spinnerColor: '--plasma-loader-spinner-color',
|
|
24
|
+
textColor: '--plasma-loader-text-color',
|
|
25
|
+
textFontFamily: '--plasma-loader-text-font-family',
|
|
26
|
+
textFontSize: '--plasma-loader-text-font-size',
|
|
27
|
+
textFontStyle: '--plasma-loader-text-font-style',
|
|
28
|
+
textFontWeight: '--plasma-loader-text-font-weight',
|
|
29
|
+
textLetterSpacing: '--plasma-loader-text-letter-spacing',
|
|
30
|
+
textLineHeight: '--plasma-loader-text-line-height',
|
|
31
|
+
textMarginLeft: '--plasma-loader-text-margin-left',
|
|
32
|
+
textMarginTop: '--plasma-loader-text-margin-top'
|
|
24
33
|
};
|
|
25
34
|
export var privateTokens = {};
|
|
@@ -13,56 +13,63 @@ export var config = {
|
|
|
13
13
|
":var(--surface-solid-default);",
|
|
14
14
|
":var(--text-primary);",
|
|
15
15
|
":var(--text-primary);",
|
|
16
|
-
":var(--overlay-soft);"
|
|
17
|
-
|
|
16
|
+
":var(--overlay-soft);",
|
|
17
|
+
":var(--text-primary);"
|
|
18
|
+
], loaderTokens.progressBarCircularBackgroundStroke, loaderTokens.progressBarCircularStroke, loaderTokens.progressBarCircularContentColor, loaderTokens.spinnerColor, loaderTokens.overlayColor, loaderTokens.textColor),
|
|
18
19
|
secondary: css([
|
|
19
20
|
"",
|
|
20
21
|
":var(--surface-transparent-tertiary);",
|
|
21
22
|
":var(--surface-transparent-secondary);",
|
|
22
23
|
":var(--text-primary);",
|
|
23
24
|
":var(--text-secondary);",
|
|
24
|
-
":var(--overlay-soft);"
|
|
25
|
-
|
|
25
|
+
":var(--overlay-soft);",
|
|
26
|
+
":var(--text-primary);"
|
|
27
|
+
], loaderTokens.progressBarCircularBackgroundStroke, loaderTokens.progressBarCircularStroke, loaderTokens.progressBarCircularContentColor, loaderTokens.spinnerColor, loaderTokens.overlayColor, loaderTokens.textColor),
|
|
26
28
|
accent: css([
|
|
27
29
|
"",
|
|
28
30
|
":var(--surface-transparent-tertiary);",
|
|
29
31
|
":var(--surface-accent);",
|
|
30
32
|
":var(--text-primary);",
|
|
31
33
|
":var(--text-accent);",
|
|
32
|
-
":var(--overlay-soft);"
|
|
33
|
-
|
|
34
|
+
":var(--overlay-soft);",
|
|
35
|
+
":var(--text-primary);"
|
|
36
|
+
], loaderTokens.progressBarCircularBackgroundStroke, loaderTokens.progressBarCircularStroke, loaderTokens.progressBarCircularContentColor, loaderTokens.spinnerColor, loaderTokens.overlayColor, loaderTokens.textColor),
|
|
34
37
|
positive: css([
|
|
35
38
|
"",
|
|
36
39
|
":var(--surface-transparent-tertiary);",
|
|
37
40
|
":var(--surface-positive);",
|
|
38
41
|
":var(--text-primary);",
|
|
39
42
|
":var(--text-positive);",
|
|
40
|
-
":var(--overlay-soft);"
|
|
41
|
-
|
|
43
|
+
":var(--overlay-soft);",
|
|
44
|
+
":var(--text-primary);"
|
|
45
|
+
], loaderTokens.progressBarCircularBackgroundStroke, loaderTokens.progressBarCircularStroke, loaderTokens.progressBarCircularContentColor, loaderTokens.spinnerColor, loaderTokens.overlayColor, loaderTokens.textColor),
|
|
42
46
|
warning: css([
|
|
43
47
|
"",
|
|
44
48
|
":var(--surface-transparent-tertiary);",
|
|
45
49
|
":var(--surface-warning);",
|
|
46
50
|
":var(--text-primary);",
|
|
47
51
|
":var(--text-warning);",
|
|
48
|
-
":var(--overlay-soft);"
|
|
49
|
-
|
|
52
|
+
":var(--overlay-soft);",
|
|
53
|
+
":var(--text-primary);"
|
|
54
|
+
], loaderTokens.progressBarCircularBackgroundStroke, loaderTokens.progressBarCircularStroke, loaderTokens.progressBarCircularContentColor, loaderTokens.spinnerColor, loaderTokens.overlayColor, loaderTokens.textColor),
|
|
50
55
|
negative: css([
|
|
51
56
|
"",
|
|
52
57
|
":var(--surface-transparent-tertiary);",
|
|
53
58
|
":var(--surface-negative);",
|
|
54
59
|
":var(--text-primary);",
|
|
55
60
|
":var(--text-negative);",
|
|
56
|
-
":var(--overlay-soft);"
|
|
57
|
-
|
|
61
|
+
":var(--overlay-soft);",
|
|
62
|
+
":var(--text-primary);"
|
|
63
|
+
], loaderTokens.progressBarCircularBackgroundStroke, loaderTokens.progressBarCircularStroke, loaderTokens.progressBarCircularContentColor, loaderTokens.spinnerColor, loaderTokens.overlayColor, loaderTokens.textColor),
|
|
58
64
|
info: css([
|
|
59
65
|
"",
|
|
60
66
|
":var(--surface-transparent-tertiary);",
|
|
61
67
|
":var(--surface-info);",
|
|
62
68
|
":var(--text-primary);",
|
|
63
69
|
":var(--text-info);",
|
|
64
|
-
":var(--overlay-soft);"
|
|
65
|
-
|
|
70
|
+
":var(--overlay-soft);",
|
|
71
|
+
":var(--text-primary);"
|
|
72
|
+
], loaderTokens.progressBarCircularBackgroundStroke, loaderTokens.progressBarCircularStroke, loaderTokens.progressBarCircularContentColor, loaderTokens.spinnerColor, loaderTokens.overlayColor, loaderTokens.textColor)
|
|
66
73
|
},
|
|
67
74
|
size: {
|
|
68
75
|
xxl: css([
|
|
@@ -80,8 +87,24 @@ export var config = {
|
|
|
80
87
|
":var(--plasma-typo-h2-bold-font-weight);",
|
|
81
88
|
":var(--plasma-typo-h2-letter-spacing);",
|
|
82
89
|
":var(--plasma-typo-h2-line-height);",
|
|
83
|
-
":8rem;"
|
|
84
|
-
|
|
90
|
+
":8rem;",
|
|
91
|
+
":var(--plasma-typo-body-l-font-family);",
|
|
92
|
+
":var(--plasma-typo-body-l-font-size);",
|
|
93
|
+
":var(--plasma-typo-body-l-font-style);",
|
|
94
|
+
":var(--plasma-typo-body-l-font-weight);",
|
|
95
|
+
":var(--plasma-typo-body-l-letter-spacing);",
|
|
96
|
+
":var(--plasma-typo-body-l-line-height);",
|
|
97
|
+
":1rem;",
|
|
98
|
+
":1rem;",
|
|
99
|
+
":var(--plasma-typo-body-l-font-family);",
|
|
100
|
+
":var(--plasma-typo-body-l-font-size);",
|
|
101
|
+
":var(--plasma-typo-body-l-font-style);",
|
|
102
|
+
":var(--plasma-typo-body-l-font-weight);",
|
|
103
|
+
":var(--plasma-typo-body-l-letter-spacing);",
|
|
104
|
+
":var(--plasma-typo-body-l-line-height);",
|
|
105
|
+
":1rem;",
|
|
106
|
+
":1rem;"
|
|
107
|
+
], loaderTokens.width, loaderTokens.height, loaderTokens.progressBarCircularSize, loaderTokens.progressBarCircularHeight, loaderTokens.progressBarCircularWidth, loaderTokens.progressBarCircularStrokeWidth, loaderTokens.progressBarCircularStrokeSize, loaderTokens.progressBarCircularContentFontFamily, loaderTokens.progressBarCircularContentFontSize, loaderTokens.progressBarCircularContentFontStyle, loaderTokens.progressBarCircularContentFontWeight, loaderTokens.progressBarCircularContentLetterSpacing, loaderTokens.progressBarCircularContentLineHeight, loaderTokens.spinnerSize, loaderTokens.textFontFamily, loaderTokens.textFontSize, loaderTokens.textFontStyle, loaderTokens.textFontWeight, loaderTokens.textLetterSpacing, loaderTokens.textLineHeight, loaderTokens.textMarginLeft, loaderTokens.textMarginTop, loaderTokens.textFontFamily, loaderTokens.textFontSize, loaderTokens.textFontStyle, loaderTokens.textFontWeight, loaderTokens.textLetterSpacing, loaderTokens.textLineHeight, loaderTokens.textMarginLeft, loaderTokens.textMarginTop),
|
|
85
108
|
xl: css([
|
|
86
109
|
"",
|
|
87
110
|
":100%;",
|
|
@@ -97,8 +120,16 @@ export var config = {
|
|
|
97
120
|
":var(--plasma-typo-h5-bold-font-weight);",
|
|
98
121
|
":var(--plasma-typo-h5-letter-spacing);",
|
|
99
122
|
":var(--plasma-typo-h5-line-height);",
|
|
100
|
-
":5.5rem;"
|
|
101
|
-
|
|
123
|
+
":5.5rem;",
|
|
124
|
+
":var(--plasma-typo-body-l-font-family);",
|
|
125
|
+
":var(--plasma-typo-body-l-font-size);",
|
|
126
|
+
":var(--plasma-typo-body-l-font-style);",
|
|
127
|
+
":var(--plasma-typo-body-l-font-weight);",
|
|
128
|
+
":var(--plasma-typo-body-l-letter-spacing);",
|
|
129
|
+
":var(--plasma-typo-body-l-line-height);",
|
|
130
|
+
":1rem;",
|
|
131
|
+
":1rem;"
|
|
132
|
+
], loaderTokens.width, loaderTokens.height, loaderTokens.progressBarCircularSize, loaderTokens.progressBarCircularHeight, loaderTokens.progressBarCircularWidth, loaderTokens.progressBarCircularStrokeWidth, loaderTokens.progressBarCircularStrokeSize, loaderTokens.progressBarCircularContentFontFamily, loaderTokens.progressBarCircularContentFontSize, loaderTokens.progressBarCircularContentFontStyle, loaderTokens.progressBarCircularContentFontWeight, loaderTokens.progressBarCircularContentLetterSpacing, loaderTokens.progressBarCircularContentLineHeight, loaderTokens.spinnerSize, loaderTokens.textFontFamily, loaderTokens.textFontSize, loaderTokens.textFontStyle, loaderTokens.textFontWeight, loaderTokens.textLetterSpacing, loaderTokens.textLineHeight, loaderTokens.textMarginLeft, loaderTokens.textMarginTop),
|
|
102
133
|
l: css([
|
|
103
134
|
"",
|
|
104
135
|
":100%;",
|
|
@@ -114,8 +145,16 @@ export var config = {
|
|
|
114
145
|
":var(--plasma-typo-body-l-body-font-weight);",
|
|
115
146
|
":var(--plasma-typo-body-l-letter-spacing);",
|
|
116
147
|
":var(--plasma-typo-body-l-line-height);",
|
|
117
|
-
":3.5rem;"
|
|
118
|
-
|
|
148
|
+
":3.5rem;",
|
|
149
|
+
":var(--plasma-typo-body-l-font-family);",
|
|
150
|
+
":var(--plasma-typo-body-l-font-size);",
|
|
151
|
+
":var(--plasma-typo-body-l-font-style);",
|
|
152
|
+
":var(--plasma-typo-body-l-font-weight);",
|
|
153
|
+
":var(--plasma-typo-body-l-letter-spacing);",
|
|
154
|
+
":var(--plasma-typo-body-l-line-height);",
|
|
155
|
+
":1rem;",
|
|
156
|
+
":1rem;"
|
|
157
|
+
], loaderTokens.width, loaderTokens.height, loaderTokens.progressBarCircularSize, loaderTokens.progressBarCircularHeight, loaderTokens.progressBarCircularWidth, loaderTokens.progressBarCircularStrokeWidth, loaderTokens.progressBarCircularStrokeSize, loaderTokens.progressBarCircularContentFontFamily, loaderTokens.progressBarCircularContentFontSize, loaderTokens.progressBarCircularContentFontStyle, loaderTokens.progressBarCircularContentFontWeight, loaderTokens.progressBarCircularContentLetterSpacing, loaderTokens.progressBarCircularContentLineHeight, loaderTokens.spinnerSize, loaderTokens.textFontFamily, loaderTokens.textFontSize, loaderTokens.textFontStyle, loaderTokens.textFontWeight, loaderTokens.textLetterSpacing, loaderTokens.textLineHeight, loaderTokens.textMarginLeft, loaderTokens.textMarginTop),
|
|
119
158
|
m: css([
|
|
120
159
|
"",
|
|
121
160
|
":100%;",
|
|
@@ -131,8 +170,16 @@ export var config = {
|
|
|
131
170
|
":var(--plasma-typo-body-m-body-font-weight);",
|
|
132
171
|
":var(--plasma-typo-body-m-letter-spacing);",
|
|
133
172
|
":var(--plasma-typo-body-m-line-height);",
|
|
134
|
-
":3rem;"
|
|
135
|
-
|
|
173
|
+
":3rem;",
|
|
174
|
+
":var(--plasma-typo-body-m-font-family);",
|
|
175
|
+
":var(--plasma-typo-body-m-font-size);",
|
|
176
|
+
":var(--plasma-typo-body-m-font-style);",
|
|
177
|
+
":var(--plasma-typo-body-m-font-weight);",
|
|
178
|
+
":var(--plasma-typo-body-m-letter-spacing);",
|
|
179
|
+
":var(--plasma-typo-body-m-line-height);",
|
|
180
|
+
":0.75rem;",
|
|
181
|
+
":0.625rem;"
|
|
182
|
+
], loaderTokens.width, loaderTokens.height, loaderTokens.progressBarCircularSize, loaderTokens.progressBarCircularHeight, loaderTokens.progressBarCircularWidth, loaderTokens.progressBarCircularStrokeWidth, loaderTokens.progressBarCircularStrokeSize, loaderTokens.progressBarCircularContentFontFamily, loaderTokens.progressBarCircularContentFontSize, loaderTokens.progressBarCircularContentFontStyle, loaderTokens.progressBarCircularContentFontWeight, loaderTokens.progressBarCircularContentLetterSpacing, loaderTokens.progressBarCircularContentLineHeight, loaderTokens.spinnerSize, loaderTokens.textFontFamily, loaderTokens.textFontSize, loaderTokens.textFontStyle, loaderTokens.textFontWeight, loaderTokens.textLetterSpacing, loaderTokens.textLineHeight, loaderTokens.textMarginLeft, loaderTokens.textMarginTop),
|
|
136
183
|
s: css([
|
|
137
184
|
"",
|
|
138
185
|
":100%;",
|
|
@@ -148,8 +195,16 @@ export var config = {
|
|
|
148
195
|
":var(--plasma-typo-body-s-body-font-weight);",
|
|
149
196
|
":var(--plasma-typo-body-s-letter-spacing);",
|
|
150
197
|
":var(--plasma-typo-body-s-line-height);",
|
|
151
|
-
":2.25rem;"
|
|
152
|
-
|
|
198
|
+
":2.25rem;",
|
|
199
|
+
":var(--plasma-typo-body-s-font-family);",
|
|
200
|
+
":var(--plasma-typo-body-s-font-size);",
|
|
201
|
+
":var(--plasma-typo-body-s-font-style);",
|
|
202
|
+
":var(--plasma-typo-body-s-font-weight);",
|
|
203
|
+
":var(--plasma-typo-body-s-letter-spacing);",
|
|
204
|
+
":var(--plasma-typo-body-s-line-height);",
|
|
205
|
+
":0.5rem;",
|
|
206
|
+
":0.5rem;"
|
|
207
|
+
], loaderTokens.width, loaderTokens.height, loaderTokens.progressBarCircularSize, loaderTokens.progressBarCircularHeight, loaderTokens.progressBarCircularWidth, loaderTokens.progressBarCircularStrokeWidth, loaderTokens.progressBarCircularStrokeSize, loaderTokens.progressBarCircularContentFontFamily, loaderTokens.progressBarCircularContentFontSize, loaderTokens.progressBarCircularContentFontStyle, loaderTokens.progressBarCircularContentFontWeight, loaderTokens.progressBarCircularContentLetterSpacing, loaderTokens.progressBarCircularContentLineHeight, loaderTokens.spinnerSize, loaderTokens.textFontFamily, loaderTokens.textFontSize, loaderTokens.textFontStyle, loaderTokens.textFontWeight, loaderTokens.textLetterSpacing, loaderTokens.textLineHeight, loaderTokens.textMarginLeft, loaderTokens.textMarginTop),
|
|
153
208
|
xs: css([
|
|
154
209
|
"",
|
|
155
210
|
":100%;",
|
|
@@ -165,8 +220,16 @@ export var config = {
|
|
|
165
220
|
":var(--plasma-typo-body-xs-body-font-weight);",
|
|
166
221
|
":var(--plasma-typo-body-xs-letter-spacing);",
|
|
167
222
|
":var(--plasma-typo-body-xs-line-height);",
|
|
168
|
-
":1.5rem;"
|
|
169
|
-
|
|
223
|
+
":1.5rem;",
|
|
224
|
+
":var(--plasma-typo-body-xs-font-family);",
|
|
225
|
+
":var(--plasma-typo-body-xs-font-size);",
|
|
226
|
+
":var(--plasma-typo-body-xs-font-style);",
|
|
227
|
+
":var(--plasma-typo-body-xs-font-weight);",
|
|
228
|
+
":var(--plasma-typo-body-xs-letter-spacing);",
|
|
229
|
+
":var(--plasma-typo-body-xs-line-height);",
|
|
230
|
+
":0.5rem;",
|
|
231
|
+
":0.5rem;"
|
|
232
|
+
], loaderTokens.width, loaderTokens.height, loaderTokens.progressBarCircularSize, loaderTokens.progressBarCircularHeight, loaderTokens.progressBarCircularWidth, loaderTokens.progressBarCircularStrokeWidth, loaderTokens.progressBarCircularStrokeSize, loaderTokens.progressBarCircularContentFontFamily, loaderTokens.progressBarCircularContentFontSize, loaderTokens.progressBarCircularContentFontStyle, loaderTokens.progressBarCircularContentFontWeight, loaderTokens.progressBarCircularContentLetterSpacing, loaderTokens.progressBarCircularContentLineHeight, loaderTokens.spinnerSize, loaderTokens.textFontFamily, loaderTokens.textFontSize, loaderTokens.textFontStyle, loaderTokens.textFontWeight, loaderTokens.textLetterSpacing, loaderTokens.textLineHeight, loaderTokens.textMarginLeft, loaderTokens.textMarginTop),
|
|
170
233
|
xxs: css([
|
|
171
234
|
"",
|
|
172
235
|
":100%;",
|
|
@@ -182,8 +245,16 @@ export var config = {
|
|
|
182
245
|
":var(--plasma-typo-body-xxs-body-font-weight);",
|
|
183
246
|
":var(--plasma-typo-body-xxs-letter-spacing);",
|
|
184
247
|
":var(--plasma-typo-body-xxs-line-height);",
|
|
185
|
-
":1rem;"
|
|
186
|
-
|
|
248
|
+
":1rem;",
|
|
249
|
+
":var(--plasma-typo-body-xxs-font-family);",
|
|
250
|
+
":var(--plasma-typo-body-xxs-font-size);",
|
|
251
|
+
":var(--plasma-typo-body-xxs-font-style);",
|
|
252
|
+
":var(--plasma-typo-body-xxs-font-weight);",
|
|
253
|
+
":var(--plasma-typo-body-xxs-letter-spacing);",
|
|
254
|
+
":var(--plasma-typo-body-xxs-line-height);",
|
|
255
|
+
":0.5rem;",
|
|
256
|
+
":0.5rem;"
|
|
257
|
+
], loaderTokens.width, loaderTokens.height, loaderTokens.progressBarCircularSize, loaderTokens.progressBarCircularHeight, loaderTokens.progressBarCircularWidth, loaderTokens.progressBarCircularStrokeWidth, loaderTokens.progressBarCircularStrokeSize, loaderTokens.progressBarCircularContentFontFamily, loaderTokens.progressBarCircularContentFontSize, loaderTokens.progressBarCircularContentFontStyle, loaderTokens.progressBarCircularContentFontWeight, loaderTokens.progressBarCircularContentLetterSpacing, loaderTokens.progressBarCircularContentLineHeight, loaderTokens.spinnerSize, loaderTokens.textFontFamily, loaderTokens.textFontSize, loaderTokens.textFontStyle, loaderTokens.textFontWeight, loaderTokens.textLetterSpacing, loaderTokens.textLineHeight, loaderTokens.textMarginLeft, loaderTokens.textMarginTop)
|
|
187
258
|
}
|
|
188
259
|
}
|
|
189
260
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Loader.d.ts","sourceRoot":"","sources":["../../../src/components/Loader/Loader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAK/C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"Loader.d.ts","sourceRoot":"","sources":["../../../src/components/Loader/Loader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAK/C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAYlD,eAAO,MAAM,UAAU,SAAU,SAAS,CAAC,cAAc,EAAE,WAAW,CAAC,6JAuEjE,CAAC;AAEP,eAAO,MAAM,YAAY;;;mBAzEQ,SAAS,CAAC,cAAc,EAAE,WAAW,CAAC;;;;;;;;;;;;;;CA0FtE,CAAC"}
|