@alfalab/core-components-circular-progress-bar 3.5.5 → 3.5.6

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 +3 -1
  3. package/esm/Component.js +1 -1
  4. package/esm/index.css +52 -50
  5. package/index.css +52 -50
  6. package/modern/Component.js +1 -1
  7. package/modern/index.css +52 -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_9u1ba","bg-positive":"circular-progress-bar__bg-positive_9u1ba","bg-negative":"circular-progress-bar__bg-negative_9u1ba","svg":"circular-progress-bar__svg_9u1ba","title":"circular-progress-bar__title_9u1ba","subtitle":"circular-progress-bar__subtitle_9u1ba","labelWrapper":"circular-progress-bar__labelWrapper_9u1ba","label":"circular-progress-bar__label_9u1ba","typography":"circular-progress-bar__typography_9u1ba","size-144":"circular-progress-bar__size-144_9u1ba","size-128":"circular-progress-bar__size-128_9u1ba","size-80":"circular-progress-bar__size-80_9u1ba","size-64":"circular-progress-bar__size-64_9u1ba","size-48":"circular-progress-bar__size-48_9u1ba","size-24":"circular-progress-bar__size-24_9u1ba","backgroundCircle":"circular-progress-bar__backgroundCircle_9u1ba","progressCircle":"circular-progress-bar__progressCircle_9u1ba","positive":"circular-progress-bar__positive_9u1ba","negative":"circular-progress-bar__negative_9u1ba","stroke":"circular-progress-bar__stroke_9u1ba","iconWrapper":"circular-progress-bar__iconWrapper_9u1ba","icon-tertiary":"circular-progress-bar__icon-tertiary_9u1ba","icon-positive":"circular-progress-bar__icon-positive_9u1ba","icon-negative":"circular-progress-bar__icon-negative_9u1ba","icon-primary-inverted":"circular-progress-bar__icon-primary-inverted_9u1ba","icon-primary":"circular-progress-bar__icon-primary_9u1ba","icon-secondary":"circular-progress-bar__icon-secondary_9u1ba","icon":"circular-progress-bar__icon_9u1ba"};
16
+ var styles = {"component":"circular-progress-bar__component_1lqxh","bg-positive":"circular-progress-bar__bg-positive_1lqxh","bg-negative":"circular-progress-bar__bg-negative_1lqxh","svg":"circular-progress-bar__svg_1lqxh","title":"circular-progress-bar__title_1lqxh","subtitle":"circular-progress-bar__subtitle_1lqxh","labelWrapper":"circular-progress-bar__labelWrapper_1lqxh","label":"circular-progress-bar__label_1lqxh","typography":"circular-progress-bar__typography_1lqxh","size-144":"circular-progress-bar__size-144_1lqxh","size-128":"circular-progress-bar__size-128_1lqxh","size-80":"circular-progress-bar__size-80_1lqxh","size-64":"circular-progress-bar__size-64_1lqxh","size-48":"circular-progress-bar__size-48_1lqxh","size-24":"circular-progress-bar__size-24_1lqxh","backgroundCircle":"circular-progress-bar__backgroundCircle_1lqxh","progressCircle":"circular-progress-bar__progressCircle_1lqxh","positive":"circular-progress-bar__positive_1lqxh","negative":"circular-progress-bar__negative_1lqxh","stroke":"circular-progress-bar__stroke_1lqxh","iconWrapper":"circular-progress-bar__iconWrapper_1lqxh","icon-tertiary":"circular-progress-bar__icon-tertiary_1lqxh","icon-positive":"circular-progress-bar__icon-positive_1lqxh","icon-negative":"circular-progress-bar__icon-negative_1lqxh","icon-primary-inverted":"circular-progress-bar__icon-primary-inverted_1lqxh","icon-primary":"circular-progress-bar__icon-primary_1lqxh","icon-secondary":"circular-progress-bar__icon-secondary_1lqxh","icon":"circular-progress-bar__icon_1lqxh"};
17
17
  require('./index.css')
18
18
 
19
19
  /**
package/cssm/index.module.css CHANGED
@@ -16,8 +16,10 @@
16
16
  /* Up */
17
17
 
18
18
  /* Hard up */
