@pareto-engineering/design-system 4.0.0-alpha.33 → 4.0.0-alpha.34

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 (5) hide show
  1. package/dist/cjs/c/Modal/styles.scss +2 -11
  2. package/dist/es/c/Modal/styles.scss +2 -11
  3. package/package.json +4 -4
  4. package/src/ui/c/Modal/styles.scss +2 -11
  5. package/tests/__snapshots__/Storyshots.test.js.snap +1 -1
package/dist/cjs/c/Modal/styles.scss CHANGED
@@ -4,13 +4,11 @@
4
4
  @use "sass:math";
5
5
 
6
6
  $default-background: var(--background-cards);
7
+ $default-border: var(--theme-default-border-style) var(--metadata);
7
8
  /* stylelint-disable-next-line color-named -- needed for rgba function */
8
9
  $default-box-shadow: 0 10px 20px rgba(black, .2);
9
10
  $default-padding: math.div(1em, 2);
10
11
  $default-margin: 2em;
11
- $default-max-height: 75vh;
12
- $default-max-width: 90%;
13
- $default-min-width: 20em;
14
12
 
15
13
  .#{bem.$base}.modal {
16
14
  background: $default-background;
@@ -18,22 +16,15 @@ $default-min-width: 20em;
18
16
  display: flex;
19
17
  flex-direction: column;
20
18
  left: 50%;
21
- max-height: $default-max-height;
22
- max-width: $default-max-width;
23
- min-width: $default-min-width;
24
19
  overflow: auto;
25
20
  position: absolute;
26
21
  top: 50%;
27
22
  transform: translate(-50%, -50%);
28
23
  z-index: 100;
29
24
 
30
- .modal-body {
31
- padding: $default-padding;
32
- }
33
-
34
25
  .modal-header {
35
26
  background: $default-background;
36
- border-bottom: var(--theme-border);
27
+ border-bottom: $default-border;
37
28
  display: flex;
38
29
  font-size: calc(var(--theme-heading-font-size-multiplier, 1) * var(--s1) * 1em);
39
30
  justify-content: space-between;
package/dist/es/c/Modal/styles.scss CHANGED
@@ -4,13 +4,11 @@
4
4
  @use "sass:math";
5
5
 
6
6
  $default-background: var(--background-cards);
7
+ $default-border: var(--theme-default-border-style) var(--metadata);
7
8
  /* stylelint-disable-next-line color-named -- needed for rgba function */
8
9
  $default-box-shadow: 0 10px 20px rgba(black, .2);
9
10
  $default-padding: math.div(1em, 2);
10
11
  $default-margin: 2em;
11
- $default-max-height: 75vh;
12
- $default-max-width: 90%;
13
- $default-min-width: 20em;
14
12
 
15
13
  .#{bem.$base}.modal {
16
14
  background: $default-background;
@@ -18,22 +16,15 @@ $default-min-width: 20em;
18
16
  display: flex;
19
17
  flex-direction: column;
20
18
  left: 50%;
21
- max-height: $default-max-height;
22
- max-width: $default-max-width;
23
- min-width: $default-min-width;
24
19
  overflow: auto;
25
20
  position: absolute;
26
21
  top: 50%;
27
22
  transform: translate(-50%, -50%);
28
23
  z-index: 100;
29
24
 
30
- .modal-body {
31
- padding: $default-padding;
32
- }
33
-
34
25
  .modal-header {
35
26
  background: $default-background;
36
- border-bottom: var(--theme-border);
27
+ border-bottom: $default-border;
37
28
  display: flex;
38
29
  font-size: calc(var(--theme-heading-font-size-multiplier, 1) * var(--s1) * 1em);
39
30
  justify-content: space-between;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pareto-engineering/design-system",
3
- "version": "4.0.0-alpha.33",
3
+ "version": "4.0.0-alpha.34",
4
4
  "description": "",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/es/index.js",
@@ -50,9 +50,9 @@
50
50
  "style-loader": "^3.3.2"
51
51
  },
52
52
  "dependencies": {
53
- "@pareto-engineering/assets": "^4.0.0-alpha.30",
53
+ "@pareto-engineering/assets": "^4.0.0-alpha.34",
54
54
  "@pareto-engineering/bem": "^4.0.0-alpha.20",
55
- "@pareto-engineering/styles": "^4.0.0-alpha.33",
55
+ "@pareto-engineering/styles": "^4.0.0-alpha.34",
56
56
  "@pareto-engineering/utils": "^4.0.0-alpha.33",
57
57
  "date-fns": "^2.29.3",
58
58
  "downshift": "^6.1.12",
@@ -68,5 +68,5 @@
68
68
  "relay-test-utils": "^15.0.0"
69
69
  },
70
70
  "browserslist": "> 2%",
71
- "gitHead": "8b9715a0ff07606c7058594844b43eadef695993"
71
+ "gitHead": "2ad8a5ee04417a3310d7eecdf8885a5927d795ee"
72
72
  }
package/src/ui/c/Modal/styles.scss CHANGED
@@ -4,13 +4,11 @@
4
4
  @use "sass:math";
5
5
 
6
6
  $default-background: var(--background-cards);
7
+ $default-border: var(--theme-default-border-style) var(--metadata);
7
8
  /* stylelint-disable-next-line color-named -- needed for rgba function */
8
9
  $default-box-shadow: 0 10px 20px rgba(black, .2);
9
10
  $default-padding: math.div(1em, 2);
10
11
  $default-margin: 2em;
11
- $default-max-height: 75vh;
12
- $default-max-width: 90%;
13
- $default-min-width: 20em;
14
12
 
15
13
  .#{bem.$base}.modal {
16
14
  background: $default-background;
@@ -18,22 +16,15 @@ $default-min-width: 20em;
18
16
  display: flex;
19
17
  flex-direction: column;
20
18
  left: 50%;
21
- max-height: $default-max-height;
22
- max-width: $default-max-width;
23
- min-width: $default-min-width;
24
19
  overflow: auto;
25
20
  position: absolute;
26
21
  top: 50%;
27
22
  transform: translate(-50%, -50%);
28
23
  z-index: 100;
29
24
 
30
- .modal-body {
31
- padding: $default-padding;
32
- }
33
-
34
25
  .modal-header {
35
26
  background: $default-background;
36
- border-bottom: var(--theme-border);
27
+ border-bottom: $default-border;
37
28
  display: flex;
38
29
  font-size: calc(var(--theme-heading-font-size-multiplier, 1) * var(--s1) * 1em);
39
30
  justify-content: space-between;
package/tests/__snapshots__/Storyshots.test.js.snap CHANGED
@@ -3172,7 +3172,7 @@ exports[`Storyshots a/Timestamp Distance Format 1`] = `
3172
3172
  className="base timestamp"
3173
3173
  onClick={[Function]}
3174
3174
  >
3175
- 8 months ago
3175
+ 9 months ago
3176
3176
  </p>
3177
3177
  `;
3178
3178