@alfalab/core-components-circular-progress-bar 3.6.6 → 3.6.8

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 +4 -1
  3. package/esm/Component.js +1 -1
  4. package/esm/index.css +53 -50
  5. package/index.css +53 -50
  6. package/modern/Component.js +1 -1
  7. package/modern/index.css +53 -50
  8. package/package.json +4 -4
package/Component.js CHANGED
@@ -13,7 +13,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
13
13
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
14
14
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
15
15
 
16
- var styles = {"component":"circular-progress-bar__component_1pqv4","bg-positive":"circular-progress-bar__bg-positive_1pqv4","bg-negative":"circular-progress-bar__bg-negative_1pqv4","svg":"circular-progress-bar__svg_1pqv4","title":"circular-progress-bar__title_1pqv4","subtitle":"circular-progress-bar__subtitle_1pqv4","labelWrapper":"circular-progress-bar__labelWrapper_1pqv4","label":"circular-progress-bar__label_1pqv4","typography":"circular-progress-bar__typography_1pqv4","size-144":"circular-progress-bar__size-144_1pqv4","size-128":"circular-progress-bar__size-128_1pqv4","size-80":"circular-progress-bar__size-80_1pqv4","size-64":"circular-progress-bar__size-64_1pqv4","size-48":"circular-progress-bar__size-48_1pqv4","size-24":"circular-progress-bar__size-24_1pqv4","backgroundCircle":"circular-progress-bar__backgroundCircle_1pqv4","progressCircle":"circular-progress-bar__progressCircle_1pqv4","positive":"circular-progress-bar__positive_1pqv4","negative":"circular-progress-bar__negative_1pqv4","stroke":"circular-progress-bar__stroke_1pqv4","iconWrapper":"circular-progress-bar__iconWrapper_1pqv4","icon-tertiary":"circular-progress-bar__icon-tertiary_1pqv4","icon-positive":"circular-progress-bar__icon-positive_1pqv4","icon-negative":"circular-progress-bar__icon-negative_1pqv4","icon-primary-inverted":"circular-progress-bar__icon-primary-inverted_1pqv4","icon-primary":"circular-progress-bar__icon-primary_1pqv4","icon-secondary":"circular-progress-bar__icon-secondary_1pqv4","icon":"circular-progress-bar__icon_1pqv4"};
16
+ var styles = {"component":"circular-progress-bar__component_1bxdv","bg-positive":"circular-progress-bar__bg-positive_1bxdv","bg-negative":"circular-progress-bar__bg-negative_1bxdv","svg":"circular-progress-bar__svg_1bxdv","title":"circular-progress-bar__title_1bxdv","subtitle":"circular-progress-bar__subtitle_1bxdv","labelWrapper":"circular-progress-bar__labelWrapper_1bxdv","label":"circular-progress-bar__label_1bxdv","typography":"circular-progress-bar__typography_1bxdv","size-144":"circular-progress-bar__size-144_1bxdv","size-128":"circular-progress-bar__size-128_1bxdv","size-80":"circular-progress-bar__size-80_1bxdv","size-64":"circular-progress-bar__size-64_1bxdv","size-48":"circular-progress-bar__size-48_1bxdv","size-24":"circular-progress-bar__size-24_1bxdv","backgroundCircle":"circular-progress-bar__backgroundCircle_1bxdv","progressCircle":"circular-progress-bar__progressCircle_1bxdv","positive":"circular-progress-bar__positive_1bxdv","negative":"circular-progress-bar__negative_1bxdv","stroke":"circular-progress-bar__stroke_1bxdv","iconWrapper":"circular-progress-bar__iconWrapper_1bxdv","icon-tertiary":"circular-progress-bar__icon-tertiary_1bxdv","icon-positive":"circular-progress-bar__icon-positive_1bxdv","icon-negative":"circular-progress-bar__icon-negative_1bxdv","icon-primary-inverted":"circular-progress-bar__icon-primary-inverted_1bxdv","icon-primary":"circular-progress-bar__icon-primary_1bxdv","icon-secondary":"circular-progress-bar__icon-secondary_1bxdv","icon":"circular-progress-bar__icon_1bxdv"};
17
17
  require('./index.css')
18
18
 
19
19
  /**
package/cssm/index.module.css CHANGED
@@ -23,7 +23,10 @@
23
23
  } :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 */
24
24
 
25
25
  /* новые значения, используйте их */