19
- } :root {
19
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
20
20
  --border-radius-pill: 99px;
21
+
22
+ /* новые значения, используйте их */
21
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 */
22
24
 
23
25
  /* новые значения, используйте их */
package/esm/Component.js CHANGED
@@ -4,7 +4,7 @@ import cn from 'classnames';
4
4
  import { Typography } 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_9u1ba","bg-positive":"circular-progress-bar__bg-positive_9u1ba","bg-negative":"circular-progress-bar__bg-negative_9u1ba","svg":"circular-progress-bar__svg_9u1ba","title":"circular-progress-bar__title_9u1ba","subtitle":"circular-progress-bar__subtitle_9u1ba","labelWrapper":"circular-progress-bar__labelWrapper_9u1ba","label":"circular-progress-bar__label_9u1ba","typography":"circular-progress-bar__typography_9u1ba","size-144":"circular-progress-bar__size-144_9u1ba","size-128":"circular-progress-bar__size-128_9u1ba","size-80":"circular-progress-bar__size-80_9u1ba","size-64":"circular-progress-bar__size-64_9u1ba","size-48":"circular-progress-bar__size-48_9u1ba","size-24":"circular-progress-bar__size-24_9u1ba","backgroundCircle":"circular-progress-bar__backgroundCircle_9u1ba","progressCircle":"circular-progress-bar__progressCircle_9u1ba","positive":"circular-progress-bar__positive_9u1ba","negative":"circular-progress-bar__negative_9u1ba","stroke":"circular-progress-bar__stroke_9u1ba","iconWrapper":"circular-progress-bar__iconWrapper_9u1ba","icon-tertiary":"circular-progress-bar__icon-tertiary_9u1ba","icon-positive":"circular-progress-bar__icon-positive_9u1ba","icon-negative":"circular-progress-bar__icon-negative_9u1ba","icon-primary-inverted":"circular-progress-bar__icon-primary-inverted_9u1ba","icon-primary":"circular-progress-bar__icon-primary_9u1ba","icon-secondary":"circular-progress-bar__icon-secondary_9u1ba","icon":"circular-progress-bar__icon_9u1ba"};
7
+ var styles = {"component":"circular-progress-bar__component_1lqxh","bg-positive":"circular-progress-bar__bg-positive_1lqxh","bg-negative":"circular-progress-bar__bg-negative_1lqxh","svg":"circular-progress-bar__svg_1lqxh","title":"circular-progress-bar__title_1lqxh","subtitle":"circular-progress-bar__subtitle_1lqxh","labelWrapper":"circular-progress-bar__labelWrapper_1lqxh","label":"circular-progress-bar__label_1lqxh","typography":"circular-progress-bar__typography_1lqxh","size-144":"circular-progress-bar__size-144_1lqxh","size-128":"circular-progress-bar__size-128_1lqxh","size-80":"circular-progress-bar__size-80_1lqxh","size-64":"circular-progress-bar__size-64_1lqxh","size-48":"circular-progress-bar__size-48_1lqxh","size-24":"circular-progress-bar__size-24_1lqxh","backgroundCircle":"circular-progress-bar__backgroundCircle_1lqxh","progressCircle":"circular-progress-bar__progressCircle_1lqxh","positive":"circular-progress-bar__positive_1lqxh","negative":"circular-progress-bar__negative_1lqxh","stroke":"circular-progress-bar__stroke_1lqxh","iconWrapper":"circular-progress-bar__iconWrapper_1lqxh","icon-tertiary":"circular-progress-bar__icon-tertiary_1lqxh","icon-positive":"circular-progress-bar__icon-positive_1lqxh","icon-negative":"circular-progress-bar__icon-negative_1lqxh","icon-primary-inverted":"circular-progress-bar__icon-primary-inverted_1lqxh","icon-primary":"circular-progress-bar__icon-primary_1lqxh","icon-secondary":"circular-progress-bar__icon-secondary_1lqxh","icon":"circular-progress-bar__icon_1lqxh"};
8
8
  require('./index.css')
9
9
 
10
10
  /**
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1h9sg */
1
+ /* hash: u1j2e */
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;
@@ -17,8 +17,10 @@
17
17
  /* Up */
18
18
 
19
19
  /* Hard up */
20
- } :root {
20
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
21
21
  --border-radius-pill: 99px;
22
+
23
+ /* новые значения, используйте их */
22
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 */
23
25
 
24
26
  /* новые значения, используйте их */
@@ -39,135 +41,135 @@
39
41
  /* theme */
40
42
  --circular-progress-bar-font-family: var(--font-family-system);
41
43
  --circular-progress-bar-font-weight: 600;
42
- } .circular-progress-bar__component_9u1ba {
44
+ } .circular-progress-bar__component_1lqxh {
43
45
  position: relative;
44
46
  display: flex;
45
47
  justify-content: center;
46
48
  align-items: center;
47
49
  border-radius: var(--border-radius-pill)
48
- } .circular-progress-bar__component_9u1ba.circular-progress-bar__bg-positive_9u1ba {
50
+ } .circular-progress-bar__component_1lqxh.circular-progress-bar__bg-positive_1lqxh {
49
51
  background: var(--circular-progress-bar-positive-color);
50
- } .circular-progress-bar__component_9u1ba.circular-progress-bar__bg-negative_9u1ba {
52
+ } .circular-progress-bar__component_1lqxh.circular-progress-bar__bg-negative_1lqxh {
51
53
  background: var(--circular-progress-bar-negative-color);
52
- } .circular-progress-bar__svg_9u1ba {
54
+ } .circular-progress-bar__svg_1lqxh {
53
55
  display: block;
54
56
  width: 100%;
55
- } .circular-progress-bar__title_9u1ba,
56
- .circular-progress-bar__subtitle_9u1ba {
57
+ } .circular-progress-bar__title_1lqxh,
58
+ .circular-progress-bar__subtitle_1lqxh {
57
59
  overflow: hidden;
58
60
  word-break: break-word;
59
61
  white-space: nowrap;
60
62
  text-overflow: ellipsis;
61
63
  margin: 0 6px;
62
- } .circular-progress-bar__subtitle_9u1ba {
64
+ } .circular-progress-bar__subtitle_1lqxh {
63
65
  max-height: 40px;
64
- } .circular-progress-bar__labelWrapper_9u1ba {
66
+ } .circular-progress-bar__labelWrapper_1lqxh {
65
67
  text-align: center;
66
68
  position: absolute;
67
69
  top: 50%;
68
70
  left: 50%;
69
71
  width: 100%;
70
72
  transform: translate(-50%, -50%)
71
- } .circular-progress-bar__labelWrapper_9u1ba.circular-progress-bar__label_9u1ba {
73
+ } .circular-progress-bar__labelWrapper_1lqxh.circular-progress-bar__label_1lqxh {
72
74
  display: flex;
73
75
  align-items: center;
74
76
  justify-content: center;
75
- } .circular-progress-bar__typography_9u1ba {
77
+ } .circular-progress-bar__typography_1lqxh {
76
78
  font-feature-settings: 'ss01';
77
79
  font-weight: var(--circular-progress-bar-font-weight);
78
80
  font-family: var(--circular-progress-bar-font-family);
79
- } .circular-progress-bar__size-144_9u1ba {
81
+ } .circular-progress-bar__size-144_1lqxh {
80
82
  width: 144px;
81
83
  height: 144px
82
- } .circular-progress-bar__size-144_9u1ba .circular-progress-bar__labelWrapper_9u1ba {
84
+ } .circular-progress-bar__size-144_1lqxh .circular-progress-bar__labelWrapper_1lqxh {
83
85
  max-width: 128px;
84
- } .circular-progress-bar__size-144_9u1ba .circular-progress-bar__title_9u1ba {
86
+ } .circular-progress-bar__size-144_1lqxh .circular-progress-bar__title_1lqxh {
85
87
  max-height: 32px;
86
- } .circular-progress-bar__size-128_9u1ba {
88
+ } .circular-progress-bar__size-128_1lqxh {
87
89
  width: 128px;
88
90
  height: 128px
89
- } .circular-progress-bar__size-128_9u1ba .circular-progress-bar__labelWrapper_9u1ba {
91
+ } .circular-progress-bar__size-128_1lqxh .circular-progress-bar__labelWrapper_1lqxh {
90
92
  max-width: 108px;
91
- } .circular-progress-bar__size-128_9u1ba .circular-progress-bar__title_9u1ba {
93
+ } .circular-progress-bar__size-128_1lqxh .circular-progress-bar__title_1lqxh {
92
94
  max-height: 32px;
93
- } .circular-progress-bar__size-80_9u1ba {
95
+ } .circular-progress-bar__size-80_1lqxh {
94
96
  width: 80px;
95
97
  height: 80px
96
- } .circular-progress-bar__size-80_9u1ba .circular-progress-bar__labelWrapper_9u1ba {
98
+ } .circular-progress-bar__size-80_1lqxh .circular-progress-bar__labelWrapper_1lqxh {
97
99
  max-width: 64px;
98
- } .circular-progress-bar__size-80_9u1ba .circular-progress-bar__title_9u1ba {
100
+ } .circular-progress-bar__size-80_1lqxh .circular-progress-bar__title_1lqxh {
99
101
  max-height: 24px;
100
- } .circular-progress-bar__size-64_9u1ba {
102
+ } .circular-progress-bar__size-64_1lqxh {
101
103
  width: 64px;
102
104
  height: 64px
103
- } .circular-progress-bar__size-64_9u1ba .circular-progress-bar__labelWrapper_9u1ba {
105
+ } .circular-progress-bar__size-64_1lqxh .circular-progress-bar__labelWrapper_1lqxh {
104
106
  max-width: 48px;
105
- } .circular-progress-bar__size-64_9u1ba .circular-progress-bar__title_9u1ba {
107
+ } .circular-progress-bar__size-64_1lqxh .circular-progress-bar__title_1lqxh {
106
108
  max-height: 16px;
107
109
  margin: 0;
108
- } .circular-progress-bar__size-48_9u1ba {
110
+ } .circular-progress-bar__size-48_1lqxh {
109
111
  width: 48px;
110
112
  height: 48px
111
- } .circular-progress-bar__size-48_9u1ba .circular-progress-bar__labelWrapper_9u1ba {
113
+ } .circular-progress-bar__size-48_1lqxh .circular-progress-bar__labelWrapper_1lqxh {
112
114
  max-width: 40px;
113
- } .circular-progress-bar__size-48_9u1ba .circular-progress-bar__title_9u1ba {
115
+ } .circular-progress-bar__size-48_1lqxh .circular-progress-bar__title_1lqxh {
114
116
  max-height: 16px;
115
117
  margin: 0;
116
- } .circular-progress-bar__size-24_9u1ba {
118
+ } .circular-progress-bar__size-24_1lqxh {
117
119
  width: 24px;
118
120
  height: 24px
119
- } .circular-progress-bar__size-24_9u1ba .circular-progress-bar__labelWrapper_9u1ba {
121
+ } .circular-progress-bar__size-24_1lqxh .circular-progress-bar__labelWrapper_1lqxh {
120
122
  max-width: 24px;
121
- } .circular-progress-bar__backgroundCircle_9u1ba,
122
- .circular-progress-bar__progressCircle_9u1ba {
123
+ } .circular-progress-bar__backgroundCircle_1lqxh,
124
+ .circular-progress-bar__progressCircle_1lqxh {
123
125
  width: 100%;
124
126
  height: 100%;
125
127
  fill: transparent;
126
- } .circular-progress-bar__positive_9u1ba {
128
+ } .circular-progress-bar__positive_1lqxh {
127
129
  stroke: var(--circular-progress-bar-positive-color);
128
- } .circular-progress-bar__negative_9u1ba {
130
+ } .circular-progress-bar__negative_1lqxh {
129
131
  stroke: var(--circular-progress-bar-negative-color);
130
- } .circular-progress-bar__backgroundCircle_9u1ba {
132
+ } .circular-progress-bar__backgroundCircle_1lqxh {
131
133
  stroke: var(--circular-progress-bar-stroke-color)
132
- } .circular-progress-bar__backgroundCircle_9u1ba.circular-progress-bar__stroke_9u1ba {
134
+ } .circular-progress-bar__backgroundCircle_1lqxh.circular-progress-bar__stroke_1lqxh {
133
135
  stroke: transparent;
134
- } .circular-progress-bar__progressCircle_9u1ba {
136
+ } .circular-progress-bar__progressCircle_1lqxh {
135
137
  stroke-linecap: round;
136
- } .circular-progress-bar__iconWrapper_9u1ba {
138
+ } .circular-progress-bar__iconWrapper_1lqxh {
137
139
  display: flex;
138
140
  align-items: center;
139
141
  justify-content: center
140
- } .circular-progress-bar__iconWrapper_9u1ba.circular-progress-bar__size-144_9u1ba {
142
+ } .circular-progress-bar__iconWrapper_1lqxh.circular-progress-bar__size-144_1lqxh {
141
143
  max-width: 64px;
142
144
  max-height: 64px;
143
- } .circular-progress-bar__iconWrapper_9u1ba.circular-progress-bar__size-128_9u1ba {
145
+ } .circular-progress-bar__iconWrapper_1lqxh.circular-progress-bar__size-128_1lqxh {
144
146
  max-width: 64px;
145
147
  max-height: 64px;
146
- } .circular-progress-bar__iconWrapper_9u1ba.circular-progress-bar__size-80_9u1ba {
148
+ } .circular-progress-bar__iconWrapper_1lqxh.circular-progress-bar__size-80_1lqxh {
147
149
  max-width: 48px;
148
150
  max-height: 48px;
149
- } .circular-progress-bar__iconWrapper_9u1ba.circular-progress-bar__size-64_9u1ba {
151
+ } .circular-progress-bar__iconWrapper_1lqxh.circular-progress-bar__size-64_1lqxh {
150
152
  max-width: 36px;
151
153
  max-height: 36px;
152
- } .circular-progress-bar__iconWrapper_9u1ba.circular-progress-bar__size-48_9u1ba {
154
+ } .circular-progress-bar__iconWrapper_1lqxh.circular-progress-bar__size-48_1lqxh {
153
155
  max-width: 24px;
154
156
  max-height: 24px;
155
- } .circular-progress-bar__iconWrapper_9u1ba.circular-progress-bar__size-24_9u1ba {
157
+ } .circular-progress-bar__iconWrapper_1lqxh.circular-progress-bar__size-24_1lqxh {
156
158
  max-width: 16px;
157
159
  max-height: 16px;
158
- } .circular-progress-bar__iconWrapper_9u1ba.circular-progress-bar__icon-tertiary_9u1ba {
160
+ } .circular-progress-bar__iconWrapper_1lqxh.circular-progress-bar__icon-tertiary_1lqxh {
159
161
  color: var(--color-light-neutral-500);
160
- } .circular-progress-bar__iconWrapper_9u1ba.circular-progress-bar__icon-positive_9u1ba {
162
+ } .circular-progress-bar__iconWrapper_1lqxh.circular-progress-bar__icon-positive_1lqxh {
161
163
  color: var(--color-light-status-positive);
162
- } .circular-progress-bar__iconWrapper_9u1ba.circular-progress-bar__icon-negative_9u1ba {
164
+ } .circular-progress-bar__iconWrapper_1lqxh.circular-progress-bar__icon-negative_1lqxh {
163
165
  color: var(--color-light-status-negative);
164
- } .circular-progress-bar__iconWrapper_9u1ba.circular-progress-bar__icon-primary-inverted_9u1ba {
166
+ } .circular-progress-bar__iconWrapper_1lqxh.circular-progress-bar__icon-primary-inverted_1lqxh {
165
167
  color: var(--color-light-neutral-translucent-1300-inverted);
166
- } .circular-progress-bar__iconWrapper_9u1ba.circular-progress-bar__icon-primary_9u1ba {
168
+ } .circular-progress-bar__iconWrapper_1lqxh.circular-progress-bar__icon-primary_1lqxh {
167
169
  color: var(--color-light-neutral-translucent-1300);
168
- } .circular-progress-bar__iconWrapper_9u1ba.circular-progress-bar__icon-secondary_9u1ba {
170
+ } .circular-progress-bar__iconWrapper_1lqxh.circular-progress-bar__icon-secondary_1lqxh {
169
171
  color: var(--color-light-neutral-700);
170
- } .circular-progress-bar__icon_9u1ba {
172
+ } .circular-progress-bar__icon_1lqxh {
171
173
  width: 100%;
172
174
  height: 100%;
173
175
  }
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1h9sg */
1
+ /* hash: u1j2e */
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;
@@ -17,8 +17,10 @@
17
17
  /* Up */
