@brightspace-ui/core 2.178.0 → 2.178.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 (12) hide show
  1. package/components/inputs/sass/checkbox.scss +1 -1
  2. package/components/inputs/sass/label.scss +8 -8
  3. package/components/inputs/sass/radio.scss +1 -1
  4. package/components/inputs/sass/select.scss +7 -7
  5. package/components/inputs/sass/text.scss +4 -4
  6. package/components/inputs/sass/textarea.scss +4 -4
  7. package/components/link/link.scss +3 -3
  8. package/components/list/list-item-generic-layout.js +4 -4
  9. package/components/list/list-item-mixin.js +18 -13
  10. package/components/offscreen/offscreen.scss +3 -3
  11. package/components/typography/typography.scss +24 -24
  12. package/package.json +1 -1
package/components/inputs/sass/checkbox.scss CHANGED
@@ -1,4 +1,4 @@
1
- @import '../../colors/colors.scss';
1
+ @import "../../colors/colors.scss";
2
2
 
3
3
  @mixin d2l-input-checkbox() {
4
4
  -webkit-appearance: none;
package/components/inputs/sass/label.scss CHANGED
@@ -2,25 +2,25 @@
2
2
  cursor: default;
3
3
  display: block;
4
4
  font-size: 0.7rem;
5
- line-height: 1rem;
6
- margin: 0;
7
5
  font-weight: 700;
8
6
  letter-spacing: 0.2px;
7
+ line-height: 1rem;
8
+ margin: 0;
9
9
  padding: 0 0 7px 0;
10
10
  width: 100%;
11
11
  }
12
12
 
