@alfalab/core-components-circular-progress-bar 3.6.0 → 3.6.2

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 (10) hide show
  1. package/Component.js +1 -1
  2. package/cssm/index.module.css +5 -4
  3. package/esm/Component.js +1 -1
  4. package/esm/index.css +54 -53
  5. package/index.css +54 -53
  6. package/modern/Component.js +1 -1
  7. package/modern/index.css +54 -53
  8. package/moderncssm/index.module.css +3 -3
  9. package/package.json +4 -4
  10. package/src/index.module.css +3 -3
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_1tzep","bg-positive":"circular-progress-bar__bg-positive_1tzep","bg-negative":"circular-progress-bar__bg-negative_1tzep","svg":"circular-progress-bar__svg_1tzep","title":"circular-progress-bar__title_1tzep","subtitle":"circular-progress-bar__subtitle_1tzep","labelWrapper":"circular-progress-bar__labelWrapper_1tzep","label":"circular-progress-bar__label_1tzep","typography":"circular-progress-bar__typography_1tzep","size-144":"circular-progress-bar__size-144_1tzep","size-128":"circular-progress-bar__size-128_1tzep","size-80":"circular-progress-bar__size-80_1tzep","size-64":"circular-progress-bar__size-64_1tzep","size-48":"circular-progress-bar__size-48_1tzep","size-24":"circular-progress-bar__size-24_1tzep","backgroundCircle":"circular-progress-bar__backgroundCircle_1tzep","progressCircle":"circular-progress-bar__progressCircle_1tzep","positive":"circular-progress-bar__positive_1tzep","negative":"circular-progress-bar__negative_1tzep","stroke":"circular-progress-bar__stroke_1tzep","iconWrapper":"circular-progress-bar__iconWrapper_1tzep","icon-tertiary":"circular-progress-bar__icon-tertiary_1tzep","icon-positive":"circular-progress-bar__icon-positive_1tzep","icon-negative":"circular-progress-bar__icon-negative_1tzep","icon-primary-inverted":"circular-progress-bar__icon-primary-inverted_1tzep","icon-primary":"circular-progress-bar__icon-primary_1tzep","icon-secondary":"circular-progress-bar__icon-secondary_1tzep","icon":"circular-progress-bar__icon_1tzep"};
16
+ var styles = {"component":"circular-progress-bar__component_19dqs","bg-positive":"circular-progress-bar__bg-positive_19dqs","bg-negative":"circular-progress-bar__bg-negative_19dqs","svg":"circular-progress-bar__svg_19dqs","title":"circular-progress-bar__title_19dqs","subtitle":"circular-progress-bar__subtitle_19dqs","labelWrapper":"circular-progress-bar__labelWrapper_19dqs","label":"circular-progress-bar__label_19dqs","typography":"circular-progress-bar__typography_19dqs","size-144":"circular-progress-bar__size-144_19dqs","size-128":"circular-progress-bar__size-128_19dqs","size-80":"circular-progress-bar__size-80_19dqs","size-64":"circular-progress-bar__size-64_19dqs","size-48":"circular-progress-bar__size-48_19dqs","size-24":"circular-progress-bar__size-24_19dqs","backgroundCircle":"circular-progress-bar__backgroundCircle_19dqs","progressCircle":"circular-progress-bar__progressCircle_19dqs","positive":"circular-progress-bar__positive_19dqs","negative":"circular-progress-bar__negative_19dqs","stroke":"circular-progress-bar__stroke_19dqs","iconWrapper":"circular-progress-bar__iconWrapper_19dqs","icon-tertiary":"circular-progress-bar__icon-tertiary_19dqs","icon-positive":"circular-progress-bar__icon-positive_19dqs","icon-negative":"circular-progress-bar__icon-negative_19dqs","icon-primary-inverted":"circular-progress-bar__icon-primary-inverted_19dqs","icon-primary":"circular-progress-bar__icon-primary_19dqs","icon-secondary":"circular-progress-bar__icon-secondary_19dqs","icon":"circular-progress-bar__icon_19dqs"};
17
17
  require('./index.css')
18
18
 
