@contena/meteor-component-library 5.6.0 → 5.6.2

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 (4) hide show
  1. package/dist/common/MtModal.js +2 -2
  2. package/dist/esm/MtModal.js +2 -2
  3. package/dist/mt-modal.css +30 -29
  4. package/package.json +3 -3
package/dist/common/MtModal.js CHANGED
@@ -262,6 +262,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
262
262
  };
263
263
  }
264
264
  });
265
- const mtModal_vue_vue_type_style_index_0_scoped_684596ac_lang = "";
266
- const MtModal = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-684596ac"]]);
265
+ const mtModal_vue_vue_type_style_index_0_scoped_9da7aec7_lang = "";
266
+ const MtModal = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-9da7aec7"]]);
267
267
  module.exports = MtModal;
package/dist/esm/MtModal.js CHANGED
@@ -261,8 +261,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
261
261
  };
262
262
  }
263
263
  });
264
- const mtModal_vue_vue_type_style_index_0_scoped_684596ac_lang = "";
265
- const MtModal = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-684596ac"]]);
264
+ const mtModal_vue_vue_type_style_index_0_scoped_9da7aec7_lang = "";
265
+ const MtModal = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9da7aec7"]]);
266
266
  export {
267
267
  MtModal as default
268
268
  };
package/dist/mt-modal.css CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- .mt-modal[data-v-684596ac] {
2
+ .mt-modal[data-v-9da7aec7] {
3
3
  /* the dialog itself receives the initial focus; don't render a ring around it */
4
4
  outline: none;
5
5
  height: auto;
@@ -17,22 +17,22 @@
17
17
  display: flex;
18
18
  flex-direction: column;
19
19
  }
20
- .mt-modal--width-s[data-v-684596ac] {
20
+ .mt-modal--width-s[data-v-9da7aec7] {
21
21
  --mt-modal-width: 27.5rem;
22
22
  }
23
- .mt-modal--width-m[data-v-684596ac] {
23
+ .mt-modal--width-m[data-v-9da7aec7] {
24
24
  --mt-modal-width: 45rem;
25
25
  }
26
- .mt-modal--width-l[data-v-684596ac] {
26
+ .mt-modal--width-l[data-v-9da7aec7] {
27
27
  --mt-modal-width: 64rem;
28
28
  }
29
- .mt-modal--width-xl[data-v-684596ac] {
29
+ .mt-modal--width-xl[data-v-9da7aec7] {
30
30
  --mt-modal-width: 90rem;
31
31
  }
32
- .mt-modal--width-full[data-v-684596ac] {
32
+ .mt-modal--width-full[data-v-9da7aec7] {
33
33
  --mt-modal-width: 100%;
34
34
  }
35
- .modal-enter-active[data-v-684596ac] {
35
+ .modal-enter-active[data-v-9da7aec7] {
36
36
  transition: opacity 400ms cubic-bezier(0.05, 0.7, 0.1, 1);
37
37
  @media (prefers-reduced-motion: no-preference) {
38
38
  transition:
@@ -40,7 +40,7 @@
40
40
  scale 400ms cubic-bezier(0.05, 0.7, 0.1, 1);
41
41
  }
42
42
  }
43
- .modal-leave-active[data-v-684596ac] {
43
+ .modal-leave-active[data-v-9da7aec7] {
44
44
  transition: opacity 200ms cubic-bezier(0.3, 0, 0.8, 0.15);
45
45
  @media (prefers-reduced-motion: no-preference) {
46
46
  transition:
@@ -48,32 +48,32 @@
48
48
  scale 200ms cubic-bezier(0.3, 0, 0.8, 0.15);
49
49
  }
50
50
  }
51
- .modal-enter-from[data-v-684596ac],
52
- .modal-leave-to[data-v-684596ac] {
51
+ .modal-enter-from[data-v-9da7aec7],
52
+ .modal-leave-to[data-v-9da7aec7] {
53
53
  opacity: 0;
54
54
  @media (prefers-reduced-motion: no-preference) {
55
55
  scale: 0.9;
56
56
  }
57
57
  }
58
- .mt-modal__title[data-v-684596ac] {
58
+ .mt-modal__title[data-v-9da7aec7] {
59
59
  margin-block-end: 0;
60
60
  }
61
- .mt-modal__subtitle[data-v-684596ac] {
61
+ .mt-modal__subtitle[data-v-9da7aec7] {
62
62
  font-size: var(--font-size-s);
63
63
  font-weight: var(--font-weight-regular);
64
64
  line-height: var(--line-height-md);
65
65
  }
66
- .mt-modal__content[data-v-684596ac] {
66
+ .mt-modal__content[data-v-9da7aec7] {
67
67
  position: relative;
68
68
  overflow-y: auto;
69
69
  }
70
- .mt-modal__content-inner[data-v-684596ac] {
70
+ .mt-modal__content-inner[data-v-9da7aec7] {
71
71
  padding: var(--scale-size-24);
72
72
  }
73
- .mt-modal__content-inner--no-padding[data-v-684596ac] {
73
+ .mt-modal__content-inner--no-padding[data-v-9da7aec7] {
74
74
  padding: 0;
75
75
  }
76
- .mt-modal__scroll-shadow[data-v-684596ac] {
76
+ .mt-modal__scroll-shadow[data-v-9da7aec7] {
77
77
  position: sticky;
78
78
  left: 0;
79
79
  right: 0;
@@ -82,38 +82,39 @@
82
82
  filter: blur(3px);
83
83
  background-color: var(--color-elevation-shadow-default);
84
84
  }
85
- .mt-modal__scroll-shadow--top[data-v-684596ac] {
85
+ .mt-modal__scroll-shadow--top[data-v-9da7aec7] {
86
86
  top: 0;
87
87
  }
88
- .mt-modal__scroll-shadow--bottom[data-v-684596ac] {
88
+ .mt-modal__scroll-shadow--bottom[data-v-9da7aec7] {
89
89
  bottom: 0;
90
90
  }
91
- .shadow-fade-enter-active[data-v-684596ac] {
91
+ .shadow-fade-enter-active[data-v-9da7aec7] {
92
92
  transition: opacity 400ms cubic-bezier(0.05, 0.7, 0.1, 1);
93
93
  @media (prefers-reduced-motion: no-preference) {
94
94
  transition: opacity 400ms cubic-bezier(0.05, 0.7, 0.1, 1);
95
95
  }
96
96
  }
97
- .shadow-fade-leave-active[data-v-684596ac] {
97
+ .shadow-fade-leave-active[data-v-9da7aec7] {
98
98
  transition: opacity 200ms cubic-bezier(0.3, 0, 0.8, 0.15);
99
99
  @media (prefers-reduced-motion: no-preference) {
100
100
  transition: opacity 200ms cubic-bezier(0.3, 0, 0.8, 0.15);
101
101
  }
102
102
  }
103
- .shadow-fade-enter-from[data-v-684596ac],
104
- .shadow-fade-leave-to[data-v-684596ac] {
103
+ .shadow-fade-enter-from[data-v-9da7aec7],
104
+ .shadow-fade-leave-to[data-v-9da7aec7] {
105
105
  opacity: 0;
106
106
  @media (prefers-reduced-motion: no-preference) {
107
107
  scale: 0.9;
108
108
  }
109
109
  }
110
- .mt-modal__footer[data-v-684596ac] {
110
+ .mt-modal__footer[data-v-9da7aec7] {
111
111
  display: flex;
112
112
  justify-content: flex-end;
113
+ gap: var(--scale-size-8);
113
114
  padding: var(--scale-size-24);
114
115
  border-top: 1px solid var(--color-border-secondary-default);
115
116
  }
116
- .mt-modal__header[data-v-684596ac] {
117
+ .mt-modal__header[data-v-9da7aec7] {
117
118
  padding: var(--scale-size-24);
118
119
  border-bottom: 1px solid var(--color-border-secondary-default);
119
120
  display: flex;
@@ -121,21 +122,21 @@
121
122
  align-items: center;
122
123
  gap: var(--scale-size-12);
123
124
  }
124
- .mt-modal__header-content[data-v-684596ac] {
125
+ .mt-modal__header-content[data-v-9da7aec7] {
125
126
  display: flex;
126
127
  flex-direction: column;
127
128
  gap: var(--scale-size-2);
128
129
  flex: 1;
129
130
  min-width: 0; /* allow content to shrink within flex container */
130
131
  }
131
- .mt-modal__header-content-title[data-v-684596ac] {
132
+ .mt-modal__header-content-title[data-v-9da7aec7] {
132
133
  display: flex;
133
134
  flex-direction: row;
134
135
  align-items: center;
135
136
  column-gap: var(--scale-size-8);
136
137
  }
137
138
  .mt-modal__close-button {
138
- &[data-v-684596ac] {
139
+ &[data-v-9da7aec7] {
139
140
  cursor: pointer;
140
141
  color: var(--color-icon-primary-default);
141
142
  border-radius: var(--border-radius-xs);
@@ -148,11 +149,11 @@
148
149
  /* prevents hover styles from being applied to non-hoverable devices */
149
150
  }
150
151
  @media (hover: hover) {
151
- &[data-v-684596ac]:hover {
152
+ &[data-v-9da7aec7]:hover {
152
153
  background-color: var(--color-interaction-secondary-hover);
153
154
  }
154
155
  }
155
- &[data-v-684596ac]:focus-visible {
156
+ &[data-v-9da7aec7]:focus-visible {
156
157
  outline: 2px solid var(--color-border-brand-default);
157
158
  box-shadow: 0 0 4px 0 rgba(24, 158, 255, 0.3);
158
159
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@contena/meteor-component-library",
3
- "version": "5.6.0",
3
+ "version": "5.6.2",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+ssh://git@github.com:contena/meteor.git"
@@ -84,8 +84,8 @@
84
84
  "vue-i18n": "^9.9.1",
85
85
  "vue-smooth-reflow": "^0.1.12",
86
86
  "@contena/meteor-admin-sdk": "6.12.0",
87
- "@contena/meteor-tokens": "1.4.1",
88
- "@contena/meteor-icon-kit": "5.10.0"
87
+ "@contena/meteor-icon-kit": "5.10.0",
88
+ "@contena/meteor-tokens": "1.4.1"
89
89
  },
90
90
  "devDependencies": {
91
91
  "@csstools/stylelint-formatter-github": "^1.0.0",