@alfalab/core-components-circular-progress-bar 3.8.2 → 3.8.3

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/Component.js +1 -1
  2. package/cssm/index.module.css +1 -1
  3. package/esm/Component.js +1 -1
  4. package/esm/index.css +54 -54
  5. package/index.css +54 -54
  6. package/modern/Component.js +1 -1
  7. package/modern/index.css +54 -54
  8. package/package.json +4 -4
package/Component.js CHANGED
@@ -16,7 +16,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
16
16
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
17
17
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
18
18
 
19
- var styles = {"component":"circular-progress-bar__component_16dow","bg-positive":"circular-progress-bar__bg-positive_16dow","bg-negative":"circular-progress-bar__bg-negative_16dow","svg":"circular-progress-bar__svg_16dow","title":"circular-progress-bar__title_16dow","subtitle":"circular-progress-bar__subtitle_16dow","labelWrapper":"circular-progress-bar__labelWrapper_16dow","label":"circular-progress-bar__label_16dow","typography":"circular-progress-bar__typography_16dow","size-144":"circular-progress-bar__size-144_16dow","size-128":"circular-progress-bar__size-128_16dow","size-96":"circular-progress-bar__size-96_16dow","size-80":"circular-progress-bar__size-80_16dow","size-64":"circular-progress-bar__size-64_16dow","size-48":"circular-progress-bar__size-48_16dow","size-24":"circular-progress-bar__size-24_16dow","backgroundCircle":"circular-progress-bar__backgroundCircle_16dow","progressCircle":"circular-progress-bar__progressCircle_16dow","positive":"circular-progress-bar__positive_16dow","negative":"circular-progress-bar__negative_16dow","stroke":"circular-progress-bar__stroke_16dow","iconWrapper":"circular-progress-bar__iconWrapper_16dow","icon-tertiary":"circular-progress-bar__icon-tertiary_16dow","icon-positive":"circular-progress-bar__icon-positive_16dow","icon-negative":"circular-progress-bar__icon-negative_16dow","icon-primary-inverted":"circular-progress-bar__icon-primary-inverted_16dow","icon-primary":"circular-progress-bar__icon-primary_16dow","icon-secondary":"circular-progress-bar__icon-secondary_16dow","icon":"circular-progress-bar__icon_16dow"};
19
+ var styles = {"component":"circular-progress-bar__component_29ydx","bg-positive":"circular-progress-bar__bg-positive_29ydx","bg-negative":"circular-progress-bar__bg-negative_29ydx","svg":"circular-progress-bar__svg_29ydx","title":"circular-progress-bar__title_29ydx","subtitle":"circular-progress-bar__subtitle_29ydx","labelWrapper":"circular-progress-bar__labelWrapper_29ydx","label":"circular-progress-bar__label_29ydx","typography":"circular-progress-bar__typography_29ydx","size-144":"circular-progress-bar__size-144_29ydx","size-128":"circular-progress-bar__size-128_29ydx","size-96":"circular-progress-bar__size-96_29ydx","size-80":"circular-progress-bar__size-80_29ydx","size-64":"circular-progress-bar__size-64_29ydx","size-48":"circular-progress-bar__size-48_29ydx","size-24":"circular-progress-bar__size-24_29ydx","backgroundCircle":"circular-progress-bar__backgroundCircle_29ydx","progressCircle":"circular-progress-bar__progressCircle_29ydx","positive":"circular-progress-bar__positive_29ydx","negative":"circular-progress-bar__negative_29ydx","stroke":"circular-progress-bar__stroke_29ydx","iconWrapper":"circular-progress-bar__iconWrapper_29ydx","icon-tertiary":"circular-progress-bar__icon-tertiary_29ydx","icon-positive":"circular-progress-bar__icon-positive_29ydx","icon-negative":"circular-progress-bar__icon-negative_29ydx","icon-primary-inverted":"circular-progress-bar__icon-primary-inverted_29ydx","icon-primary":"circular-progress-bar__icon-primary_29ydx","icon-secondary":"circular-progress-bar__icon-secondary_29ydx","icon":"circular-progress-bar__icon_29ydx"};
20
20
  require('./index.css')
21
21
 