19
19
  /**
package/cssm/index.module.css CHANGED
@@ -23,11 +23,12 @@
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
  } :root {
27
28
  --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
28
29
  sans-serif;
29
30
  } :root {
30
- } :root {
31
+ } /* сбрасывает синюю подсветку при нажатии */ :root {
31
32
  /* stroke */
32
33
  --circular-progress-bar-stroke-color: var(--color-light-neutral-translucent-300);
33
34
 
@@ -59,7 +60,7 @@
59
60
  word-break: break-word;
60
61
  white-space: nowrap;
61
62
  text-overflow: ellipsis;
62
- margin: 0 6px;
63
+ margin: var(--gap-0) 6px;
63
64
  } .subtitle {
64
65
  max-height: 40px;
65
66
  } .labelWrapper {
@@ -105,7 +106,7 @@
105
106
  max-width: 48px;
106
107
  } .size-64 .title {
107
108
  max-height: 16px;
108
- margin: 0;
109
+ margin: var(--gap-0);
109
110
  } .size-48 {
110
111
  width: 48px;
111
112
  height: 48px
@@ -113,7 +114,7 @@
113
114
  max-width: 40px;
114
115
  } .size-48 .title {
115
116
  max-height: 16px;
116
- margin: 0;
117
+ margin: var(--gap-0);
117
118
  } .size-24 {
118
119
  width: 24px;
119
120
  height: 24px
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_1tzep","bg-positive":"circular-progress-bar__bg-positive_1tzep","bg-negative":"circular-progress-bar__bg-negative_1tzep","svg":"circular-progress-bar__svg_1tzep","title":"circular-progress-bar__title_1tzep","subtitle":"circular-progress-bar__subtitle_1tzep","labelWrapper":"circular-progress-bar__labelWrapper_1tzep","label":"circular-progress-bar__label_1tzep","typography":"circular-progress-bar__typography_1tzep","size-144":"circular-progress-bar__size-144_1tzep","size-128":"circular-progress-bar__size-128_1tzep","size-80":"circular-progress-bar__size-80_1tzep","size-64":"circular-progress-bar__size-64_1tzep","size-48":"circular-progress-bar__size-48_1tzep","size-24":"circular-progress-bar__size-24_1tzep","backgroundCircle":"circular-progress-bar__backgroundCircle_1tzep","progressCircle":"circular-progress-bar__progressCircle_1tzep","positive":"circular-progress-bar__positive_1tzep","negative":"circular-progress-bar__negative_1tzep","stroke":"circular-progress-bar__stroke_1tzep","iconWrapper":"circular-progress-bar__iconWrapper_1tzep","icon-tertiary":"circular-progress-bar__icon-tertiary_1tzep","icon-positive":"circular-progress-bar__icon-positive_1tzep","icon-negative":"circular-progress-bar__icon-negative_1tzep","icon-primary-inverted":"circular-progress-bar__icon-primary-inverted_1tzep","icon-primary":"circular-progress-bar__icon-primary_1tzep","icon-secondary":"circular-progress-bar__icon-secondary_1tzep","icon":"circular-progress-bar__icon_1tzep"};
7
+ var styles = {"component":"circular-progress-bar__component_19dqs","bg-positive":"circular-progress-bar__bg-positive_19dqs","bg-negative":"circular-progress-bar__bg-negative_19dqs","svg":"circular-progress-bar__svg_19dqs","title":"circular-progress-bar__title_19dqs","subtitle":"circular-progress-bar__subtitle_19dqs","labelWrapper":"circular-progress-bar__labelWrapper_19dqs","label":"circular-progress-bar__label_19dqs","typography":"circular-progress-bar__typography_19dqs","size-144":"circular-progress-bar__size-144_19dqs","size-128":"circular-progress-bar__size-128_19dqs","size-80":"circular-progress-bar__size-80_19dqs","size-64":"circular-progress-bar__size-64_19dqs","size-48":"circular-progress-bar__size-48_19dqs","size-24":"circular-progress-bar__size-24_19dqs","backgroundCircle":"circular-progress-bar__backgroundCircle_19dqs","progressCircle":"circular-progress-bar__progressCircle_19dqs","positive":"circular-progress-bar__positive_19dqs","negative":"circular-progress-bar__negative_19dqs","stroke":"circular-progress-bar__stroke_19dqs","iconWrapper":"circular-progress-bar__iconWrapper_19dqs","icon-tertiary":"circular-progress-bar__icon-tertiary_19dqs","icon-positive":"circular-progress-bar__icon-positive_19dqs","icon-negative":"circular-progress-bar__icon-negative_19dqs","icon-primary-inverted":"circular-progress-bar__icon-primary-inverted_19dqs","icon-primary":"circular-progress-bar__icon-primary_19dqs","icon-secondary":"circular-progress-bar__icon-secondary_19dqs","icon":"circular-progress-bar__icon_19dqs"};
8
8
  require('./index.css')
9
9
 
10
10
  /**
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 19xt6 */
1
+ /* hash: j5bfu */
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,11 +24,12 @@
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
  } :root {
28
29
  --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
29
30
  sans-serif;
30
31
  } :root {
31
- } :root {
32
+ } /* сбрасывает синюю подсветку при нажатии */ :root {
32
33
  /* stroke */
33
34
  --circular-progress-bar-stroke-color: var(--color-light-neutral-translucent-300);
34
35
 
@@ -41,135 +42,135 @@
41
42
  /* theme */
42
43
  --circular-progress-bar-font-family: var(--font-family-system);
43
44
  --circular-progress-bar-font-weight: 600;
44
- } .circular-progress-bar__component_1tzep {
45
+ } .circular-progress-bar__component_19dqs {
45
46
  position: relative;
46
47
  display: flex;
47
48
  justify-content: center;
48
49
  align-items: center;
49
50
  border-radius: var(--border-radius-pill)
50
- } .circular-progress-bar__component_1tzep.circular-progress-bar__bg-positive_1tzep {
51
+ } .circular-progress-bar__component_19dqs.circular-progress-bar__bg-positive_19dqs {
51
52
  background: var(--circular-progress-bar-positive-color);
52
- } .circular-progress-bar__component_1tzep.circular-progress-bar__bg-negative_1tzep {
53
+ } .circular-progress-bar__component_19dqs.circular-progress-bar__bg-negative_19dqs {
53
54
  background: var(--circular-progress-bar-negative-color);
54
- } .circular-progress-bar__svg_1tzep {
55
+ } .circular-progress-bar__svg_19dqs {
55
56
  display: block;
56
57
  width: 100%;
57
- } .circular-progress-bar__title_1tzep,
58
- .circular-progress-bar__subtitle_1tzep {
58
+ } .circular-progress-bar__title_19dqs,
59
+ .circular-progress-bar__subtitle_19dqs {
59
60
  overflow: hidden;
60
61
  word-break: break-word;
61
62
  white-space: nowrap;
62
63
  text-overflow: ellipsis;
63
- margin: 0 6px;
64
- } .circular-progress-bar__subtitle_1tzep {
64
+ margin: var(--gap-0) 6px;
65
+ } .circular-progress-bar__subtitle_19dqs {
65
66
  max-height: 40px;
66
- } .circular-progress-bar__labelWrapper_1tzep {
67
+ } .circular-progress-bar__labelWrapper_19dqs {
67
68
  text-align: center;
68
69
  position: absolute;
69
70
  top: 50%;
70
71
  left: 50%;
71
72
  width: 100%;
72
73
  transform: translate(-50%, -50%)
73
- } .circular-progress-bar__labelWrapper_1tzep.circular-progress-bar__label_1tzep {
74
+ } .circular-progress-bar__labelWrapper_19dqs.circular-progress-bar__label_19dqs {
74
75
  display: flex;
75
76
  align-items: center;
76
77
  justify-content: center;
77
- } .circular-progress-bar__typography_1tzep {
78
+ } .circular-progress-bar__typography_19dqs {
78
79
  font-feature-settings: 'ss01';
79
80
  font-weight: var(--circular-progress-bar-font-weight);
80
81
  font-family: var(--circular-progress-bar-font-family);
81
- } .circular-progress-bar__size-144_1tzep {
82
+ } .circular-progress-bar__size-144_19dqs {
82
83
  width: 144px;
83
84
  height: 144px
84
- } .circular-progress-bar__size-144_1tzep .circular-progress-bar__labelWrapper_1tzep {
85
+ } .circular-progress-bar__size-144_19dqs .circular-progress-bar__labelWrapper_19dqs {
85
86
  max-width: 128px;
86
- } .circular-progress-bar__size-144_1tzep .circular-progress-bar__title_1tzep {
87
+ } .circular-progress-bar__size-144_19dqs .circular-progress-bar__title_19dqs {
87
88
  max-height: 32px;
88
- } .circular-progress-bar__size-128_1tzep {
89
+ } .circular-progress-bar__size-128_19dqs {
89
90
  width: 128px;
90
91
  height: 128px
91
- } .circular-progress-bar__size-128_1tzep .circular-progress-bar__labelWrapper_1tzep {
92
+ } .circular-progress-bar__size-128_19dqs .circular-progress-bar__labelWrapper_19dqs {
92
93
  max-width: 108px;
93
- } .circular-progress-bar__size-128_1tzep .circular-progress-bar__title_1tzep {
94
+ } .circular-progress-bar__size-128_19dqs .circular-progress-bar__title_19dqs {
94
95
  max-height: 32px;
95
- } .circular-progress-bar__size-80_1tzep {
96
+ } .circular-progress-bar__size-80_19dqs {
96
97
  width: 80px;
97
98
  height: 80px
98
- } .circular-progress-bar__size-80_1tzep .circular-progress-bar__labelWrapper_1tzep {
99
+ } .circular-progress-bar__size-80_19dqs .circular-progress-bar__labelWrapper_19dqs {
99
100
  max-width: 64px;
100
- } .circular-progress-bar__size-80_1tzep .circular-progress-bar__title_1tzep {
101
+ } .circular-progress-bar__size-80_19dqs .circular-progress-bar__title_19dqs {
101
102
  max-height: 24px;
102
- } .circular-progress-bar__size-64_1tzep {
103
+ } .circular-progress-bar__size-64_19dqs {
103
104
  width: 64px;
104
105
  height: 64px
105
- } .circular-progress-bar__size-64_1tzep .circular-progress-bar__labelWrapper_1tzep {
106
+ } .circular-progress-bar__size-64_19dqs .circular-progress-bar__labelWrapper_19dqs {
106
107
  max-width: 48px;
107
- } .circular-progress-bar__size-64_1tzep .circular-progress-bar__title_1tzep {
108
+ } .circular-progress-bar__size-64_19dqs .circular-progress-bar__title_19dqs {
108
109
  max-height: 16px;
109
- margin: 0;
110
- } .circular-progress-bar__size-48_1tzep {
110
+ margin: var(--gap-0);
111
+ } .circular-progress-bar__size-48_19dqs {
111
112
  width: 48px;
112
113
  height: 48px
113
- } .circular-progress-bar__size-48_1tzep .circular-progress-bar__labelWrapper_1tzep {
114
+ } .circular-progress-bar__size-48_19dqs .circular-progress-bar__labelWrapper_19dqs {
114
115
  max-width: 40px;
115
- } .circular-progress-bar__size-48_1tzep .circular-progress-bar__title_1tzep {
116
+ } .circular-progress-bar__size-48_19dqs .circular-progress-bar__title_19dqs {
116
117
  max-height: 16px;
117
- margin: 0;
118
- } .circular-progress-bar__size-24_1tzep {
118
+ margin: var(--gap-0);
119
+ } .circular-progress-bar__size-24_19dqs {
119
120
  width: 24px;
120
121
  height: 24px
121
- } .circular-progress-bar__size-24_1tzep .circular-progress-bar__labelWrapper_1tzep {
122
+ } .circular-progress-bar__size-24_19dqs .circular-progress-bar__labelWrapper_19dqs {
122
123
  max-width: 24px;
123
- } .circular-progress-bar__backgroundCircle_1tzep,
124
- .circular-progress-bar__progressCircle_1tzep {
124
+ } .circular-progress-bar__backgroundCircle_19dqs,
125
+ .circular-progress-bar__progressCircle_19dqs {
125
126
  width: 100%;
126
127
  height: 100%;
127
128
  fill: transparent;
128
- } .circular-progress-bar__positive_1tzep {
129
+ } .circular-progress-bar__positive_19dqs {
129
130
  stroke: var(--circular-progress-bar-positive-color);
130
- } .circular-progress-bar__negative_1tzep {
131
+ } .circular-progress-bar__negative_19dqs {
131
132
  stroke: var(--circular-progress-bar-negative-color);
132
- } .circular-progress-bar__backgroundCircle_1tzep {
133
+ } .circular-progress-bar__backgroundCircle_19dqs {
133
134
  stroke: var(--circular-progress-bar-stroke-color)
134
- } .circular-progress-bar__backgroundCircle_1tzep.circular-progress-bar__stroke_1tzep {
135
+ } .circular-progress-bar__backgroundCircle_19dqs.circular-progress-bar__stroke_19dqs {
135
136
  stroke: transparent;
136
- } .circular-progress-bar__progressCircle_1tzep {
137
+ } .circular-progress-bar__progressCircle_19dqs {
137
138
  stroke-linecap: round;
138
- } .circular-progress-bar__iconWrapper_1tzep {
139
+ } .circular-progress-bar__iconWrapper_19dqs {
139
140
  display: flex;
140
141
  align-items: center;
141
142
  justify-content: center
142
- } .circular-progress-bar__iconWrapper_1tzep.circular-progress-bar__size-144_1tzep {
143
+ } .circular-progress-bar__iconWrapper_19dqs.circular-progress-bar__size-144_19dqs {
143
144
  max-width: 64px;
144
145
  max-height: 64px;
145
- } .circular-progress-bar__iconWrapper_1tzep.circular-progress-bar__size-128_1tzep {
146
+ } .circular-progress-bar__iconWrapper_19dqs.circular-progress-bar__size-128_19dqs {
146
147
  max-width: 64px;
147
148
  max-height: 64px;
148
- } .circular-progress-bar__iconWrapper_1tzep.circular-progress-bar__size-80_1tzep {
149
+ } .circular-progress-bar__iconWrapper_19dqs.circular-progress-bar__size-80_19dqs {
149
150
  max-width: 48px;
150
151
  max-height: 48px;
151
- } .circular-progress-bar__iconWrapper_1tzep.circular-progress-bar__size-64_1tzep {
152
+ } .circular-progress-bar__iconWrapper_19dqs.circular-progress-bar__size-64_19dqs {
152
153
  max-width: 36px;
153
154
  max-height: 36px;
154
- } .circular-progress-bar__iconWrapper_1tzep.circular-progress-bar__size-48_1tzep {
155
+ } .circular-progress-bar__iconWrapper_19dqs.circular-progress-bar__size-48_19dqs {
155
156
  max-width: 24px;
156
157
  max-height: 24px;
157
- } .circular-progress-bar__iconWrapper_1tzep.circular-progress-bar__size-24_1tzep {
158
+ } .circular-progress-bar__iconWrapper_19dqs.circular-progress-bar__size-24_19dqs {
158
159
  max-width: 16px;
159
160
  max-height: 16px;
160
- } .circular-progress-bar__iconWrapper_1tzep.circular-progress-bar__icon-tertiary_1tzep {
161
+ } .circular-progress-bar__iconWrapper_19dqs.circular-progress-bar__icon-tertiary_19dqs {
161
162
  color: var(--color-light-neutral-500);
162
- } .circular-progress-bar__iconWrapper_1tzep.circular-progress-bar__icon-positive_1tzep {
163
+ } .circular-progress-bar__iconWrapper_19dqs.circular-progress-bar__icon-positive_19dqs {
163
164
  color: var(--color-light-status-positive);
164
- } .circular-progress-bar__iconWrapper_1tzep.circular-progress-bar__icon-negative_1tzep {
165
+ } .circular-progress-bar__iconWrapper_19dqs.circular-progress-bar__icon-negative_19dqs {
165
166
  color: var(--color-light-status-negative);
166
- } .circular-progress-bar__iconWrapper_1tzep.circular-progress-bar__icon-primary-inverted_1tzep {
167
+ } .circular-progress-bar__iconWrapper_19dqs.circular-progress-bar__icon-primary-inverted_19dqs {
167
168
  color: var(--color-light-neutral-translucent-1300-inverted);
168
- } .circular-progress-bar__iconWrapper_1tzep.circular-progress-bar__icon-primary_1tzep {
169
+ } .circular-progress-bar__iconWrapper_19dqs.circular-progress-bar__icon-primary_19dqs {
169
170
  color: var(--color-light-neutral-translucent-1300);
170
- } .circular-progress-bar__iconWrapper_1tzep.circular-progress-bar__icon-secondary_1tzep {
171
+ } .circular-progress-bar__iconWrapper_19dqs.circular-progress-bar__icon-secondary_19dqs {
171
172
  color: var(--color-light-neutral-700);
172
- } .circular-progress-bar__icon_1tzep {
173
+ } .circular-progress-bar__icon_19dqs {
173
174
  width: 100%;
174
175
  height: 100%;
175
176
  }
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 19xt6 */
1
+ /* hash: j5bfu */
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,11 +24,12 @@
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
  } :root {
28
29
  --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
29
30
  sans-serif;
30
31
  } :root {
31
- } :root {
32
+ } /* сбрасывает синюю подсветку при нажатии */ :root {
32
33
  /* stroke */
33
34
  --circular-progress-bar-stroke-color: var(--color-light-neutral-translucent-300);
34
35
 
@@ -41,135 +42,135 @@
41
42
  /* theme */
42
43
  --circular-progress-bar-font-family: var(--font-family-system);
43
44
  --circular-progress-bar-font-weight: 600;
44
- } .circular-progress-bar__component_1tzep {
45
+ } .circular-progress-bar__component_19dqs {
45
46
  position: relative;
46
47
  display: flex;
47
48
  justify-content: center;
48
49
  align-items: center;
49
50
  border-radius: var(--border-radius-pill)
50
- } .circular-progress-bar__component_1tzep.circular-progress-bar__bg-positive_1tzep {
51
+ } .circular-progress-bar__component_19dqs.circular-progress-bar__bg-positive_19dqs {
51
52
  background: var(--circular-progress-bar-positive-color);
52
- } .circular-progress-bar__component_1tzep.circular-progress-bar__bg-negative_1tzep {
53
+ } .circular-progress-bar__component_19dqs.circular-progress-bar__bg-negative_19dqs {
53
54
  background: var(--circular-progress-bar-negative-color);
54
- } .circular-progress-bar__svg_1tzep {
55
+ } .circular-progress-bar__svg_19dqs {
55
56
  display: block;
56
57
  width: 100%;
57
- } .circular-progress-bar__title_1tzep,
58
- .circular-progress-bar__subtitle_1tzep {
58
+ } .circular-progress-bar__title_19dqs,
59
+ .circular-progress-bar__subtitle_19dqs {
59
60
  overflow: hidden;
60
61
  word-break: break-word;
61
62
  white-space: nowrap;
62
63
  text-overflow: ellipsis;
63
- margin: 0 6px;
64
- } .circular-progress-bar__subtitle_1tzep {
64
+ margin: var(--gap-0) 6px;
65
+ } .circular-progress-bar__subtitle_19dqs {
65
66
  max-height: 40px;
66
- } .circular-progress-bar__labelWrapper_1tzep {
67
+ } .circular-progress-bar__labelWrapper_19dqs {
67
68
  text-align: center;
68
69
  position: absolute;
69
70
  top: 50%;
70
71
  left: 50%;
71
72
  width: 100%;
72
73
  transform: translate(-50%, -50%)
73
- } .circular-progress-bar__labelWrapper_1tzep.circular-progress-bar__label_1tzep {
74
+ } .circular-progress-bar__labelWrapper_19dqs.circular-progress-bar__label_19dqs {
74
75
  display: flex;
75
76
  align-items: center;
76
77
  justify-content: center;
77
- } .circular-progress-bar__typography_1tzep {
78
+ } .circular-progress-bar__typography_19dqs {
78
79
  font-feature-settings: 'ss01';
79
80
  font-weight: var(--circular-progress-bar-font-weight);
80
81
  font-family: var(--circular-progress-bar-font-family);
81
- } .circular-progress-bar__size-144_1tzep {
82
+ } .circular-progress-bar__size-144_19dqs {
82
83
  width: 144px;
83
84
  height: 144px
84
- } .circular-progress-bar__size-144_1tzep .circular-progress-bar__labelWrapper_1tzep {
85
+ } .circular-progress-bar__size-144_19dqs .circular-progress-bar__labelWrapper_19dqs {
85
86
  max-width: 128px;
86
- } .circular-progress-bar__size-144_1tzep .circular-progress-bar__title_1tzep {
87
+ } .circular-progress-bar__size-144_19dqs .circular-progress-bar__title_19dqs {
87
88
  max-height: 32px;
88
- } .circular-progress-bar__size-128_1tzep {
89
+ } .circular-progress-bar__size-128_19dqs {
89
90
  width: 128px;
90
91
  height: 128px
91
- } .circular-progress-bar__size-128_1tzep .circular-progress-bar__labelWrapper_1tzep {
92
+ } .circular-progress-bar__size-128_19dqs .circular-progress-bar__labelWrapper_19dqs {
92
93
  max-width: 108px;
93
- } .circular-progress-bar__size-128_1tzep .circular-progress-bar__title_1tzep {
94
+ } .circular-progress-bar__size-128_19dqs .circular-progress-bar__title_19dqs {
94
95
  max-height: 32px;
95
- } .circular-progress-bar__size-80_1tzep {
96
+ } .circular-progress-bar__size-80_19dqs {
96
97
  width: 80px;
97
98
  height: 80px
98
- } .circular-progress-bar__size-80_1tzep .circular-progress-bar__labelWrapper_1tzep {
99
+ } .circular-progress-bar__size-80_19dqs .circular-progress-bar__labelWrapper_19dqs {
99
100
  max-width: 64px;
100
- } .circular-progress-bar__size-80_1tzep .circular-progress-bar__title_1tzep {
101
+ } .circular-progress-bar__size-80_19dqs .circular-progress-bar__title_19dqs {
101
102
  max-height: 24px;
102
- } .circular-progress-bar__size-64_1tzep {
103
+ } .circular-progress-bar__size-64_19dqs {
103
104
  width: 64px;
104
105
  height: 64px
105
- } .circular-progress-bar__size-64_1tzep .circular-progress-bar__labelWrapper_1tzep {
106
+ } .circular-progress-bar__size-64_19dqs .circular-progress-bar__labelWrapper_19dqs {
106
107
  max-width: 48px;
107
- } .circular-progress-bar__size-64_1tzep .circular-progress-bar__title_1tzep {
108
+ } .circular-progress-bar__size-64_19dqs .circular-progress-bar__title_19dqs {
108
109
  max-height: 16px;
109
- margin: 0;
110
- } .circular-progress-bar__size-48_1tzep {
110
+ margin: var(--gap-0);
111
+ } .circular-progress-bar__size-48_19dqs {
111
112
  width: 48px;
112
113
  height: 48px
113
- } .circular-progress-bar__size-48_1tzep .circular-progress-bar__labelWrapper_1tzep {
114
+ } .circular-progress-bar__size-48_19dqs .circular-progress-bar__labelWrapper_19dqs {
114
115
  max-width: 40px;
115
- } .circular-progress-bar__size-48_1tzep .circular-progress-bar__title_1tzep {
116
+ } .circular-progress-bar__size-48_19dqs .circular-progress-bar__title_19dqs {
116
117
  max-height: 16px;
117
- margin: 0;
118
- } .circular-progress-bar__size-24_1tzep {
118
+ margin: var(--gap-0);
119
+ } .circular-progress-bar__size-24_19dqs {
119
120
  width: 24px;
120
121
  height: 24px
121
- } .circular-progress-bar__size-24_1tzep .circular-progress-bar__labelWrapper_1tzep {
122
+ } .circular-progress-bar__size-24_19dqs .circular-progress-bar__labelWrapper_19dqs {
122
123
  max-width: 24px;
123
- } .circular-progress-bar__backgroundCircle_1tzep,
124
- .circular-progress-bar__progressCircle_1tzep {
124
+ } .circular-progress-bar__backgroundCircle_19dqs,
125
+ .circular-progress-bar__progressCircle_19dqs {
125
126
  width: 100%;
126
127
  height: 100%;
127
128
  fill: transparent;
128
- } .circular-progress-bar__positive_1tzep {
129
+ } .circular-progress-bar__positive_19dqs {
129
130
  stroke: var(--circular-progress-bar-positive-color);
130
- } .circular-progress-bar__negative_1tzep {
131
+ } .circular-progress-bar__negative_19dqs {
131
132
  stroke: var(--circular-progress-bar-negative-color);
132
- } .circular-progress-bar__backgroundCircle_1tzep {
133
+ } .circular-progress-bar__backgroundCircle_19dqs {
133
134
  stroke: var(--circular-progress-bar-stroke-color)
134
- } .circular-progress-bar__backgroundCircle_1tzep.circular-progress-bar__stroke_1tzep {
135
+ } .circular-progress-bar__backgroundCircle_19dqs.circular-progress-bar__stroke_19dqs {
135
136
  stroke: transparent;
136
- } .circular-progress-bar__progressCircle_1tzep {
137
+ } .circular-progress-bar__progressCircle_19dqs {
137
138
  stroke-linecap: round;
138
- } .circular-progress-bar__iconWrapper_1tzep {
139
+ } .circular-progress-bar__iconWrapper_19dqs {
139
140
  display: flex;
140
141
  align-items: center;
141
142
  justify-content: center
142
- } .circular-progress-bar__iconWrapper_1tzep.circular-progress-bar__size-144_1tzep {
143
+ } .circular-progress-bar__iconWrapper_19dqs.circular-progress-bar__size-144_19dqs {
143
144
  max-width: 64px;
144
145
  max-height: 64px;
145
- } .circular-progress-bar__iconWrapper_1tzep.circular-progress-bar__size-128_1tzep {
146
+ } .circular-progress-bar__iconWrapper_19dqs.circular-progress-bar__size-128_19dqs {
146
147
  max-width: 64px;
147
148
  max-height: 64px;
148
- } .circular-progress-bar__iconWrapper_1tzep.circular-progress-bar__size-80_1tzep {
149
+ } .circular-progress-bar__iconWrapper_19dqs.circular-progress-bar__size-80_19dqs {
149
150
  max-width: 48px;
150
151
  max-height: 48px;
151
- } .circular-progress-bar__iconWrapper_1tzep.circular-progress-bar__size-64_1tzep {
152
+ } .circular-progress-bar__iconWrapper_19dqs.circular-progress-bar__size-64_19dqs {
152
153
  max-width: 36px;
153
154
  max-height: 36px;
154
- } .circular-progress-bar__iconWrapper_1tzep.circular-progress-bar__size-48_1tzep {
155
+ } .circular-progress-bar__iconWrapper_19dqs.circular-progress-bar__size-48_19dqs {
155
156
  max-width: 24px;
156
157
  max-height: 24px;
157
- } .circular-progress-bar__iconWrapper_1tzep.circular-progress-bar__size-24_1tzep {
158
+ } .circular-progress-bar__iconWrapper_19dqs.circular-progress-bar__size-24_19dqs {
158
159
  max-width: 16px;
159
160
  max-height: 16px;
160
- } .circular-progress-bar__iconWrapper_1tzep.circular-progress-bar__icon-tertiary_1tzep {
161
+ } .circular-progress-bar__iconWrapper_19dqs.circular-progress-bar__icon-tertiary_19dqs {
161
162
  color: var(--color-light-neutral-500);
162
- } .circular-progress-bar__iconWrapper_1tzep.circular-progress-bar__icon-positive_1tzep {
163
+ } .circular-progress-bar__iconWrapper_19dqs.circular-progress-bar__icon-positive_19dqs {
163
164
  color: var(--color-light-status-positive);
164
- } .circular-progress-bar__iconWrapper_1tzep.circular-progress-bar__icon-negative_1tzep {
165
+ } .circular-progress-bar__iconWrapper_19dqs.circular-progress-bar__icon-negative_19dqs {
165
166
  color: var(--color-light-status-negative);
166
- } .circular-progress-bar__iconWrapper_1tzep.circular-progress-bar__icon-primary-inverted_1tzep {
167
+ } .circular-progress-bar__iconWrapper_19dqs.circular-progress-bar__icon-primary-inverted_19dqs {
167
168
  color: var(--color-light-neutral-translucent-1300-inverted);
168
- } .circular-progress-bar__iconWrapper_1tzep.circular-progress-bar__icon-primary_1tzep {
169
+ } .circular-progress-bar__iconWrapper_19dqs.circular-progress-bar__icon-primary_19dqs {
169
170
  color: var(--color-light-neutral-translucent-1300);
170
- } .circular-progress-bar__iconWrapper_1tzep.circular-progress-bar__icon-secondary_1tzep {
171
+ } .circular-progress-bar__iconWrapper_19dqs.circular-progress-bar__icon-secondary_19dqs {
171
172
  color: var(--color-light-neutral-700);
172
- } .circular-progress-bar__icon_1tzep {
173
+ } .circular-progress-bar__icon_19dqs {
173
174
  width: 100%;
174
175
  height: 100%;
175
176
  }
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_1tzep","bg-positive":"circular-progress-bar__bg-positive_1tzep","bg-negative":"circular-progress-bar__bg-negative_1tzep","svg":"circular-progress-bar__svg_1tzep","title":"circular-progress-bar__title_1tzep","subtitle":"circular-progress-bar__subtitle_1tzep","labelWrapper":"circular-progress-bar__labelWrapper_1tzep","label":"circular-progress-bar__label_1tzep","typography":"circular-progress-bar__typography_1tzep","size-144":"circular-progress-bar__size-144_1tzep","size-128":"circular-progress-bar__size-128_1tzep","size-80":"circular-progress-bar__size-80_1tzep","size-64":"circular-progress-bar__size-64_1tzep","size-48":"circular-progress-bar__size-48_1tzep","size-24":"circular-progress-bar__size-24_1tzep","backgroundCircle":"circular-progress-bar__backgroundCircle_1tzep","progressCircle":"circular-progress-bar__progressCircle_1tzep","positive":"circular-progress-bar__positive_1tzep","negative":"circular-progress-bar__negative_1tzep","stroke":"circular-progress-bar__stroke_1tzep","iconWrapper":"circular-progress-bar__iconWrapper_1tzep","icon-tertiary":"circular-progress-bar__icon-tertiary_1tzep","icon-positive":"circular-progress-bar__icon-positive_1tzep","icon-negative":"circular-progress-bar__icon-negative_1tzep","icon-primary-inverted":"circular-progress-bar__icon-primary-inverted_1tzep","icon-primary":"circular-progress-bar__icon-primary_1tzep","icon-secondary":"circular-progress-bar__icon-secondary_1tzep","icon":"circular-progress-bar__icon_1tzep"};
6
+ const styles = {"component":"circular-progress-bar__component_19dqs","bg-positive":"circular-progress-bar__bg-positive_19dqs","bg-negative":"circular-progress-bar__bg-negative_19dqs","svg":"circular-progress-bar__svg_19dqs","title":"circular-progress-bar__title_19dqs","subtitle":"circular-progress-bar__subtitle_19dqs","labelWrapper":"circular-progress-bar__labelWrapper_19dqs","label":"circular-progress-bar__label_19dqs","typography":"circular-progress-bar__typography_19dqs","size-144":"circular-progress-bar__size-144_19dqs","size-128":"circular-progress-bar__size-128_19dqs","size-80":"circular-progress-bar__size-80_19dqs","size-64":"circular-progress-bar__size-64_19dqs","size-48":"circular-progress-bar__size-48_19dqs","size-24":"circular-progress-bar__size-24_19dqs","backgroundCircle":"circular-progress-bar__backgroundCircle_19dqs","progressCircle":"circular-progress-bar__progressCircle_19dqs","positive":"circular-progress-bar__positive_19dqs","negative":"circular-progress-bar__negative_19dqs","stroke":"circular-progress-bar__stroke_19dqs","iconWrapper":"circular-progress-bar__iconWrapper_19dqs","icon-tertiary":"circular-progress-bar__icon-tertiary_19dqs","icon-positive":"circular-progress-bar__icon-positive_19dqs","icon-negative":"circular-progress-bar__icon-negative_19dqs","icon-primary-inverted":"circular-progress-bar__icon-primary-inverted_19dqs","icon-primary":"circular-progress-bar__icon-primary_19dqs","icon-secondary":"circular-progress-bar__icon-secondary_19dqs","icon":"circular-progress-bar__icon_19dqs"};
7
7
  require('./index.css')
