@mezzanine-ui/core 0.14.9 → 0.15.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 (11) hide show
  1. package/accordion/_accordion-styles.scss +2 -1
  2. package/button/_button-styles.scss +4 -2
  3. package/date-range-picker/_date-range-picker-styles.scss +1 -4
  4. package/message/_message-styles.scss +1 -4
  5. package/modal/_modal-styles.scss +1 -4
  6. package/notification/_notification-styles.scss +1 -4
  7. package/overlay/_overlay-styles.scss +2 -8
  8. package/package.json +7 -7
  9. package/popover/_popover-styles.scss +1 -1
  10. package/stepper/_stepper-styles.scss +1 -2
  11. package/upload/_upload-picture-wall-styles.scss +1 -2
package/accordion/_accordion-styles.scss CHANGED
@@ -72,7 +72,8 @@ $details-right-padding: $accordion-horizontal-padding + $summary-icon-size + $su
72
72
 
73
73
  .#{$prefix}__details {
74
74
  width: 100%;
75
- padding: $details-vertical-padding $details-right-padding $details-vertical-padding $accordion-horizontal-padding;
75
+ padding: $details-vertical-padding $details-right-padding
76
+ $details-vertical-padding $accordion-horizontal-padding;
76
77
  height: auto;
77
78
  min-height: 0;
78
79
  border-bottom: 0;
package/button/_button-styles.scss CHANGED
@@ -88,8 +88,10 @@ $outlined-border-width: 1px !default;
88
88
  }
89
89
 
90
90
  @mixin _size() {
91
- padding: 0 $padding-x;
92
- height: var(--#{$prefix}-height);
91
+ & {
92
+ padding: 0 $padding-x;
93
+ height: var(--#{$prefix}-height);
94
+ }
93
95
 
94
96
  @each $size in $sizes {
95
97
  $typography-variant: map.get(
package/date-range-picker/_date-range-picker-styles.scss CHANGED
@@ -14,10 +14,7 @@
14
14
  &::after {
15
15
  content: '';
16
16
  position: absolute;
17
- top: 0;
18
- left: 0;
19
- right: 0;
20
- bottom: 0;
17
+ inset: 0;
21
18
  background-color: palette.color(overlay-bg);
22
19
  }
23
20
  }
package/message/_message-styles.scss CHANGED
@@ -48,10 +48,7 @@ $icon-size: 24px !default;
48
48
  align-items: center;
49
49
  position: fixed;
50
50
  z-index: z-index.get(feedback);
51
- top: 0;
52
- left: 0;
53
- bottom: 0;
54
- right: 0;
51
+ inset: 0;
55
52
  pointer-events: none;
56
53
  overflow: hidden;
57
54
  }
package/modal/_modal-styles.scss CHANGED
@@ -79,10 +79,7 @@ $width-map: (
79
79
 
80
80
  @mixin _full-screen() {
81
81
  position: absolute;
82
- top: 0;
83
- left: 0;
84
- bottom: 0;
85
- right: 0;
82
+ inset: 0;
86
83
  width: 100%;
87
84
  }
88
85
 
package/notification/_notification-styles.scss CHANGED
@@ -83,10 +83,7 @@ $icon-gap: 12px !default;
83
83
  align-items: flex-end;
84
84
  padding: 16px;
85
85
  position: absolute;
86
- top: 0;
87
- left: 0;
88
- bottom: 0;
89
- right: 0;
86
+ inset: 0;
90
87
  pointer-events: none;
91
88
  overflow: hidden;
92
89
 
package/overlay/_overlay-styles.scss CHANGED
@@ -3,10 +3,7 @@
3
3
 
4
4
  .#{$prefix} {
5
5
  position: absolute;
6
- top: 0;
7
- left: 0;
8
- bottom: 0;
9
- right: 0;
6
+ inset: 0;
10
7
  pointer-events: none;
11
8
 
12
9
  &--open {
@@ -15,10 +12,7 @@
15
12
 
16
13
  &__backdrop {
17
14
  position: absolute;
18
- top: 0;
19
- left: 0;
20
- right: 0;
21
- bottom: 0;
15
+ inset: 0;
22
16
  touch-action: none;
23
17
  background-color: palette.color(overlay-bg);
24
18
  -webkit-tap-highlight-color: transparent;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mezzanine-ui/core",
3
- "version": "0.14.9",
3
+ "version": "0.15.0",
4
4
  "description": "Core for mezzanine-ui",
5
5
  "author": "Mezzanine",
6
6
  "repository": {
@@ -23,10 +23,10 @@
23
23
  "build:clean": "node ../../scripts/cleanBuild.js"
24
24
  },
25
25
  "peerDependencies": {
26
- "dayjs": "^1.10.7",
27
- "lodash": "^4.17.21",
28
- "luxon": "^3.4.3",
29
- "moment": "^2.29.1"
26
+ "dayjs": ">=1",
27
+ "lodash": ">=4",
28
+ "luxon": ">=3",
29
+ "moment": ">=2"
30
30
  },
31
31
  "peerDependenciesMeta": {
32
32
  "dayjs": {
@@ -40,8 +40,8 @@
40
40
  }
41
41
  },
42
42
  "dependencies": {
43
- "@mezzanine-ui/icons": "^0.14.9",
44
- "@mezzanine-ui/system": "^0.14.9",
43
+ "@mezzanine-ui/icons": "^0.15.0",
44
+ "@mezzanine-ui/system": "^0.15.0",
45
45
  "lodash": "^4.17.21",
46
46
  "tslib": "^2.4.1"
47
47
  },
package/popover/_popover-styles.scss CHANGED
@@ -16,7 +16,7 @@ $title-margin-bottom: 4px !default;
16
16
  box-sizing: border-box;
17
17
 
18
18
  &__title {
19
- margin: 0 0 $title-margin-bottom 0;
19
+ margin: 0 0 $title-margin-bottom;
20
20
 
21
21
  @include typography.variant(h5);
22
22
  }
package/stepper/_stepper-styles.scss CHANGED
@@ -32,14 +32,13 @@ $step-items-margin-right: spacing.level(2) !default;
32
32
  --#{$prefix-step}-icon-background-color: #{palette.color(on-primary)};
33
33
  --#{$prefix-step}-icon-background-background: #{palette.color(primary)};
34
34
 
35
- align-content: center;
36
35
  align-items: center;
37
36
  background-color: var(--#{$prefix-step}-icon-background-background);
38
37
  border-radius: 50%;
39
38
  color: var(--#{$prefix-step}-icon-background-color);
40
39
  display: flex;
41
40
  height: $icon-size;
42
- justify-content: center;
41
+ place-content: center;
43
42
  margin-right: $step-items-margin-right;
44
43
  width: $icon-size;
45
44
  }
package/upload/_upload-picture-wall-styles.scss CHANGED
@@ -10,8 +10,7 @@ $repeat: 3;
10
10
  .#{$prefix} {
11
11
  display: grid;
12
12
  grid-template-columns: repeat($repeat, minmax(0, $width));
13
- row-gap: $row-gap;
14
- column-gap: $column-gap;
13
+ gap: $row-gap $column-gap;
15
14
 
16
15
  &__item {
17
16
  width: $width;