22
22
  /**
package/cssm/index.module.css CHANGED
@@ -30,7 +30,7 @@
30
30
  } :root {
31
31
  --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
32
32
  sans-serif;
33
- } :root {
33
+ } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
34
34
  } /* сбрасывает синюю подсветку при нажатии */ :root {
35
35
  /* stroke */
36
36
  --circular-progress-bar-stroke-color: var(--color-light-neutral-translucent-300);
package/esm/Component.js CHANGED
@@ -7,7 +7,7 @@ import { isTypographyColor } from './utils/is-typography-color.js';
7
7
  import { MIN_TIMER_VALUE, MAX_TIMER_VALUE, STROKE, SIZES, TYPOGRAPHY_COLOR, SIZE_TO_CLASSNAME_MAP, MAX_PROGRESS_VALUE, VIEW_TITLE, VIEW_TEXT } from './consts.js';
8
8
  import { useTimer } from './use-timer.js';
9
9
 
10
- var styles = {"component":"circular-progress-bar__component_16dow","bg-positive":"circular-progress-bar__bg-positive_16dow","bg-negative":"circular-progress-bar__bg-negative_16dow","svg":"circular-progress-bar__svg_16dow","title":"circular-progress-bar__title_16dow","subtitle":"circular-progress-bar__subtitle_16dow","labelWrapper":"circular-progress-bar__labelWrapper_16dow","label":"circular-progress-bar__label_16dow","typography":"circular-progress-bar__typography_16dow","size-144":"circular-progress-bar__size-144_16dow","size-128":"circular-progress-bar__size-128_16dow","size-96":"circular-progress-bar__size-96_16dow","size-80":"circular-progress-bar__size-80_16dow","size-64":"circular-progress-bar__size-64_16dow","size-48":"circular-progress-bar__size-48_16dow","size-24":"circular-progress-bar__size-24_16dow","backgroundCircle":"circular-progress-bar__backgroundCircle_16dow","progressCircle":"circular-progress-bar__progressCircle_16dow","positive":"circular-progress-bar__positive_16dow","negative":"circular-progress-bar__negative_16dow","stroke":"circular-progress-bar__stroke_16dow","iconWrapper":"circular-progress-bar__iconWrapper_16dow","icon-tertiary":"circular-progress-bar__icon-tertiary_16dow","icon-positive":"circular-progress-bar__icon-positive_16dow","icon-negative":"circular-progress-bar__icon-negative_16dow","icon-primary-inverted":"circular-progress-bar__icon-primary-inverted_16dow","icon-primary":"circular-progress-bar__icon-primary_16dow","icon-secondary":"circular-progress-bar__icon-secondary_16dow","icon":"circular-progress-bar__icon_16dow"};
10
+ var styles = {"component":"circular-progress-bar__component_29ydx","bg-positive":"circular-progress-bar__bg-positive_29ydx","bg-negative":"circular-progress-bar__bg-negative_29ydx","svg":"circular-progress-bar__svg_29ydx","title":"circular-progress-bar__title_29ydx","subtitle":"circular-progress-bar__subtitle_29ydx","labelWrapper":"circular-progress-bar__labelWrapper_29ydx","label":"circular-progress-bar__label_29ydx","typography":"circular-progress-bar__typography_29ydx","size-144":"circular-progress-bar__size-144_29ydx","size-128":"circular-progress-bar__size-128_29ydx","size-96":"circular-progress-bar__size-96_29ydx","size-80":"circular-progress-bar__size-80_29ydx","size-64":"circular-progress-bar__size-64_29ydx","size-48":"circular-progress-bar__size-48_29ydx","size-24":"circular-progress-bar__size-24_29ydx","backgroundCircle":"circular-progress-bar__backgroundCircle_29ydx","progressCircle":"circular-progress-bar__progressCircle_29ydx","positive":"circular-progress-bar__positive_29ydx","negative":"circular-progress-bar__negative_29ydx","stroke":"circular-progress-bar__stroke_29ydx","iconWrapper":"circular-progress-bar__iconWrapper_29ydx","icon-tertiary":"circular-progress-bar__icon-tertiary_29ydx","icon-positive":"circular-progress-bar__icon-positive_29ydx","icon-negative":"circular-progress-bar__icon-negative_29ydx","icon-primary-inverted":"circular-progress-bar__icon-primary-inverted_29ydx","icon-primary":"circular-progress-bar__icon-primary_29ydx","icon-secondary":"circular-progress-bar__icon-secondary_29ydx","icon":"circular-progress-bar__icon_29ydx"};
11
11
  require('./index.css')
12
12
 
13
13
  /**
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1ho5h */
1
+ /* hash: 1q6en */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-500: #babbc2;
@@ -31,7 +31,7 @@
31
31
  } :root {
32
32
  --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
33
33
  sans-serif;
34
- } :root {
34
+ } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
35
35
  } /* сбрасывает синюю подсветку при нажатии */ :root {
36
36
  /* stroke */
37
37
  --circular-progress-bar-stroke-color: var(--color-light-neutral-translucent-300);
@@ -45,145 +45,145 @@
45
45
  /* theme */
46
46
  --circular-progress-bar-font-family: var(--font-family-system);
47
47
  --circular-progress-bar-font-weight: 600;
48
- } .circular-progress-bar__component_16dow {
48
+ } .circular-progress-bar__component_29ydx {
49
49
  position: relative;
50
50
  display: flex;
51
51
  justify-content: center;
52
52
  align-items: center;
53
53
  border-radius: var(--border-radius-pill)
54
- } .circular-progress-bar__component_16dow.circular-progress-bar__bg-positive_16dow {
54
+ } .circular-progress-bar__component_29ydx.circular-progress-bar__bg-positive_29ydx {
55
55
  background: var(--circular-progress-bar-positive-color);
56
- } .circular-progress-bar__component_16dow.circular-progress-bar__bg-negative_16dow {
56
+ } .circular-progress-bar__component_29ydx.circular-progress-bar__bg-negative_29ydx {
57
57
  background: var(--circular-progress-bar-negative-color);
58
- } .circular-progress-bar__svg_16dow {
58
+ } .circular-progress-bar__svg_29ydx {
59
59
  display: block;
60
60
  width: 100%;
61
- } .circular-progress-bar__title_16dow,
62
- .circular-progress-bar__subtitle_16dow {
61
+ } .circular-progress-bar__title_29ydx,
62
+ .circular-progress-bar__subtitle_29ydx {
63
63
  overflow: hidden;
64
64
  word-break: break-word;
65
65
  white-space: nowrap;
66
66
  text-overflow: ellipsis;
67
67
  margin: var(--gap-0) 6px;
68
- } .circular-progress-bar__subtitle_16dow {
68
+ } .circular-progress-bar__subtitle_29ydx {
69
69
  max-height: 40px;
70
- } .circular-progress-bar__labelWrapper_16dow {
70
+ } .circular-progress-bar__labelWrapper_29ydx {
71
71
  text-align: center;
72
72
  position: absolute;
73
73
  top: 50%;
74
74
  left: 50%;
75
75
  width: 100%;
76
76
  transform: translate(-50%, -50%)
77
- } .circular-progress-bar__labelWrapper_16dow.circular-progress-bar__label_16dow {
77
+ } .circular-progress-bar__labelWrapper_29ydx.circular-progress-bar__label_29ydx {
78
78
  display: flex;
79
79
  align-items: center;
80
80
  justify-content: center;
81
- } .circular-progress-bar__typography_16dow {
81
+ } .circular-progress-bar__typography_29ydx {
82
82
  font-feature-settings: 'ss01';
83
83
  font-weight: var(--circular-progress-bar-font-weight);
84
84
  font-family: var(--circular-progress-bar-font-family);
85
- } .circular-progress-bar__size-144_16dow {
85
+ } .circular-progress-bar__size-144_29ydx {
86
86
  width: 144px;
87
87
  height: 144px
88
- } .circular-progress-bar__size-144_16dow .circular-progress-bar__labelWrapper_16dow {
88
+ } .circular-progress-bar__size-144_29ydx .circular-progress-bar__labelWrapper_29ydx {
89
89
  max-width: 128px;
90
- } .circular-progress-bar__size-144_16dow .circular-progress-bar__title_16dow {
90
+ } .circular-progress-bar__size-144_29ydx .circular-progress-bar__title_29ydx {
91
91
  max-height: 32px;
92
- } .circular-progress-bar__size-128_16dow {
92
+ } .circular-progress-bar__size-128_29ydx {
93
93
  width: 128px;
94
94
  height: 128px
95
- } .circular-progress-bar__size-128_16dow .circular-progress-bar__labelWrapper_16dow {
95
+ } .circular-progress-bar__size-128_29ydx .circular-progress-bar__labelWrapper_29ydx {
96
96
  max-width: 108px;
97
- } .circular-progress-bar__size-128_16dow .circular-progress-bar__title_16dow {
97
+ } .circular-progress-bar__size-128_29ydx .circular-progress-bar__title_29ydx {
98
98
  max-height: 32px;
99
- } .circular-progress-bar__size-96_16dow {
99
+ } .circular-progress-bar__size-96_29ydx {
100
100
  width: 96px;
101
101
  height: 96px
102
- } .circular-progress-bar__size-96_16dow .circular-progress-bar__labelWrapper_16dow {
102
+ } .circular-progress-bar__size-96_29ydx .circular-progress-bar__labelWrapper_29ydx {
103
103
  max-width: 64px;
104
- } .circular-progress-bar__size-96_16dow .circular-progress-bar__title_16dow {
104
+ } .circular-progress-bar__size-96_29ydx .circular-progress-bar__title_29ydx {
105
105
  max-height: 20px;
106
- } .circular-progress-bar__size-80_16dow {
106
+ } .circular-progress-bar__size-80_29ydx {
107
107
  width: 80px;
108
108
  height: 80px
109
- } .circular-progress-bar__size-80_16dow .circular-progress-bar__labelWrapper_16dow {
109
+ } .circular-progress-bar__size-80_29ydx .circular-progress-bar__labelWrapper_29ydx {
110
110
  max-width: 64px;
111
- } .circular-progress-bar__size-80_16dow .circular-progress-bar__title_16dow {
111
+ } .circular-progress-bar__size-80_29ydx .circular-progress-bar__title_29ydx {
112
112
  max-height: 24px;
113
- } .circular-progress-bar__size-64_16dow {
113
+ } .circular-progress-bar__size-64_29ydx {
114
114
  width: 64px;
115
115
  height: 64px
116
- } .circular-progress-bar__size-64_16dow .circular-progress-bar__labelWrapper_16dow {
116
+ } .circular-progress-bar__size-64_29ydx .circular-progress-bar__labelWrapper_29ydx {
117
117
  max-width: 48px;
118
- } .circular-progress-bar__size-64_16dow .circular-progress-bar__title_16dow {
118
+ } .circular-progress-bar__size-64_29ydx .circular-progress-bar__title_29ydx {
119
119
  max-height: 16px;
120
120
  margin: var(--gap-0);
121
- } .circular-progress-bar__size-48_16dow {
121
+ } .circular-progress-bar__size-48_29ydx {
122
122
  width: 48px;
123
123
  height: 48px
124
- } .circular-progress-bar__size-48_16dow .circular-progress-bar__labelWrapper_16dow {
124
+ } .circular-progress-bar__size-48_29ydx .circular-progress-bar__labelWrapper_29ydx {
125
125
  max-width: 40px;
126
- } .circular-progress-bar__size-48_16dow .circular-progress-bar__title_16dow {
126
+ } .circular-progress-bar__size-48_29ydx .circular-progress-bar__title_29ydx {
127
127
  max-height: 16px;
128
128
  margin: var(--gap-0);
129
- } .circular-progress-bar__size-24_16dow {
129
+ } .circular-progress-bar__size-24_29ydx {
130
130
  width: 24px;
131
131
  height: 24px
132
- } .circular-progress-bar__size-24_16dow .circular-progress-bar__labelWrapper_16dow {
132
+ } .circular-progress-bar__size-24_29ydx .circular-progress-bar__labelWrapper_29ydx {
133
133
  max-width: 24px;
134
- } .circular-progress-bar__backgroundCircle_16dow,
135
- .circular-progress-bar__progressCircle_16dow {
134
+ } .circular-progress-bar__backgroundCircle_29ydx,
135
+ .circular-progress-bar__progressCircle_29ydx {
136
136
  width: 100%;
137
137
  height: 100%;
138
138
  fill: transparent;
139
- } .circular-progress-bar__positive_16dow {
139
+ } .circular-progress-bar__positive_29ydx {
140
140
  stroke: var(--circular-progress-bar-positive-color);
141
- } .circular-progress-bar__negative_16dow {
141
+ } .circular-progress-bar__negative_29ydx {
142
142
  stroke: var(--circular-progress-bar-negative-color);
143
- } .circular-progress-bar__backgroundCircle_16dow {
143
+ } .circular-progress-bar__backgroundCircle_29ydx {
144
144
  stroke: var(--circular-progress-bar-stroke-color)
145
- } .circular-progress-bar__backgroundCircle_16dow.circular-progress-bar__stroke_16dow {
145
+ } .circular-progress-bar__backgroundCircle_29ydx.circular-progress-bar__stroke_29ydx {
146
146
  stroke: transparent;
147
- } .circular-progress-bar__progressCircle_16dow {
147
+ } .circular-progress-bar__progressCircle_29ydx {
148
148
  stroke-linecap: round;
149
- } .circular-progress-bar__iconWrapper_16dow {
149
+ } .circular-progress-bar__iconWrapper_29ydx {
150
150
  display: flex;
151
151
  align-items: center;
152
152
  justify-content: center
153
- } .circular-progress-bar__iconWrapper_16dow.circular-progress-bar__size-144_16dow {
153
+ } .circular-progress-bar__iconWrapper_29ydx.circular-progress-bar__size-144_29ydx {
154
154
  max-width: 64px;
155
155
  max-height: 64px;
156
- } .circular-progress-bar__iconWrapper_16dow.circular-progress-bar__size-128_16dow {
156
+ } .circular-progress-bar__iconWrapper_29ydx.circular-progress-bar__size-128_29ydx {
157
157
  max-width: 64px;
158
158
  max-height: 64px;
159
- } .circular-progress-bar__iconWrapper_16dow.circular-progress-bar__size-96_16dow {
159
+ } .circular-progress-bar__iconWrapper_29ydx.circular-progress-bar__size-96_29ydx {
160
160
  max-width: 48px;
161
161
  max-height: 48px;
162
- } .circular-progress-bar__iconWrapper_16dow.circular-progress-bar__size-80_16dow {
162
+ } .circular-progress-bar__iconWrapper_29ydx.circular-progress-bar__size-80_29ydx {
163
163
  max-width: 48px;
164
164
  max-height: 48px;
165
- } .circular-progress-bar__iconWrapper_16dow.circular-progress-bar__size-64_16dow {
165
+ } .circular-progress-bar__iconWrapper_29ydx.circular-progress-bar__size-64_29ydx {
166
166
  max-width: 36px;
167
167
  max-height: 36px;
168
- } .circular-progress-bar__iconWrapper_16dow.circular-progress-bar__size-48_16dow {
168
+ } .circular-progress-bar__iconWrapper_29ydx.circular-progress-bar__size-48_29ydx {
169
169
  max-width: 24px;
170
170
  max-height: 24px;
171
- } .circular-progress-bar__iconWrapper_16dow.circular-progress-bar__size-24_16dow {
171
+ } .circular-progress-bar__iconWrapper_29ydx.circular-progress-bar__size-24_29ydx {
172
172
  max-width: 16px;
173
173
  max-height: 16px;
174
- } .circular-progress-bar__iconWrapper_16dow.circular-progress-bar__icon-tertiary_16dow {
174
+ } .circular-progress-bar__iconWrapper_29ydx.circular-progress-bar__icon-tertiary_29ydx {
175
175
  color: var(--color-light-neutral-500);
176
- } .circular-progress-bar__iconWrapper_16dow.circular-progress-bar__icon-positive_16dow {
176
+ } .circular-progress-bar__iconWrapper_29ydx.circular-progress-bar__icon-positive_29ydx {
177
177
  color: var(--color-light-status-positive);
178
- } .circular-progress-bar__iconWrapper_16dow.circular-progress-bar__icon-negative_16dow {
178
+ } .circular-progress-bar__iconWrapper_29ydx.circular-progress-bar__icon-negative_29ydx {
179
179
  color: var(--color-light-status-negative);
180
- } .circular-progress-bar__iconWrapper_16dow.circular-progress-bar__icon-primary-inverted_16dow {
180
+ } .circular-progress-bar__iconWrapper_29ydx.circular-progress-bar__icon-primary-inverted_29ydx {
181
181
  color: var(--color-light-neutral-translucent-1300-inverted);
182
- } .circular-progress-bar__iconWrapper_16dow.circular-progress-bar__icon-primary_16dow {
182
+ } .circular-progress-bar__iconWrapper_29ydx.circular-progress-bar__icon-primary_29ydx {
183
183
  color: var(--color-light-neutral-translucent-1300);
184
- } .circular-progress-bar__iconWrapper_16dow.circular-progress-bar__icon-secondary_16dow {
184
+ } .circular-progress-bar__iconWrapper_29ydx.circular-progress-bar__icon-secondary_29ydx {
185
185
  color: var(--color-light-neutral-700);
186
- } .circular-progress-bar__icon_16dow {
186
+ } .circular-progress-bar__icon_29ydx {
187
187
  width: 100%;
188
188
  height: 100%;
189
189
  }
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1ho5h */
1
+ /* hash: 1q6en */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-500: #babbc2;
@@ -31,7 +31,7 @@
31
31
  } :root {
32
32
  --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
33
33
  sans-serif;
34
- } :root {
34
+ } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
35
35
  } /* сбрасывает синюю подсветку при нажатии */ :root {
36
36
  /* stroke */
37
37
  --circular-progress-bar-stroke-color: var(--color-light-neutral-translucent-300);
@@ -45,145 +45,145 @@
45
45
  /* theme */
46
46
  --circular-progress-bar-font-family: var(--font-family-system);
47
47
  --circular-progress-bar-font-weight: 600;
48
- } .circular-progress-bar__component_16dow {
48
+ } .circular-progress-bar__component_29ydx {
49
49
  position: relative;
50
50
  display: flex;
51
51
  justify-content: center;
52
52
  align-items: center;
53
53
  border-radius: var(--border-radius-pill)
54
- } .circular-progress-bar__component_16dow.circular-progress-bar__bg-positive_16dow {
54
+ } .circular-progress-bar__component_29ydx.circular-progress-bar__bg-positive_29ydx {
55
55
  background: var(--circular-progress-bar-positive-color);
56
- } .circular-progress-bar__component_16dow.circular-progress-bar__bg-negative_16dow {
56
+ } .circular-progress-bar__component_29ydx.circular-progress-bar__bg-negative_29ydx {
57
57
  background: var(--circular-progress-bar-negative-color);
58
- } .circular-progress-bar__svg_16dow {
58
+ } .circular-progress-bar__svg_29ydx {
59
59
  display: block;
60
60
  width: 100%;
61
- } .circular-progress-bar__title_16dow,
62
- .circular-progress-bar__subtitle_16dow {
61
+ } .circular-progress-bar__title_29ydx,
62
+ .circular-progress-bar__subtitle_29ydx {
63
63
  overflow: hidden;
64
64
  word-break: break-word;
65
65
  white-space: nowrap;
66
66
  text-overflow: ellipsis;
67
67
  margin: var(--gap-0) 6px;
68
- } .circular-progress-bar__subtitle_16dow {
68
+ } .circular-progress-bar__subtitle_29ydx {
69
69
  max-height: 40px;
70
- } .circular-progress-bar__labelWrapper_16dow {
70
+ } .circular-progress-bar__labelWrapper_29ydx {
71
71
  text-align: center;
72
72
  position: absolute;
73
73
  top: 50%;
74
74
  left: 50%;
75
75
  width: 100%;
76
76
  transform: translate(-50%, -50%)
77
- } .circular-progress-bar__labelWrapper_16dow.circular-progress-bar__label_16dow {
77
+ } .circular-progress-bar__labelWrapper_29ydx.circular-progress-bar__label_29ydx {
78
78
  display: flex;
79
79
  align-items: center;
80
80
  justify-content: center;
81
- } .circular-progress-bar__typography_16dow {
81
+ } .circular-progress-bar__typography_29ydx {
82
82
  font-feature-settings: 'ss01';
83
83
  font-weight: var(--circular-progress-bar-font-weight);
84
84
  font-family: var(--circular-progress-bar-font-family);
85
- } .circular-progress-bar__size-144_16dow {
85
+ } .circular-progress-bar__size-144_29ydx {
86
86
  width: 144px;
87
87
  height: 144px
88
- } .circular-progress-bar__size-144_16dow .circular-progress-bar__labelWrapper_16dow {
88
+ } .circular-progress-bar__size-144_29ydx .circular-progress-bar__labelWrapper_29ydx {
89
89
  max-width: 128px;
90
- } .circular-progress-bar__size-144_16dow .circular-progress-bar__title_16dow {
90
+ } .circular-progress-bar__size-144_29ydx .circular-progress-bar__title_29ydx {
91
91
  max-height: 32px;
92
- } .circular-progress-bar__size-128_16dow {
92
+ } .circular-progress-bar__size-128_29ydx {
93
93
  width: 128px;
94
94
  height: 128px
95
- } .circular-progress-bar__size-128_16dow .circular-progress-bar__labelWrapper_16dow {
95
+ } .circular-progress-bar__size-128_29ydx .circular-progress-bar__labelWrapper_29ydx {
96
96
  max-width: 108px;
97
- } .circular-progress-bar__size-128_16dow .circular-progress-bar__title_16dow {
97
+ } .circular-progress-bar__size-128_29ydx .circular-progress-bar__title_29ydx {
98
98
  max-height: 32px;
99
- } .circular-progress-bar__size-96_16dow {
99
+ } .circular-progress-bar__size-96_29ydx {
100
100
  width: 96px;
101
101
  height: 96px
102
- } .circular-progress-bar__size-96_16dow .circular-progress-bar__labelWrapper_16dow {
102
+ } .circular-progress-bar__size-96_29ydx .circular-progress-bar__labelWrapper_29ydx {
103
103
  max-width: 64px;
104
- } .circular-progress-bar__size-96_16dow .circular-progress-bar__title_16dow {
104
+ } .circular-progress-bar__size-96_29ydx .circular-progress-bar__title_29ydx {
105
105
  max-height: 20px;
106
- } .circular-progress-bar__size-80_16dow {
106
+ } .circular-progress-bar__size-80_29ydx {
107
107
  width: 80px;
108
108
  height: 80px
109
- } .circular-progress-bar__size-80_16dow .circular-progress-bar__labelWrapper_16dow {
109
+ } .circular-progress-bar__size-80_29ydx .circular-progress-bar__labelWrapper_29ydx {
110
110
  max-width: 64px;
111
- } .circular-progress-bar__size-80_16dow .circular-progress-bar__title_16dow {
111
+ } .circular-progress-bar__size-80_29ydx .circular-progress-bar__title_29ydx {
112
112
  max-height: 24px;
113
- } .circular-progress-bar__size-64_16dow {
113
+ } .circular-progress-bar__size-64_29ydx {
114
114
  width: 64px;
115
115
  height: 64px
116
- } .circular-progress-bar__size-64_16dow .circular-progress-bar__labelWrapper_16dow {
116
+ } .circular-progress-bar__size-64_29ydx .circular-progress-bar__labelWrapper_29ydx {
117
117
  max-width: 48px;
118
- } .circular-progress-bar__size-64_16dow .circular-progress-bar__title_16dow {
118
+ } .circular-progress-bar__size-64_29ydx .circular-progress-bar__title_29ydx {
119
119
  max-height: 16px;
120
120
  margin: var(--gap-0);
121
- } .circular-progress-bar__size-48_16dow {
121
+ } .circular-progress-bar__size-48_29ydx {
122
122
  width: 48px;
123
123
  height: 48px
124
- } .circular-progress-bar__size-48_16dow .circular-progress-bar__labelWrapper_16dow {
124
+ } .circular-progress-bar__size-48_29ydx .circular-progress-bar__labelWrapper_29ydx {
125
125
  max-width: 40px;
126
- } .circular-progress-bar__size-48_16dow .circular-progress-bar__title_16dow {
126
+ } .circular-progress-bar__size-48_29ydx .circular-progress-bar__title_29ydx {
127
127
  max-height: 16px;
128
128
  margin: var(--gap-0);
129
- } .circular-progress-bar__size-24_16dow {
129
+ } .circular-progress-bar__size-24_29ydx {
130
130
  width: 24px;
131
131
  height: 24px
132
- } .circular-progress-bar__size-24_16dow .circular-progress-bar__labelWrapper_16dow {
132
+ } .circular-progress-bar__size-24_29ydx .circular-progress-bar__labelWrapper_29ydx {
133
133
  max-width: 24px;
134
- } .circular-progress-bar__backgroundCircle_16dow,
135
- .circular-progress-bar__progressCircle_16dow {
134
+ } .circular-progress-bar__backgroundCircle_29ydx,
135
+ .circular-progress-bar__progressCircle_29ydx {
136
136
  width: 100%;
137
137
  height: 100%;
138
138
  fill: transparent;
139
- } .circular-progress-bar__positive_16dow {
139
+ } .circular-progress-bar__positive_29ydx {
140
140
  stroke: var(--circular-progress-bar-positive-color);
141
- } .circular-progress-bar__negative_16dow {
141
+ } .circular-progress-bar__negative_29ydx {
142
142
  stroke: var(--circular-progress-bar-negative-color);
143
- } .circular-progress-bar__backgroundCircle_16dow {
143
+ } .circular-progress-bar__backgroundCircle_29ydx {
144
144
  stroke: var(--circular-progress-bar-stroke-color)
145
- } .circular-progress-bar__backgroundCircle_16dow.circular-progress-bar__stroke_16dow {
145
+ } .circular-progress-bar__backgroundCircle_29ydx.circular-progress-bar__stroke_29ydx {
146
146
  stroke: transparent;
147
- } .circular-progress-bar__progressCircle_16dow {
147
+ } .circular-progress-bar__progressCircle_29ydx {
148
148
  stroke-linecap: round;
149
- } .circular-progress-bar__iconWrapper_16dow {
149
+ } .circular-progress-bar__iconWrapper_29ydx {
150
150
  display: flex;
151
151
  align-items: center;
152
152
  justify-content: center
153
- } .circular-progress-bar__iconWrapper_16dow.circular-progress-bar__size-144_16dow {
153
+ } .circular-progress-bar__iconWrapper_29ydx.circular-progress-bar__size-144_29ydx {
154
154
  max-width: 64px;
155
155
  max-height: 64px;
156
- } .circular-progress-bar__iconWrapper_16dow.circular-progress-bar__size-128_16dow {
156
+ } .circular-progress-bar__iconWrapper_29ydx.circular-progress-bar__size-128_29ydx {
157
157
  max-width: 64px;
158
158
  max-height: 64px;
159
- } .circular-progress-bar__iconWrapper_16dow.circular-progress-bar__size-96_16dow {
159
+ } .circular-progress-bar__iconWrapper_29ydx.circular-progress-bar__size-96_29ydx {
160
160
  max-width: 48px;
161
161
  max-height: 48px;
162
- } .circular-progress-bar__iconWrapper_16dow.circular-progress-bar__size-80_16dow {
162
+ } .circular-progress-bar__iconWrapper_29ydx.circular-progress-bar__size-80_29ydx {
163
163
  max-width: 48px;
164
164
  max-height: 48px;
165
- } .circular-progress-bar__iconWrapper_16dow.circular-progress-bar__size-64_16dow {
165
+ } .circular-progress-bar__iconWrapper_29ydx.circular-progress-bar__size-64_29ydx {
166
166
  max-width: 36px;
167
167
  max-height: 36px;
168
- } .circular-progress-bar__iconWrapper_16dow.circular-progress-bar__size-48_16dow {
168
+ } .circular-progress-bar__iconWrapper_29ydx.circular-progress-bar__size-48_29ydx {
169
169
  max-width: 24px;
170
170
  max-height: 24px;
171
- } .circular-progress-bar__iconWrapper_16dow.circular-progress-bar__size-24_16dow {
171
+ } .circular-progress-bar__iconWrapper_29ydx.circular-progress-bar__size-24_29ydx {
172
172
  max-width: 16px;
173
173
  max-height: 16px;
174
- } .circular-progress-bar__iconWrapper_16dow.circular-progress-bar__icon-tertiary_16dow {
174
+ } .circular-progress-bar__iconWrapper_29ydx.circular-progress-bar__icon-tertiary_29ydx {
175
175
  color: var(--color-light-neutral-500);
176
- } .circular-progress-bar__iconWrapper_16dow.circular-progress-bar__icon-positive_16dow {
176
+ } .circular-progress-bar__iconWrapper_29ydx.circular-progress-bar__icon-positive_29ydx {
177
177
  color: var(--color-light-status-positive);
178
- } .circular-progress-bar__iconWrapper_16dow.circular-progress-bar__icon-negative_16dow {
178
+ } .circular-progress-bar__iconWrapper_29ydx.circular-progress-bar__icon-negative_29ydx {
179
179
  color: var(--color-light-status-negative);
180
- } .circular-progress-bar__iconWrapper_16dow.circular-progress-bar__icon-primary-inverted_16dow {
180
+ } .circular-progress-bar__iconWrapper_29ydx.circular-progress-bar__icon-primary-inverted_29ydx {
181
181
  color: var(--color-light-neutral-translucent-1300-inverted);
182
- } .circular-progress-bar__iconWrapper_16dow.circular-progress-bar__icon-primary_16dow {
182
+ } .circular-progress-bar__iconWrapper_29ydx.circular-progress-bar__icon-primary_29ydx {
183
183
  color: var(--color-light-neutral-translucent-1300);
184
- } .circular-progress-bar__iconWrapper_16dow.circular-progress-bar__icon-secondary_16dow {
184
+ } .circular-progress-bar__iconWrapper_29ydx.circular-progress-bar__icon-secondary_29ydx {
185
185
  color: var(--color-light-neutral-700);
186
- } .circular-progress-bar__icon_16dow {
186
+ } .circular-progress-bar__icon_29ydx {
187
187
  width: 100%;
188
188
  height: 100%;
189
189
  }