8
8
 
9
9
  /**
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 19xt6 */
1
+ /* hash: j5bfu */
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,11 +24,12 @@
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
  } :root {
28
29
  --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
29
30
  sans-serif;
30
31
  } :root {
31
- } :root {
32
+ } /* сбрасывает синюю подсветку при нажатии */ :root {
32
33
  /* stroke */
33
34
  --circular-progress-bar-stroke-color: var(--color-light-neutral-translucent-300);
34
35
 
@@ -41,135 +42,135 @@
41
42
  /* theme */
42
43
  --circular-progress-bar-font-family: var(--font-family-system);
43
44
  --circular-progress-bar-font-weight: 600;
44
- } .circular-progress-bar__component_1tzep {
45
+ } .circular-progress-bar__component_19dqs {
45
46
  position: relative;
46
47
  display: flex;
47
48
  justify-content: center;
48
49
  align-items: center;
49
50
  border-radius: var(--border-radius-pill)
50
- } .circular-progress-bar__component_1tzep.circular-progress-bar__bg-positive_1tzep {
51
+ } .circular-progress-bar__component_19dqs.circular-progress-bar__bg-positive_19dqs {
51
52
  background: var(--circular-progress-bar-positive-color);
52
- } .circular-progress-bar__component_1tzep.circular-progress-bar__bg-negative_1tzep {
53
+ } .circular-progress-bar__component_19dqs.circular-progress-bar__bg-negative_19dqs {
53
54
  background: var(--circular-progress-bar-negative-color);
54
- } .circular-progress-bar__svg_1tzep {
55
+ } .circular-progress-bar__svg_19dqs {
55
56
  display: block;
56
57
  width: 100%;
57
- } .circular-progress-bar__title_1tzep,
58
- .circular-progress-bar__subtitle_1tzep {
58
+ } .circular-progress-bar__title_19dqs,
59
+ .circular-progress-bar__subtitle_19dqs {
59
60
  overflow: hidden;
60
61
  word-break: break-word;
61
62
  white-space: nowrap;
62
63
  text-overflow: ellipsis;
63
- margin: 0 6px;
64
- } .circular-progress-bar__subtitle_1tzep {
64
+ margin: var(--gap-0) 6px;
65
+ } .circular-progress-bar__subtitle_19dqs {
65
66
  max-height: 40px;
66
- } .circular-progress-bar__labelWrapper_1tzep {
67
+ } .circular-progress-bar__labelWrapper_19dqs {
67
68
  text-align: center;
68
69
  position: absolute;
69
70
  top: 50%;
70
71
  left: 50%;
71
72
  width: 100%;
72
73
  transform: translate(-50%, -50%)
73
- } .circular-progress-bar__labelWrapper_1tzep.circular-progress-bar__label_1tzep {
74
+ } .circular-progress-bar__labelWrapper_19dqs.circular-progress-bar__label_19dqs {
74
75
  display: flex;
75
76
  align-items: center;
76
77
  justify-content: center;
77
- } .circular-progress-bar__typography_1tzep {
78
+ } .circular-progress-bar__typography_19dqs {
78
79
  font-feature-settings: 'ss01';
79
80
  font-weight: var(--circular-progress-bar-font-weight);
80
81
  font-family: var(--circular-progress-bar-font-family);
81
- } .circular-progress-bar__size-144_1tzep {
82
+ } .circular-progress-bar__size-144_19dqs {
82
83
  width: 144px;
83
84
  height: 144px
84
- } .circular-progress-bar__size-144_1tzep .circular-progress-bar__labelWrapper_1tzep {
85
+ } .circular-progress-bar__size-144_19dqs .circular-progress-bar__labelWrapper_19dqs {
85
86
  max-width: 128px;
86
- } .circular-progress-bar__size-144_1tzep .circular-progress-bar__title_1tzep {
87
+ } .circular-progress-bar__size-144_19dqs .circular-progress-bar__title_19dqs {
87
88
  max-height: 32px;
88
- } .circular-progress-bar__size-128_1tzep {
89
+ } .circular-progress-bar__size-128_19dqs {
89
90
  width: 128px;
90
91
  height: 128px
91
- } .circular-progress-bar__size-128_1tzep .circular-progress-bar__labelWrapper_1tzep {
92
+ } .circular-progress-bar__size-128_19dqs .circular-progress-bar__labelWrapper_19dqs {
92
93
  max-width: 108px;
93
- } .circular-progress-bar__size-128_1tzep .circular-progress-bar__title_1tzep {
94
+ } .circular-progress-bar__size-128_19dqs .circular-progress-bar__title_19dqs {
94
95
  max-height: 32px;
95
- } .circular-progress-bar__size-80_1tzep {
96
+ } .circular-progress-bar__size-80_19dqs {
96
97
  width: 80px;
97
98
  height: 80px
98
- } .circular-progress-bar__size-80_1tzep .circular-progress-bar__labelWrapper_1tzep {
99
+ } .circular-progress-bar__size-80_19dqs .circular-progress-bar__labelWrapper_19dqs {
99
100
  max-width: 64px;
100
- } .circular-progress-bar__size-80_1tzep .circular-progress-bar__title_1tzep {
101
+ } .circular-progress-bar__size-80_19dqs .circular-progress-bar__title_19dqs {
101
102
  max-height: 24px;
102
- } .circular-progress-bar__size-64_1tzep {
103
+ } .circular-progress-bar__size-64_19dqs {
103
104
  width: 64px;
104
105
  height: 64px
105
- } .circular-progress-bar__size-64_1tzep .circular-progress-bar__labelWrapper_1tzep {
106
+ } .circular-progress-bar__size-64_19dqs .circular-progress-bar__labelWrapper_19dqs {
106
107
  max-width: 48px;
107
- } .circular-progress-bar__size-64_1tzep .circular-progress-bar__title_1tzep {
108
+ } .circular-progress-bar__size-64_19dqs .circular-progress-bar__title_19dqs {
108
109
  max-height: 16px;
109
- margin: 0;
110
- } .circular-progress-bar__size-48_1tzep {
110
+ margin: var(--gap-0);
111
+ } .circular-progress-bar__size-48_19dqs {
111
112
  width: 48px;
112
113
  height: 48px
113
- } .circular-progress-bar__size-48_1tzep .circular-progress-bar__labelWrapper_1tzep {
114
+ } .circular-progress-bar__size-48_19dqs .circular-progress-bar__labelWrapper_19dqs {
114
115
  max-width: 40px;
115
- } .circular-progress-bar__size-48_1tzep .circular-progress-bar__title_1tzep {
116
+ } .circular-progress-bar__size-48_19dqs .circular-progress-bar__title_19dqs {
116
117
  max-height: 16px;
117
- margin: 0;
118
- } .circular-progress-bar__size-24_1tzep {
118
+ margin: var(--gap-0);
119
+ } .circular-progress-bar__size-24_19dqs {
119
120
  width: 24px;
120
121
  height: 24px
121
- } .circular-progress-bar__size-24_1tzep .circular-progress-bar__labelWrapper_1tzep {
122
+ } .circular-progress-bar__size-24_19dqs .circular-progress-bar__labelWrapper_19dqs {
122
123
  max-width: 24px;
123
- } .circular-progress-bar__backgroundCircle_1tzep,
124
- .circular-progress-bar__progressCircle_1tzep {
124
+ } .circular-progress-bar__backgroundCircle_19dqs,
125
+ .circular-progress-bar__progressCircle_19dqs {
125
126
  width: 100%;
126
127
  height: 100%;
127
128
  fill: transparent;
128
- } .circular-progress-bar__positive_1tzep {
129
+ } .circular-progress-bar__positive_19dqs {
129
130
  stroke: var(--circular-progress-bar-positive-color);
130
- } .circular-progress-bar__negative_1tzep {
131
+ } .circular-progress-bar__negative_19dqs {
131
132
  stroke: var(--circular-progress-bar-negative-color);
132
- } .circular-progress-bar__backgroundCircle_1tzep {
133
+ } .circular-progress-bar__backgroundCircle_19dqs {
133
134
  stroke: var(--circular-progress-bar-stroke-color)
134
- } .circular-progress-bar__backgroundCircle_1tzep.circular-progress-bar__stroke_1tzep {
135
+ } .circular-progress-bar__backgroundCircle_19dqs.circular-progress-bar__stroke_19dqs {
135
136
  stroke: transparent;
136
- } .circular-progress-bar__progressCircle_1tzep {
137
+ } .circular-progress-bar__progressCircle_19dqs {
137
138
  stroke-linecap: round;
138
- } .circular-progress-bar__iconWrapper_1tzep {
139
+ } .circular-progress-bar__iconWrapper_19dqs {
139
140
  display: flex;
140
141
  align-items: center;
141
142
  justify-content: center
142
- } .circular-progress-bar__iconWrapper_1tzep.circular-progress-bar__size-144_1tzep {
143
+ } .circular-progress-bar__iconWrapper_19dqs.circular-progress-bar__size-144_19dqs {
143
144
  max-width: 64px;
144
145
  max-height: 64px;
145
- } .circular-progress-bar__iconWrapper_1tzep.circular-progress-bar__size-128_1tzep {
146
+ } .circular-progress-bar__iconWrapper_19dqs.circular-progress-bar__size-128_19dqs {
146
147
  max-width: 64px;
147
148
  max-height: 64px;
148
- } .circular-progress-bar__iconWrapper_1tzep.circular-progress-bar__size-80_1tzep {
149
+ } .circular-progress-bar__iconWrapper_19dqs.circular-progress-bar__size-80_19dqs {
149
150
  max-width: 48px;
150
151
  max-height: 48px;
151
- } .circular-progress-bar__iconWrapper_1tzep.circular-progress-bar__size-64_1tzep {
152
+ } .circular-progress-bar__iconWrapper_19dqs.circular-progress-bar__size-64_19dqs {
152
153
  max-width: 36px;
153
154
  max-height: 36px;
154
- } .circular-progress-bar__iconWrapper_1tzep.circular-progress-bar__size-48_1tzep {
155
+ } .circular-progress-bar__iconWrapper_19dqs.circular-progress-bar__size-48_19dqs {
155
156
  max-width: 24px;
156
157
  max-height: 24px;
157
- } .circular-progress-bar__iconWrapper_1tzep.circular-progress-bar__size-24_1tzep {
158
+ } .circular-progress-bar__iconWrapper_19dqs.circular-progress-bar__size-24_19dqs {
158
159
  max-width: 16px;
159
160
  max-height: 16px;
160
- } .circular-progress-bar__iconWrapper_1tzep.circular-progress-bar__icon-tertiary_1tzep {
161
+ } .circular-progress-bar__iconWrapper_19dqs.circular-progress-bar__icon-tertiary_19dqs {
161
162
  color: var(--color-light-neutral-500);
162
- } .circular-progress-bar__iconWrapper_1tzep.circular-progress-bar__icon-positive_1tzep {
163
+ } .circular-progress-bar__iconWrapper_19dqs.circular-progress-bar__icon-positive_19dqs {
163
164
  color: var(--color-light-status-positive);
164
- } .circular-progress-bar__iconWrapper_1tzep.circular-progress-bar__icon-negative_1tzep {
165
+ } .circular-progress-bar__iconWrapper_19dqs.circular-progress-bar__icon-negative_19dqs {
165
166
  color: var(--color-light-status-negative);
166
- } .circular-progress-bar__iconWrapper_1tzep.circular-progress-bar__icon-primary-inverted_1tzep {
167
+ } .circular-progress-bar__iconWrapper_19dqs.circular-progress-bar__icon-primary-inverted_19dqs {
167
168
  color: var(--color-light-neutral-translucent-1300-inverted);
168
- } .circular-progress-bar__iconWrapper_1tzep.circular-progress-bar__icon-primary_1tzep {
169
+ } .circular-progress-bar__iconWrapper_19dqs.circular-progress-bar__icon-primary_19dqs {
169
170
  color: var(--color-light-neutral-translucent-1300);
170
- } .circular-progress-bar__iconWrapper_1tzep.circular-progress-bar__icon-secondary_1tzep {
171
+ } .circular-progress-bar__iconWrapper_19dqs.circular-progress-bar__icon-secondary_19dqs {
171
172
  color: var(--color-light-neutral-700);
172
- } .circular-progress-bar__icon_1tzep {
173
+ } .circular-progress-bar__icon_19dqs {
173
174
  width: 100%;
174
175
  height: 100%;
175
176
  }