26
- --gap-0: 0;
26
+
27
+ /* no-unit может приводить к проблемам в calc (#1559) */
28
+ /* stylelint-disable-next-line length-zero-no-unit */
29
+ --gap-0: 0px;
27
30
  } :root {
28
31
  --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
29
32
  sans-serif;
package/esm/Component.js CHANGED
@@ -4,7 +4,7 @@ import cn from 'classnames';
4
4
  import { Text, TitleMobile } from '@alfalab/core-components-typography/esm';
5
5
  import { STROKE, SIZES, TYPOGRAPHY_COLOR, SIZE_TO_CLASSNAME_MAP, VIEW_TITLE, VIEW_TEXT } from './consts.js';
6
6
 
7
- var styles = {"component":"circular-progress-bar__component_1pqv4","bg-positive":"circular-progress-bar__bg-positive_1pqv4","bg-negative":"circular-progress-bar__bg-negative_1pqv4","svg":"circular-progress-bar__svg_1pqv4","title":"circular-progress-bar__title_1pqv4","subtitle":"circular-progress-bar__subtitle_1pqv4","labelWrapper":"circular-progress-bar__labelWrapper_1pqv4","label":"circular-progress-bar__label_1pqv4","typography":"circular-progress-bar__typography_1pqv4","size-144":"circular-progress-bar__size-144_1pqv4","size-128":"circular-progress-bar__size-128_1pqv4","size-80":"circular-progress-bar__size-80_1pqv4","size-64":"circular-progress-bar__size-64_1pqv4","size-48":"circular-progress-bar__size-48_1pqv4","size-24":"circular-progress-bar__size-24_1pqv4","backgroundCircle":"circular-progress-bar__backgroundCircle_1pqv4","progressCircle":"circular-progress-bar__progressCircle_1pqv4","positive":"circular-progress-bar__positive_1pqv4","negative":"circular-progress-bar__negative_1pqv4","stroke":"circular-progress-bar__stroke_1pqv4","iconWrapper":"circular-progress-bar__iconWrapper_1pqv4","icon-tertiary":"circular-progress-bar__icon-tertiary_1pqv4","icon-positive":"circular-progress-bar__icon-positive_1pqv4","icon-negative":"circular-progress-bar__icon-negative_1pqv4","icon-primary-inverted":"circular-progress-bar__icon-primary-inverted_1pqv4","icon-primary":"circular-progress-bar__icon-primary_1pqv4","icon-secondary":"circular-progress-bar__icon-secondary_1pqv4","icon":"circular-progress-bar__icon_1pqv4"};
7
+ var styles = {"component":"circular-progress-bar__component_1bxdv","bg-positive":"circular-progress-bar__bg-positive_1bxdv","bg-negative":"circular-progress-bar__bg-negative_1bxdv","svg":"circular-progress-bar__svg_1bxdv","title":"circular-progress-bar__title_1bxdv","subtitle":"circular-progress-bar__subtitle_1bxdv","labelWrapper":"circular-progress-bar__labelWrapper_1bxdv","label":"circular-progress-bar__label_1bxdv","typography":"circular-progress-bar__typography_1bxdv","size-144":"circular-progress-bar__size-144_1bxdv","size-128":"circular-progress-bar__size-128_1bxdv","size-80":"circular-progress-bar__size-80_1bxdv","size-64":"circular-progress-bar__size-64_1bxdv","size-48":"circular-progress-bar__size-48_1bxdv","size-24":"circular-progress-bar__size-24_1bxdv","backgroundCircle":"circular-progress-bar__backgroundCircle_1bxdv","progressCircle":"circular-progress-bar__progressCircle_1bxdv","positive":"circular-progress-bar__positive_1bxdv","negative":"circular-progress-bar__negative_1bxdv","stroke":"circular-progress-bar__stroke_1bxdv","iconWrapper":"circular-progress-bar__iconWrapper_1bxdv","icon-tertiary":"circular-progress-bar__icon-tertiary_1bxdv","icon-positive":"circular-progress-bar__icon-positive_1bxdv","icon-negative":"circular-progress-bar__icon-negative_1bxdv","icon-primary-inverted":"circular-progress-bar__icon-primary-inverted_1bxdv","icon-primary":"circular-progress-bar__icon-primary_1bxdv","icon-secondary":"circular-progress-bar__icon-secondary_1bxdv","icon":"circular-progress-bar__icon_1bxdv"};
8
8
  require('./index.css')
9
9
 
10
10
  /**
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: mumdu */
1
+ /* hash: 11ahd */
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;
@@ -24,7 +24,10 @@
24
24
  } :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 */
25
25
 
26
26
  /* новые значения, используйте их */