package/modern/Component.js CHANGED
@@ -6,7 +6,7 @@ import { isTypographyColor } from './utils/is-typography-color.js';
6
6
  import { MIN_TIMER_VALUE, MAX_TIMER_VALUE, STROKE, SIZES, TYPOGRAPHY_COLOR, SIZE_TO_CLASSNAME_MAP, MAX_PROGRESS_VALUE, VIEW_TITLE, VIEW_TEXT } from './consts.js';
7
7
  import { useTimer } from './use-timer.js';
8
8
 
9
- const styles = {"component":"circular-progress-bar__component_16dow","bg-positive":"circular-progress-bar__bg-positive_16dow","bg-negative":"circular-progress-bar__bg-negative_16dow","svg":"circular-progress-bar__svg_16dow","title":"circular-progress-bar__title_16dow","subtitle":"circular-progress-bar__subtitle_16dow","labelWrapper":"circular-progress-bar__labelWrapper_16dow","label":"circular-progress-bar__label_16dow","typography":"circular-progress-bar__typography_16dow","size-144":"circular-progress-bar__size-144_16dow","size-128":"circular-progress-bar__size-128_16dow","size-96":"circular-progress-bar__size-96_16dow","size-80":"circular-progress-bar__size-80_16dow","size-64":"circular-progress-bar__size-64_16dow","size-48":"circular-progress-bar__size-48_16dow","size-24":"circular-progress-bar__size-24_16dow","backgroundCircle":"circular-progress-bar__backgroundCircle_16dow","progressCircle":"circular-progress-bar__progressCircle_16dow","positive":"circular-progress-bar__positive_16dow","negative":"circular-progress-bar__negative_16dow","stroke":"circular-progress-bar__stroke_16dow","iconWrapper":"circular-progress-bar__iconWrapper_16dow","icon-tertiary":"circular-progress-bar__icon-tertiary_16dow","icon-positive":"circular-progress-bar__icon-positive_16dow","icon-negative":"circular-progress-bar__icon-negative_16dow","icon-primary-inverted":"circular-progress-bar__icon-primary-inverted_16dow","icon-primary":"circular-progress-bar__icon-primary_16dow","icon-secondary":"circular-progress-bar__icon-secondary_16dow","icon":"circular-progress-bar__icon_16dow"};
9
+ const styles = {"component":"circular-progress-bar__component_29ydx","bg-positive":"circular-progress-bar__bg-positive_29ydx","bg-negative":"circular-progress-bar__bg-negative_29ydx","svg":"circular-progress-bar__svg_29ydx","title":"circular-progress-bar__title_29ydx","subtitle":"circular-progress-bar__subtitle_29ydx","labelWrapper":"circular-progress-bar__labelWrapper_29ydx","label":"circular-progress-bar__label_29ydx","typography":"circular-progress-bar__typography_29ydx","size-144":"circular-progress-bar__size-144_29ydx","size-128":"circular-progress-bar__size-128_29ydx","size-96":"circular-progress-bar__size-96_29ydx","size-80":"circular-progress-bar__size-80_29ydx","size-64":"circular-progress-bar__size-64_29ydx","size-48":"circular-progress-bar__size-48_29ydx","size-24":"circular-progress-bar__size-24_29ydx","backgroundCircle":"circular-progress-bar__backgroundCircle_29ydx","progressCircle":"circular-progress-bar__progressCircle_29ydx","positive":"circular-progress-bar__positive_29ydx","negative":"circular-progress-bar__negative_29ydx","stroke":"circular-progress-bar__stroke_29ydx","iconWrapper":"circular-progress-bar__iconWrapper_29ydx","icon-tertiary":"circular-progress-bar__icon-tertiary_29ydx","icon-positive":"circular-progress-bar__icon-positive_29ydx","icon-negative":"circular-progress-bar__icon-negative_29ydx","icon-primary-inverted":"circular-progress-bar__icon-primary-inverted_29ydx","icon-primary":"circular-progress-bar__icon-primary_29ydx","icon-secondary":"circular-progress-bar__icon-secondary_29ydx","icon":"circular-progress-bar__icon_29ydx"};
10
10
  require('./index.css')