13
13
  @mixin d2l-input-label-required() {
14
- &:after {
15
- content: url("data:image/svg+xml,%3Csvg%20width%3D%225%22%20height%3D%226%22%20viewBox%3D%220%200%205%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.38%205.141V3.86c0-.093.006-.184.018-.273.011-.089.031-.173.059-.252a.927.927%200%200%201-.182.175c-.07.051-.145.103-.224.154l-1.106.644-.413-.7%201.113-.644c.084-.051.167-.093.248-.126.082-.033.167-.056.256-.07a.816.816%200%200%201-.256-.07%202.356%202.356%200%200%201-.248-.133L.532%201.914l.406-.7%201.113.658c.08.051.155.104.228.157a.966.966%200%200%201%20.185.179%201.002%201.002%200%200%201-.066-.252%202.091%202.091%200%200%201-.018-.273V.388h.826v1.281c0%20.098-.006.192-.017.283a1.003%201.003%200%200%201-.067.256c.051-.065.112-.125.182-.179.07-.053.147-.106.231-.157l1.106-.644.413.7-1.113.637a1.954%201.954%200%200%201-.248.13%201.07%201.07%200%200%201-.256.073c.159.028.327.093.504.196l1.113.651-.406.7-1.113-.651a3.307%203.307%200%200%201-.231-.154%201.122%201.122%200%200%201-.189-.175c.06.15.091.322.091.518v1.288H2.38z%22%20fill%3D%22%23494C4E%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
16
- position: relative;
17
- left: 0.15rem;
14
+ &::after {
18
15
  bottom: 0.25rem;
16
+ content: url("data:image/svg+xml,%3Csvg%20width%3D%225%22%20height%3D%226%22%20viewBox%3D%220%200%205%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.38%205.141V3.86c0-.093.006-.184.018-.273.011-.089.031-.173.059-.252a.927.927%200%200%201-.182.175c-.07.051-.145.103-.224.154l-1.106.644-.413-.7%201.113-.644c.084-.051.167-.093.248-.126.082-.033.167-.056.256-.07a.816.816%200%200%201-.256-.07%202.356%202.356%200%200%201-.248-.133L.532%201.914l.406-.7%201.113.658c.08.051.155.104.228.157a.966.966%200%200%201%20.185.179%201.002%201.002%200%200%201-.066-.252%202.091%202.091%200%200%201-.018-.273V.388h.826v1.281c0%20.098-.006.192-.017.283a1.003%201.003%200%200%201-.067.256c.051-.065.112-.125.182-.179.07-.053.147-.106.231-.157l1.106-.644.413.7-1.113.637a1.954%201.954%200%200%201-.248.13%201.07%201.07%200%200%201-.256.073c.159.028.327.093.504.196l1.113.651-.406.7-1.113-.651a3.307%203.307%200%200%201-.231-.154%201.122%201.122%200%200%201-.189-.175c.06.15.091.322.091.518v1.288H2.38z%22%20fill%3D%22%23494C4E%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
19
17
  display: inline-block;
18
+ height: 0.3rem;
19
+ left: 0.15rem;
20
+ position: relative;
20
21
  width: 0.25rem;
21
- height: 0.30rem;
22
22
  }
23
- [dir="rtl"] &:after {
23
+ [dir="rtl"] &::after {
24
24
  left: auto;
25
25
  right: 0.15rem;
26
26
  }
package/components/inputs/sass/radio.scss CHANGED
@@ -1,4 +1,4 @@
1
- @import '../../colors/colors.scss';
1
+ @import "../../colors/colors.scss";
2
2
 
3
3
  @mixin d2l-input-radio() {
4
4
  -webkit-appearance: none;
package/components/inputs/sass/select.scss CHANGED
@@ -1,7 +1,7 @@
1
- @import '../../colors/colors.scss';
1
+ @import "../../colors/colors.scss";
2
2
 
3
3
  @mixin d2l-input-select() {
4
- -webkit-appearance:none;
4
+ -webkit-appearance: none;
5
5
  -moz-appearance: none;
6
6
  appearance: none;
7
7
  background-origin: border-box;
@@ -51,7 +51,7 @@
51
51
  padding: calc(0.4rem - 1px) calc(0.75rem - 1px);
52
52
  padding-right: calc(2px + 0.8rem + 1px + 11px + 16px - 1px);
53
53
  }
54
- &[aria-invalid='true'] {
54
+ &[aria-invalid="true"] {
55
55
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDExIDciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTEgMmw0LjUgNE0xMCAyTDUuNSA2IiBzdHJva2U9IiM1NjVBNUMiIHN0cm9rZS13aWR0aD0iMiIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+"), url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICA8cGF0aCBmaWxsPSIjY2QyMDI2IiBkPSJNMTcuNzkgMTUuMTFsLTctMTRhMiAyIDAgMCAwLTMuNTggMGwtNyAxNGExLjk3NSAxLjk3NSAwIDAgMCAuMDkgMS45NEEyIDIgMCAwIDAgMiAxOGgxNGExLjk5NCAxLjk5NCAwIDAgMCAxLjctLjk1IDEuOTY3IDEuOTY3IDAgMCAwIC4wOS0xLjk0ek05IDE2YTEuNSAxLjUgMCAxIDEgMS41LTEuNUExLjUgMS41IDAgMCAxIDkgMTZ6bS45OC00LjgwNmExIDEgMCAwIDEtMS45NiAwbC0uOTktNUExIDEgMCAwIDEgOC4wMSA1aDEuOTgzYTEgMSAwIDAgMSAuOTggMS4xOTR6Ii8+Cjwvc3ZnPgo=");
56
56
  background-position: center right 17px, center right calc(1px + 11px + 17px);
57
57
  background-repeat: no-repeat, no-repeat;
@@ -74,23 +74,23 @@
74
74
  /* Prevents dotted outline when focused in Firefox */
75
75
  &:-moz-focusring {
76
76
  color: transparent;
77
- text-shadow: 0 0 0 #000;
77
+ text-shadow: 0 0 0 #000000;
78
78
  }
79
- [dir='rtl'] & {
79
+ [dir="rtl"] & {
80
80
  background-position: center left 17px;
81
81
  &,
82
82
  &:disabled,
83
83
  &:hover:disabled,
84
84
  &:focus:disabled {
85
- padding-right: 0.75rem;
86
85
  padding-left: calc(2px + 0.8rem + 1px + 11px + 16px);
86
+ padding-right: 0.75rem;
87
87
  }
88
88
  &:hover,
89
89
  &:focus {
90
90
  padding-left: calc(2px + 0.8rem + 1px + 11px + 16px - 1px);
91
91
  padding-right: calc(0.75rem - 1px);
92
92
  }
93
- &[aria-invalid='true'] {
93
+ &[aria-invalid="true"] {
94
94
  background-position: center left 17px, center left calc(1px + 11px + 17px);
95
95
  }
96
96
  }
package/components/inputs/sass/text.scss CHANGED
@@ -1,4 +1,4 @@
1
- @import '../../colors/colors.scss';
1
+ @import "../../colors/colors.scss";
2
2
 
3
3
  @mixin d2l-input-text(
4
4
  $include-pseudo-classes: true,
@@ -6,7 +6,7 @@
6
6
  $padding: 0.4rem 0.75rem,
7
7
  $padding-focus: calc(0.4rem - 1px) calc(0.75rem - 1px)
8
8
  ) {
9
- background-color: #ffffff;
9
+ background-color: #ffffff;
10
10
  border-radius: 0.3rem;
11
11
  border-style: solid;
12
12
  border-width: 1px;
@@ -40,7 +40,7 @@
40
40
  outline-width: 0;
41
41
  padding: $padding-focus;
42
42
  }
43
- &[aria-invalid='true'] {
43
+ &[aria-invalid="true"] {
44
44
  border-color: $d2l-color-cinnabar;
45
45
  }
46
46
  &,
@@ -60,8 +60,8 @@
60
60
  }
61
61
  &::-ms-clear {
62
62
  display: none;
63
- width: 0;
64
63
  height: 0;
64
+ width: 0;
65
65
  }
66
66
  }
67
67
  }
package/components/inputs/sass/textarea.scss CHANGED
@@ -1,5 +1,5 @@
1
- @import '../../colors/colors.scss';
2
- @import './text.scss';
1
+ @import "../../colors/colors.scss";
2
+ @import "./text.scss";
3
3
 
4
4
  @mixin d2l-input-textarea() {
5
5
  @include d2l-input-text(
@@ -12,8 +12,8 @@
12
12
  &[aria-invalid="true"] {
13
13
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICA8cGF0aCBmaWxsPSIjY2QyMDI2IiBkPSJNMTcuNzkgMTUuMTFsLTctMTRhMiAyIDAgMCAwLTMuNTggMGwtNyAxNGExLjk3NSAxLjk3NSAwIDAgMCAuMDkgMS45NEEyIDIgMCAwIDAgMiAxOGgxNGExLjk5NCAxLjk5NCAwIDAgMCAxLjctLjk1IDEuOTY3IDEuOTY3IDAgMCAwIC4wOS0xLjk0ek05IDE2YTEuNSAxLjUgMCAxIDEgMS41LTEuNUExLjUgMS41IDAgMCAxIDkgMTZ6bS45OC00LjgwNmExIDEgMCAwIDEtMS45NiAwbC0uOTktNUExIDEgMCAwIDEgOC4wMSA1aDEuOTgzYTEgMSAwIDAgMSAuOTggMS4xOTR6Ii8+Cjwvc3ZnPgo=");
14
14
  background-position: top 12px right 18px;
15
- background-size: 0.8rem 0.8rem;
16
15
  background-repeat: no-repeat;
16
+ background-size: 0.8rem 0.8rem;
17
17
  padding-right: calc(18px + 0.8rem);
18
18
  &:hover,
19
19
  &:focus {
@@ -24,7 +24,7 @@
24
24
  background-image: none;
25
25
  }
26
26
  }
27
- [dir='rtl'] &[aria-invalid="true"] {
27
+ [dir="rtl"] &[aria-invalid="true"] {
28
28
  background-position: top 12px left 18px;
29
29
  padding-left: calc(18px + 0.8rem);
30
30
  padding-right: 0.75rem;
package/components/link/link.scss CHANGED
@@ -1,4 +1,4 @@
1
- @import '../colors/colors.scss';
1
+ @import "../colors/colors.scss";
2
2
 
3
3
  @mixin d2l-link() {
4
4
  &,
@@ -6,8 +6,8 @@
6
6
  &:link,
7
7
  &:active {
8
8
  color: $d2l-color-celestine;
9
- text-decoration: none;
10
9
  cursor: pointer;
10
+ text-decoration: none;
11
11
  }
12
12
  &:hover {
13
13
  color: $d2l-color-celestine-minus-1;
@@ -31,8 +31,8 @@
31
31
  }
32
32
  &[small] {
33
33
  font-size: 0.7rem;
34
- line-height: 1.05rem;
35
34
  letter-spacing: 0.01rem;
35
+ line-height: 1.05rem;
36
36
  }
37
37
  @media print {
38
38
  &, &:visited, &:link, &:active {
package/components/list/list-item-generic-layout.js CHANGED
@@ -72,9 +72,9 @@ class ListItemGenericLayout extends RtlMixin(LitElement) {
72
72
  grid-template-rows:
73
73
  [start add-top-start] minmax(0, min-content)
74
74
  [add-top-end main-start] minmax(0, min-content)
75
- [main-end add-start] minmax(0, min-content)
76
- [add-end nested-start] minmax(0, min-content)
77
- [nested-end end];
75
+ [main-end nested-start] minmax(0, min-content)
76
+ [nested-end add-start] minmax(0, min-content)
77
+ [add-end end];
78
78
  }
79
79
 
80
80
  :host([align-nested="control"]) ::slotted([slot="nested"]) {
@@ -242,8 +242,8 @@ class ListItemGenericLayout extends RtlMixin(LitElement) {
242
242
  <slot name="actions" class="d2l-cell" data-cell-num="7"></slot>
243
243
 
244
244
  <slot name="drop-target"></slot>
245
- <slot name="add" class="d2l-cell" data-cell-num="9"></slot>
246
245
  <slot name="nested"></slot>
246
+ <slot name="add" class="d2l-cell" data-cell-num="9"></slot>
247
247
  `;
248
248
  }
249
249
 
package/components/list/list-item-mixin.js CHANGED
@@ -83,6 +83,7 @@ export const ListItemMixin = superclass => class extends composeMixins(
83
83
  _displayKeyboardTooltip: { type: Boolean },
84
84
  _hasColorSlot: { type: Boolean, reflect: true, attribute: '_has-color-slot' },
85
85
  _hasNestedList: { type: Boolean, reflect: true, attribute: '_has-nested-list' },
86
+ _hasNestedListAddButton: { type: Boolean, reflect: true, attribute: '_has-nested-list-add-button' },
86
87
  _hovering: { type: Boolean, reflect: true },
87
88
  _hoveringPrimaryAction: { type: Boolean, attribute: '_hovering-primary-action', reflect: true },
88
89
  _focusing: { type: Boolean, reflect: true },
@@ -125,11 +126,11 @@ export const ListItemMixin = superclass => class extends composeMixins(
125
126
  position: absolute;
126
127
  width: 100%;
127
128
  }
128
- :host([_show-add-button][_has-nested-list]) [slot="before-content"] {
129
+ :host([_has-nested-list-add-button]) [slot="before-content"] {
129
130
  border-bottom: 1px solid var(--d2l-color-mica);
130
131
  margin-bottom: -1px;
131
132
  }
132
- :host([_show-add-button][_has-nested-list]:not([selection-disabled]):not([skeleton])[selected]) [slot="before-content"] {
133
+ :host([_has-nested-list-add-button]:not([selection-disabled]):not([skeleton])[selected]) [slot="before-content"] {
133
134
  border-bottom-color: #b6cbe8;
134
135
  }
135
136
  :host(:first-of-type) [slot="control-container"]::before {
@@ -154,7 +155,8 @@ export const ListItemMixin = superclass => class extends composeMixins(
154
155
  :host([selected]:not([selection-disabled]):not([skeleton])) [slot="control-container"]::before,
155
156
  :host([selected]:not([selection-disabled]):not([skeleton])) [slot="control-container"]::after,
156
157
  :host([_show-add-button]) [slot="control-container"]::before,
157
- :host([_show-add-button]) [slot="control-container"]::after,
158
+ .hide-bottom-border[slot="control-container"]::after,
159
+ :host([_has-nested-list-add-button]) [slot="control-container"]::after,
158
160
  :host(:first-of-type[_nested]) [slot="control-container"]::before {
159
161
  border-top-color: transparent;
160
162
  }
@@ -305,19 +307,19 @@ export const ListItemMixin = superclass => class extends composeMixins(
305
307
  margin-bottom: -1px;
306
308
  }
307
309
  /* below hides the border under the d2l-button-add */
308
- :host([_hovering-primary-action][_show-add-button]) [slot="outside-control-container"],
309
- :host([_hovering-selection][_show-add-button]) [slot="outside-control-container"],
310
- :host([_focusing-primary-action][_show-add-button]) [slot="outside-control-container"],
311
- :host(:not([selection-disabled]):not([skeleton])[selected][_show-add-button]) [slot="outside-control-container"],
312
- :host(:not([selection-disabled]):not([skeleton])[selected][_hovering-selection][_show-add-button]) [slot="outside-control-container"],
313
- :host(:not([selection-disabled]):not([skeleton])[selectable][_focusing][_show-add-button]) [slot="outside-control-container"] {
310
+ :host([_hovering-primary-action]) [slot="outside-control-container"].hide-bottom-border,
311
+ :host([_hovering-selection]) [slot="outside-control-container"].hide-bottom-border,
312
+ :host([_focusing-primary-action]) [slot="outside-control-container"].hide-bottom-border,
313
+ :host(:not([selection-disabled]):not([skeleton])[selected]) [slot="outside-control-container"].hide-bottom-border,
314
+ :host(:not([selection-disabled]):not([skeleton])[selected][_hovering-selection]) [slot="outside-control-container"].hide-bottom-border,
315
+ :host(:not([selection-disabled]):not([skeleton])[selectable][_focusing]) [slot="outside-control-container"].hide-bottom-border {
314
316
  background-clip: content-box, border-box;
315
317
  background-image: linear-gradient(white, white), linear-gradient(to right, #b6cbe8 20%, transparent 20%, transparent 80%, #b6cbe8 80%);
316
318
  background-origin: border-box;
317
319
  border: double 1px transparent;
318
320
  border-radius: 6px;
319
321
  }
320
- :host(:not([selection-disabled]):not([skeleton])[selected][_show-add-button]) [slot="outside-control-container"] {
322
+ :host(:not([selection-disabled]):not([skeleton])[selected]) [slot="outside-control-container"].hide-bottom-border {
321
323
  background-image: linear-gradient(#f3fbff, #f3fbff), linear-gradient(to right, #b6cbe8 20%, transparent 20%, transparent 80%, #b6cbe8 80%);
322
324
  }
323
325
  :host([_hovering-primary-action]) d2l-button-add,
@@ -659,6 +661,9 @@ export const ListItemMixin = superclass => class extends composeMixins(
659
661
  'd2l-list-item-color-inner': true,
660
662
  'd2l-skeletize': this.color
661
663
  };
664
+ const bottomBorderClasses = {
665
+ 'hide-bottom-border': this._showAddButton && (!this._hasNestedList || this._hasNestedListAddButton)
666
+ };
662
667
 
663
668
  const alignNested = ((this.draggable && this.selectable) || (this.expandable && this.selectable && this.color)) ? 'control' : undefined;
664
669
  const primaryAction = ((!this.noPrimaryAction && this._renderPrimaryAction) ? this._renderPrimaryAction(this._contentId) : null);
@@ -678,12 +683,12 @@ export const ListItemMixin = superclass => class extends composeMixins(
678
683
  <d2l-button-add text="${addButtonText}" mode="icon-when-interacted" @click="${this._handleButtonAddClick}" data-is-first></d2l-button-add>
679
684
  </div>
680
685
  ` : nothing}
681
- <div slot="outside-control-container"></div>
686
+ <div slot="outside-control-container" class="${classMap(bottomBorderClasses)}"></div>
682
687
  <div slot="before-content"></div>
683
688
  ${this._renderDropTarget()}
684
689
  ${this._renderDragHandle(this._renderOutsideControl)}
685
690
  ${this._renderDragTarget(this.dragTargetHandleOnly ? this._renderOutsideControlHandleOnly : this._renderOutsideControlAction)}
686
- <div slot="control-container"></div>
691
+ <div slot="control-container" class="${classMap(bottomBorderClasses)}"></div>
687
692
  ${this._hasColorSlot ? html`
688
693
  <div slot="color-indicator" class="d2l-list-item-color-outer">
689
694
  <div class="${classMap(colorClasses)}" style="${styleMap(colorStyles)}"></div>
@@ -721,12 +726,12 @@ export const ListItemMixin = superclass => class extends composeMixins(
721
726
  class="d2l-list-item-actions-container">
722
727
  <slot name="actions" class="d2l-list-item-actions">${actions}</slot>
723
728
  </div>
729
+ ${this._renderNested(nested)}
724
730
  ${this._showAddButton && (!this._hasNestedListAddButton || (this.expandable && !this.expanded)) ? html`
725
731
  <div slot="add">
726
732
  <d2l-button-add text="${addButtonText}" mode="icon-when-interacted" @click="${this._handleButtonAddClick}"></d2l-button-add>
727
733
  </div>
728
734
  ` : nothing}
729
- ${this._renderNested(nested)}
730
735
  </d2l-list-item-generic-layout>
731
736
  `;
732
737
 
package/components/offscreen/offscreen.scss CHANGED
@@ -2,13 +2,13 @@
2
2
 
3
3
  $offset: -10000px;
4
4
 
5
- position: absolute !important;
5
+ height: 1px;
6
6
  inset-inline-start: $offset;
7
7
  left: $offset;
8
8
  overflow: hidden;
9
- width: 1px;
10
- height: 1px;
9
+ position: absolute !important;
11
10
  white-space: nowrap;
11
+ width: 1px;
12
12
 
13
13
  [dir="rtl"] & {
14
14
  left: auto;
package/components/typography/typography.scss CHANGED
@@ -1,13 +1,13 @@
1
- @import '../colors/colors.scss';
1
+ @import "../colors/colors.scss";
2
2
 
3
3
  @mixin d2l-typography {
4
4
 
5
5
  color: $d2l-color-ferrite;
6
6
  display: block;
7
- font-family: 'Lato', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
8
- letter-spacing: 0.01rem;
7
+ font-family: "Lato", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
9
8
  font-size: 0.95rem;
10
9
  font-weight: 400;
10
+ letter-spacing: 0.01rem;
11
11
  line-height: 1.4rem;
12
12
 
13
13
  p {
@@ -16,74 +16,74 @@
16
16
 
17
17
  &:lang(ar),
18
18
  & :lang(ar) {
19
- font-family: 'Segoe UI', 'Geeza Pro', sans-serif;
19
+ font-family: "Segoe UI", "Geeza Pro", sans-serif;
20
20
  }
21
21
 
22
22
  &:lang(zh),
23
23
  & :lang(zh) {
24
- font-family: 'Microsoft YaHei', 'Hiragino Sans GB', sans-serif;
24
+ font-family: "Microsoft YaHei", "Hiragino Sans GB", sans-serif;
25
25
  }
26
26
 
27
27
  &:lang(ko),
28
28
  & :lang(ko) {
29
- font-family: 'Apple SD Gothic Neo', Dotum, sans-serif;
29
+ font-family: "Apple SD Gothic Neo", Dotum, sans-serif;
30
30
  }
31
31
 
32
32
  &:lang(ja),
33
33
  & :lang(ja) {
34
- font-family: 'Hiragino Kaku Gothic Pro', 'Meiyro', sans-serif;
34
+ font-family: "Hiragino Kaku Gothic Pro", "Meiyro", sans-serif;
35
35
  }
36
36
 
37
37
  }
38
38
 
39
39
  @mixin d2l-typography-font-face {
40
40
  @font-face {
41
- font-family: 'Lato';
41
+ font-family: "Lato";
42
42
  font-style: normal;
43
43
  font-weight: 400;
44
- src: url(https://s.brightspace.com/lib/fonts/0.6.1/assets/Lato-400.woff2) format('woff2'), url(https://s.brightspace.com/lib/fonts/0.6.1/assets/Lato-400.woff) format('woff');
44
+ src: url(https://s.brightspace.com/lib/fonts/0.6.1/assets/Lato-400.woff2) format("woff2"), url(https://s.brightspace.com/lib/fonts/0.6.1/assets/Lato-400.woff) format("woff");
45
45
  }
46
46
  @font-face {
47
- font-family: 'Lato';
47
+ font-family: "Lato";
48
48
  font-style: normal;
49
49
  font-weight: 700;
50
- src: url(https://s.brightspace.com/lib/fonts/0.6.1/assets/Lato-700.woff2) format('woff2'), url(https://s.brightspace.com/lib/fonts/0.6.1/assets/Lato-700.woff) format('woff');
50
+ src: url(https://s.brightspace.com/lib/fonts/0.6.1/assets/Lato-700.woff2) format("woff2"), url(https://s.brightspace.com/lib/fonts/0.6.1/assets/Lato-700.woff) format("woff");
51
51
  }
52
52
  @font-face {
53
- font-family: 'BC Sans';
53
+ font-family: "BC Sans";
54
54
  font-style: normal;
55
55
  font-weight: 300;
56
- src: url(https://s.brightspace.com/lib/fonts/0.6.1/assets/BCSans-Light.woff2) format('woff2'), url(https://s.brightspace.com/lib/fonts/0.6.1/assets/BCSans-Light.woff) format('woff');
56
+ src: url(https://s.brightspace.com/lib/fonts/0.6.1/assets/BCSans-Light.woff2) format("woff2"), url(https://s.brightspace.com/lib/fonts/0.6.1/assets/BCSans-Light.woff) format("woff");
57
57
  }
58
58
  @font-face {
59
- font-family: 'BC Sans';
59
+ font-family: "BC Sans";
60
60
  font-style: normal;
61
61
  font-weight: 400;
62
- src: url(https://s.brightspace.com/lib/fonts/0.6.1/assets/BCSans-Regular.woff2) format('woff2'), url(https://s.brightspace.com/lib/fonts/0.6.1/assets/BCSans-Regular.woff) format('woff');
62
+ src: url(https://s.brightspace.com/lib/fonts/0.6.1/assets/BCSans-Regular.woff2) format("woff2"), url(https://s.brightspace.com/lib/fonts/0.6.1/assets/BCSans-Regular.woff) format("woff");
63
63
  }
64
64
  @font-face {
65
- font-family: 'BC Sans';
65
+ font-family: "BC Sans";
66
66
  font-style: normal;
67
67
  font-weight: 700;
68
- src: url(https://s.brightspace.com/lib/fonts/0.6.1/assets/BCSans-Bold.woff2) format('woff2'), url(https://s.brightspace.com/lib/fonts/0.6.1/assets/BCSans-Bold.woff) format('woff');
68
+ src: url(https://s.brightspace.com/lib/fonts/0.6.1/assets/BCSans-Bold.woff2) format("woff2"), url(https://s.brightspace.com/lib/fonts/0.6.1/assets/BCSans-Bold.woff) format("woff");
69
69
  }
70
70
  @font-face {
71
- font-family: 'BC Sans';
71
+ font-family: "BC Sans";
72
72
  font-style: italic;
73
73
  font-weight: 300;
74
- src: url(https://s.brightspace.com/lib/fonts/0.6.1/assets/BCSans-LightItalic.woff2) format('woff2'), url(https://s.brightspace.com/lib/fonts/0.6.1/assets/BCSans-LightItalic.woff) format('woff');
74
+ src: url(https://s.brightspace.com/lib/fonts/0.6.1/assets/BCSans-LightItalic.woff2) format("woff2"), url(https://s.brightspace.com/lib/fonts/0.6.1/assets/BCSans-LightItalic.woff) format("woff");
75
75
  }
76
76
  @font-face {
77
- font-family: 'BC Sans';
77
+ font-family: "BC Sans";
78
78
  font-style: italic;
79
79
  font-weight: 400;
80
- src: url(https://s.brightspace.com/lib/fonts/0.6.1/assets/BCSans-Italic.woff2) format('woff2'), url(https://s.brightspace.com/lib/fonts/0.6.1/assets/BCSans-Italic.woff) format('woff');
80
+ src: url(https://s.brightspace.com/lib/fonts/0.6.1/assets/BCSans-Italic.woff2) format("woff2"), url(https://s.brightspace.com/lib/fonts/0.6.1/assets/BCSans-Italic.woff) format("woff");
81
81
  }
82
82
  @font-face {
83
- font-family: 'BC Sans';
83
+ font-family: "BC Sans";
84
84
  font-style: italic;
85
85
  font-weight: 700;
86
- src: url(https://s.brightspace.com/lib/fonts/0.6.1/assets/BCSans-BoldItalic.woff2) format('woff2'), url(https://s.brightspace.com/lib/fonts/0.6.1/assets/BCSans-BoldItalic.woff) format('woff');
86
+ src: url(https://s.brightspace.com/lib/fonts/0.6.1/assets/BCSans-BoldItalic.woff2) format("woff2"), url(https://s.brightspace.com/lib/fonts/0.6.1/assets/BCSans-BoldItalic.woff) format("woff");
87
87
  }
88
88
  }
89
89
 
@@ -169,7 +169,7 @@
169
169
 
170
170
  @mixin d2l-label-text {
171
171
  font-size: 0.7rem;
172
- line-height: 1rem;
173
172
  font-weight: 700;
174
173
  letter-spacing: 0.2px;
174
+ line-height: 1rem;
175
175
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@brightspace-ui/core",
3
- "version": "2.178.0",
3
+ "version": "2.178.2",
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",