27
- --gap-0: 0;
27
+
28
+ /* no-unit может приводить к проблемам в calc (#1559) */
29
+ /* stylelint-disable-next-line length-zero-no-unit */
30
+ --gap-0: 0px;
28
31
  } :root {
29
32
  --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
30
33
  sans-serif;
@@ -42,135 +45,135 @@
42
45
  /* theme */
43
46
  --circular-progress-bar-font-family: var(--font-family-system);
44
47
  --circular-progress-bar-font-weight: 600;
45
- } .circular-progress-bar__component_1pqv4 {
48
+ } .circular-progress-bar__component_1bxdv {
46
49
  position: relative;
47
50
  display: flex;
48
51
  justify-content: center;
49
52
  align-items: center;
50
53
  border-radius: var(--border-radius-pill)
51
- } .circular-progress-bar__component_1pqv4.circular-progress-bar__bg-positive_1pqv4 {
54
+ } .circular-progress-bar__component_1bxdv.circular-progress-bar__bg-positive_1bxdv {
52
55
  background: var(--circular-progress-bar-positive-color);
53
- } .circular-progress-bar__component_1pqv4.circular-progress-bar__bg-negative_1pqv4 {
56
+ } .circular-progress-bar__component_1bxdv.circular-progress-bar__bg-negative_1bxdv {
54
57
  background: var(--circular-progress-bar-negative-color);
55
- } .circular-progress-bar__svg_1pqv4 {
58
+ } .circular-progress-bar__svg_1bxdv {
56
59
  display: block;
57
60
  width: 100%;
58
- } .circular-progress-bar__title_1pqv4,
59
- .circular-progress-bar__subtitle_1pqv4 {
61
+ } .circular-progress-bar__title_1bxdv,
62
+ .circular-progress-bar__subtitle_1bxdv {
60
63
  overflow: hidden;
61
64
  word-break: break-word;
62
65
  white-space: nowrap;
63
66
  text-overflow: ellipsis;
64
67
  margin: var(--gap-0) 6px;
65
- } .circular-progress-bar__subtitle_1pqv4 {
68
+ } .circular-progress-bar__subtitle_1bxdv {
66
69
  max-height: 40px;
67
- } .circular-progress-bar__labelWrapper_1pqv4 {
70
+ } .circular-progress-bar__labelWrapper_1bxdv {
68
71
  text-align: center;
69
72
  position: absolute;
70
73
  top: 50%;
71
74
  left: 50%;
72
75
  width: 100%;
73
76
  transform: translate(-50%, -50%)
74
- } .circular-progress-bar__labelWrapper_1pqv4.circular-progress-bar__label_1pqv4 {
77
+ } .circular-progress-bar__labelWrapper_1bxdv.circular-progress-bar__label_1bxdv {
75
78
  display: flex;
76
79
  align-items: center;
77
80
  justify-content: center;
78
- } .circular-progress-bar__typography_1pqv4 {
81
+ } .circular-progress-bar__typography_1bxdv {
79
82
  font-feature-settings: 'ss01';
80
83
  font-weight: var(--circular-progress-bar-font-weight);
81
84
  font-family: var(--circular-progress-bar-font-family);
82
- } .circular-progress-bar__size-144_1pqv4 {
85
+ } .circular-progress-bar__size-144_1bxdv {
83
86
  width: 144px;
84
87
  height: 144px
85
- } .circular-progress-bar__size-144_1pqv4 .circular-progress-bar__labelWrapper_1pqv4 {
88
+ } .circular-progress-bar__size-144_1bxdv .circular-progress-bar__labelWrapper_1bxdv {
86
89
  max-width: 128px;
87
- } .circular-progress-bar__size-144_1pqv4 .circular-progress-bar__title_1pqv4 {
90
+ } .circular-progress-bar__size-144_1bxdv .circular-progress-bar__title_1bxdv {
88
91
  max-height: 32px;
89
- } .circular-progress-bar__size-128_1pqv4 {
92
+ } .circular-progress-bar__size-128_1bxdv {
90
93
  width: 128px;
91
94
  height: 128px
92
- } .circular-progress-bar__size-128_1pqv4 .circular-progress-bar__labelWrapper_1pqv4 {
95
+ } .circular-progress-bar__size-128_1bxdv .circular-progress-bar__labelWrapper_1bxdv {
93
96
  max-width: 108px;
94
- } .circular-progress-bar__size-128_1pqv4 .circular-progress-bar__title_1pqv4 {
97
+ } .circular-progress-bar__size-128_1bxdv .circular-progress-bar__title_1bxdv {
95
98
  max-height: 32px;
96
- } .circular-progress-bar__size-80_1pqv4 {
99
+ } .circular-progress-bar__size-80_1bxdv {
97
100
  width: 80px;
98
101
  height: 80px
99
- } .circular-progress-bar__size-80_1pqv4 .circular-progress-bar__labelWrapper_1pqv4 {
102
+ } .circular-progress-bar__size-80_1bxdv .circular-progress-bar__labelWrapper_1bxdv {
100
103
  max-width: 64px;
101
- } .circular-progress-bar__size-80_1pqv4 .circular-progress-bar__title_1pqv4 {
104
+ } .circular-progress-bar__size-80_1bxdv .circular-progress-bar__title_1bxdv {
102
105
  max-height: 24px;
103
- } .circular-progress-bar__size-64_1pqv4 {
106
+ } .circular-progress-bar__size-64_1bxdv {
104
107
  width: 64px;
105
108
  height: 64px
106
- } .circular-progress-bar__size-64_1pqv4 .circular-progress-bar__labelWrapper_1pqv4 {
109
+ } .circular-progress-bar__size-64_1bxdv .circular-progress-bar__labelWrapper_1bxdv {
107
110
  max-width: 48px;
108
- } .circular-progress-bar__size-64_1pqv4 .circular-progress-bar__title_1pqv4 {
111
+ } .circular-progress-bar__size-64_1bxdv .circular-progress-bar__title_1bxdv {
109
112
  max-height: 16px;
110
113
  margin: var(--gap-0);
111
- } .circular-progress-bar__size-48_1pqv4 {
114
+ } .circular-progress-bar__size-48_1bxdv {
112
115
  width: 48px;
113
116
  height: 48px
114
- } .circular-progress-bar__size-48_1pqv4 .circular-progress-bar__labelWrapper_1pqv4 {
117
+ } .circular-progress-bar__size-48_1bxdv .circular-progress-bar__labelWrapper_1bxdv {
115
118
  max-width: 40px;
116
- } .circular-progress-bar__size-48_1pqv4 .circular-progress-bar__title_1pqv4 {
119
+ } .circular-progress-bar__size-48_1bxdv .circular-progress-bar__title_1bxdv {
117
120
  max-height: 16px;
118
121
  margin: var(--gap-0);
119
- } .circular-progress-bar__size-24_1pqv4 {
122
+ } .circular-progress-bar__size-24_1bxdv {
120
123
  width: 24px;
121
124
  height: 24px
122
- } .circular-progress-bar__size-24_1pqv4 .circular-progress-bar__labelWrapper_1pqv4 {
125
+ } .circular-progress-bar__size-24_1bxdv .circular-progress-bar__labelWrapper_1bxdv {
123
126
  max-width: 24px;
124
- } .circular-progress-bar__backgroundCircle_1pqv4,
125
- .circular-progress-bar__progressCircle_1pqv4 {
127
+ } .circular-progress-bar__backgroundCircle_1bxdv,
128
+ .circular-progress-bar__progressCircle_1bxdv {
126
129
  width: 100%;
127
130
  height: 100%;
128
131
  fill: transparent;
129
- } .circular-progress-bar__positive_1pqv4 {
132
+ } .circular-progress-bar__positive_1bxdv {
130
133
  stroke: var(--circular-progress-bar-positive-color);
131
- } .circular-progress-bar__negative_1pqv4 {
134
+ } .circular-progress-bar__negative_1bxdv {
132
135
  stroke: var(--circular-progress-bar-negative-color);
133
- } .circular-progress-bar__backgroundCircle_1pqv4 {
136
+ } .circular-progress-bar__backgroundCircle_1bxdv {
134
137
  stroke: var(--circular-progress-bar-stroke-color)
135
- } .circular-progress-bar__backgroundCircle_1pqv4.circular-progress-bar__stroke_1pqv4 {
138
+ } .circular-progress-bar__backgroundCircle_1bxdv.circular-progress-bar__stroke_1bxdv {
136
139
  stroke: transparent;
137
- } .circular-progress-bar__progressCircle_1pqv4 {
140
+ } .circular-progress-bar__progressCircle_1bxdv {
138
141
  stroke-linecap: round;
139
- } .circular-progress-bar__iconWrapper_1pqv4 {
142
+ } .circular-progress-bar__iconWrapper_1bxdv {
140
143
  display: flex;
141
144
  align-items: center;
142
145
  justify-content: center
143
- } .circular-progress-bar__iconWrapper_1pqv4.circular-progress-bar__size-144_1pqv4 {
146
+ } .circular-progress-bar__iconWrapper_1bxdv.circular-progress-bar__size-144_1bxdv {
144
147
  max-width: 64px;
145
148
  max-height: 64px;
146
- } .circular-progress-bar__iconWrapper_1pqv4.circular-progress-bar__size-128_1pqv4 {
149
+ } .circular-progress-bar__iconWrapper_1bxdv.circular-progress-bar__size-128_1bxdv {
147
150
  max-width: 64px;
148
151
  max-height: 64px;
149
- } .circular-progress-bar__iconWrapper_1pqv4.circular-progress-bar__size-80_1pqv4 {
152
+ } .circular-progress-bar__iconWrapper_1bxdv.circular-progress-bar__size-80_1bxdv {
150
153
  max-width: 48px;
151
154
  max-height: 48px;
152
- } .circular-progress-bar__iconWrapper_1pqv4.circular-progress-bar__size-64_1pqv4 {
155
+ } .circular-progress-bar__iconWrapper_1bxdv.circular-progress-bar__size-64_1bxdv {
153
156
  max-width: 36px;
154
157
  max-height: 36px;
155
- } .circular-progress-bar__iconWrapper_1pqv4.circular-progress-bar__size-48_1pqv4 {
158
+ } .circular-progress-bar__iconWrapper_1bxdv.circular-progress-bar__size-48_1bxdv {
156
159
  max-width: 24px;
157
160
  max-height: 24px;
158
- } .circular-progress-bar__iconWrapper_1pqv4.circular-progress-bar__size-24_1pqv4 {
161
+ } .circular-progress-bar__iconWrapper_1bxdv.circular-progress-bar__size-24_1bxdv {
159
162
  max-width: 16px;
160
163
  max-height: 16px;
161
- } .circular-progress-bar__iconWrapper_1pqv4.circular-progress-bar__icon-tertiary_1pqv4 {
164
+ } .circular-progress-bar__iconWrapper_1bxdv.circular-progress-bar__icon-tertiary_1bxdv {
162
165
  color: var(--color-light-neutral-500);
163
- } .circular-progress-bar__iconWrapper_1pqv4.circular-progress-bar__icon-positive_1pqv4 {
166
+ } .circular-progress-bar__iconWrapper_1bxdv.circular-progress-bar__icon-positive_1bxdv {
164
167
  color: var(--color-light-status-positive);
165
- } .circular-progress-bar__iconWrapper_1pqv4.circular-progress-bar__icon-negative_1pqv4 {
168
+ } .circular-progress-bar__iconWrapper_1bxdv.circular-progress-bar__icon-negative_1bxdv {
166
169
  color: var(--color-light-status-negative);
167
- } .circular-progress-bar__iconWrapper_1pqv4.circular-progress-bar__icon-primary-inverted_1pqv4 {
170
+ } .circular-progress-bar__iconWrapper_1bxdv.circular-progress-bar__icon-primary-inverted_1bxdv {
168
171
  color: var(--color-light-neutral-translucent-1300-inverted);
169
- } .circular-progress-bar__iconWrapper_1pqv4.circular-progress-bar__icon-primary_1pqv4 {
172
+ } .circular-progress-bar__iconWrapper_1bxdv.circular-progress-bar__icon-primary_1bxdv {
170
173
  color: var(--color-light-neutral-translucent-1300);
171
- } .circular-progress-bar__iconWrapper_1pqv4.circular-progress-bar__icon-secondary_1pqv4 {
174
+ } .circular-progress-bar__iconWrapper_1bxdv.circular-progress-bar__icon-secondary_1bxdv {
172
175
  color: var(--color-light-neutral-700);
173
- } .circular-progress-bar__icon_1pqv4 {
176
+ } .circular-progress-bar__icon_1bxdv {
174
177
  width: 100%;
175
178
  height: 100%;
176
179
  }
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: mumdu */
1
+ /* hash: 11ahd */
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;
@@ -24,7 +24,10 @@
24
24
  } :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 */