18
18
 
19
19
  /* Hard up */
20
- } :root {
20
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
21
21
  --border-radius-pill: 99px;
22
+
23
+ /* новые значения, используйте их */
22
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 */
23
25
 
24
26
  /* новые значения, используйте их */
@@ -39,135 +41,135 @@
39
41
  /* theme */
40
42
  --circular-progress-bar-font-family: var(--font-family-system);
41
43
  --circular-progress-bar-font-weight: 600;
42
- } .circular-progress-bar__component_9u1ba {
44
+ } .circular-progress-bar__component_1lqxh {
43
45
  position: relative;
44
46
  display: flex;
45
47
  justify-content: center;
46
48
  align-items: center;
47
49
  border-radius: var(--border-radius-pill)
48
- } .circular-progress-bar__component_9u1ba.circular-progress-bar__bg-positive_9u1ba {
50
+ } .circular-progress-bar__component_1lqxh.circular-progress-bar__bg-positive_1lqxh {
49
51
  background: var(--circular-progress-bar-positive-color);
50
- } .circular-progress-bar__component_9u1ba.circular-progress-bar__bg-negative_9u1ba {
52
+ } .circular-progress-bar__component_1lqxh.circular-progress-bar__bg-negative_1lqxh {
51
53
  background: var(--circular-progress-bar-negative-color);
52
- } .circular-progress-bar__svg_9u1ba {
54
+ } .circular-progress-bar__svg_1lqxh {
53
55
  display: block;
54
56
  width: 100%;
55
- } .circular-progress-bar__title_9u1ba,
56
- .circular-progress-bar__subtitle_9u1ba {
57
+ } .circular-progress-bar__title_1lqxh,
58
+ .circular-progress-bar__subtitle_1lqxh {
57
59
  overflow: hidden;
58
60
  word-break: break-word;
59
61
  white-space: nowrap;
60
62
  text-overflow: ellipsis;
61
63
  margin: 0 6px;
62
- } .circular-progress-bar__subtitle_9u1ba {
64
+ } .circular-progress-bar__subtitle_1lqxh {
63
65
  max-height: 40px;
64
- } .circular-progress-bar__labelWrapper_9u1ba {
66
+ } .circular-progress-bar__labelWrapper_1lqxh {
65
67
  text-align: center;
66
68
  position: absolute;
67
69
  top: 50%;
68
70
  left: 50%;
69
71
  width: 100%;
70
72
  transform: translate(-50%, -50%)
71
- } .circular-progress-bar__labelWrapper_9u1ba.circular-progress-bar__label_9u1ba {
73
+ } .circular-progress-bar__labelWrapper_1lqxh.circular-progress-bar__label_1lqxh {
72
74
  display: flex;
73
75
  align-items: center;
74
76
  justify-content: center;
75
- } .circular-progress-bar__typography_9u1ba {
77
+ } .circular-progress-bar__typography_1lqxh {
76
78
  font-feature-settings: 'ss01';
77
79
  font-weight: var(--circular-progress-bar-font-weight);
78
80
  font-family: var(--circular-progress-bar-font-family);
79
- } .circular-progress-bar__size-144_9u1ba {
81
+ } .circular-progress-bar__size-144_1lqxh {
80
82
  width: 144px;
81
83
  height: 144px
82
- } .circular-progress-bar__size-144_9u1ba .circular-progress-bar__labelWrapper_9u1ba {
84
+ } .circular-progress-bar__size-144_1lqxh .circular-progress-bar__labelWrapper_1lqxh {
83
85
  max-width: 128px;
84
- } .circular-progress-bar__size-144_9u1ba .circular-progress-bar__title_9u1ba {
86
+ } .circular-progress-bar__size-144_1lqxh .circular-progress-bar__title_1lqxh {
85
87
  max-height: 32px;
86
- } .circular-progress-bar__size-128_9u1ba {
88
+ } .circular-progress-bar__size-128_1lqxh {
87
89
  width: 128px;
88
90
  height: 128px
89
- } .circular-progress-bar__size-128_9u1ba .circular-progress-bar__labelWrapper_9u1ba {
91
+ } .circular-progress-bar__size-128_1lqxh .circular-progress-bar__labelWrapper_1lqxh {
90
92
  max-width: 108px;
91
- } .circular-progress-bar__size-128_9u1ba .circular-progress-bar__title_9u1ba {
93
+ } .circular-progress-bar__size-128_1lqxh .circular-progress-bar__title_1lqxh {
92
94
  max-height: 32px;
93
- } .circular-progress-bar__size-80_9u1ba {
95
+ } .circular-progress-bar__size-80_1lqxh {
94
96
  width: 80px;
95
97
  height: 80px
96
- } .circular-progress-bar__size-80_9u1ba .circular-progress-bar__labelWrapper_9u1ba {
98
+ } .circular-progress-bar__size-80_1lqxh .circular-progress-bar__labelWrapper_1lqxh {
97
99
  max-width: 64px;
98
- } .circular-progress-bar__size-80_9u1ba .circular-progress-bar__title_9u1ba {
100
+ } .circular-progress-bar__size-80_1lqxh .circular-progress-bar__title_1lqxh {
99
101
  max-height: 24px;
100
- } .circular-progress-bar__size-64_9u1ba {
102
+ } .circular-progress-bar__size-64_1lqxh {
101
103
  width: 64px;
102
104
  height: 64px
103
- } .circular-progress-bar__size-64_9u1ba .circular-progress-bar__labelWrapper_9u1ba {
105
+ } .circular-progress-bar__size-64_1lqxh .circular-progress-bar__labelWrapper_1lqxh {
104
106
  max-width: 48px;
105
- } .circular-progress-bar__size-64_9u1ba .circular-progress-bar__title_9u1ba {
107
+ } .circular-progress-bar__size-64_1lqxh .circular-progress-bar__title_1lqxh {
106
108
  max-height: 16px;
107
109
  margin: 0;
108
- } .circular-progress-bar__size-48_9u1ba {
110
+ } .circular-progress-bar__size-48_1lqxh {
109
111
  width: 48px;
110
112
  height: 48px
111
- } .circular-progress-bar__size-48_9u1ba .circular-progress-bar__labelWrapper_9u1ba {
113
+ } .circular-progress-bar__size-48_1lqxh .circular-progress-bar__labelWrapper_1lqxh {
112
114
  max-width: 40px;
113
- } .circular-progress-bar__size-48_9u1ba .circular-progress-bar__title_9u1ba {
115
+ } .circular-progress-bar__size-48_1lqxh .circular-progress-bar__title_1lqxh {
114
116
  max-height: 16px;
115
117
  margin: 0;
116
- } .circular-progress-bar__size-24_9u1ba {
118
+ } .circular-progress-bar__size-24_1lqxh {
117
119
  width: 24px;
118
120
  height: 24px
119
- } .circular-progress-bar__size-24_9u1ba .circular-progress-bar__labelWrapper_9u1ba {
121
+ } .circular-progress-bar__size-24_1lqxh .circular-progress-bar__labelWrapper_1lqxh {
120
122
  max-width: 24px;
121
- } .circular-progress-bar__backgroundCircle_9u1ba,
122
- .circular-progress-bar__progressCircle_9u1ba {
123
+ } .circular-progress-bar__backgroundCircle_1lqxh,
124
+ .circular-progress-bar__progressCircle_1lqxh {
123
125
  width: 100%;
124
126
  height: 100%;
125
127
  fill: transparent;
126
- } .circular-progress-bar__positive_9u1ba {
128
+ } .circular-progress-bar__positive_1lqxh {
127
129
  stroke: var(--circular-progress-bar-positive-color);
128
- } .circular-progress-bar__negative_9u1ba {
130
+ } .circular-progress-bar__negative_1lqxh {
129
131
  stroke: var(--circular-progress-bar-negative-color);
130
- } .circular-progress-bar__backgroundCircle_9u1ba {
132
+ } .circular-progress-bar__backgroundCircle_1lqxh {
131
133
  stroke: var(--circular-progress-bar-stroke-color)
132
- } .circular-progress-bar__backgroundCircle_9u1ba.circular-progress-bar__stroke_9u1ba {
134
+ } .circular-progress-bar__backgroundCircle_1lqxh.circular-progress-bar__stroke_1lqxh {
133
135
  stroke: transparent;
134
- } .circular-progress-bar__progressCircle_9u1ba {
136
+ } .circular-progress-bar__progressCircle_1lqxh {
135
137
  stroke-linecap: round;
136
- } .circular-progress-bar__iconWrapper_9u1ba {
138
+ } .circular-progress-bar__iconWrapper_1lqxh {
137
139
  display: flex;
138
140
  align-items: center;
139
141
  justify-content: center
140
- } .circular-progress-bar__iconWrapper_9u1ba.circular-progress-bar__size-144_9u1ba {
142
+ } .circular-progress-bar__iconWrapper_1lqxh.circular-progress-bar__size-144_1lqxh {
141
143
  max-width: 64px;
142
144
  max-height: 64px;
143
- } .circular-progress-bar__iconWrapper_9u1ba.circular-progress-bar__size-128_9u1ba {
145
+ } .circular-progress-bar__iconWrapper_1lqxh.circular-progress-bar__size-128_1lqxh {
144
146
  max-width: 64px;
145
147
  max-height: 64px;
146
- } .circular-progress-bar__iconWrapper_9u1ba.circular-progress-bar__size-80_9u1ba {
148
+ } .circular-progress-bar__iconWrapper_1lqxh.circular-progress-bar__size-80_1lqxh {
147
149
  max-width: 48px;
148
150
  max-height: 48px;
149
- } .circular-progress-bar__iconWrapper_9u1ba.circular-progress-bar__size-64_9u1ba {
151
+ } .circular-progress-bar__iconWrapper_1lqxh.circular-progress-bar__size-64_1lqxh {
150
152
  max-width: 36px;
151
153
  max-height: 36px;
152
- } .circular-progress-bar__iconWrapper_9u1ba.circular-progress-bar__size-48_9u1ba {
154
+ } .circular-progress-bar__iconWrapper_1lqxh.circular-progress-bar__size-48_1lqxh {
153
155
  max-width: 24px;
154
156
  max-height: 24px;
155
- } .circular-progress-bar__iconWrapper_9u1ba.circular-progress-bar__size-24_9u1ba {
157
+ } .circular-progress-bar__iconWrapper_1lqxh.circular-progress-bar__size-24_1lqxh {
156
158
  max-width: 16px;
157
159
  max-height: 16px;
158
- } .circular-progress-bar__iconWrapper_9u1ba.circular-progress-bar__icon-tertiary_9u1ba {
160
+ } .circular-progress-bar__iconWrapper_1lqxh.circular-progress-bar__icon-tertiary_1lqxh {
159
161
  color: var(--color-light-neutral-500);
160
- } .circular-progress-bar__iconWrapper_9u1ba.circular-progress-bar__icon-positive_9u1ba {
162
+ } .circular-progress-bar__iconWrapper_1lqxh.circular-progress-bar__icon-positive_1lqxh {
161
163
  color: var(--color-light-status-positive);
162
- } .circular-progress-bar__iconWrapper_9u1ba.circular-progress-bar__icon-negative_9u1ba {
164
+ } .circular-progress-bar__iconWrapper_1lqxh.circular-progress-bar__icon-negative_1lqxh {
163
165
  color: var(--color-light-status-negative);
164
- } .circular-progress-bar__iconWrapper_9u1ba.circular-progress-bar__icon-primary-inverted_9u1ba {
166
+ } .circular-progress-bar__iconWrapper_1lqxh.circular-progress-bar__icon-primary-inverted_1lqxh {
165
167
  color: var(--color-light-neutral-translucent-1300-inverted);
166
- } .circular-progress-bar__iconWrapper_9u1ba.circular-progress-bar__icon-primary_9u1ba {
168
+ } .circular-progress-bar__iconWrapper_1lqxh.circular-progress-bar__icon-primary_1lqxh {
167
169
  color: var(--color-light-neutral-translucent-1300);
168
- } .circular-progress-bar__iconWrapper_9u1ba.circular-progress-bar__icon-secondary_9u1ba {
170
+ } .circular-progress-bar__iconWrapper_1lqxh.circular-progress-bar__icon-secondary_1lqxh {
169
171
  color: var(--color-light-neutral-700);
170
- } .circular-progress-bar__icon_9u1ba {
172
+ } .circular-progress-bar__icon_1lqxh {
171
173
  width: 100%;
172
174
  height: 100%;
173
175
  }
