@brightspace-ui/core 2.98.4 → 2.98.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.
Files changed (5) hide show
  1. package/components/inputs/demo/input-checkbox.html +4 -1
  2. package/components/inputs/demo/input-radio-label-test.js +5 -0
  3. package/components/inputs/input-checkbox.js +2 -2
  4. package/components/inputs/input-radio-styles.js +1 -0
  5. package/package.json +1 -1
package/components/inputs/demo/input-checkbox.html CHANGED
@@ -24,10 +24,13 @@
24
24
  <h2>Checkbox with multi-line label</h2>
25
25
  <d2l-demo-snippet>
26
26
  <template>
27
- <d2l-input-checkbox style="width: 200px;">
27
+ <d2l-input-checkbox style="overflow: hidden; width: 200px;">
28
28
  Label for checkbox that wraps nicely onto
29
29
  multiple lines and stays aligned
30
30
  </d2l-input-checkbox>
31
+ <d2l-input-checkbox style="overflow: hidden; width: 200px;">
32
+ https://en.wikipedia.org/wiki/Dark_matter
33
+ </d2l-input-checkbox>
31
34
  </template>
32
35
  </d2l-demo-snippet>
33
36
 
package/components/inputs/demo/input-radio-label-test.js CHANGED
@@ -9,6 +9,7 @@ class TestInputRadioLabel extends RtlMixin(LitElement) {
9
9
  css`
10
10
  :host {
11
11
  display: block;
12
+ overflow: hidden;
12
13
  width: 200px;
13
14
  }
14
15
  `
@@ -34,6 +35,10 @@ class TestInputRadioLabel extends RtlMixin(LitElement) {
34
35
  Label for radio that wraps nicely onto
35
36
  multiple lines and stays aligned
36
37
  </label>
38
+ <label class="d2l-input-radio-label">
39
+ <input type="radio" name="myGroup" value="long">
40
+ https://en.wikipedia.org/wiki/Dark_matter
41
+ </label>
37
42
  `;
38
43
  }
39
44
 
package/components/inputs/input-checkbox.js CHANGED
@@ -120,8 +120,8 @@ class InputCheckbox extends FocusMixin(SkeletonMixin(RtlMixin(LitElement))) {
120
120
  margin-bottom: 0;
121
121
  }
122
122
  label {
123
- display: inline-block;
124
- white-space: nowrap;
123
+ display: flex;
124
+ overflow-wrap: anywhere;
125
125
  }
126
126
  .d2l-input-checkbox-wrapper {
127
127
  display: inline-block;
package/components/inputs/input-radio-styles.js CHANGED
@@ -60,6 +60,7 @@ export const radioStyles = css`
60
60
  font-weight: 400;
61
61
  line-height: 1.2rem;
62
62
  margin-bottom: 0.9rem;
63
+ overflow-wrap: anywhere;
63
64
  padding-left: 1.7rem;
64
65
  padding-right: 0;
65
66
  vertical-align: middle;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@brightspace-ui/core",
3
- "version": "2.98.4",
3
+ "version": "2.98.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",