@sb1/ffe-progressbar 1.1.0 → 1.2.1

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 (3) hide show
  1. package/css/progressbar.css +11 -12
  2. package/less/progressbar.less +11 -12
  3. package/package.json +3 -3
package/css/progressbar.css CHANGED
@@ -5,12 +5,11 @@ Bar: What's left of the bar, when you take the max-attribute value minus the val
5
5
 
6
6
  */
7
7
  .ffe-progressbar {
8
- --progress-value-color-green: var(--ffe-color-fill-feedback-success);
9
- --progress-bar-color-green: var(--ffe-color-surface-feedback-success);
8
+ --progress-value-color-success: var(--ffe-color-foreground-feedback-success);
9
+ --progress-bar-color-success: var(--ffe-color-fill-feedback-success-subtle);
10
10
  /* Default is blue */
11
- --value-color: var(--ffe-color-border-primary-emphasis);
12
- --bar-color: var(--ffe-color-fill-primary-default);
13
- --border-radius: var(--ffe-g-border-radius);
11
+ --value-color: var(--ffe-color-foreground-emphasis);
12
+ --bar-color: var(--ffe-color-fill-primary-subtle);
14
13
  /* Reset browser defaults */
15
14
  border: none;
16
15
  /* Valid for all browsers */
@@ -19,23 +18,23 @@ Bar: What's left of the bar, when you take the max-attribute value minus the val
19
18
  /* Set in rem so it scales along with font-size */
20
19
  /* For styling the "bar" part in Mozilla */
21
20
  background-color: var(--bar-color);
22
- border-radius: var(--border-radius);
21
+ border-radius: var(--ffe-g-border-radius);
23
22
  /* For Chrome, Opera and Safari */
24
23
  /* Mozilla Firefox - Only styles the value part of the progress bar */
25
24
  }
26
25
  .ffe-progressbar::-webkit-progress-bar {
27
26
  background-color: var(--bar-color);
28
- border-radius: var(--border-radius);
27
+ border-radius: var(--ffe-g-border-radius);
29
28
  }
30
29
  .ffe-progressbar::-webkit-progress-value {
31
30
  background-color: var(--value-color);
32
- border-radius: var(--border-radius);
31
+ border-radius: var(--ffe-g-border-radius);
33
32
  }
34
33
  .ffe-progressbar::-moz-progress-bar {
35
34
  background-color: var(--value-color);
36
- border-radius: var(--border-radius);
35
+ border-radius: var(--ffe-g-border-radius);
37
36
  }
38
- .ffe-progressbar--theme-green {
39
- --value-color: var(--progress-value-color-green);
40
- --bar-color: var(--progress-bar-color-green);
37
+ .ffe-progressbar--theme-success {
38
+ --value-color: var(--progress-value-color-success);
39
+ --bar-color: var(--progress-bar-color-success);
41
40
  }
package/less/progressbar.less CHANGED
@@ -5,13 +5,12 @@ Bar: What's left of the bar, when you take the max-attribute value minus the val
5
5
 
6
6
  */
7
7
  .ffe-progressbar {
8
- --progress-value-color-green: var(--ffe-color-fill-feedback-success);
9
- --progress-bar-color-green: var(--ffe-color-surface-feedback-success);
8
+ --progress-value-color-success: var(--ffe-color-foreground-feedback-success);
9
+ --progress-bar-color-success: var(--ffe-color-fill-feedback-success-subtle);
10
10
 
11
11
  /* Default is blue */
12
- --value-color: var(--ffe-color-border-primary-emphasis);
13
- --bar-color: var(--ffe-color-fill-primary-default);
14
- --border-radius: var(--ffe-g-border-radius);
12
+ --value-color: var(--ffe-color-foreground-emphasis);
13
+ --bar-color: var(--ffe-color-fill-primary-subtle);
15
14
 
16
15
  /* Reset browser defaults */
17
16
  border: none;
@@ -22,26 +21,26 @@ Bar: What's left of the bar, when you take the max-attribute value minus the val
22
21
 
23
22
  /* For styling the "bar" part in Mozilla */
24
23
  background-color: var(--bar-color);
25
- border-radius: var(--border-radius);
24
+ border-radius: var(--ffe-g-border-radius);
26
25
 
27
26
  /* For Chrome, Opera and Safari */
28
27
  &::-webkit-progress-bar {
29
28
  background-color: var(--bar-color);
30
- border-radius: var(--border-radius);
29
+ border-radius: var(--ffe-g-border-radius);
31
30
  }
32
31
  &::-webkit-progress-value {
33
32
  background-color: var(--value-color);
34
- border-radius: var(--border-radius);
33
+ border-radius: var(--ffe-g-border-radius);
35
34
  }
36
35
 
37
36
  /* Mozilla Firefox - Only styles the value part of the progress bar */
38
37
  &::-moz-progress-bar {
39
38
  background-color: var(--value-color);
40
- border-radius: var(--border-radius);
39
+ border-radius: var(--ffe-g-border-radius);
41
40
  }
42
41
 
43
- &--theme-green {
44
- --value-color: var(--progress-value-color-green);
45
- --bar-color: var(--progress-bar-color-green);
42
+ &--theme-success {
43
+ --value-color: var(--progress-value-color-success);
44
+ --bar-color: var(--progress-bar-color-success);
46
45
  }
47
46
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sb1/ffe-progressbar",
3
- "version": "1.1.0",
3
+ "version": "1.2.1",
4
4
  "license": "MIT",
5
5
  "author": "SpareBank1",
6
6
  "files": [
@@ -22,10 +22,10 @@
22
22
  "@sb1/ffe-core": "^32.0.5"
23
23
  },
24
24
  "devDependencies": {
25
- "@sb1/ffe-buildtool": "^0.10.1"
25
+ "@sb1/ffe-buildtool": "^0.10.2"
26
26
  },
27
27
  "publishConfig": {
28
28
  "access": "public"
29
29
  },
30
- "gitHead": "ac213670d8dcde7fa8f81758047afa5023e37ab6"
30
+ "gitHead": "cc5bdf057ae2acf93315e4eb4d8e026320cf03be"
31
31
  }