@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: 30px 30px 12px 30px; /* 18px margin below footer children */
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: 20px 20px 2px 20px;
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: 42px;
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) * 100 - 42px);
211
- min-height: calc(var(--d2l-vh, 1vh) * 100 - 42px);
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
- // Delay to re-apply the focus effects as a visual clue when there is only one focusable element
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
- // Delay to re-apply the focus effects as a visual clue when there is only one focusable element
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
- ## Accessbility
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.4",
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",