@pareto-engineering/design-system 4.3.7 → 4.5.0

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 (7) hide show
  1. package/dist/cjs/a/Notification/styles.scss +3 -2
  2. package/dist/cjs/a/NotificationStack/styles.scss +3 -2
  3. package/dist/es/a/Notification/styles.scss +3 -2
  4. package/dist/es/a/NotificationStack/styles.scss +3 -2
  5. package/package.json +2 -2
  6. package/src/ui/a/Notification/styles.scss +3 -2
  7. package/src/ui/a/NotificationStack/styles.scss +3 -2
package/dist/cjs/a/Notification/styles.scss CHANGED
@@ -9,11 +9,12 @@ $default-margin: 1em;
9
9
  $default-border-radius: 1.5em;
10
10
  $default-width: clamp(var(--min-width, 30em), var(--width, 50%), var(--max-width, 100%));
11
11
  $default-height: clamp(var(--min-height, 3em), var(--height, 5em), var(--max-height, 10em));
12
+ $default-right-offset: 7rem;
12
13
 
13
14
  .#{bem.$base}.notification {
14
15
  align-items: center;
15
16
  background-color: var(--x);
16
- border-radius: $default-border-radius $default-border-radius 0 0;
17
+ border-radius: $default-border-radius;
17
18
  bottom: 0;
18
19
  color: var(--on-x);
19
20
  display: flex;
@@ -22,7 +23,7 @@ $default-height: clamp(var(--min-height, 3em), var(--height, 5em), var(--max-hei
22
23
  overflow: hidden;
23
24
  padding: $default-padding calc($default-padding * 2);
24
25
  position: absolute;
25
- right: 0;
26
+ right: $default-right-offset;
26
27
  width: $default-width;
27
28
  z-index: 9999;
28
29
 
package/dist/cjs/a/NotificationStack/styles.scss CHANGED
@@ -2,14 +2,15 @@
2
2
  @use "@pareto-engineering/styles/src/mixins";
3
3
  @use "@pareto-engineering/styles/src/globals" as *;
4
4
 
5
- $default-padding: 1em;
5
+ $default-padding: 1rem;
6
+ $default-margin: 1rem;
6
7
 
7
8
  .#{bem.$base}.notification-stack {
8
9
  align-items: center;
9
10
  bottom: 0;
10
11
  display: flex;
11
12
  flex-direction: column;
12
- padding: $default-padding calc($default-padding * 2);
13
+ margin-bottom: $default-margin;
13
14
  position: fixed;
14
15
  right: 0;
15
16
  row-gap: $default-padding;
package/dist/es/a/Notification/styles.scss CHANGED
@@ -9,11 +9,12 @@ $default-margin: 1em;
9
9
  $default-border-radius: 1.5em;
10
10
  $default-width: clamp(var(--min-width, 30em), var(--width, 50%), var(--max-width, 100%));
11
11
  $default-height: clamp(var(--min-height, 3em), var(--height, 5em), var(--max-height, 10em));
12
+ $default-right-offset: 7rem;
12
13
 
13
14
  .#{bem.$base}.notification {
14
15
  align-items: center;
15
16
  background-color: var(--x);
16
- border-radius: $default-border-radius $default-border-radius 0 0;
17
+ border-radius: $default-border-radius;
17
18
  bottom: 0;
18
19
  color: var(--on-x);
19
20
  display: flex;
@@ -22,7 +23,7 @@ $default-height: clamp(var(--min-height, 3em), var(--height, 5em), var(--max-hei
22
23
  overflow: hidden;
23
24
  padding: $default-padding calc($default-padding * 2);
24
25
  position: absolute;
25
- right: 0;
26
+ right: $default-right-offset;
26
27
  width: $default-width;
27
28
  z-index: 9999;
28
29
 
package/dist/es/a/NotificationStack/styles.scss CHANGED
@@ -2,14 +2,15 @@
2
2
  @use "@pareto-engineering/styles/src/mixins";
3
3
  @use "@pareto-engineering/styles/src/globals" as *;
4
4
 
5
- $default-padding: 1em;
5
+ $default-padding: 1rem;
6
+ $default-margin: 1rem;
6
7
 
7
8
  .#{bem.$base}.notification-stack {
8
9
  align-items: center;
9
10
  bottom: 0;
10
11
  display: flex;
11
12
  flex-direction: column;
12
- padding: $default-padding calc($default-padding * 2);
13
+ margin-bottom: $default-margin;
13
14
  position: fixed;
14
15
  right: 0;
15
16
  row-gap: $default-padding;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pareto-engineering/design-system",
3
- "version": "4.3.7",
3
+ "version": "4.5.0",
4
4
  "description": "",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/es/index.js",
@@ -82,5 +82,5 @@
82
82
  "relay-test-utils": "^15.0.0"
83
83
  },
84
84
  "browserslist": "> 2%",
85
- "gitHead": "508658bd5d94f9e27b0a8accf8b17737e0a90fc5"
85
+ "gitHead": "8d2154dce0d14e318415727ee001558db1a795c3"
86
86
  }
package/src/ui/a/Notification/styles.scss CHANGED
@@ -9,11 +9,12 @@ $default-margin: 1em;
9
9
  $default-border-radius: 1.5em;
10
10
  $default-width: clamp(var(--min-width, 30em), var(--width, 50%), var(--max-width, 100%));
11
11
  $default-height: clamp(var(--min-height, 3em), var(--height, 5em), var(--max-height, 10em));
12
+ $default-right-offset: 7rem;
12
13
 
13
14
  .#{bem.$base}.notification {
14
15
  align-items: center;
15
16
  background-color: var(--x);
16
- border-radius: $default-border-radius $default-border-radius 0 0;
17
+ border-radius: $default-border-radius;
17
18
  bottom: 0;
18
19
  color: var(--on-x);
19
20
  display: flex;
@@ -22,7 +23,7 @@ $default-height: clamp(var(--min-height, 3em), var(--height, 5em), var(--max-hei
22
23
  overflow: hidden;
23
24
  padding: $default-padding calc($default-padding * 2);
24
25
  position: absolute;
25
- right: 0;
26
+ right: $default-right-offset;
26
27
  width: $default-width;
27
28
  z-index: 9999;
28
29
 
package/src/ui/a/NotificationStack/styles.scss CHANGED
@@ -2,14 +2,15 @@
2
2
  @use "@pareto-engineering/styles/src/mixins";
3
3
  @use "@pareto-engineering/styles/src/globals" as *;
4
4
 
5
- $default-padding: 1em;
5
+ $default-padding: 1rem;
6
+ $default-margin: 1rem;
6
7
 
7
8
  .#{bem.$base}.notification-stack {
8
9
  align-items: center;
9
10
  bottom: 0;
10
11
  display: flex;
11
12
  flex-direction: column;
12
- padding: $default-padding calc($default-padding * 2);
13
+ margin-bottom: $default-margin;
13
14
  position: fixed;
14
15
  right: 0;
15
16
  row-gap: $default-padding;