@hh.ru/magritte-ui-progress-bar 5.0.3 → 5.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/ProgressBar.js CHANGED
@@ -6,7 +6,7 @@ import { ProgressBarSkeleton } from './Skeleton.js';
6
6
  import { enrichWithSkeleton } from '@hh.ru/magritte-ui-skeleton';
7
7
  import 'react';
8
8
  import 'classnames';
9
- import './progress-bar-MJPuJ1-I.js';
9
+ import './progress-bar-B9YUxlfW.js';
10
10
 
11
11
  const ProgressBarComponent = (props) => {
12
12
  const isSegmented = props.segments !== undefined;
@@ -2,7 +2,7 @@ import './index.css';
2
2
  import { jsx } from 'react/jsx-runtime';
3
3
  import { useRef, useState, useEffect, useLayoutEffect } from 'react';
4
4
  import classnames from 'classnames';
5
- import { s as styles } from './progress-bar-MJPuJ1-I.js';
5
+ import { s as styles } from './progress-bar-B9YUxlfW.js';
6
6
 
7
7
  const STYLE_TO_CSS = {
8
8
  accent: styles.segmentedContainerStyleAccent,
@@ -1,7 +1,7 @@
1
1
  import './index.css';
2
2
  import { jsx } from 'react/jsx-runtime';
3
3
  import classnames from 'classnames';
4
- import { s as styles } from './progress-bar-MJPuJ1-I.js';
4
+ import { s as styles } from './progress-bar-B9YUxlfW.js';
5
5
 
6
6
  const STYLE_TO_CSS = {
7
7
  accent: styles.progressStyleAccent,
package/Skeleton.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import './index.css';
2
2
  import { jsx } from 'react/jsx-runtime';
3
3
  import { Skeleton } from '@hh.ru/magritte-ui-skeleton';
4
- import { s as styles } from './progress-bar-MJPuJ1-I.js';
4
+ import { s as styles } from './progress-bar-B9YUxlfW.js';
5
5
 
6
6
  const ProgressBarSkeleton = ({ Component: ProgressBar,
7
7
  // skeleton props
package/index.css CHANGED
@@ -1,61 +1,61 @@
1
1
  :root{
2
- --magritte-color-component-progress-bar-background-content-v23-2-0:#DCE3EB;
3
- --magritte-color-component-progress-bar-foreground-accent-v23-2-0:#0070ff;
4
- --magritte-color-component-progress-bar-foreground-positive-v23-2-0:#0dc267;
5
- --magritte-color-component-progress-bar-foreground-special-v23-2-0:#883be9;
6
- --magritte-color-component-progress-bar-foreground-warning-v23-2-0:#ff9900;
7
- --magritte-color-component-progress-bar-foreground-negative-v23-2-0:#ff4d3a;
2
+ --magritte-color-component-progress-bar-background-content-v23-2-1:#DCE3EB;
3
+ --magritte-color-component-progress-bar-foreground-accent-v23-2-1:#0070ff;
4
+ --magritte-color-component-progress-bar-foreground-positive-v23-2-1:#0dc267;
5
+ --magritte-color-component-progress-bar-foreground-special-v23-2-1:#883be9;
6
+ --magritte-color-component-progress-bar-foreground-warning-v23-2-1:#ff9900;
7
+ --magritte-color-component-progress-bar-foreground-negative-v23-2-1:#ff4d3a;
8
8
  }
9
9
 
10
10
  :root{
11
- --magritte-semantic-animation-ease-in-out-100-timing-function-v23-2-0:cubic-bezier(0.25, 0.1, 0.25, 1);
12
- --magritte-semantic-animation-ease-in-out-100-duration-v23-2-0:100ms;
11
+ --magritte-semantic-animation-ease-in-out-100-timing-function-v23-2-1:cubic-bezier(0.25, 0.1, 0.25, 1);
12
+ --magritte-semantic-animation-ease-in-out-100-duration-v23-2-1:100ms;
13
13
  }
14
14
 
15
15
  .magritte-night-theme{
16
- --magritte-color-component-progress-bar-background-content-v23-2-0:#262626;
17
- --magritte-color-component-progress-bar-foreground-accent-v23-2-0:#0058cc;
18
- --magritte-color-component-progress-bar-foreground-positive-v23-2-0:#026d36;
19
- --magritte-color-component-progress-bar-foreground-special-v23-2-0:#6a2eb7;
20
- --magritte-color-component-progress-bar-foreground-warning-v23-2-0:#ac6600;
21
- --magritte-color-component-progress-bar-foreground-negative-v23-2-0:#ac3225;
16
+ --magritte-color-component-progress-bar-background-content-v23-2-1:#262626;
17
+ --magritte-color-component-progress-bar-foreground-accent-v23-2-1:#0058cc;
18
+ --magritte-color-component-progress-bar-foreground-positive-v23-2-1:#026d36;
19
+ --magritte-color-component-progress-bar-foreground-special-v23-2-1:#6a2eb7;
20
+ --magritte-color-component-progress-bar-foreground-warning-v23-2-1:#ac6600;
21
+ --magritte-color-component-progress-bar-foreground-negative-v23-2-1:#ac3225;
22
22
  }
23
23
 
24
24
  .magritte-zp-day-theme{
25
- --magritte-color-component-progress-bar-background-content-v23-2-0:#DCE3EB;
26
- --magritte-color-component-progress-bar-foreground-accent-v23-2-0:#7195AF;
27
- --magritte-color-component-progress-bar-foreground-positive-v23-2-0:#0dc267;
28
- --magritte-color-component-progress-bar-foreground-special-v23-2-0:#883be9;
29
- --magritte-color-component-progress-bar-foreground-warning-v23-2-0:#ff9900;
30
- --magritte-color-component-progress-bar-foreground-negative-v23-2-0:#ff4d3a;
31
- }
32
- .magritte-progress___pKPf-_5-0-3,
33
- .magritte-segment___uKhLD_5-0-3,
34
- .magritte-progress-animation-timeout___BeyxU_5-0-3{
25
+ --magritte-color-component-progress-bar-background-content-v23-2-1:#DCE3EB;
26
+ --magritte-color-component-progress-bar-foreground-accent-v23-2-1:#7195AF;
27
+ --magritte-color-component-progress-bar-foreground-positive-v23-2-1:#0dc267;
28
+ --magritte-color-component-progress-bar-foreground-special-v23-2-1:#883be9;
29
+ --magritte-color-component-progress-bar-foreground-warning-v23-2-1:#ff9900;
30
+ --magritte-color-component-progress-bar-foreground-negative-v23-2-1:#ff4d3a;
31
+ }
32
+ .magritte-progress___pKPf-_5-0-4,
33
+ .magritte-segment___uKhLD_5-0-4,
34
+ .magritte-progress-animation-timeout___BeyxU_5-0-4{
35
35
  --animation-duration:0;
36
36
  }
37
37
  @media (prefers-reduced-motion: no-preference){
38
- .magritte-progress___pKPf-_5-0-3,
39
- .magritte-segment___uKhLD_5-0-3,
40
- .magritte-progress-animation-timeout___BeyxU_5-0-3{
41
- --animation-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v23-2-0);
38
+ .magritte-progress___pKPf-_5-0-4,
39
+ .magritte-segment___uKhLD_5-0-4,
40
+ .magritte-progress-animation-timeout___BeyxU_5-0-4{
41
+ --animation-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v23-2-1);
42
42
  }
43
43
  }
44
- .magritte-progress___pKPf-_5-0-3{
44
+ .magritte-progress___pKPf-_5-0-4{
45
45
  position:relative;
46
46
  width:100%;
47
47
  border-radius:50vh;
48
48
  height:var(--magritte-ui-progress-height-override, 8px);
49
- --magritte-ui-progress-background-color:var(--magritte-ui-progress-background-color-override, var(--magritte-color-component-progress-bar-background-content-v23-2-0));
49
+ --magritte-ui-progress-background-color:var(--magritte-ui-progress-background-color-override, var(--magritte-color-component-progress-bar-background-content-v23-2-1));
50
50
  background-color:var(--magritte-ui-progress-background-color);
51
51
  user-select:none;
52
52
  overflow:hidden;
53
53
  }
54
- .magritte-progress-skeleton___cGz4D_5-0-3{
54
+ .magritte-progress-skeleton___cGz4D_5-0-4{
55
55
  height:var(--magritte-ui-progress-height-override, 8px);
56
56
  border-radius:50vh;
57
57
  }
58
- .magritte-progress-value___ffPrp_5-0-3{
58
+ .magritte-progress-value___ffPrp_5-0-4{
59
59
  position:absolute;
60
60
  height:var(--magritte-ui-progress-height-override, 8px);
61
61
  left:0;
@@ -64,56 +64,56 @@
64
64
  background:var(--magritte-ui-progress-value-color);
65
65
  transition-property:width;
66
66
  transition-duration:var(--animation-duration);
67
- transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v23-2-0);
67
+ transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v23-2-1);
68
68
  }
69
- .magritte-segmented-container___O5xuJ_5-0-3{
69
+ .magritte-segmented-container___O5xuJ_5-0-4{
70
70
  display:flex;
71
71
  gap:var(--magritte-ui-progress-segments-margin-override, 4px);
72
72
  user-select:none;
73
73
  }
74
- .magritte-segment___uKhLD_5-0-3{
74
+ .magritte-segment___uKhLD_5-0-4{
75
75
  flex:1 1 auto;
76
76
  height:var(--magritte-ui-progress-height-override, 8px);
77
77
  border-radius:50vh;
78
78
  transition-property:background-position;
79
79
  transition-duration:var(--animation-duration);
80
- transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v23-2-0);
81
- --magritte-ui-progress-background-color:var(--magritte-ui-progress-background-color-override, var(--magritte-color-component-progress-bar-background-content-v23-2-0));
80
+ transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v23-2-1);
81
+ --magritte-ui-progress-background-color:var(--magritte-ui-progress-background-color-override, var(--magritte-color-component-progress-bar-background-content-v23-2-1));
82
82
  background:linear-gradient(to right, var(--magritte-ui-progress-value-color) 50%, var(--magritte-ui-progress-background-color) 50%);
83
83
  background-size:calc(200% + 1px) 100%;
84
84
  background-position:right bottom;
85
85
  background-repeat:no-repeat;
86
86
  }
87
- .magritte-filled___QH18N_5-0-3{
87
+ .magritte-filled___QH18N_5-0-4{
88
88
  background-position:left bottom;
89
89
  }
90
- .magritte-segmented-container_style-accent___MRcsm_5-0-3 .magritte-segment___uKhLD_5-0-3{
91
- --magritte-ui-progress-value-color:var(--magritte-ui-progress-value-color-override, var(--magritte-color-component-progress-bar-foreground-accent-v23-2-0));
90
+ .magritte-segmented-container_style-accent___MRcsm_5-0-4 .magritte-segment___uKhLD_5-0-4{
91
+ --magritte-ui-progress-value-color:var(--magritte-ui-progress-value-color-override, var(--magritte-color-component-progress-bar-foreground-accent-v23-2-1));
92
92
  }
93
- .magritte-progress_style-accent___0qJEN_5-0-3{
94
- --magritte-ui-progress-value-color:var(--magritte-ui-progress-value-color-override, var(--magritte-color-component-progress-bar-foreground-accent-v23-2-0));
93
+ .magritte-progress_style-accent___0qJEN_5-0-4{
94
+ --magritte-ui-progress-value-color:var(--magritte-ui-progress-value-color-override, var(--magritte-color-component-progress-bar-foreground-accent-v23-2-1));
95
95
  }
96
- .magritte-segmented-container_style-positive___ItaIH_5-0-3 .magritte-segment___uKhLD_5-0-3{
97
- --magritte-ui-progress-value-color:var(--magritte-ui-progress-value-color-override, var(--magritte-color-component-progress-bar-foreground-positive-v23-2-0));
96
+ .magritte-segmented-container_style-positive___ItaIH_5-0-4 .magritte-segment___uKhLD_5-0-4{
97
+ --magritte-ui-progress-value-color:var(--magritte-ui-progress-value-color-override, var(--magritte-color-component-progress-bar-foreground-positive-v23-2-1));
98
98
  }
99
- .magritte-progress_style-positive___EAtvB_5-0-3{
100
- --magritte-ui-progress-value-color:var(--magritte-ui-progress-value-color-override, var(--magritte-color-component-progress-bar-foreground-positive-v23-2-0));
99
+ .magritte-progress_style-positive___EAtvB_5-0-4{
100
+ --magritte-ui-progress-value-color:var(--magritte-ui-progress-value-color-override, var(--magritte-color-component-progress-bar-foreground-positive-v23-2-1));
101
101
  }
102
- .magritte-segmented-container_style-special___m0PxE_5-0-3 .magritte-segment___uKhLD_5-0-3{
103
- --magritte-ui-progress-value-color:var(--magritte-ui-progress-value-color-override, var(--magritte-color-component-progress-bar-foreground-special-v23-2-0));
102
+ .magritte-segmented-container_style-special___m0PxE_5-0-4 .magritte-segment___uKhLD_5-0-4{
103
+ --magritte-ui-progress-value-color:var(--magritte-ui-progress-value-color-override, var(--magritte-color-component-progress-bar-foreground-special-v23-2-1));
104
104
  }
105
- .magritte-progress_style-special___v8LNJ_5-0-3{
106
- --magritte-ui-progress-value-color:var(--magritte-ui-progress-value-color-override, var(--magritte-color-component-progress-bar-foreground-special-v23-2-0));
105
+ .magritte-progress_style-special___v8LNJ_5-0-4{
106
+ --magritte-ui-progress-value-color:var(--magritte-ui-progress-value-color-override, var(--magritte-color-component-progress-bar-foreground-special-v23-2-1));
107
107
  }
108
- .magritte-segmented-container_style-warning___Dfq4v_5-0-3 .magritte-segment___uKhLD_5-0-3{
109
- --magritte-ui-progress-value-color:var(--magritte-ui-progress-value-color-override, var(--magritte-color-component-progress-bar-foreground-warning-v23-2-0));
108
+ .magritte-segmented-container_style-warning___Dfq4v_5-0-4 .magritte-segment___uKhLD_5-0-4{
109
+ --magritte-ui-progress-value-color:var(--magritte-ui-progress-value-color-override, var(--magritte-color-component-progress-bar-foreground-warning-v23-2-1));
110
110
  }
111
- .magritte-progress_style-warning___8D5-R_5-0-3{
112
- --magritte-ui-progress-value-color:var(--magritte-ui-progress-value-color-override, var(--magritte-color-component-progress-bar-foreground-warning-v23-2-0));
111
+ .magritte-progress_style-warning___8D5-R_5-0-4{
112
+ --magritte-ui-progress-value-color:var(--magritte-ui-progress-value-color-override, var(--magritte-color-component-progress-bar-foreground-warning-v23-2-1));
113
113
  }
114
- .magritte-segmented-container_style-negative___ESqFP_5-0-3 .magritte-segment___uKhLD_5-0-3{
115
- --magritte-ui-progress-value-color:var(--magritte-ui-progress-value-color-override, var(--magritte-color-component-progress-bar-foreground-negative-v23-2-0));
114
+ .magritte-segmented-container_style-negative___ESqFP_5-0-4 .magritte-segment___uKhLD_5-0-4{
115
+ --magritte-ui-progress-value-color:var(--magritte-ui-progress-value-color-override, var(--magritte-color-component-progress-bar-foreground-negative-v23-2-1));
116
116
  }
117
- .magritte-progress_style-negative___QDl5g_5-0-3{
118
- --magritte-ui-progress-value-color:var(--magritte-ui-progress-value-color-override, var(--magritte-color-component-progress-bar-foreground-negative-v23-2-0));
117
+ .magritte-progress_style-negative___QDl5g_5-0-4{
118
+ --magritte-ui-progress-value-color:var(--magritte-ui-progress-value-color-override, var(--magritte-color-component-progress-bar-foreground-negative-v23-2-1));
119
119
  }
package/index.js CHANGED
@@ -5,7 +5,7 @@ import 'react/jsx-runtime';
5
5
  import './SegmentedProgressBar.js';
6
6
  import 'react';
7
7
  import 'classnames';
8
- import './progress-bar-MJPuJ1-I.js';
8
+ import './progress-bar-B9YUxlfW.js';
9
9
  import './SingleProgressBar.js';
10
10
  import './Skeleton.js';
11
11
  import '@hh.ru/magritte-ui-skeleton';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-progress-bar",
3
- "version": "5.0.3",
3
+ "version": "5.0.4",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -19,9 +19,9 @@
19
19
  "watch": "yarn root:watch $(pwd)"
20
20
  },
21
21
  "dependencies": {
22
- "@hh.ru/magritte-design-tokens": "23.2.0",
23
- "@hh.ru/magritte-ui-mock-component": "1.1.4",
24
- "@hh.ru/magritte-ui-skeleton": "3.0.3"
22
+ "@hh.ru/magritte-design-tokens": "23.2.1",
23
+ "@hh.ru/magritte-ui-mock-component": "1.1.5",
24
+ "@hh.ru/magritte-ui-skeleton": "3.0.4"
25
25
  },
26
26
  "peerDependencies": {
27
27
  "classnames": ">=2.3.2",
@@ -30,5 +30,5 @@
30
30
  "publishConfig": {
31
31
  "access": "public"
32
32
  },
33
- "gitHead": "fb6e7a383f8c329c0b5bc46df4d4bb11e44d9d24"
33
+ "gitHead": "18a4c9f53b8572077ce0fba28266865c1b619cee"
34
34
  }
@@ -0,0 +1,5 @@
1
+ import './index.css';
2
+ var styles = {"progress":"magritte-progress___pKPf-_5-0-4","segment":"magritte-segment___uKhLD_5-0-4","progress-animation-timeout":"magritte-progress-animation-timeout___BeyxU_5-0-4","progressAnimationTimeout":"magritte-progress-animation-timeout___BeyxU_5-0-4","progress-skeleton":"magritte-progress-skeleton___cGz4D_5-0-4","progressSkeleton":"magritte-progress-skeleton___cGz4D_5-0-4","progress-value":"magritte-progress-value___ffPrp_5-0-4","progressValue":"magritte-progress-value___ffPrp_5-0-4","segmented-container":"magritte-segmented-container___O5xuJ_5-0-4","segmentedContainer":"magritte-segmented-container___O5xuJ_5-0-4","filled":"magritte-filled___QH18N_5-0-4","segmented-container_style-accent":"magritte-segmented-container_style-accent___MRcsm_5-0-4","segmentedContainerStyleAccent":"magritte-segmented-container_style-accent___MRcsm_5-0-4","progress_style-accent":"magritte-progress_style-accent___0qJEN_5-0-4","progressStyleAccent":"magritte-progress_style-accent___0qJEN_5-0-4","segmented-container_style-positive":"magritte-segmented-container_style-positive___ItaIH_5-0-4","segmentedContainerStylePositive":"magritte-segmented-container_style-positive___ItaIH_5-0-4","progress_style-positive":"magritte-progress_style-positive___EAtvB_5-0-4","progressStylePositive":"magritte-progress_style-positive___EAtvB_5-0-4","segmented-container_style-special":"magritte-segmented-container_style-special___m0PxE_5-0-4","segmentedContainerStyleSpecial":"magritte-segmented-container_style-special___m0PxE_5-0-4","progress_style-special":"magritte-progress_style-special___v8LNJ_5-0-4","progressStyleSpecial":"magritte-progress_style-special___v8LNJ_5-0-4","segmented-container_style-warning":"magritte-segmented-container_style-warning___Dfq4v_5-0-4","segmentedContainerStyleWarning":"magritte-segmented-container_style-warning___Dfq4v_5-0-4","progress_style-warning":"magritte-progress_style-warning___8D5-R_5-0-4","progressStyleWarning":"magritte-progress_style-warning___8D5-R_5-0-4","segmented-container_style-negative":"magritte-segmented-container_style-negative___ESqFP_5-0-4","segmentedContainerStyleNegative":"magritte-segmented-container_style-negative___ESqFP_5-0-4","progress_style-negative":"magritte-progress_style-negative___QDl5g_5-0-4","progressStyleNegative":"magritte-progress_style-negative___QDl5g_5-0-4"};
3
+
4
+ export { styles as s };
5
+ //# sourceMappingURL=progress-bar-B9YUxlfW.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"progress-bar-B9YUxlfW.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
@@ -1,5 +0,0 @@
1
- import './index.css';
2
- var styles = {"progress":"magritte-progress___pKPf-_5-0-3","segment":"magritte-segment___uKhLD_5-0-3","progress-animation-timeout":"magritte-progress-animation-timeout___BeyxU_5-0-3","progressAnimationTimeout":"magritte-progress-animation-timeout___BeyxU_5-0-3","progress-skeleton":"magritte-progress-skeleton___cGz4D_5-0-3","progressSkeleton":"magritte-progress-skeleton___cGz4D_5-0-3","progress-value":"magritte-progress-value___ffPrp_5-0-3","progressValue":"magritte-progress-value___ffPrp_5-0-3","segmented-container":"magritte-segmented-container___O5xuJ_5-0-3","segmentedContainer":"magritte-segmented-container___O5xuJ_5-0-3","filled":"magritte-filled___QH18N_5-0-3","segmented-container_style-accent":"magritte-segmented-container_style-accent___MRcsm_5-0-3","segmentedContainerStyleAccent":"magritte-segmented-container_style-accent___MRcsm_5-0-3","progress_style-accent":"magritte-progress_style-accent___0qJEN_5-0-3","progressStyleAccent":"magritte-progress_style-accent___0qJEN_5-0-3","segmented-container_style-positive":"magritte-segmented-container_style-positive___ItaIH_5-0-3","segmentedContainerStylePositive":"magritte-segmented-container_style-positive___ItaIH_5-0-3","progress_style-positive":"magritte-progress_style-positive___EAtvB_5-0-3","progressStylePositive":"magritte-progress_style-positive___EAtvB_5-0-3","segmented-container_style-special":"magritte-segmented-container_style-special___m0PxE_5-0-3","segmentedContainerStyleSpecial":"magritte-segmented-container_style-special___m0PxE_5-0-3","progress_style-special":"magritte-progress_style-special___v8LNJ_5-0-3","progressStyleSpecial":"magritte-progress_style-special___v8LNJ_5-0-3","segmented-container_style-warning":"magritte-segmented-container_style-warning___Dfq4v_5-0-3","segmentedContainerStyleWarning":"magritte-segmented-container_style-warning___Dfq4v_5-0-3","progress_style-warning":"magritte-progress_style-warning___8D5-R_5-0-3","progressStyleWarning":"magritte-progress_style-warning___8D5-R_5-0-3","segmented-container_style-negative":"magritte-segmented-container_style-negative___ESqFP_5-0-3","segmentedContainerStyleNegative":"magritte-segmented-container_style-negative___ESqFP_5-0-3","progress_style-negative":"magritte-progress_style-negative___QDl5g_5-0-3","progressStyleNegative":"magritte-progress_style-negative___QDl5g_5-0-3"};
3
-
4
- export { styles as s };
5
- //# sourceMappingURL=progress-bar-MJPuJ1-I.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"progress-bar-MJPuJ1-I.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}