@brightspace-ui/core 3.36.4 → 3.36.6
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.
@@ -152,7 +152,7 @@ export const dialogStyles = css`
|
|
152
152
|
.d2l-dialog-footer {
|
153
153
|
box-sizing: border-box;
|
154
154
|
flex: none;
|
155
|
-
padding:
|
155
|
+
padding: 18px 30px 0 30px; /* 18px margin below footer children */
|
156
156
|
position: relative; /* stack footer overflow shadow on top of content */
|
157
157
|
}
|
158
158
|
|
@@ -183,6 +183,7 @@ export const dialogStyles = css`
|
|
183
183
|
}
|
184
184
|
|
185
185
|
@media (max-width: 615px), (max-height: 420px) and (max-width: 900px) {
|
186
|
+
|
186
187
|
.d2l-dialog-header {
|
187
188
|
padding: 14px 20px 16px 20px;
|
188
189
|
}
|
@@ -198,18 +199,19 @@ export const dialogStyles = css`
|
|
198
199
|
padding: 0 20px;
|
199
200
|
}
|
200
201
|
.d2l-dialog-footer {
|
201
|
-
padding:
|
202
|
+
padding: 18px 20px 0 20px;
|
202
203
|
}
|
203
204
|
.d2l-dialog-outer.d2l-dialog-fullscreen-mobile {
|
204
205
|
margin: 0 !important;
|
205
206
|
min-width: calc(var(--d2l-vw, 1vw) * 100);
|
206
|
-
top:
|
207
|
+
top: 5%;
|
207
208
|
}
|
208
209
|
:host(:not([in-iframe])) dialog.d2l-dialog-outer.d2l-dialog-fullscreen-mobile,
|
209
210
|
:host(:not([in-iframe])) div.d2l-dialog-outer.d2l-dialog-fullscreen-mobile {
|
210
|
-
height: calc(var(--d2l-vh, 1vh) *
|
211
|
-
min-height: calc(var(--d2l-vh, 1vh) *
|
211
|
+
height: calc(var(--d2l-vh, 1vh) * 95);
|
212
|
+
min-height: calc(var(--d2l-vh, 1vh) * 95);
|
212
213
|
}
|
214
|
+
|
213
215
|
}
|
214
216
|
|
215
217
|
@media (prefers-reduced-motion: reduce) {
|
@@ -83,6 +83,15 @@ class Dialog extends LocalizeCoreElement(AsyncContainerMixin(DialogMixin(LitElem
|
|
83
83
|
padding: 0 0 5px 0;
|
84
84
|
}
|
85
85
|
|
86
|
+
@media (max-width: 615px), (max-height: 420px) and (max-width: 900px) {
|
87
|
+
|
88
|
+
.d2l-dialog-header,
|
89
|
+
:host([critical]) .d2l-dialog-header {
|
90
|
+
padding-bottom: 9px;
|
91
|
+
}
|
92
|
+
|
93
|
+
}
|
94
|
+
|
86
95
|
`];
|
87
96
|
}
|
88
97
|
|
@@ -117,8 +117,7 @@ class FocusTrap extends FocusMixin(LitElement) {
|
|
117
117
|
// user is exiting trap via forward tabbing...
|
118
118
|
const firstFocusable = getNextFocusable(this.shadowRoot.querySelector('.d2l-focus-trap-start'));
|
119
119
|
if (firstFocusable) {
|
120
|
-
|
121
|
-
setTimeout(() => firstFocusable.focus(), 50);
|
120
|
+
firstFocusable.focus();
|
122
121
|
return;
|
123
122
|
}
|
124
123
|
}
|
@@ -141,8 +140,7 @@ class FocusTrap extends FocusMixin(LitElement) {
|
|
141
140
|
// user is exiting trap via back tabbing...
|
142
141
|
const lastFocusable = getPreviousFocusable(this.shadowRoot.querySelector('.d2l-focus-trap-end'));
|
143
142
|
if (lastFocusable) {
|
144
|
-
|
145
|
-
setTimeout(() => lastFocusable.focus(), 50);
|
143
|
+
lastFocusable.focus();
|
146
144
|
return;
|
147
145
|
}
|
148
146
|
}
|
@@ -82,7 +82,7 @@ When the input is cleared, the same event will be fired with an empty value.
|
|
82
82
|
* `inline-help`: Help text that will appear below the input. Use this only when other helpful cues are not sufficient, such as a carefully-worded label.
|
83
83
|
<!-- docs: end hidden content -->
|
84
84
|
|
85
|
-
##
|
85
|
+
## Accessibility
|
86
86
|
|
87
87
|
- While the component does not have a visible label, the search icon clearly indicates its purpose
|
88
88
|
- While not required to meet WCAG, this [pattern](https://www.w3.org/WAI/WCAG2/supplemental/patterns/o1p07-icons-used/) is a great way to help individuals with cognitive accessibility needs
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@brightspace-ui/core",
|
3
|
-
"version": "3.36.
|
3
|
+
"version": "3.36.6",
|
4
4
|
"description": "A collection of accessible, free, open-source web components for building Brightspace applications",
|
5
5
|
"type": "module",
|
6
6
|
"repository": "https://github.com/BrightspaceUI/core.git",
|