25
25
 
26
26
  /* новые значения, используйте их */
27
- --gap-0: 0;
27
+
28
+ /* no-unit может приводить к проблемам в calc (#1559) */
29
+ /* stylelint-disable-next-line length-zero-no-unit */
30
+ --gap-0: 0px;
28
31
  } :root {
29
32
  --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
30
33
  sans-serif;
@@ -42,135 +45,135 @@
42
45
  /* theme */
43
46
  --circular-progress-bar-font-family: var(--font-family-system);
44
47
  --circular-progress-bar-font-weight: 600;
45
- } .circular-progress-bar__component_1pqv4 {
48
+ } .circular-progress-bar__component_1bxdv {
46
49
  position: relative;
47
50
  display: flex;
48
51
  justify-content: center;
49
52
  align-items: center;
50
53
  border-radius: var(--border-radius-pill)
51
- } .circular-progress-bar__component_1pqv4.circular-progress-bar__bg-positive_1pqv4 {
54
+ } .circular-progress-bar__component_1bxdv.circular-progress-bar__bg-positive_1bxdv {
52
55
  background: var(--circular-progress-bar-positive-color);
53
- } .circular-progress-bar__component_1pqv4.circular-progress-bar__bg-negative_1pqv4 {
56
+ } .circular-progress-bar__component_1bxdv.circular-progress-bar__bg-negative_1bxdv {
54
57
  background: var(--circular-progress-bar-negative-color);
55
- } .circular-progress-bar__svg_1pqv4 {
58
+ } .circular-progress-bar__svg_1bxdv {
56
59
  display: block;
57
60
  width: 100%;
58
- } .circular-progress-bar__title_1pqv4,
59
- .circular-progress-bar__subtitle_1pqv4 {
61
+ } .circular-progress-bar__title_1bxdv,
62
+ .circular-progress-bar__subtitle_1bxdv {
60
63
  overflow: hidden;
61
64
  word-break: break-word;
62
65
  white-space: nowrap;
63
66
  text-overflow: ellipsis;
64
67
  margin: var(--gap-0) 6px;
65
- } .circular-progress-bar__subtitle_1pqv4 {
68
+ } .circular-progress-bar__subtitle_1bxdv {
66
69
  max-height: 40px;
67
- } .circular-progress-bar__labelWrapper_1pqv4 {
70
+ } .circular-progress-bar__labelWrapper_1bxdv {
68
71
  text-align: center;
69
72
  position: absolute;
70
73
  top: 50%;
71
74
  left: 50%;
72
75
  width: 100%;
73
76
  transform: translate(-50%, -50%)
74
- } .circular-progress-bar__labelWrapper_1pqv4.circular-progress-bar__label_1pqv4 {
77
+ } .circular-progress-bar__labelWrapper_1bxdv.circular-progress-bar__label_1bxdv {
75
78
  display: flex;
76
79
  align-items: center;
77
80
  justify-content: center;
78
- } .circular-progress-bar__typography_1pqv4 {
81
+ } .circular-progress-bar__typography_1bxdv {
79
82
  font-feature-settings: 'ss01';
80
83
  font-weight: var(--circular-progress-bar-font-weight);
81
84
  font-family: var(--circular-progress-bar-font-family);
82
- } .circular-progress-bar__size-144_1pqv4 {
85
+ } .circular-progress-bar__size-144_1bxdv {
83
86
  width: 144px;
84
87
  height: 144px
85
- } .circular-progress-bar__size-144_1pqv4 .circular-progress-bar__labelWrapper_1pqv4 {
88
+ } .circular-progress-bar__size-144_1bxdv .circular-progress-bar__labelWrapper_1bxdv {
86
89
  max-width: 128px;
87
- } .circular-progress-bar__size-144_1pqv4 .circular-progress-bar__title_1pqv4 {
90
+ } .circular-progress-bar__size-144_1bxdv .circular-progress-bar__title_1bxdv {
88
91
  max-height: 32px;
89
- } .circular-progress-bar__size-128_1pqv4 {
92
+ } .circular-progress-bar__size-128_1bxdv {
90
93
  width: 128px;
91
94
  height: 128px
92
- } .circular-progress-bar__size-128_1pqv4 .circular-progress-bar__labelWrapper_1pqv4 {
95
+ } .circular-progress-bar__size-128_1bxdv .circular-progress-bar__labelWrapper_1bxdv {
93
96
  max-width: 108px;
94
- } .circular-progress-bar__size-128_1pqv4 .circular-progress-bar__title_1pqv4 {
97
+ } .circular-progress-bar__size-128_1bxdv .circular-progress-bar__title_1bxdv {
95
98
  max-height: 32px;
96
- } .circular-progress-bar__size-80_1pqv4 {
99
+ } .circular-progress-bar__size-80_1bxdv {
97
100
  width: 80px;
98
101
  height: 80px
99
- } .circular-progress-bar__size-80_1pqv4 .circular-progress-bar__labelWrapper_1pqv4 {
102
+ } .circular-progress-bar__size-80_1bxdv .circular-progress-bar__labelWrapper_1bxdv {
100
103
  max-width: 64px;
101
- } .circular-progress-bar__size-80_1pqv4 .circular-progress-bar__title_1pqv4 {
104
+ } .circular-progress-bar__size-80_1bxdv .circular-progress-bar__title_1bxdv {
102
105
  max-height: 24px;
103
- } .circular-progress-bar__size-64_1pqv4 {
106
+ } .circular-progress-bar__size-64_1bxdv {
104
107
  width: 64px;
105
108
  height: 64px
106
- } .circular-progress-bar__size-64_1pqv4 .circular-progress-bar__labelWrapper_1pqv4 {
109
+ } .circular-progress-bar__size-64_1bxdv .circular-progress-bar__labelWrapper_1bxdv {
107
110
  max-width: 48px;
108
- } .circular-progress-bar__size-64_1pqv4 .circular-progress-bar__title_1pqv4 {
111
+ } .circular-progress-bar__size-64_1bxdv .circular-progress-bar__title_1bxdv {
109
112
  max-height: 16px;
110
113
  margin: var(--gap-0);
111
- } .circular-progress-bar__size-48_1pqv4 {
114
+ } .circular-progress-bar__size-48_1bxdv {
112
115
  width: 48px;
113
116
  height: 48px
114
- } .circular-progress-bar__size-48_1pqv4 .circular-progress-bar__labelWrapper_1pqv4 {
117
+ } .circular-progress-bar__size-48_1bxdv .circular-progress-bar__labelWrapper_1bxdv {
115
118
  max-width: 40px;
116
- } .circular-progress-bar__size-48_1pqv4 .circular-progress-bar__title_1pqv4 {
119
+ } .circular-progress-bar__size-48_1bxdv .circular-progress-bar__title_1bxdv {
117
120
  max-height: 16px;
118
121
  margin: var(--gap-0);
119
- } .circular-progress-bar__size-24_1pqv4 {
122
+ } .circular-progress-bar__size-24_1bxdv {
120
123
  width: 24px;
121
124
  height: 24px
122
- } .circular-progress-bar__size-24_1pqv4 .circular-progress-bar__labelWrapper_1pqv4 {
125
+ } .circular-progress-bar__size-24_1bxdv .circular-progress-bar__labelWrapper_1bxdv {
123
126
  max-width: 24px;
124
- } .circular-progress-bar__backgroundCircle_1pqv4,
125
- .circular-progress-bar__progressCircle_1pqv4 {
127
+ } .circular-progress-bar__backgroundCircle_1bxdv,
128
+ .circular-progress-bar__progressCircle_1bxdv {
126
129
  width: 100%;
127
130
  height: 100%;
128
131
  fill: transparent;
129
- } .circular-progress-bar__positive_1pqv4 {
132
+ } .circular-progress-bar__positive_1bxdv {
130
133
  stroke: var(--circular-progress-bar-positive-color);
131
- } .circular-progress-bar__negative_1pqv4 {
134
+ } .circular-progress-bar__negative_1bxdv {
132
135
  stroke: var(--circular-progress-bar-negative-color);
133
- } .circular-progress-bar__backgroundCircle_1pqv4 {
136
+ } .circular-progress-bar__backgroundCircle_1bxdv {
134
137
  stroke: var(--circular-progress-bar-stroke-color)
135
- } .circular-progress-bar__backgroundCircle_1pqv4.circular-progress-bar__stroke_1pqv4 {
138
+ } .circular-progress-bar__backgroundCircle_1bxdv.circular-progress-bar__stroke_1bxdv {
136
139
  stroke: transparent;
137
- } .circular-progress-bar__progressCircle_1pqv4 {
140
+ } .circular-progress-bar__progressCircle_1bxdv {
138
141
  stroke-linecap: round;
139
- } .circular-progress-bar__iconWrapper_1pqv4 {
142
+ } .circular-progress-bar__iconWrapper_1bxdv {
140
143
  display: flex;
141
144
  align-items: center;
142
145
  justify-content: center
143
- } .circular-progress-bar__iconWrapper_1pqv4.circular-progress-bar__size-144_1pqv4 {
146
+ } .circular-progress-bar__iconWrapper_1bxdv.circular-progress-bar__size-144_1bxdv {
144
147
  max-width: 64px;
145
148
  max-height: 64px;
146
- } .circular-progress-bar__iconWrapper_1pqv4.circular-progress-bar__size-128_1pqv4 {
149
+ } .circular-progress-bar__iconWrapper_1bxdv.circular-progress-bar__size-128_1bxdv {
147
150
  max-width: 64px;
148
151
  max-height: 64px;
149
- } .circular-progress-bar__iconWrapper_1pqv4.circular-progress-bar__size-80_1pqv4 {
152
+ } .circular-progress-bar__iconWrapper_1bxdv.circular-progress-bar__size-80_1bxdv {
150
153
  max-width: 48px;
151
154
  max-height: 48px;
152
- } .circular-progress-bar__iconWrapper_1pqv4.circular-progress-bar__size-64_1pqv4 {
155
+ } .circular-progress-bar__iconWrapper_1bxdv.circular-progress-bar__size-64_1bxdv {
153
156
  max-width: 36px;
154
157
  max-height: 36px;
155
- } .circular-progress-bar__iconWrapper_1pqv4.circular-progress-bar__size-48_1pqv4 {
158
+ } .circular-progress-bar__iconWrapper_1bxdv.circular-progress-bar__size-48_1bxdv {
156
159
  max-width: 24px;
157
160
  max-height: 24px;
158
- } .circular-progress-bar__iconWrapper_1pqv4.circular-progress-bar__size-24_1pqv4 {
161
+ } .circular-progress-bar__iconWrapper_1bxdv.circular-progress-bar__size-24_1bxdv {
159
162
  max-width: 16px;
160
163
  max-height: 16px;
161
- } .circular-progress-bar__iconWrapper_1pqv4.circular-progress-bar__icon-tertiary_1pqv4 {
164
+ } .circular-progress-bar__iconWrapper_1bxdv.circular-progress-bar__icon-tertiary_1bxdv {
162
165
  color: var(--color-light-neutral-500);
163
- } .circular-progress-bar__iconWrapper_1pqv4.circular-progress-bar__icon-positive_1pqv4 {
166
+ } .circular-progress-bar__iconWrapper_1bxdv.circular-progress-bar__icon-positive_1bxdv {
164
167
  color: var(--color-light-status-positive);
165
- } .circular-progress-bar__iconWrapper_1pqv4.circular-progress-bar__icon-negative_1pqv4 {
168
+ } .circular-progress-bar__iconWrapper_1bxdv.circular-progress-bar__icon-negative_1bxdv {
166
169
  color: var(--color-light-status-negative);
167
- } .circular-progress-bar__iconWrapper_1pqv4.circular-progress-bar__icon-primary-inverted_1pqv4 {
170
+ } .circular-progress-bar__iconWrapper_1bxdv.circular-progress-bar__icon-primary-inverted_1bxdv {
168
171
  color: var(--color-light-neutral-translucent-1300-inverted);
169
- } .circular-progress-bar__iconWrapper_1pqv4.circular-progress-bar__icon-primary_1pqv4 {
172
+ } .circular-progress-bar__iconWrapper_1bxdv.circular-progress-bar__icon-primary_1bxdv {
170
173
  color: var(--color-light-neutral-translucent-1300);
171
- } .circular-progress-bar__iconWrapper_1pqv4.circular-progress-bar__icon-secondary_1pqv4 {
174
+ } .circular-progress-bar__iconWrapper_1bxdv.circular-progress-bar__icon-secondary_1bxdv {
172
175
  color: var(--color-light-neutral-700);
173
- } .circular-progress-bar__icon_1pqv4 {
176
+ } .circular-progress-bar__icon_1bxdv {
174
177
  width: 100%;
175
178
  height: 100%;
176
179
  }