package/modern/Component.js CHANGED
@@ -3,7 +3,7 @@ import cn from 'classnames';
3
3
  import { Typography } 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_9u1ba","bg-positive":"circular-progress-bar__bg-positive_9u1ba","bg-negative":"circular-progress-bar__bg-negative_9u1ba","svg":"circular-progress-bar__svg_9u1ba","title":"circular-progress-bar__title_9u1ba","subtitle":"circular-progress-bar__subtitle_9u1ba","labelWrapper":"circular-progress-bar__labelWrapper_9u1ba","label":"circular-progress-bar__label_9u1ba","typography":"circular-progress-bar__typography_9u1ba","size-144":"circular-progress-bar__size-144_9u1ba","size-128":"circular-progress-bar__size-128_9u1ba","size-80":"circular-progress-bar__size-80_9u1ba","size-64":"circular-progress-bar__size-64_9u1ba","size-48":"circular-progress-bar__size-48_9u1ba","size-24":"circular-progress-bar__size-24_9u1ba","backgroundCircle":"circular-progress-bar__backgroundCircle_9u1ba","progressCircle":"circular-progress-bar__progressCircle_9u1ba","positive":"circular-progress-bar__positive_9u1ba","negative":"circular-progress-bar__negative_9u1ba","stroke":"circular-progress-bar__stroke_9u1ba","iconWrapper":"circular-progress-bar__iconWrapper_9u1ba","icon-tertiary":"circular-progress-bar__icon-tertiary_9u1ba","icon-positive":"circular-progress-bar__icon-positive_9u1ba","icon-negative":"circular-progress-bar__icon-negative_9u1ba","icon-primary-inverted":"circular-progress-bar__icon-primary-inverted_9u1ba","icon-primary":"circular-progress-bar__icon-primary_9u1ba","icon-secondary":"circular-progress-bar__icon-secondary_9u1ba","icon":"circular-progress-bar__icon_9u1ba"};
