@pareto-engineering/design-system 4.3.7-alpha.2 → 4.4.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.
- package/dist/cjs/a/Notification/styles.scss +2 -1
- package/dist/cjs/a/NotificationStack/styles.scss +3 -2
- package/dist/es/a/Notification/styles.scss +2 -1
- package/dist/es/a/NotificationStack/styles.scss +3 -2
- package/package.json +2 -2
- package/src/ui/a/Notification/styles.scss +2 -1
- package/src/ui/a/NotificationStack/styles.scss +3 -2
|
@@ -9,6 +9,7 @@ $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;
|
|
@@ -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:
|
|
26
|
+
right: $default-right-offset;
|
|
26
27
|
width: $default-width;
|
|
27
28
|
z-index: 9999;
|
|
28
29
|
|
|
@@ -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:
|
|
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
|
-
|
|
13
|
+
margin-bottom: $default-margin;
|
|
13
14
|
position: fixed;
|
|
14
15
|
right: 0;
|
|
15
16
|
row-gap: $default-padding;
|
|
@@ -9,6 +9,7 @@ $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;
|
|
@@ -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:
|
|
26
|
+
right: $default-right-offset;
|
|
26
27
|
width: $default-width;
|
|
27
28
|
z-index: 9999;
|
|
28
29
|
|
|
@@ -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:
|
|
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
|
-
|
|
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
|
+
"version": "4.4.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": "
|
|
85
|
+
"gitHead": "bbd1e73e3baa03a200a57af1de761a87c4985c10"
|
|
86
86
|
}
|
|
@@ -9,6 +9,7 @@ $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;
|
|
@@ -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:
|
|
26
|
+
right: $default-right-offset;
|
|
26
27
|
width: $default-width;
|
|
27
28
|
z-index: 9999;
|
|
28
29
|
|
|
@@ -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:
|
|
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
|
-
|
|
13
|
+
margin-bottom: $default-margin;
|
|
13
14
|
position: fixed;
|
|
14
15
|
right: 0;
|
|
15
16
|
row-gap: $default-padding;
|