11
11
 
12
12
  /* eslint-disable complexity */
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1ho5h */
1
+ /* hash: 1q6en */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-500: #babbc2;
@@ -31,7 +31,7 @@
31
31
  } :root {
32
32
  --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
33
33
  sans-serif;
34
- } :root {
34
+ } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
35
35
  } /* сбрасывает синюю подсветку при нажатии */ :root {
36
36
  /* stroke */
37
37
  --circular-progress-bar-stroke-color: var(--color-light-neutral-translucent-300);
@@ -45,145 +45,145 @@
45
45
  /* theme */
46
46
  --circular-progress-bar-font-family: var(--font-family-system);
47
47
  --circular-progress-bar-font-weight: 600;
48
- } .circular-progress-bar__component_16dow {
48
+ } .circular-progress-bar__component_29ydx {
49
49
  position: relative;
50
50
  display: flex;
51
51
  justify-content: center;
52
52
  align-items: center;
53
53
  border-radius: var(--border-radius-pill)
54
- } .circular-progress-bar__component_16dow.circular-progress-bar__bg-positive_16dow {
54
+ } .circular-progress-bar__component_29ydx.circular-progress-bar__bg-positive_29ydx {
55
55
  background: var(--circular-progress-bar-positive-color);
56
- } .circular-progress-bar__component_16dow.circular-progress-bar__bg-negative_16dow {
56
+ } .circular-progress-bar__component_29ydx.circular-progress-bar__bg-negative_29ydx {
57
57
  background: var(--circular-progress-bar-negative-color);
58
- } .circular-progress-bar__svg_16dow {
58
+ } .circular-progress-bar__svg_29ydx {
59
59
  display: block;
60
60
  width: 100%;
61
- } .circular-progress-bar__title_16dow,
62
- .circular-progress-bar__subtitle_16dow {
61
+ } .circular-progress-bar__title_29ydx,
62
+ .circular-progress-bar__subtitle_29ydx {
63
63
  overflow: hidden;
64
64
  word-break: break-word;
65
65
  white-space: nowrap;
66
66
  text-overflow: ellipsis;
67
67
  margin: var(--gap-0) 6px;
68
- } .circular-progress-bar__subtitle_16dow {
68
+ } .circular-progress-bar__subtitle_29ydx {
69
69
  max-height: 40px;
70
- } .circular-progress-bar__labelWrapper_16dow {
70
+ } .circular-progress-bar__labelWrapper_29ydx {
71
71
  text-align: center;
72
72
  position: absolute;
73
73
  top: 50%;
74
74
  left: 50%;
75
75
  width: 100%;
76
76
  transform: translate(-50%, -50%)
77
- } .circular-progress-bar__labelWrapper_16dow.circular-progress-bar__label_16dow {
77
+ } .circular-progress-bar__labelWrapper_29ydx.circular-progress-bar__label_29ydx {
78
78
  display: flex;
79
79
  align-items: center;
80
80
  justify-content: center;
81
- } .circular-progress-bar__typography_16dow {
81
+ } .circular-progress-bar__typography_29ydx {
82
82
  font-feature-settings: 'ss01';
83
83
  font-weight: var(--circular-progress-bar-font-weight);
84
84
  font-family: var(--circular-progress-bar-font-family);
85
- } .circular-progress-bar__size-144_16dow {
85
+ } .circular-progress-bar__size-144_29ydx {
86
86
  width: 144px;
87
87
  height: 144px
88
- } .circular-progress-bar__size-144_16dow .circular-progress-bar__labelWrapper_16dow {
88
+ } .circular-progress-bar__size-144_29ydx .circular-progress-bar__labelWrapper_29ydx {
89
89
  max-width: 128px;
90
- } .circular-progress-bar__size-144_16dow .circular-progress-bar__title_16dow {
90
+ } .circular-progress-bar__size-144_29ydx .circular-progress-bar__title_29ydx {
91
91
  max-height: 32px;
92
- } .circular-progress-bar__size-128_16dow {
92
+ } .circular-progress-bar__size-128_29ydx {
93
93
  width: 128px;
94
94
  height: 128px
95
- } .circular-progress-bar__size-128_16dow .circular-progress-bar__labelWrapper_16dow {
95
+ } .circular-progress-bar__size-128_29ydx .circular-progress-bar__labelWrapper_29ydx {
96
96
  max-width: 108px;
97
- } .circular-progress-bar__size-128_16dow .circular-progress-bar__title_16dow {
97
+ } .circular-progress-bar__size-128_29ydx .circular-progress-bar__title_29ydx {
98
98
  max-height: 32px;
99
- } .circular-progress-bar__size-96_16dow {
99
+ } .circular-progress-bar__size-96_29ydx {
100
100
  width: 96px;
101
101
  height: 96px
102
- } .circular-progress-bar__size-96_16dow .circular-progress-bar__labelWrapper_16dow {
102
+ } .circular-progress-bar__size-96_29ydx .circular-progress-bar__labelWrapper_29ydx {
103
103
  max-width: 64px;
104
- } .circular-progress-bar__size-96_16dow .circular-progress-bar__title_16dow {
104
+ } .circular-progress-bar__size-96_29ydx .circular-progress-bar__title_29ydx {
105
105
  max-height: 20px;
106
- } .circular-progress-bar__size-80_16dow {
106
+ } .circular-progress-bar__size-80_29ydx {
107
107
  width: 80px;
108
108
  height: 80px
109
- } .circular-progress-bar__size-80_16dow .circular-progress-bar__labelWrapper_16dow {
109
+ } .circular-progress-bar__size-80_29ydx .circular-progress-bar__labelWrapper_29ydx {
110
110
  max-width: 64px;
111
- } .circular-progress-bar__size-80_16dow .circular-progress-bar__title_16dow {
111
+ } .circular-progress-bar__size-80_29ydx .circular-progress-bar__title_29ydx {
112
112
  max-height: 24px;
113
- } .circular-progress-bar__size-64_16dow {
113
+ } .circular-progress-bar__size-64_29ydx {
114
114
  width: 64px;
115
115
  height: 64px
116
- } .circular-progress-bar__size-64_16dow .circular-progress-bar__labelWrapper_16dow {
116
+ } .circular-progress-bar__size-64_29ydx .circular-progress-bar__labelWrapper_29ydx {
117
117
  max-width: 48px;
118
- } .circular-progress-bar__size-64_16dow .circular-progress-bar__title_16dow {
118
+ } .circular-progress-bar__size-64_29ydx .circular-progress-bar__title_29ydx {
119
119
  max-height: 16px;
120
120
  margin: var(--gap-0);
121
- } .circular-progress-bar__size-48_16dow {
121
+ } .circular-progress-bar__size-48_29ydx {
122
122
  width: 48px;
123
123
  height: 48px
124
- } .circular-progress-bar__size-48_16dow .circular-progress-bar__labelWrapper_16dow {
124
+ } .circular-progress-bar__size-48_29ydx .circular-progress-bar__labelWrapper_29ydx {
125
125
  max-width: 40px;
126
- } .circular-progress-bar__size-48_16dow .circular-progress-bar__title_16dow {
126
+ } .circular-progress-bar__size-48_29ydx .circular-progress-bar__title_29ydx {
127
127
  max-height: 16px;
128
128
  margin: var(--gap-0);
129
- } .circular-progress-bar__size-24_16dow {
129
+ } .circular-progress-bar__size-24_29ydx {
130
130
  width: 24px;
131
131
  height: 24px
132
- } .circular-progress-bar__size-24_16dow .circular-progress-bar__labelWrapper_16dow {
132
+ } .circular-progress-bar__size-24_29ydx .circular-progress-bar__labelWrapper_29ydx {
133
133
  max-width: 24px;
134
- } .circular-progress-bar__backgroundCircle_16dow,
135
- .circular-progress-bar__progressCircle_16dow {
134
+ } .circular-progress-bar__backgroundCircle_29ydx,
135
+ .circular-progress-bar__progressCircle_29ydx {
136
136
  width: 100%;
137
137
  height: 100%;
138
138
  fill: transparent;
139
- } .circular-progress-bar__positive_16dow {
139
+ } .circular-progress-bar__positive_29ydx {
140
140
  stroke: var(--circular-progress-bar-positive-color);
141
- } .circular-progress-bar__negative_16dow {
141
+ } .circular-progress-bar__negative_29ydx {
142
142
  stroke: var(--circular-progress-bar-negative-color);
143
- } .circular-progress-bar__backgroundCircle_16dow {
143
+ } .circular-progress-bar__backgroundCircle_29ydx {
144
144
  stroke: var(--circular-progress-bar-stroke-color)
145
- } .circular-progress-bar__backgroundCircle_16dow.circular-progress-bar__stroke_16dow {
145
+ } .circular-progress-bar__backgroundCircle_29ydx.circular-progress-bar__stroke_29ydx {
146
146
  stroke: transparent;
147
- } .circular-progress-bar__progressCircle_16dow {
147
+ } .circular-progress-bar__progressCircle_29ydx {
148
148
  stroke-linecap: round;
149
- } .circular-progress-bar__iconWrapper_16dow {
149
+ } .circular-progress-bar__iconWrapper_29ydx {
150
150
  display: flex;
151
151
  align-items: center;
152
152
  justify-content: center
153
- } .circular-progress-bar__iconWrapper_16dow.circular-progress-bar__size-144_16dow {
153
+ } .circular-progress-bar__iconWrapper_29ydx.circular-progress-bar__size-144_29ydx {
154
154
  max-width: 64px;
155
155
  max-height: 64px;
156
- } .circular-progress-bar__iconWrapper_16dow.circular-progress-bar__size-128_16dow {
156
+ } .circular-progress-bar__iconWrapper_29ydx.circular-progress-bar__size-128_29ydx {
157
157
  max-width: 64px;
158
158
  max-height: 64px;
159
- } .circular-progress-bar__iconWrapper_16dow.circular-progress-bar__size-96_16dow {
159
+ } .circular-progress-bar__iconWrapper_29ydx.circular-progress-bar__size-96_29ydx {
160
160
  max-width: 48px;
161
161
  max-height: 48px;
162
- } .circular-progress-bar__iconWrapper_16dow.circular-progress-bar__size-80_16dow {
162
+ } .circular-progress-bar__iconWrapper_29ydx.circular-progress-bar__size-80_29ydx {
163
163
  max-width: 48px;
164
164
  max-height: 48px;
165
- } .circular-progress-bar__iconWrapper_16dow.circular-progress-bar__size-64_16dow {
165
+ } .circular-progress-bar__iconWrapper_29ydx.circular-progress-bar__size-64_29ydx {
166
166
  max-width: 36px;
167
167
  max-height: 36px;
168
- } .circular-progress-bar__iconWrapper_16dow.circular-progress-bar__size-48_16dow {
168
+ } .circular-progress-bar__iconWrapper_29ydx.circular-progress-bar__size-48_29ydx {
169
169
  max-width: 24px;
170
170
  max-height: 24px;
171
- } .circular-progress-bar__iconWrapper_16dow.circular-progress-bar__size-24_16dow {
171
+ } .circular-progress-bar__iconWrapper_29ydx.circular-progress-bar__size-24_29ydx {
172
172
  max-width: 16px;
173
173
  max-height: 16px;
174
- } .circular-progress-bar__iconWrapper_16dow.circular-progress-bar__icon-tertiary_16dow {
174
+ } .circular-progress-bar__iconWrapper_29ydx.circular-progress-bar__icon-tertiary_29ydx {
175
175
  color: var(--color-light-neutral-500);
176
- } .circular-progress-bar__iconWrapper_16dow.circular-progress-bar__icon-positive_16dow {
176
+ } .circular-progress-bar__iconWrapper_29ydx.circular-progress-bar__icon-positive_29ydx {
177
177
  color: var(--color-light-status-positive);
178
- } .circular-progress-bar__iconWrapper_16dow.circular-progress-bar__icon-negative_16dow {
178
+ } .circular-progress-bar__iconWrapper_29ydx.circular-progress-bar__icon-negative_29ydx {
179
179
  color: var(--color-light-status-negative);
180
- } .circular-progress-bar__iconWrapper_16dow.circular-progress-bar__icon-primary-inverted_16dow {
180
+ } .circular-progress-bar__iconWrapper_29ydx.circular-progress-bar__icon-primary-inverted_29ydx {
181
181
  color: var(--color-light-neutral-translucent-1300-inverted);
182
- } .circular-progress-bar__iconWrapper_16dow.circular-progress-bar__icon-primary_16dow {
182
+ } .circular-progress-bar__iconWrapper_29ydx.circular-progress-bar__icon-primary_29ydx {
183
183
  color: var(--color-light-neutral-translucent-1300);
184
- } .circular-progress-bar__iconWrapper_16dow.circular-progress-bar__icon-secondary_16dow {
184
+ } .circular-progress-bar__iconWrapper_29ydx.circular-progress-bar__icon-secondary_29ydx {
185
185
  color: var(--color-light-neutral-700);
186
- } .circular-progress-bar__icon_16dow {
186
+ } .circular-progress-bar__icon_29ydx {
187
187
  width: 100%;
188
188
  height: 100%;
189
189
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-circular-progress-bar",
3
- "version": "3.8.2",
3
+ "version": "3.8.3",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -12,7 +12,7 @@
12
12
  },
13
13
  "sideEffects": false,
14
14
  "dependencies": {
15
- "@alfalab/core-components-typography": "^4.12.0",
15
+ "@alfalab/core-components-typography": "^4.13.0",
16
16
  "@alfalab/core-components-shared": "^0.16.0",
17
17
  "classnames": "^2.5.1",
18
18
  "tslib": "^2.4.0"
@@ -20,6 +20,6 @@
20
20
  "peerDependencies": {
21
21
  "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
22
22
  },
23
- "themesVersion": "13.7.1",
24
- "varsVersion": "9.18.0"
23
+ "themesVersion": "13.7.2",
24
+ "varsVersion": "9.20.0"
25
25
  }