@brightspace-ui/core 1.234.0 → 1.234.3
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.
- package/README.md +2 -0
- package/components/backdrop/README.md +3 -1
- package/components/inputs/input-date-range.js +3 -3
- package/components/inputs/input-date-time-range.js +3 -3
- package/components/inputs/input-date.js +1 -1
- package/components/inputs/input-number.js +2 -2
- package/components/inputs/input-text.js +5 -5
- package/components/inputs/input-textarea.js +1 -1
- package/components/inputs/input-time-range.js +3 -3
- package/components/menu/menu-item-styles.js +17 -3
- package/components/offscreen/README.md +3 -1
- package/custom-elements.json +36 -36
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,7 +1,9 @@
|
|
|
1
|
-
#
|
|
1
|
+
# Backdrops
|
|
2
2
|
|
|
3
3
|
The `d2l-backdrop` element is a web component to display a semi-transparent backdrop behind a specified sibling element. It also hides elements other than the target from assistive technologies by applying `role="presentation"` and `aria-hidden="true"`.
|
|
4
4
|
|
|
5
|
+
## Backdrop [d2l-backdrop]
|
|
6
|
+
|
|
5
7
|
<!-- docs: demo live name:d2l-backdrop size:small -->
|
|
6
8
|
```html
|
|
7
9
|
<script type="module">
|
|
@@ -35,7 +35,7 @@ class InputDateRange extends SkeletonMixin(FormElementMixin(RtlMixin(LocalizeCor
|
|
|
35
35
|
static get properties() {
|
|
36
36
|
return {
|
|
37
37
|
/**
|
|
38
|
-
* Automatically shifts end date when start date changes to keep same range
|
|
38
|
+
* ADVANCED: Automatically shifts end date when start date changes to keep same range
|
|
39
39
|
* @type {boolean}
|
|
40
40
|
*/
|
|
41
41
|
autoShiftDates: { attribute: 'auto-shift-dates', reflect: true, type: Boolean },
|
|
@@ -56,7 +56,7 @@ class InputDateRange extends SkeletonMixin(FormElementMixin(RtlMixin(LocalizeCor
|
|
|
56
56
|
*/
|
|
57
57
|
endLabel: { attribute: 'end-label', reflect: true, type: String },
|
|
58
58
|
/**
|
|
59
|
-
* Indicates if the end calendar dropdown is open
|
|
59
|
+
* ADVANCED: Indicates if the end calendar dropdown is open
|
|
60
60
|
* @type {boolean}
|
|
61
61
|
*/
|
|
62
62
|
endOpened: { attribute: 'end-opened', type: Boolean },
|
|
@@ -102,7 +102,7 @@ class InputDateRange extends SkeletonMixin(FormElementMixin(RtlMixin(LocalizeCor
|
|
|
102
102
|
*/
|
|
103
103
|
startLabel: { attribute: 'start-label', reflect: true, type: String },
|
|
104
104
|
/**
|
|
105
|
-
* Indicates if the start calendar dropdown is open
|
|
105
|
+
* ADVANCED: Indicates if the start calendar dropdown is open
|
|
106
106
|
* @type {boolean}
|
|
107
107
|
*/
|
|
108
108
|
startOpened: { attribute: 'start-opened', type: Boolean },
|
|
@@ -68,7 +68,7 @@ class InputDateTimeRange extends SkeletonMixin(FormElementMixin(RtlMixin(Localiz
|
|
|
68
68
|
static get properties() {
|
|
69
69
|
return {
|
|
70
70
|
/**
|
|
71
|
-
* Automatically shifts end date when start date changes to keep same range. If start and end date are equal, automatically shifts end time when start time changes.
|
|
71
|
+
* ADVANCED: Automatically shifts end date when start date changes to keep same range. If start and end date are equal, automatically shifts end time when start time changes.
|
|
72
72
|
* @type {boolean}
|
|
73
73
|
*/
|
|
74
74
|
autoShiftDates: { attribute: 'auto-shift-dates', reflect: true, type: Boolean },
|
|
@@ -89,7 +89,7 @@ class InputDateTimeRange extends SkeletonMixin(FormElementMixin(RtlMixin(Localiz
|
|
|
89
89
|
*/
|
|
90
90
|
endLabel: { attribute: 'end-label', reflect: true, type: String },
|
|
91
91
|
/**
|
|
92
|
-
* Indicates if the end date or time dropdown is open
|
|
92
|
+
* ADVANCED: Indicates if the end date or time dropdown is open
|
|
93
93
|
* @type {boolean}
|
|
94
94
|
*/
|
|
95
95
|
endOpened: { attribute: 'end-opened', type: Boolean },
|
|
@@ -140,7 +140,7 @@ class InputDateTimeRange extends SkeletonMixin(FormElementMixin(RtlMixin(Localiz
|
|
|
140
140
|
*/
|
|
141
141
|
startLabel: { attribute: 'start-label', reflect: true, type: String },
|
|
142
142
|
/**
|
|
143
|
-
* Indicates if the start date or time dropdown is open
|
|
143
|
+
* ADVANCED: Indicates if the start date or time dropdown is open
|
|
144
144
|
* @type {boolean}
|
|
145
145
|
*/
|
|
146
146
|
startOpened: { attribute: 'start-opened', type: Boolean },
|
|
@@ -37,7 +37,7 @@ class InputDate extends LabelledMixin(SkeletonMixin(FormElementMixin(LocalizeCor
|
|
|
37
37
|
*/
|
|
38
38
|
disabled: { type: Boolean },
|
|
39
39
|
/**
|
|
40
|
-
* Text that appears as a placeholder in the input to reassure users that they can choose not to provide a value (usually not necessary)
|
|
40
|
+
* ADVANCED: Text that appears as a placeholder in the input to reassure users that they can choose not to provide a value (usually not necessary)
|
|
41
41
|
* @type {string}
|
|
42
42
|
*/
|
|
43
43
|
emptyText: { type: String, attribute: 'empty-text' },
|
|
@@ -78,7 +78,7 @@ class InputNumber extends LabelledMixin(SkeletonMixin(FormElementMixin(LocalizeC
|
|
|
78
78
|
*/
|
|
79
79
|
autocomplete: { type: String },
|
|
80
80
|
/**
|
|
81
|
-
* When set, will automatically place focus on the input
|
|
81
|
+
* ADVANCED: When set, will automatically place focus on the input
|
|
82
82
|
* @type {boolean}
|
|
83
83
|
*/
|
|
84
84
|
autofocus: { type: Boolean },
|
|
@@ -88,7 +88,7 @@ class InputNumber extends LabelledMixin(SkeletonMixin(FormElementMixin(LocalizeC
|
|
|
88
88
|
*/
|
|
89
89
|
disabled: { type: Boolean },
|
|
90
90
|
/**
|
|
91
|
-
* Hide the alert icon when input is invalid
|
|
91
|
+
* ADVANCED: Hide the alert icon when input is invalid
|
|
92
92
|
* @type {boolean}
|
|
93
93
|
*/
|
|
94
94
|
hideInvalidIcon: { attribute: 'hide-invalid-icon', type: Boolean, reflect: true },
|
|
@@ -27,17 +27,17 @@ class InputText extends LabelledMixin(FormElementMixin(SkeletonMixin(RtlMixin(Li
|
|
|
27
27
|
static get properties() {
|
|
28
28
|
return {
|
|
29
29
|
/**
|
|
30
|
-
* Indicates that the input has a popup menu
|
|
30
|
+
* ADVANCED: Indicates that the input has a popup menu
|
|
31
31
|
* @type {string}
|
|
32
32
|
*/
|
|
33
33
|
ariaHaspopup: { type: String, attribute: 'aria-haspopup' },
|
|
34
34
|
/**
|
|
35
|
-
* Indicates that the input value is invalid
|
|
35
|
+
* ADVANCED: Indicates that the input value is invalid
|
|
36
36
|
* @type {string}
|
|
37
37
|
*/
|
|
38
38
|
ariaInvalid: { type: String, attribute: 'aria-invalid' },
|
|
39
39
|
/**
|
|
40
|
-
* Specifies whether or not the screen reader should always present changes to the live region as a whole.
|
|
40
|
+
* ADVANCED: Specifies whether or not the screen reader should always present changes to the live region as a whole.
|
|
41
41
|
* This only applies if live is set to polite or assertive.
|
|
42
42
|
* @type {string}
|
|
43
43
|
*/
|
|
@@ -63,7 +63,7 @@ class InputText extends LabelledMixin(FormElementMixin(SkeletonMixin(RtlMixin(Li
|
|
|
63
63
|
*/
|
|
64
64
|
disabled: { type: Boolean, reflect: true },
|
|
65
65
|
/**
|
|
66
|
-
* Hide the alert icon when input is invalid
|
|
66
|
+
* ADVANCED: Hide the alert icon when input is invalid
|
|
67
67
|
* @type {boolean}
|
|
68
68
|
*/
|
|
69
69
|
hideInvalidIcon: { attribute: 'hide-invalid-icon', type: Boolean, reflect: true },
|
|
@@ -78,7 +78,7 @@ class InputText extends LabelledMixin(FormElementMixin(SkeletonMixin(RtlMixin(Li
|
|
|
78
78
|
*/
|
|
79
79
|
labelHidden: { type: Boolean, attribute: 'label-hidden' },
|
|
80
80
|
/**
|
|
81
|
-
* Set the priority with which screen readers should treat updates to the input's live text region
|
|
81
|
+
* ADVANCED: Set the priority with which screen readers should treat updates to the input's live text region
|
|
82
82
|
* @type {string}
|
|
83
83
|
*/
|
|
84
84
|
live: { type: String },
|
|
@@ -22,7 +22,7 @@ class InputTextArea extends LabelledMixin(FormElementMixin(SkeletonMixin(RtlMixi
|
|
|
22
22
|
static get properties() {
|
|
23
23
|
return {
|
|
24
24
|
/**
|
|
25
|
-
* Indicates that the input value is invalid
|
|
25
|
+
* ADVANCED: Indicates that the input value is invalid
|
|
26
26
|
* @type {string}
|
|
27
27
|
*/
|
|
28
28
|
ariaInvalid: { type: String, attribute: 'aria-invalid' },
|
|
@@ -43,7 +43,7 @@ class InputTimeRange extends SkeletonMixin(FormElementMixin(RtlMixin(LocalizeCor
|
|
|
43
43
|
static get properties() {
|
|
44
44
|
return {
|
|
45
45
|
/**
|
|
46
|
-
* Automatically shifts end time when start time changes to keep same range
|
|
46
|
+
* ADVANCED: Automatically shifts end time when start time changes to keep same range
|
|
47
47
|
* @type {boolean}
|
|
48
48
|
*/
|
|
49
49
|
autoShiftTimes: { attribute: 'auto-shift-times', reflect: true, type: Boolean },
|
|
@@ -64,7 +64,7 @@ class InputTimeRange extends SkeletonMixin(FormElementMixin(RtlMixin(LocalizeCor
|
|
|
64
64
|
*/
|
|
65
65
|
endLabel: { attribute: 'end-label', reflect: true, type: String },
|
|
66
66
|
/**
|
|
67
|
-
* Indicates if the end dropdown is open
|
|
67
|
+
* ADVANCED: Indicates if the end dropdown is open
|
|
68
68
|
* @type {boolean}
|
|
69
69
|
*/
|
|
70
70
|
endOpened: { attribute: 'end-opened', type: Boolean },
|
|
@@ -105,7 +105,7 @@ class InputTimeRange extends SkeletonMixin(FormElementMixin(RtlMixin(LocalizeCor
|
|
|
105
105
|
*/
|
|
106
106
|
startLabel: { attribute: 'start-label', reflect: true, type: String },
|
|
107
107
|
/**
|
|
108
|
-
* Indicates if the start dropdown is open
|
|
108
|
+
* ADVANCED: Indicates if the start dropdown is open
|
|
109
109
|
* @type {boolean}
|
|
110
110
|
*/
|
|
111
111
|
startOpened: { attribute: 'start-opened', type: Boolean },
|
|
@@ -16,9 +16,9 @@ export const menuItemStyles = css`
|
|
|
16
16
|
width: 100%;
|
|
17
17
|
}
|
|
18
18
|
|
|
19
|
+
:host(:focus),
|
|
20
|
+
:host([first]:focus),
|
|
19
21
|
:host(:hover),
|
|
20
|
-
:host(:focus-visible),
|
|
21
|
-
:host(:focus-visible[first]),
|
|
22
22
|
:host([first]:hover) {
|
|
23
23
|
background-color: var(--d2l-menu-background-color-hover);
|
|
24
24
|
border-bottom: 1px solid var(--d2l-menu-border-color-hover);
|
|
@@ -27,6 +27,16 @@ export const menuItemStyles = css`
|
|
|
27
27
|
z-index: 2;
|
|
28
28
|
}
|
|
29
29
|
|
|
30
|
+
/** separated because safari is having trouble parsing these */
|
|
31
|
+
:host(:focus-visible),
|
|
32
|
+
:host(:focus-visible[first]) {
|
|
33
|
+
background-color: var(--d2l-menu-background-color-hover);
|
|
34
|
+
border-bottom: 1px solid var(--d2l-menu-border-color-hover);
|
|
35
|
+
border-top: 1px solid var(--d2l-menu-border-color-hover);
|
|
36
|
+
color: var(--d2l-menu-foreground-color-hover);
|
|
37
|
+
z-index: 2;
|
|
38
|
+
}
|
|
39
|
+
|
|
30
40
|
:host([disabled]), :host([disabled]:hover), :host([disabled]:focus-visible) {
|
|
31
41
|
cursor: default;
|
|
32
42
|
opacity: 0.75;
|
|
@@ -40,11 +50,15 @@ export const menuItemStyles = css`
|
|
|
40
50
|
border-top-color: transparent;
|
|
41
51
|
}
|
|
42
52
|
|
|
43
|
-
:host([last]:focus-visible),
|
|
44
53
|
:host([last]:hover) {
|
|
45
54
|
border-bottom-color: var(--d2l-menu-border-color-hover);
|
|
46
55
|
}
|
|
47
56
|
|
|
57
|
+
/** separated because safari is having trouble parsing these */
|
|
58
|
+
:host([last]:focus-visible) {
|
|
59
|
+
border-bottom-color: var(--d2l-menu-border-color-hover);
|
|
60
|
+
}
|
|
61
|
+
|
|
48
62
|
.d2l-menu-item-text {
|
|
49
63
|
flex: auto;
|
|
50
64
|
line-height: 1rem;
|
|
@@ -1,7 +1,9 @@
|
|
|
1
|
-
# Off-screen Content
|
|
1
|
+
# Off-screen Content
|
|
2
2
|
|
|
3
3
|
Positioning content off-screen is a valuable accessibility technique that allows us to include content that is only visible to screen reader users. For more information on this approach, read [WebAIM's article on Invisible Content](http://webaim.org/techniques/css/invisiblecontent/).
|
|
4
4
|
|
|
5
|
+
## Offscreen Component [d2l-offscreen]
|
|
6
|
+
|
|
5
7
|
Import the `<d2l-offscreen>` web component and place your content within the default slot to position it off-screen. The content will be hidden in the UI but still discoverable by screen reader users.
|
|
6
8
|
|
|
7
9
|
<!-- docs: demo live name:d2l-offscreen -->
|
package/custom-elements.json
CHANGED
|
@@ -3824,7 +3824,7 @@
|
|
|
3824
3824
|
},
|
|
3825
3825
|
{
|
|
3826
3826
|
"name": "auto-shift-dates",
|
|
3827
|
-
"description": "Automatically shifts end date when start date changes to keep same range",
|
|
3827
|
+
"description": "ADVANCED: Automatically shifts end date when start date changes to keep same range",
|
|
3828
3828
|
"type": "boolean",
|
|
3829
3829
|
"default": "false"
|
|
3830
3830
|
},
|
|
@@ -3842,7 +3842,7 @@
|
|
|
3842
3842
|
},
|
|
3843
3843
|
{
|
|
3844
3844
|
"name": "end-opened",
|
|
3845
|
-
"description": "Indicates if the end calendar dropdown is open",
|
|
3845
|
+
"description": "ADVANCED: Indicates if the end calendar dropdown is open",
|
|
3846
3846
|
"type": "boolean",
|
|
3847
3847
|
"default": "false"
|
|
3848
3848
|
},
|
|
@@ -3866,7 +3866,7 @@
|
|
|
3866
3866
|
},
|
|
3867
3867
|
{
|
|
3868
3868
|
"name": "start-opened",
|
|
3869
|
-
"description": "Indicates if the start calendar dropdown is open",
|
|
3869
|
+
"description": "ADVANCED: Indicates if the start calendar dropdown is open",
|
|
3870
3870
|
"type": "boolean",
|
|
3871
3871
|
"default": "false"
|
|
3872
3872
|
},
|
|
@@ -3930,7 +3930,7 @@
|
|
|
3930
3930
|
{
|
|
3931
3931
|
"name": "autoShiftDates",
|
|
3932
3932
|
"attribute": "auto-shift-dates",
|
|
3933
|
-
"description": "Automatically shifts end date when start date changes to keep same range",
|
|
3933
|
+
"description": "ADVANCED: Automatically shifts end date when start date changes to keep same range",
|
|
3934
3934
|
"type": "boolean",
|
|
3935
3935
|
"default": "false"
|
|
3936
3936
|
},
|
|
@@ -3951,7 +3951,7 @@
|
|
|
3951
3951
|
{
|
|
3952
3952
|
"name": "endOpened",
|
|
3953
3953
|
"attribute": "end-opened",
|
|
3954
|
-
"description": "Indicates if the end calendar dropdown is open",
|
|
3954
|
+
"description": "ADVANCED: Indicates if the end calendar dropdown is open",
|
|
3955
3955
|
"type": "boolean",
|
|
3956
3956
|
"default": "false"
|
|
3957
3957
|
},
|
|
@@ -3979,7 +3979,7 @@
|
|
|
3979
3979
|
{
|
|
3980
3980
|
"name": "startOpened",
|
|
3981
3981
|
"attribute": "start-opened",
|
|
3982
|
-
"description": "Indicates if the start calendar dropdown is open",
|
|
3982
|
+
"description": "ADVANCED: Indicates if the start calendar dropdown is open",
|
|
3983
3983
|
"type": "boolean",
|
|
3984
3984
|
"default": "false"
|
|
3985
3985
|
},
|
|
@@ -4108,7 +4108,7 @@
|
|
|
4108
4108
|
},
|
|
4109
4109
|
{
|
|
4110
4110
|
"name": "auto-shift-dates",
|
|
4111
|
-
"description": "Automatically shifts end date when start date changes to keep same range. If start and end date are equal, automatically shifts end time when start time changes.",
|
|
4111
|
+
"description": "ADVANCED: Automatically shifts end date when start date changes to keep same range. If start and end date are equal, automatically shifts end time when start time changes.",
|
|
4112
4112
|
"type": "boolean",
|
|
4113
4113
|
"default": "false"
|
|
4114
4114
|
},
|
|
@@ -4126,7 +4126,7 @@
|
|
|
4126
4126
|
},
|
|
4127
4127
|
{
|
|
4128
4128
|
"name": "end-opened",
|
|
4129
|
-
"description": "Indicates if the end date or time dropdown is open",
|
|
4129
|
+
"description": "ADVANCED: Indicates if the end date or time dropdown is open",
|
|
4130
4130
|
"type": "boolean",
|
|
4131
4131
|
"default": "false"
|
|
4132
4132
|
},
|
|
@@ -4156,7 +4156,7 @@
|
|
|
4156
4156
|
},
|
|
4157
4157
|
{
|
|
4158
4158
|
"name": "start-opened",
|
|
4159
|
-
"description": "Indicates if the start date or time dropdown is open",
|
|
4159
|
+
"description": "ADVANCED: Indicates if the start date or time dropdown is open",
|
|
4160
4160
|
"type": "boolean",
|
|
4161
4161
|
"default": "false"
|
|
4162
4162
|
},
|
|
@@ -4220,7 +4220,7 @@
|
|
|
4220
4220
|
{
|
|
4221
4221
|
"name": "autoShiftDates",
|
|
4222
4222
|
"attribute": "auto-shift-dates",
|
|
4223
|
-
"description": "Automatically shifts end date when start date changes to keep same range. If start and end date are equal, automatically shifts end time when start time changes.",
|
|
4223
|
+
"description": "ADVANCED: Automatically shifts end date when start date changes to keep same range. If start and end date are equal, automatically shifts end time when start time changes.",
|
|
4224
4224
|
"type": "boolean",
|
|
4225
4225
|
"default": "false"
|
|
4226
4226
|
},
|
|
@@ -4241,7 +4241,7 @@
|
|
|
4241
4241
|
{
|
|
4242
4242
|
"name": "endOpened",
|
|
4243
4243
|
"attribute": "end-opened",
|
|
4244
|
-
"description": "Indicates if the end date or time dropdown is open",
|
|
4244
|
+
"description": "ADVANCED: Indicates if the end date or time dropdown is open",
|
|
4245
4245
|
"type": "boolean",
|
|
4246
4246
|
"default": "false"
|
|
4247
4247
|
},
|
|
@@ -4276,7 +4276,7 @@
|
|
|
4276
4276
|
{
|
|
4277
4277
|
"name": "startOpened",
|
|
4278
4278
|
"attribute": "start-opened",
|
|
4279
|
-
"description": "Indicates if the start date or time dropdown is open",
|
|
4279
|
+
"description": "ADVANCED: Indicates if the start date or time dropdown is open",
|
|
4280
4280
|
"type": "boolean",
|
|
4281
4281
|
"default": "false"
|
|
4282
4282
|
},
|
|
@@ -4511,7 +4511,7 @@
|
|
|
4511
4511
|
},
|
|
4512
4512
|
{
|
|
4513
4513
|
"name": "empty-text",
|
|
4514
|
-
"description": "Text that appears as a placeholder in the input to reassure users that they can choose not to provide a value (usually not necessary)",
|
|
4514
|
+
"description": "ADVANCED: Text that appears as a placeholder in the input to reassure users that they can choose not to provide a value (usually not necessary)",
|
|
4515
4515
|
"type": "string",
|
|
4516
4516
|
"default": "\"\""
|
|
4517
4517
|
},
|
|
@@ -4584,7 +4584,7 @@
|
|
|
4584
4584
|
{
|
|
4585
4585
|
"name": "emptyText",
|
|
4586
4586
|
"attribute": "empty-text",
|
|
4587
|
-
"description": "Text that appears as a placeholder in the input to reassure users that they can choose not to provide a value (usually not necessary)",
|
|
4587
|
+
"description": "ADVANCED: Text that appears as a placeholder in the input to reassure users that they can choose not to provide a value (usually not necessary)",
|
|
4588
4588
|
"type": "string",
|
|
4589
4589
|
"default": "\"\""
|
|
4590
4590
|
},
|
|
@@ -4731,7 +4731,7 @@
|
|
|
4731
4731
|
},
|
|
4732
4732
|
{
|
|
4733
4733
|
"name": "hide-invalid-icon",
|
|
4734
|
-
"description": "Hide the alert icon when input is invalid",
|
|
4734
|
+
"description": "ADVANCED: Hide the alert icon when input is invalid",
|
|
4735
4735
|
"type": "boolean"
|
|
4736
4736
|
},
|
|
4737
4737
|
{
|
|
@@ -4776,7 +4776,7 @@
|
|
|
4776
4776
|
},
|
|
4777
4777
|
{
|
|
4778
4778
|
"name": "autofocus",
|
|
4779
|
-
"description": "When set, will automatically place focus on the input",
|
|
4779
|
+
"description": "ADVANCED: When set, will automatically place focus on the input",
|
|
4780
4780
|
"type": "boolean",
|
|
4781
4781
|
"default": "false"
|
|
4782
4782
|
},
|
|
@@ -4848,7 +4848,7 @@
|
|
|
4848
4848
|
{
|
|
4849
4849
|
"name": "hideInvalidIcon",
|
|
4850
4850
|
"attribute": "hide-invalid-icon",
|
|
4851
|
-
"description": "Hide the alert icon when input is invalid",
|
|
4851
|
+
"description": "ADVANCED: Hide the alert icon when input is invalid",
|
|
4852
4852
|
"type": "boolean"
|
|
4853
4853
|
},
|
|
4854
4854
|
{
|
|
@@ -4909,7 +4909,7 @@
|
|
|
4909
4909
|
{
|
|
4910
4910
|
"name": "autofocus",
|
|
4911
4911
|
"attribute": "autofocus",
|
|
4912
|
-
"description": "When set, will automatically place focus on the input",
|
|
4912
|
+
"description": "ADVANCED: When set, will automatically place focus on the input",
|
|
4913
4913
|
"type": "boolean",
|
|
4914
4914
|
"default": "false"
|
|
4915
4915
|
},
|
|
@@ -5306,17 +5306,17 @@
|
|
|
5306
5306
|
"attributes": [
|
|
5307
5307
|
{
|
|
5308
5308
|
"name": "aria-haspopup",
|
|
5309
|
-
"description": "Indicates that the input has a popup menu",
|
|
5309
|
+
"description": "ADVANCED: Indicates that the input has a popup menu",
|
|
5310
5310
|
"type": "string"
|
|
5311
5311
|
},
|
|
5312
5312
|
{
|
|
5313
5313
|
"name": "aria-invalid",
|
|
5314
|
-
"description": "Indicates that the input value is invalid",
|
|
5314
|
+
"description": "ADVANCED: Indicates that the input value is invalid",
|
|
5315
5315
|
"type": "string"
|
|
5316
5316
|
},
|
|
5317
5317
|
{
|
|
5318
5318
|
"name": "atomic",
|
|
5319
|
-
"description": "Specifies whether or not the screen reader should always present changes to the live region as a whole.\nThis only applies if live is set to polite or assertive.",
|
|
5319
|
+
"description": "ADVANCED: Specifies whether or not the screen reader should always present changes to the live region as a whole.\nThis only applies if live is set to polite or assertive.",
|
|
5320
5320
|
"type": "string"
|
|
5321
5321
|
},
|
|
5322
5322
|
{
|
|
@@ -5336,7 +5336,7 @@
|
|
|
5336
5336
|
},
|
|
5337
5337
|
{
|
|
5338
5338
|
"name": "live",
|
|
5339
|
-
"description": "Set the priority with which screen readers should treat updates to the input's live text region",
|
|
5339
|
+
"description": "ADVANCED: Set the priority with which screen readers should treat updates to the input's live text region",
|
|
5340
5340
|
"type": "string"
|
|
5341
5341
|
},
|
|
5342
5342
|
{
|
|
@@ -5408,7 +5408,7 @@
|
|
|
5408
5408
|
},
|
|
5409
5409
|
{
|
|
5410
5410
|
"name": "hide-invalid-icon",
|
|
5411
|
-
"description": "Hide the alert icon when input is invalid",
|
|
5411
|
+
"description": "ADVANCED: Hide the alert icon when input is invalid",
|
|
5412
5412
|
"type": "boolean",
|
|
5413
5413
|
"default": "false"
|
|
5414
5414
|
},
|
|
@@ -5468,19 +5468,19 @@
|
|
|
5468
5468
|
{
|
|
5469
5469
|
"name": "ariaHaspopup",
|
|
5470
5470
|
"attribute": "aria-haspopup",
|
|
5471
|
-
"description": "Indicates that the input has a popup menu",
|
|
5471
|
+
"description": "ADVANCED: Indicates that the input has a popup menu",
|
|
5472
5472
|
"type": "string"
|
|
5473
5473
|
},
|
|
5474
5474
|
{
|
|
5475
5475
|
"name": "ariaInvalid",
|
|
5476
5476
|
"attribute": "aria-invalid",
|
|
5477
|
-
"description": "Indicates that the input value is invalid",
|
|
5477
|
+
"description": "ADVANCED: Indicates that the input value is invalid",
|
|
5478
5478
|
"type": "string"
|
|
5479
5479
|
},
|
|
5480
5480
|
{
|
|
5481
5481
|
"name": "atomic",
|
|
5482
5482
|
"attribute": "atomic",
|
|
5483
|
-
"description": "Specifies whether or not the screen reader should always present changes to the live region as a whole.\nThis only applies if live is set to polite or assertive.",
|
|
5483
|
+
"description": "ADVANCED: Specifies whether or not the screen reader should always present changes to the live region as a whole.\nThis only applies if live is set to polite or assertive.",
|
|
5484
5484
|
"type": "string"
|
|
5485
5485
|
},
|
|
5486
5486
|
{
|
|
@@ -5504,7 +5504,7 @@
|
|
|
5504
5504
|
{
|
|
5505
5505
|
"name": "live",
|
|
5506
5506
|
"attribute": "live",
|
|
5507
|
-
"description": "Set the priority with which screen readers should treat updates to the input's live text region",
|
|
5507
|
+
"description": "ADVANCED: Set the priority with which screen readers should treat updates to the input's live text region",
|
|
5508
5508
|
"type": "string"
|
|
5509
5509
|
},
|
|
5510
5510
|
{
|
|
@@ -5590,7 +5590,7 @@
|
|
|
5590
5590
|
{
|
|
5591
5591
|
"name": "hideInvalidIcon",
|
|
5592
5592
|
"attribute": "hide-invalid-icon",
|
|
5593
|
-
"description": "Hide the alert icon when input is invalid",
|
|
5593
|
+
"description": "ADVANCED: Hide the alert icon when input is invalid",
|
|
5594
5594
|
"type": "boolean",
|
|
5595
5595
|
"default": "false"
|
|
5596
5596
|
},
|
|
@@ -5692,7 +5692,7 @@
|
|
|
5692
5692
|
"attributes": [
|
|
5693
5693
|
{
|
|
5694
5694
|
"name": "aria-invalid",
|
|
5695
|
-
"description": "Indicates that the input value is invalid",
|
|
5695
|
+
"description": "ADVANCED: Indicates that the input value is invalid",
|
|
5696
5696
|
"type": "string"
|
|
5697
5697
|
},
|
|
5698
5698
|
{
|
|
@@ -5787,7 +5787,7 @@
|
|
|
5787
5787
|
{
|
|
5788
5788
|
"name": "ariaInvalid",
|
|
5789
5789
|
"attribute": "aria-invalid",
|
|
5790
|
-
"description": "Indicates that the input value is invalid",
|
|
5790
|
+
"description": "ADVANCED: Indicates that the input value is invalid",
|
|
5791
5791
|
"type": "string"
|
|
5792
5792
|
},
|
|
5793
5793
|
{
|
|
@@ -5944,7 +5944,7 @@
|
|
|
5944
5944
|
},
|
|
5945
5945
|
{
|
|
5946
5946
|
"name": "auto-shift-times",
|
|
5947
|
-
"description": "Automatically shifts end time when start time changes to keep same range",
|
|
5947
|
+
"description": "ADVANCED: Automatically shifts end time when start time changes to keep same range",
|
|
5948
5948
|
"type": "boolean",
|
|
5949
5949
|
"default": "false"
|
|
5950
5950
|
},
|
|
@@ -5962,7 +5962,7 @@
|
|
|
5962
5962
|
},
|
|
5963
5963
|
{
|
|
5964
5964
|
"name": "end-opened",
|
|
5965
|
-
"description": "Indicates if the end dropdown is open",
|
|
5965
|
+
"description": "ADVANCED: Indicates if the end dropdown is open",
|
|
5966
5966
|
"type": "boolean",
|
|
5967
5967
|
"default": "false"
|
|
5968
5968
|
},
|
|
@@ -5992,7 +5992,7 @@
|
|
|
5992
5992
|
},
|
|
5993
5993
|
{
|
|
5994
5994
|
"name": "start-opened",
|
|
5995
|
-
"description": "Indicates if the start dropdown is open",
|
|
5995
|
+
"description": "ADVANCED: Indicates if the start dropdown is open",
|
|
5996
5996
|
"type": "boolean",
|
|
5997
5997
|
"default": "false"
|
|
5998
5998
|
},
|
|
@@ -6050,7 +6050,7 @@
|
|
|
6050
6050
|
{
|
|
6051
6051
|
"name": "autoShiftTimes",
|
|
6052
6052
|
"attribute": "auto-shift-times",
|
|
6053
|
-
"description": "Automatically shifts end time when start time changes to keep same range",
|
|
6053
|
+
"description": "ADVANCED: Automatically shifts end time when start time changes to keep same range",
|
|
6054
6054
|
"type": "boolean",
|
|
6055
6055
|
"default": "false"
|
|
6056
6056
|
},
|
|
@@ -6071,7 +6071,7 @@
|
|
|
6071
6071
|
{
|
|
6072
6072
|
"name": "endOpened",
|
|
6073
6073
|
"attribute": "end-opened",
|
|
6074
|
-
"description": "Indicates if the end dropdown is open",
|
|
6074
|
+
"description": "ADVANCED: Indicates if the end dropdown is open",
|
|
6075
6075
|
"type": "boolean",
|
|
6076
6076
|
"default": "false"
|
|
6077
6077
|
},
|
|
@@ -6106,7 +6106,7 @@
|
|
|
6106
6106
|
{
|
|
6107
6107
|
"name": "startOpened",
|
|
6108
6108
|
"attribute": "start-opened",
|
|
6109
|
-
"description": "Indicates if the start dropdown is open",
|
|
6109
|
+
"description": "ADVANCED: Indicates if the start dropdown is open",
|
|
6110
6110
|
"type": "boolean",
|
|
6111
6111
|
"default": "false"
|
|
6112
6112
|
},
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@brightspace-ui/core",
|
|
3
|
-
"version": "1.234.
|
|
3
|
+
"version": "1.234.3",
|
|
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",
|