package/modern/Component.js CHANGED
@@ -3,7 +3,7 @@ import cn from 'classnames';
3
3
  import { Text, TitleMobile } from '@alfalab/core-components-typography/modern';
4
4
  import { STROKE, SIZES, TYPOGRAPHY_COLOR, SIZE_TO_CLASSNAME_MAP, VIEW_TITLE, VIEW_TEXT } from './consts.js';
5
5
 
6
- const styles = {"component":"circular-progress-bar__component_1pqv4","bg-positive":"circular-progress-bar__bg-positive_1pqv4","bg-negative":"circular-progress-bar__bg-negative_1pqv4","svg":"circular-progress-bar__svg_1pqv4","title":"circular-progress-bar__title_1pqv4","subtitle":"circular-progress-bar__subtitle_1pqv4","labelWrapper":"circular-progress-bar__labelWrapper_1pqv4","label":"circular-progress-bar__label_1pqv4","typography":"circular-progress-bar__typography_1pqv4","size-144":"circular-progress-bar__size-144_1pqv4","size-128":"circular-progress-bar__size-128_1pqv4","size-80":"circular-progress-bar__size-80_1pqv4","size-64":"circular-progress-bar__size-64_1pqv4","size-48":"circular-progress-bar__size-48_1pqv4","size-24":"circular-progress-bar__size-24_1pqv4","backgroundCircle":"circular-progress-bar__backgroundCircle_1pqv4","progressCircle":"circular-progress-bar__progressCircle_1pqv4","positive":"circular-progress-bar__positive_1pqv4","negative":"circular-progress-bar__negative_1pqv4","stroke":"circular-progress-bar__stroke_1pqv4","iconWrapper":"circular-progress-bar__iconWrapper_1pqv4","icon-tertiary":"circular-progress-bar__icon-tertiary_1pqv4","icon-positive":"circular-progress-bar__icon-positive_1pqv4","icon-negative":"circular-progress-bar__icon-negative_1pqv4","icon-primary-inverted":"circular-progress-bar__icon-primary-inverted_1pqv4","icon-primary":"circular-progress-bar__icon-primary_1pqv4","icon-secondary":"circular-progress-bar__icon-secondary_1pqv4","icon":"circular-progress-bar__icon_1pqv4"};
6
+ const styles = {"component":"circular-progress-bar__component_1bxdv","bg-positive":"circular-progress-bar__bg-positive_1bxdv","bg-negative":"circular-progress-bar__bg-negative_1bxdv","svg":"circular-progress-bar__svg_1bxdv","title":"circular-progress-bar__title_1bxdv","subtitle":"circular-progress-bar__subtitle_1bxdv","labelWrapper":"circular-progress-bar__labelWrapper_1bxdv","label":"circular-progress-bar__label_1bxdv","typography":"circular-progress-bar__typography_1bxdv","size-144":"circular-progress-bar__size-144_1bxdv","size-128":"circular-progress-bar__size-128_1bxdv","size-80":"circular-progress-bar__size-80_1bxdv","size-64":"circular-progress-bar__size-64_1bxdv","size-48":"circular-progress-bar__size-48_1bxdv","size-24":"circular-progress-bar__size-24_1bxdv","backgroundCircle":"circular-progress-bar__backgroundCircle_1bxdv","progressCircle":"circular-progress-bar__progressCircle_1bxdv","positive":"circular-progress-bar__positive_1bxdv","negative":"circular-progress-bar__negative_1bxdv","stroke":"circular-progress-bar__stroke_1bxdv","iconWrapper":"circular-progress-bar__iconWrapper_1bxdv","icon-tertiary":"circular-progress-bar__icon-tertiary_1bxdv","icon-positive":"circular-progress-bar__icon-positive_1bxdv","icon-negative":"circular-progress-bar__icon-negative_1bxdv","icon-primary-inverted":"circular-progress-bar__icon-primary-inverted_1bxdv","icon-primary":"circular-progress-bar__icon-primary_1bxdv","icon-secondary":"circular-progress-bar__icon-secondary_1bxdv","icon":"circular-progress-bar__icon_1bxdv"};
7
7
  require('./index.css')