6
+ const styles = {"component":"circular-progress-bar__component_1lqxh","bg-positive":"circular-progress-bar__bg-positive_1lqxh","bg-negative":"circular-progress-bar__bg-negative_1lqxh","svg":"circular-progress-bar__svg_1lqxh","title":"circular-progress-bar__title_1lqxh","subtitle":"circular-progress-bar__subtitle_1lqxh","labelWrapper":"circular-progress-bar__labelWrapper_1lqxh","label":"circular-progress-bar__label_1lqxh","typography":"circular-progress-bar__typography_1lqxh","size-144":"circular-progress-bar__size-144_1lqxh","size-128":"circular-progress-bar__size-128_1lqxh","size-80":"circular-progress-bar__size-80_1lqxh","size-64":"circular-progress-bar__size-64_1lqxh","size-48":"circular-progress-bar__size-48_1lqxh","size-24":"circular-progress-bar__size-24_1lqxh","backgroundCircle":"circular-progress-bar__backgroundCircle_1lqxh","progressCircle":"circular-progress-bar__progressCircle_1lqxh","positive":"circular-progress-bar__positive_1lqxh","negative":"circular-progress-bar__negative_1lqxh","stroke":"circular-progress-bar__stroke_1lqxh","iconWrapper":"circular-progress-bar__iconWrapper_1lqxh","icon-tertiary":"circular-progress-bar__icon-tertiary_1lqxh","icon-positive":"circular-progress-bar__icon-positive_1lqxh","icon-negative":"circular-progress-bar__icon-negative_1lqxh","icon-primary-inverted":"circular-progress-bar__icon-primary-inverted_1lqxh","icon-primary":"circular-progress-bar__icon-primary_1lqxh","icon-secondary":"circular-progress-bar__icon-secondary_1lqxh","icon":"circular-progress-bar__icon_1lqxh"};
7
7
  require('./index.css')
