@brightspace-ui/core 3.234.2 → 3.235.1

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/components/backdrop/backdrop-loading.js +2 -2
  2. package/components/backdrop/backdrop.js +2 -2
  3. package/components/colors/colors.js +4 -0
  4. package/components/inputs/input-date.js +8 -9
  5. package/package.json +4 -2
package/components/backdrop/backdrop-loading.js CHANGED
@@ -57,7 +57,7 @@ class LoadingBackdrop extends PropertyRequiredMixin(LocalizeCoreElement(LitEleme
57
57
  }
58
58
 
59
59
  .backdrop {
60
- background-color: var(--d2l-color-regolith);
60
+ background-color: var(--d2l-theme-backdrop-background-color);
61
61
  height: 100%;
62
62
  opacity: 0;
63
63
  position: absolute;
@@ -65,7 +65,7 @@ class LoadingBackdrop extends PropertyRequiredMixin(LocalizeCoreElement(LitEleme
65
65
  width: 100%;
66
66
  }
67
67
  :host([_state="shown"]) .backdrop {
68
- opacity: 0.7;
68
+ opacity: var(--d2l-theme-backdrop-opacity);
69
69
  transition: opacity ${FADE_DURATION_MS}ms ease-in;
70
70
  }
71
71
  :host([_state="hiding"]) .backdrop {
package/components/backdrop/backdrop.js CHANGED
@@ -46,7 +46,7 @@ class Backdrop extends LitElement {
46
46
  static get styles() {
47
47
  return [ css`
48
48
  :host {
49
- background-color: var(--d2l-color-regolith);
49
+ background-color: var(--d2l-theme-backdrop-background-color);
50
50
  height: 0;
51
51
  left: 0;
52
52
  opacity: 0;
@@ -60,7 +60,7 @@ class Backdrop extends LitElement {
60
60
  transition: opacity 1200ms ease-in;
61
61
  }
62
62
  :host([_state="showing"]) {
63
- opacity: 0.7;
63
+ opacity: var(--d2l-theme-backdrop-opacity);
64
64
  }
65
65
  :host([_state="showing"]),
66
66
  :host([_state="hiding"]) {
package/components/colors/colors.js CHANGED
@@ -111,6 +111,8 @@ const lightVariables = new Map([
111
111
  ['--d2l-theme-text-color-static-standard', '--d2l-color-ferrite'],
112
112
  ['--d2l-theme-text-color-static-subtle', '--d2l-color-tungsten'],
113
113
  // figma - undefined
114
+ ['--d2l-theme-backdrop-background-color', '--d2l-color-regolith'],
115
+ ['--d2l-theme-backdrop-opacity', '0.7'],
114
116
  ['--d2l-theme-background-color-interactive-faint-disabled', '#f9fbff80'], /* --d2l-theme-background-color-interactive-faint-default at 50% opacity, remove once color-mix is widely supported */
115
117
  ['--d2l-theme-badge-background-color', '--d2l-color-gypsum'],
116
118
  ['--d2l-theme-badge-text-color', '--d2l-theme-text-color-static-standard'],
@@ -183,6 +185,8 @@ const darkVariables = new Map([
183
185
  ['--d2l-theme-text-color-static-standard', '--d2l-color-mica'],
184
186
  ['--d2l-theme-text-color-static-subtle', '--d2l-color-chromite'],
185
187
  // figma - undefined
188
+ ['--d2l-theme-backdrop-background-color', '--d2l-color-ferrite'],
189
+ ['--d2l-theme-backdrop-opacity', '0.7'],
186
190
  ['--d2l-theme-background-color-interactive-faint-disabled', '#20212280'], /* --d2l-theme-background-color-interactive-faint-default at 50% opacity, remove once color-mix is widely supported */
187
191
  ['--d2l-theme-badge-background-color', '#303335'],
188
192
  ['--d2l-theme-badge-text-color', '--d2l-theme-text-color-static-standard'],
package/components/inputs/input-date.js CHANGED
@@ -254,7 +254,6 @@ class InputDate extends FocusMixin(LabelledMixin(SkeletonMixin(FormElementMixin(
254
254
  @d2l-dropdown-focus-enter="${this._handleFocusTrapEnter}"
255
255
  max-width="335"
256
256
  min-height="415"
257
- ?no-auto-fit="${!mediaQueryList.matches}"
258
257
  trap-focus
259
258
  no-auto-focus
260
259
  mobile-tray="bottom"
@@ -362,10 +361,10 @@ class InputDate extends FocusMixin(LabelledMixin(SkeletonMixin(FormElementMixin(
362
361
  : this.validationError;
363
362
 
364
363
  return html`
365
- <d2l-tooltip
366
- align="start"
367
- announced
368
- class="vdiff-target"
364
+ <d2l-tooltip
365
+ align="start"
366
+ announced
367
+ class="vdiff-target"
369
368
  for="${this._inputId}"
370
369
  ?force-show="${this._showRevertTooltip}"
371
370
  state="error">
@@ -383,10 +382,10 @@ class InputDate extends FocusMixin(LabelledMixin(SkeletonMixin(FormElementMixin(
383
382
  : this.localize('components.input-date.useDateFormat', { format: shortDateFormat });
384
383
 
385
384
  return html`
386
- <d2l-tooltip
387
- align="start"
388
- announced
389
- class="vdiff-target"
385
+ <d2l-tooltip
386
+ align="start"
387
+ announced
388
+ class="vdiff-target"
390
389
  for="${this._inputId}"
391
390
  ?force-show="${this._showRevertTooltip}">
392
391
  <div>${revertMessage}</div>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@brightspace-ui/core",
3
- "version": "3.234.2",
3
+ "version": "3.235.1",
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",
@@ -19,8 +19,9 @@
19
19
  "lint:eslint": "eslint .",
20
20
  "lint:style": "stylelint \"**/*.{js,html}\" --ignore-path .gitignore",
21
21
  "start": "web-dev-server --node-resolve --watch --open",
22
- "test": "npm run lint && npm run test:translations && npm run test:unit && npm run test:axe",
22
+ "test": "npm run lint && npm run test:translations && npm run test:node-imports && npm run test:unit && npm run test:axe",
23
23
  "test:axe": "d2l-test-runner axe --chrome",
24
+ "test:node-imports": "mocha \"./test/node-imports-test.js\"",
24
25
  "test:unit": "d2l-test-runner",
25
26
  "test:translations": "mfv -s en -p ./lang/ -i untranslated,category-missing",
26
27
  "test:vdiff": "d2l-test-runner vdiff --timeout 10000",
@@ -60,6 +61,7 @@
60
61
  "eslint-plugin-unicorn": "^64",
61
62
  "glob-all": "^3",
62
63
  "messageformat-validator": "^3.0.0-beta",
64
+ "mocha": "^11",
63
65
  "rollup": "^4",
64
66
  "rollup-plugin-copy": "^3",
65
67
  "rollup-plugin-delete": "^3",