@brightspace-ui/core 2.177.4 → 2.178.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.
@@ -8,7 +8,7 @@ import { LocalizeCoreElement } from '../../helpers/localize-core-element.js';
8
8
  * A tag-list allowing the user to see (and remove) the currently applied filters.
9
9
  */
10
10
 
11
- const CLEAR_TIMEOUT = 210; /** Corresponds to timeout in _dispatchChangeEvent in filter + 10 ms */
11
+ const CLEAR_TIMEOUT = 310; /** Corresponds to timeout in _dispatchChangeEvent in filter + 10 ms */
12
12
 
13
13
  class FilterTags extends LocalizeCoreElement(LitElement) {
14
14
  static get properties() {
@@ -573,13 +573,12 @@ class Filter extends FocusMixin(LocalizeCoreElement(RtlMixin(LitElement))) {
573
573
 
574
574
  _dispatchChangeEvent(dimension, change) {
575
575
  this._setDimensionChangeEvent(dimension, change, false);
576
+ clearTimeout(this._changeEventTimeout);
576
577
 
577
- if (!this._changeEventTimeout) {
578
- /** 200 ms timeout used in filter-tags CLEAR_TIMEOUT. If the timeout here changes, update that as well */
579
- this._changeEventTimeout = setTimeout(() => {
580
- this._dispatchChangeEventNow(false);
581
- }, 200);
582
- }
578
+ /** 300 ms timeout used in filter-tags CLEAR_TIMEOUT. If the timeout here changes, update that as well */
579
+ this._changeEventTimeout = setTimeout(() => {
580
+ this._dispatchChangeEventNow(false);
581
+ }, 300);
583
582
  }
584
583
 
585
584
  _dispatchChangeEventNow(allCleared) {
@@ -594,8 +593,7 @@ class Filter extends FocusMixin(LocalizeCoreElement(RtlMixin(LitElement))) {
594
593
  detail: { allCleared: allCleared, dimensions: dimensions }
595
594
  }));
596
595
  this._changeEventsToDispatch = new Map();
597
- this._changeEventTimeout = null;
598
-
596
+ clearTimeout(this._changeEventTimeout);
599
597
  this._activeFiltersSubscribers.updateSubscribers();
600
598
  }
601
599
 
@@ -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;
@@ -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
  }
@@ -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;
@@ -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
  }
@@ -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
  }
@@ -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;
@@ -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 {
@@ -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;
@@ -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.177.4",
3
+ "version": "2.178.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",