8
8
 
9
9
  /**
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1h9sg */
1
+ /* hash: u1j2e */
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;
@@ -17,8 +17,10 @@
17
17
  /* Up */
18
18
 
19
19
  /* Hard up */
20
- } :root {
20
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
21
21
  --border-radius-pill: 99px;
22
+
23
+ /* новые значения, используйте их */
22
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 */
23
25
 
24
26
  /* новые значения, используйте их */
@@ -39,135 +41,135 @@
39
41
  /* theme */
40
42
  --circular-progress-bar-font-family: var(--font-family-system);
41
43
  --circular-progress-bar-font-weight: 600;
42
- } .circular-progress-bar__component_9u1ba {
44
+ } .circular-progress-bar__component_1lqxh {
43
45
  position: relative;
44
46
  display: flex;
45
47
  justify-content: center;
46
48
  align-items: center;
47
49
  border-radius: var(--border-radius-pill)
48
- } .circular-progress-bar__component_9u1ba.circular-progress-bar__bg-positive_9u1ba {
50
+ } .circular-progress-bar__component_1lqxh.circular-progress-bar__bg-positive_1lqxh {
49
51
  background: var(--circular-progress-bar-positive-color);
50
- } .circular-progress-bar__component_9u1ba.circular-progress-bar__bg-negative_9u1ba {
52
+ } .circular-progress-bar__component_1lqxh.circular-progress-bar__bg-negative_1lqxh {
51
53
  background: var(--circular-progress-bar-negative-color);
52
- } .circular-progress-bar__svg_9u1ba {
54
+ } .circular-progress-bar__svg_1lqxh {
53
55
  display: block;
54
56
  width: 100%;
55
- } .circular-progress-bar__title_9u1ba,
56
- .circular-progress-bar__subtitle_9u1ba {
57
+ } .circular-progress-bar__title_1lqxh,
58
+ .circular-progress-bar__subtitle_1lqxh {
57
59
  overflow: hidden;
58
60
  word-break: break-word;
59
61
  white-space: nowrap;
60
62
  text-overflow: ellipsis;
61
63
  margin: 0 6px;
62
- } .circular-progress-bar__subtitle_9u1ba {
64
+ } .circular-progress-bar__subtitle_1lqxh {
63
65
  max-height: 40px;
64
- } .circular-progress-bar__labelWrapper_9u1ba {
66
+ } .circular-progress-bar__labelWrapper_1lqxh {
65
67
  text-align: center;
66
68
  position: absolute;
67
69
  top: 50%;
68
70
  left: 50%;
69
71
  width: 100%;
70
72
  transform: translate(-50%, -50%)
71
- } .circular-progress-bar__labelWrapper_9u1ba.circular-progress-bar__label_9u1ba {
73
+ } .circular-progress-bar__labelWrapper_1lqxh.circular-progress-bar__label_1lqxh {
72
74
  display: flex;
73
75
  align-items: center;
74
76
  justify-content: center;
75
- } .circular-progress-bar__typography_9u1ba {
77
+ } .circular-progress-bar__typography_1lqxh {
76
78
  font-feature-settings: 'ss01';
77
79
  font-weight: var(--circular-progress-bar-font-weight);
78
80
  font-family: var(--circular-progress-bar-font-family);
79
- } .circular-progress-bar__size-144_9u1ba {
81
+ } .circular-progress-bar__size-144_1lqxh {
80
82
  width: 144px;
81
83
  height: 144px
82
- } .circular-progress-bar__size-144_9u1ba .circular-progress-bar__labelWrapper_9u1ba {
84
+ } .circular-progress-bar__size-144_1lqxh .circular-progress-bar__labelWrapper_1lqxh {
83
85
  max-width: 128px;
84
- } .circular-progress-bar__size-144_9u1ba .circular-progress-bar__title_9u1ba {
86
+ } .circular-progress-bar__size-144_1lqxh .circular-progress-bar__title_1lqxh {
85
87
  max-height: 32px;
86
- } .circular-progress-bar__size-128_9u1ba {
88
+ } .circular-progress-bar__size-128_1lqxh {
87
89
  width: 128px;
88
90
  height: 128px
89
- } .circular-progress-bar__size-128_9u1ba .circular-progress-bar__labelWrapper_9u1ba {
91
+ } .circular-progress-bar__size-128_1lqxh .circular-progress-bar__labelWrapper_1lqxh {
90
92
  max-width: 108px;
91
- } .circular-progress-bar__size-128_9u1ba .circular-progress-bar__title_9u1ba {
93
+ } .circular-progress-bar__size-128_1lqxh .circular-progress-bar__title_1lqxh {
92
94
  max-height: 32px;
93
- } .circular-progress-bar__size-80_9u1ba {
95
+ } .circular-progress-bar__size-80_1lqxh {
94
96
  width: 80px;
95
97
  height: 80px
96
- } .circular-progress-bar__size-80_9u1ba .circular-progress-bar__labelWrapper_9u1ba {
98
+ } .circular-progress-bar__size-80_1lqxh .circular-progress-bar__labelWrapper_1lqxh {
97
99
  max-width: 64px;
98
- } .circular-progress-bar__size-80_9u1ba .circular-progress-bar__title_9u1ba {
100
+ } .circular-progress-bar__size-80_1lqxh .circular-progress-bar__title_1lqxh {
99
101
  max-height: 24px;
100
- } .circular-progress-bar__size-64_9u1ba {
102
+ } .circular-progress-bar__size-64_1lqxh {
101
103
  width: 64px;
102
104
  height: 64px
103
- } .circular-progress-bar__size-64_9u1ba .circular-progress-bar__labelWrapper_9u1ba {
105
+ } .circular-progress-bar__size-64_1lqxh .circular-progress-bar__labelWrapper_1lqxh {
104
106
  max-width: 48px;
105
- } .circular-progress-bar__size-64_9u1ba .circular-progress-bar__title_9u1ba {
107
+ } .circular-progress-bar__size-64_1lqxh .circular-progress-bar__title_1lqxh {
106
108
  max-height: 16px;
107
109
  margin: 0;
108
- } .circular-progress-bar__size-48_9u1ba {
110
+ } .circular-progress-bar__size-48_1lqxh {
109
111
  width: 48px;
110
112
  height: 48px
111
- } .circular-progress-bar__size-48_9u1ba .circular-progress-bar__labelWrapper_9u1ba {
113
+ } .circular-progress-bar__size-48_1lqxh .circular-progress-bar__labelWrapper_1lqxh {
112
114
  max-width: 40px;
113
- } .circular-progress-bar__size-48_9u1ba .circular-progress-bar__title_9u1ba {
115
+ } .circular-progress-bar__size-48_1lqxh .circular-progress-bar__title_1lqxh {
114
116
  max-height: 16px;
115
117
  margin: 0;
116
- } .circular-progress-bar__size-24_9u1ba {
118
+ } .circular-progress-bar__size-24_1lqxh {
117
119
  width: 24px;
118
120
  height: 24px
119
- } .circular-progress-bar__size-24_9u1ba .circular-progress-bar__labelWrapper_9u1ba {
121
+ } .circular-progress-bar__size-24_1lqxh .circular-progress-bar__labelWrapper_1lqxh {
120
122
  max-width: 24px;
121
- } .circular-progress-bar__backgroundCircle_9u1ba,
122
- .circular-progress-bar__progressCircle_9u1ba {
123
+ } .circular-progress-bar__backgroundCircle_1lqxh,
124
+ .circular-progress-bar__progressCircle_1lqxh {
123
125
  width: 100%;
124
126
  height: 100%;
125
127
  fill: transparent;
126
- } .circular-progress-bar__positive_9u1ba {
128
+ } .circular-progress-bar__positive_1lqxh {
127
129
  stroke: var(--circular-progress-bar-positive-color);
128
- } .circular-progress-bar__negative_9u1ba {
130
+ } .circular-progress-bar__negative_1lqxh {
129
131
  stroke: var(--circular-progress-bar-negative-color);
130
- } .circular-progress-bar__backgroundCircle_9u1ba {
132
+ } .circular-progress-bar__backgroundCircle_1lqxh {
131
133
  stroke: var(--circular-progress-bar-stroke-color)
132
- } .circular-progress-bar__backgroundCircle_9u1ba.circular-progress-bar__stroke_9u1ba {
134
+ } .circular-progress-bar__backgroundCircle_1lqxh.circular-progress-bar__stroke_1lqxh {
133
135
  stroke: transparent;
134
- } .circular-progress-bar__progressCircle_9u1ba {
136
+ } .circular-progress-bar__progressCircle_1lqxh {
135
137
  stroke-linecap: round;
136
- } .circular-progress-bar__iconWrapper_9u1ba {
138
+ } .circular-progress-bar__iconWrapper_1lqxh {
137
139
  display: flex;
138
140
  align-items: center;
139
141
  justify-content: center
140
- } .circular-progress-bar__iconWrapper_9u1ba.circular-progress-bar__size-144_9u1ba {
142
+ } .circular-progress-bar__iconWrapper_1lqxh.circular-progress-bar__size-144_1lqxh {
141
143
  max-width: 64px;
142
144
  max-height: 64px;
143
- } .circular-progress-bar__iconWrapper_9u1ba.circular-progress-bar__size-128_9u1ba {
145
+ } .circular-progress-bar__iconWrapper_1lqxh.circular-progress-bar__size-128_1lqxh {
144
146
  max-width: 64px;
145
147
  max-height: 64px;
146
- } .circular-progress-bar__iconWrapper_9u1ba.circular-progress-bar__size-80_9u1ba {
148
+ } .circular-progress-bar__iconWrapper_1lqxh.circular-progress-bar__size-80_1lqxh {
147
149
  max-width: 48px;
148
150
  max-height: 48px;
149
- } .circular-progress-bar__iconWrapper_9u1ba.circular-progress-bar__size-64_9u1ba {
151
+ } .circular-progress-bar__iconWrapper_1lqxh.circular-progress-bar__size-64_1lqxh {
150
152
  max-width: 36px;
151
153
  max-height: 36px;
152
- } .circular-progress-bar__iconWrapper_9u1ba.circular-progress-bar__size-48_9u1ba {
154
+ } .circular-progress-bar__iconWrapper_1lqxh.circular-progress-bar__size-48_1lqxh {
153
155
  max-width: 24px;
154
156
  max-height: 24px;
155
- } .circular-progress-bar__iconWrapper_9u1ba.circular-progress-bar__size-24_9u1ba {
157
+ } .circular-progress-bar__iconWrapper_1lqxh.circular-progress-bar__size-24_1lqxh {
156
158
  max-width: 16px;
157
159
  max-height: 16px;
158
- } .circular-progress-bar__iconWrapper_9u1ba.circular-progress-bar__icon-tertiary_9u1ba {
160
+ } .circular-progress-bar__iconWrapper_1lqxh.circular-progress-bar__icon-tertiary_1lqxh {
159
161
  color: var(--color-light-neutral-500);
160
- } .circular-progress-bar__iconWrapper_9u1ba.circular-progress-bar__icon-positive_9u1ba {
162
+ } .circular-progress-bar__iconWrapper_1lqxh.circular-progress-bar__icon-positive_1lqxh {
161
163
  color: var(--color-light-status-positive);
162
- } .circular-progress-bar__iconWrapper_9u1ba.circular-progress-bar__icon-negative_9u1ba {
164
+ } .circular-progress-bar__iconWrapper_1lqxh.circular-progress-bar__icon-negative_1lqxh {
163
165
  color: var(--color-light-status-negative);
164
- } .circular-progress-bar__iconWrapper_9u1ba.circular-progress-bar__icon-primary-inverted_9u1ba {
166
+ } .circular-progress-bar__iconWrapper_1lqxh.circular-progress-bar__icon-primary-inverted_1lqxh {
165
167
  color: var(--color-light-neutral-translucent-1300-inverted);
166
- } .circular-progress-bar__iconWrapper_9u1ba.circular-progress-bar__icon-primary_9u1ba {
168
+ } .circular-progress-bar__iconWrapper_1lqxh.circular-progress-bar__icon-primary_1lqxh {
167
169
  color: var(--color-light-neutral-translucent-1300);
168
- } .circular-progress-bar__iconWrapper_9u1ba.circular-progress-bar__icon-secondary_9u1ba {
170
+ } .circular-progress-bar__iconWrapper_1lqxh.circular-progress-bar__icon-secondary_1lqxh {
169
171
  color: var(--color-light-neutral-700);
170
- } .circular-progress-bar__icon_9u1ba {
172
+ } .circular-progress-bar__icon_1lqxh {
171
173
  width: 100%;
172
174
  height: 100%;
173
175
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-circular-progress-bar",
3
- "version": "3.5.5",
3
+ "version": "3.5.6",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -11,13 +11,13 @@
11
11
  "directory": "dist"
12
12
  },
13
13
  "dependencies": {
14
- "@alfalab/core-components-typography": "^4.8.0",
14
+ "@alfalab/core-components-typography": "^4.9.0",
15
15
  "classnames": "^2.3.1",
16
16
  "tslib": "^2.4.0"
17
17
  },
18
18
  "peerDependencies": {
19
19
  "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
20
20
  },
21
- "themesVersion": "13.0.1",
22
- "varsVersion": "9.10.0"
21
+ "themesVersion": "13.0.2",
22
+ "varsVersion": "9.11.1"
23
23
  }