@brightspace-ui/core 2.178.0 → 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.
Files changed (10) 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/offscreen/offscreen.scss +3 -3
  9. package/components/typography/typography.scss +24 -24
  10. 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/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.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",