8
8
 
9
9
  /**
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: mumdu */
1
+ /* hash: 11ahd */
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;
@@ -24,7 +24,10 @@
24
24
  } :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 */
25
25
 
26
26
  /* новые значения, используйте их */
27
- --gap-0: 0;
27
+
28
+ /* no-unit может приводить к проблемам в calc (#1559) */
29
+ /* stylelint-disable-next-line length-zero-no-unit */
30
+ --gap-0: 0px;
28
31
  } :root {
29
32
  --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
30
33
  sans-serif;
@@ -42,135 +45,135 @@
42
45
  /* theme */
43
46
  --circular-progress-bar-font-family: var(--font-family-system);
44
47
  --circular-progress-bar-font-weight: 600;
45
- } .circular-progress-bar__component_1pqv4 {
48
+ } .circular-progress-bar__component_1bxdv {
46
49
  position: relative;
47
50
  display: flex;
48
51
  justify-content: center;
49
52
  align-items: center;
50
53
  border-radius: var(--border-radius-pill)
51
- } .circular-progress-bar__component_1pqv4.circular-progress-bar__bg-positive_1pqv4 {
54
+ } .circular-progress-bar__component_1bxdv.circular-progress-bar__bg-positive_1bxdv {
52
55
  background: var(--circular-progress-bar-positive-color);
53
- } .circular-progress-bar__component_1pqv4.circular-progress-bar__bg-negative_1pqv4 {
56
+ } .circular-progress-bar__component_1bxdv.circular-progress-bar__bg-negative_1bxdv {
54
57
  background: var(--circular-progress-bar-negative-color);
55
- } .circular-progress-bar__svg_1pqv4 {
58
+ } .circular-progress-bar__svg_1bxdv {
56
59
  display: block;
57
60
  width: 100%;
58
- } .circular-progress-bar__title_1pqv4,
59
- .circular-progress-bar__subtitle_1pqv4 {
61
+ } .circular-progress-bar__title_1bxdv,
62
+ .circular-progress-bar__subtitle_1bxdv {
60
63
  overflow: hidden;
61
64
  word-break: break-word;
62
65
  white-space: nowrap;
63
66
  text-overflow: ellipsis;
64
67
  margin: var(--gap-0) 6px;
65
- } .circular-progress-bar__subtitle_1pqv4 {
68
+ } .circular-progress-bar__subtitle_1bxdv {
66
69
  max-height: 40px;
67
- } .circular-progress-bar__labelWrapper_1pqv4 {
70
+ } .circular-progress-bar__labelWrapper_1bxdv {
68
71
  text-align: center;
69
72
  position: absolute;
70
73
  top: 50%;
71
74
  left: 50%;
72
75
  width: 100%;
73
76
  transform: translate(-50%, -50%)
74
- } .circular-progress-bar__labelWrapper_1pqv4.circular-progress-bar__label_1pqv4 {
77
+ } .circular-progress-bar__labelWrapper_1bxdv.circular-progress-bar__label_1bxdv {
75
78
  display: flex;
76
79
  align-items: center;
77
80
  justify-content: center;
78
- } .circular-progress-bar__typography_1pqv4 {
81
+ } .circular-progress-bar__typography_1bxdv {
79
82
  font-feature-settings: 'ss01';
80
83
  font-weight: var(--circular-progress-bar-font-weight);
81
84
  font-family: var(--circular-progress-bar-font-family);
82
- } .circular-progress-bar__size-144_1pqv4 {
85
+ } .circular-progress-bar__size-144_1bxdv {
83
86
  width: 144px;
84
87
  height: 144px
85
- } .circular-progress-bar__size-144_1pqv4 .circular-progress-bar__labelWrapper_1pqv4 {
88
+ } .circular-progress-bar__size-144_1bxdv .circular-progress-bar__labelWrapper_1bxdv {
86
89
  max-width: 128px;
87
- } .circular-progress-bar__size-144_1pqv4 .circular-progress-bar__title_1pqv4 {
90
+ } .circular-progress-bar__size-144_1bxdv .circular-progress-bar__title_1bxdv {
88
91
  max-height: 32px;
89
- } .circular-progress-bar__size-128_1pqv4 {
92
+ } .circular-progress-bar__size-128_1bxdv {
90
93
  width: 128px;
91
94
  height: 128px
92
- } .circular-progress-bar__size-128_1pqv4 .circular-progress-bar__labelWrapper_1pqv4 {
95
+ } .circular-progress-bar__size-128_1bxdv .circular-progress-bar__labelWrapper_1bxdv {
93
96
  max-width: 108px;
94
- } .circular-progress-bar__size-128_1pqv4 .circular-progress-bar__title_1pqv4 {
97
+ } .circular-progress-bar__size-128_1bxdv .circular-progress-bar__title_1bxdv {
95
98
  max-height: 32px;
96
- } .circular-progress-bar__size-80_1pqv4 {
99
+ } .circular-progress-bar__size-80_1bxdv {
97
100
  width: 80px;
98
101
  height: 80px
99
- } .circular-progress-bar__size-80_1pqv4 .circular-progress-bar__labelWrapper_1pqv4 {
102
+ } .circular-progress-bar__size-80_1bxdv .circular-progress-bar__labelWrapper_1bxdv {
100
103
  max-width: 64px;
101
- } .circular-progress-bar__size-80_1pqv4 .circular-progress-bar__title_1pqv4 {
104
+ } .circular-progress-bar__size-80_1bxdv .circular-progress-bar__title_1bxdv {
102
105
  max-height: 24px;
103
- } .circular-progress-bar__size-64_1pqv4 {
106
+ } .circular-progress-bar__size-64_1bxdv {
104
107
  width: 64px;
105
108
  height: 64px
106
- } .circular-progress-bar__size-64_1pqv4 .circular-progress-bar__labelWrapper_1pqv4 {
109
+ } .circular-progress-bar__size-64_1bxdv .circular-progress-bar__labelWrapper_1bxdv {
107
110
  max-width: 48px;
108
- } .circular-progress-bar__size-64_1pqv4 .circular-progress-bar__title_1pqv4 {
111
+ } .circular-progress-bar__size-64_1bxdv .circular-progress-bar__title_1bxdv {
109
112
  max-height: 16px;
110
113
  margin: var(--gap-0);
111
- } .circular-progress-bar__size-48_1pqv4 {
114
+ } .circular-progress-bar__size-48_1bxdv {
112
115
  width: 48px;
113
116
  height: 48px
114
- } .circular-progress-bar__size-48_1pqv4 .circular-progress-bar__labelWrapper_1pqv4 {
117
+ } .circular-progress-bar__size-48_1bxdv .circular-progress-bar__labelWrapper_1bxdv {
115
118
  max-width: 40px;
116
- } .circular-progress-bar__size-48_1pqv4 .circular-progress-bar__title_1pqv4 {
119
+ } .circular-progress-bar__size-48_1bxdv .circular-progress-bar__title_1bxdv {
117
120
  max-height: 16px;
118
121
  margin: var(--gap-0);
119
- } .circular-progress-bar__size-24_1pqv4 {
122
+ } .circular-progress-bar__size-24_1bxdv {
120
123
  width: 24px;
121
124
  height: 24px
122
- } .circular-progress-bar__size-24_1pqv4 .circular-progress-bar__labelWrapper_1pqv4 {
125
+ } .circular-progress-bar__size-24_1bxdv .circular-progress-bar__labelWrapper_1bxdv {
123
126
  max-width: 24px;
124
- } .circular-progress-bar__backgroundCircle_1pqv4,
125
- .circular-progress-bar__progressCircle_1pqv4 {
127
+ } .circular-progress-bar__backgroundCircle_1bxdv,
128
+ .circular-progress-bar__progressCircle_1bxdv {
126
129
  width: 100%;
127
130
  height: 100%;
128
131
  fill: transparent;
129
- } .circular-progress-bar__positive_1pqv4 {
132
+ } .circular-progress-bar__positive_1bxdv {
130
133
  stroke: var(--circular-progress-bar-positive-color);
131
- } .circular-progress-bar__negative_1pqv4 {
134
+ } .circular-progress-bar__negative_1bxdv {
132
135
  stroke: var(--circular-progress-bar-negative-color);
133
- } .circular-progress-bar__backgroundCircle_1pqv4 {
136
+ } .circular-progress-bar__backgroundCircle_1bxdv {
134
137
  stroke: var(--circular-progress-bar-stroke-color)
135
- } .circular-progress-bar__backgroundCircle_1pqv4.circular-progress-bar__stroke_1pqv4 {
138
+ } .circular-progress-bar__backgroundCircle_1bxdv.circular-progress-bar__stroke_1bxdv {
136
139
  stroke: transparent;
137
- } .circular-progress-bar__progressCircle_1pqv4 {
140
+ } .circular-progress-bar__progressCircle_1bxdv {
138
141
  stroke-linecap: round;
139
- } .circular-progress-bar__iconWrapper_1pqv4 {
142
+ } .circular-progress-bar__iconWrapper_1bxdv {
140
143
  display: flex;
141
144
  align-items: center;
142
145
  justify-content: center
143
- } .circular-progress-bar__iconWrapper_1pqv4.circular-progress-bar__size-144_1pqv4 {
146
+ } .circular-progress-bar__iconWrapper_1bxdv.circular-progress-bar__size-144_1bxdv {
144
147
  max-width: 64px;
145
148
  max-height: 64px;
146
- } .circular-progress-bar__iconWrapper_1pqv4.circular-progress-bar__size-128_1pqv4 {
149
+ } .circular-progress-bar__iconWrapper_1bxdv.circular-progress-bar__size-128_1bxdv {
147
150
  max-width: 64px;
148
151
  max-height: 64px;
149
- } .circular-progress-bar__iconWrapper_1pqv4.circular-progress-bar__size-80_1pqv4 {
152
+ } .circular-progress-bar__iconWrapper_1bxdv.circular-progress-bar__size-80_1bxdv {
150
153
  max-width: 48px;
151
154
  max-height: 48px;
152
- } .circular-progress-bar__iconWrapper_1pqv4.circular-progress-bar__size-64_1pqv4 {
155
+ } .circular-progress-bar__iconWrapper_1bxdv.circular-progress-bar__size-64_1bxdv {
153
156
  max-width: 36px;
154
157
  max-height: 36px;
155
- } .circular-progress-bar__iconWrapper_1pqv4.circular-progress-bar__size-48_1pqv4 {
158
+ } .circular-progress-bar__iconWrapper_1bxdv.circular-progress-bar__size-48_1bxdv {
156
159
  max-width: 24px;
157
160
  max-height: 24px;
158
- } .circular-progress-bar__iconWrapper_1pqv4.circular-progress-bar__size-24_1pqv4 {
161
+ } .circular-progress-bar__iconWrapper_1bxdv.circular-progress-bar__size-24_1bxdv {
159
162
  max-width: 16px;
160
163
  max-height: 16px;
161
- } .circular-progress-bar__iconWrapper_1pqv4.circular-progress-bar__icon-tertiary_1pqv4 {
164
+ } .circular-progress-bar__iconWrapper_1bxdv.circular-progress-bar__icon-tertiary_1bxdv {
162
165
  color: var(--color-light-neutral-500);
163
- } .circular-progress-bar__iconWrapper_1pqv4.circular-progress-bar__icon-positive_1pqv4 {
166
+ } .circular-progress-bar__iconWrapper_1bxdv.circular-progress-bar__icon-positive_1bxdv {
164
167
  color: var(--color-light-status-positive);
165
- } .circular-progress-bar__iconWrapper_1pqv4.circular-progress-bar__icon-negative_1pqv4 {
168
+ } .circular-progress-bar__iconWrapper_1bxdv.circular-progress-bar__icon-negative_1bxdv {
166
169
  color: var(--color-light-status-negative);
167
- } .circular-progress-bar__iconWrapper_1pqv4.circular-progress-bar__icon-primary-inverted_1pqv4 {
170
+ } .circular-progress-bar__iconWrapper_1bxdv.circular-progress-bar__icon-primary-inverted_1bxdv {
168
171
  color: var(--color-light-neutral-translucent-1300-inverted);
169
- } .circular-progress-bar__iconWrapper_1pqv4.circular-progress-bar__icon-primary_1pqv4 {
172
+ } .circular-progress-bar__iconWrapper_1bxdv.circular-progress-bar__icon-primary_1bxdv {
170
173
  color: var(--color-light-neutral-translucent-1300);
171
- } .circular-progress-bar__iconWrapper_1pqv4.circular-progress-bar__icon-secondary_1pqv4 {
174
+ } .circular-progress-bar__iconWrapper_1bxdv.circular-progress-bar__icon-secondary_1bxdv {
172
175
  color: var(--color-light-neutral-700);
173
- } .circular-progress-bar__icon_1pqv4 {
176
+ } .circular-progress-bar__icon_1bxdv {
174
177
  width: 100%;
175
178
  height: 100%;
176
179
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-circular-progress-bar",
3
- "version": "3.6.6",
3
+ "version": "3.6.8",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -12,13 +12,13 @@
12
12
  },
13
13
  "sideEffects": false,
14
14
  "dependencies": {
15
- "@alfalab/core-components-typography": "^4.11.2",
15
+ "@alfalab/core-components-typography": "^4.11.4",
16
16
  "classnames": "^2.5.1",
17
17
  "tslib": "^2.4.0"
18
18
  },
19
19
  "peerDependencies": {
20
20
  "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
21
21
  },
22
- "themesVersion": "13.6.0",
23
- "varsVersion": "9.16.0"
22
+ "themesVersion": "13.7.0",
23
+ "varsVersion": "9.18.0"
24
24
  }