package/moderncssm/index.module.css CHANGED
@@ -42,7 +42,7 @@
42
42
  word-break: break-word;
43
43
  white-space: nowrap;
44
44
  text-overflow: ellipsis;
45
- margin: 0 6px;
45
+ margin: var(--gap-0) 6px;
46
46
  }
47
47
 
48
48
  .subtitle {
@@ -120,7 +120,7 @@
120
120
 
121
121
  .size-64 .title {
122
122
  max-height: 16px;
123
- margin: 0;
123
+ margin: var(--gap-0);
124
124
  }
125
125
 
126
126
  .size-48 {
@@ -134,7 +134,7 @@
134
134
 
135
135
  .size-48 .title {
136
136
  max-height: 16px;
137
- margin: 0;
137
+ margin: var(--gap-0);
138
138
  }
139
139
 
140
140
  .size-24 {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-circular-progress-bar",
3
- "version": "3.6.0",
3
+ "version": "3.6.2",
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.10.0",
14
+ "@alfalab/core-components-typography": "^4.10.2",
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.1.0",
22
- "varsVersion": "9.12.0"
21
+ "themesVersion": "13.4.0",
22
+ "varsVersion": "9.13.1"
23
23
  }
package/src/index.module.css CHANGED
@@ -42,7 +42,7 @@
42
42
  word-break: break-word;
43
43
  white-space: nowrap;
44
44
  text-overflow: ellipsis;
45
- margin: 0 6px;
45
+ margin: var(--gap-0) 6px;
46
46
  }
47
47
 
48
48
  .subtitle {
@@ -119,7 +119,7 @@
119
119
 
120
120
  & .title {
121
121
  max-height: 16px;
122
- margin: 0;
122
+ margin: var(--gap-0);
123
123
  }
124
124
  }
125
125
 
@@ -133,7 +133,7 @@
133
133
 
134
134
  & .title {
135
135
  max-height: 16px;
136
- margin: 0;
136
+ margin: var(--gap-0);
137
137
  }
138
138
  }
139
139