@brightspace-ui/core 1.236.0 → 1.236.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.
|
@@ -33,15 +33,14 @@
|
|
|
33
33
|
<d2l-button>Export</d2l-button>
|
|
34
34
|
</d2l-overflow-group>
|
|
35
35
|
</template>
|
|
36
|
-
</d2l-demo-snippet>
|
|
36
|
+
</d2l-demo-snippet>
|
|
37
37
|
|
|
38
38
|
<h2>Overflow Group (min max with autoShow)</h2>
|
|
39
39
|
<d2l-demo-snippet>
|
|
40
40
|
<template>
|
|
41
41
|
<d2l-overflow-group auto-show>
|
|
42
|
-
<d2l-button disabled primary
|
|
43
|
-
<d2l-dropdown class="d2l-button-group-show">
|
|
44
|
-
<d2l-dropdown-button text="Explore Topics" class="d2l-dropdown-opener"></d2l-dropdown-button>
|
|
42
|
+
<d2l-button disabled primary>New</d2l-button>
|
|
43
|
+
<d2l-dropdown-button text="Explore Topics" class="d2l-button-group-show">
|
|
45
44
|
<d2l-dropdown-menu id="dropdown">
|
|
46
45
|
<d2l-menu label="Astronomy">
|
|
47
46
|
<d2l-menu-item text="Introduction"></d2l-menu-item>
|
|
@@ -52,7 +51,7 @@
|
|
|
52
51
|
<d2l-menu-item text="The Universe"></d2l-menu-item>
|
|
53
52
|
</d2l-menu>
|
|
54
53
|
</d2l-dropdown-menu>
|
|
55
|
-
</d2l-dropdown>
|
|
54
|
+
</d2l-dropdown-button>
|
|
56
55
|
<d2l-button>Copy</d2l-button>
|
|
57
56
|
<d2l-button description="For screen readers">Import</d2l-button>
|
|
58
57
|
<d2l-button class="d2l-button-group-no-show">Delete</d2l-button>
|
|
@@ -60,18 +59,17 @@
|
|
|
60
59
|
</d2l-overflow-group>
|
|
61
60
|
</template>
|
|
62
61
|
</d2l-demo-snippet>
|
|
63
|
-
|
|
62
|
+
|
|
64
63
|
<h2>Subtle Overflow Group</h2>
|
|
65
64
|
<d2l-demo-snippet>
|
|
66
65
|
<template>
|
|
67
66
|
<d2l-overflow-group opener-style="subtle">
|
|
68
|
-
<d2l-button-subtle primary
|
|
67
|
+
<d2l-button-subtle primary text="New"></d2l-button-subtle>
|
|
69
68
|
<d2l-button-subtle text="Copy"></d2l-button-subtle>
|
|
70
69
|
<d2l-button-subtle text="Import"></d2l-button-subtle>
|
|
71
70
|
<d2l-button-subtle text="Edit"></d2l-button-subtle>
|
|
72
71
|
<d2l-button-subtle text="Manage!"></d2l-button-subtle>
|
|
73
|
-
<d2l-dropdown class="d2l-button-group-show">
|
|
74
|
-
<d2l-dropdown-button-subtle text="Explore Topics" class="d2l-dropdown-opener"></d2l-dropdown-button-subtle>
|
|
72
|
+
<d2l-dropdown-button-subtle text="Explore Topics" class="d2l-button-group-show">
|
|
75
73
|
<d2l-dropdown-menu id="dropdown">
|
|
76
74
|
<d2l-menu label="Astronomy">
|
|
77
75
|
<d2l-menu-item text="Introduction"></d2l-menu-item>
|
|
@@ -82,12 +80,12 @@
|
|
|
82
80
|
<d2l-menu-item text="The Universe"></d2l-menu-item>
|
|
83
81
|
</d2l-menu>
|
|
84
82
|
</d2l-dropdown-menu>
|
|
85
|
-
</d2l-dropdown>
|
|
83
|
+
</d2l-dropdown-button-subtle>
|
|
86
84
|
<d2l-button-subtle text="Delete"></d2l-button-subtle>
|
|
87
85
|
</d2l-overflow-group>
|
|
88
86
|
</template>
|
|
89
87
|
</d2l-demo-snippet>
|
|
90
|
-
|
|
88
|
+
|
|
91
89
|
<h2>Subtle Overflow Group (more icon)</h2>
|
|
92
90
|
<d2l-demo-snippet>
|
|
93
91
|
<template>
|
|
@@ -114,6 +114,7 @@ function convertToDropdownItem(node) {
|
|
|
114
114
|
return createMenuItemSeparator();
|
|
115
115
|
}
|
|
116
116
|
}
|
|
117
|
+
|
|
117
118
|
/**
|
|
118
119
|
*
|
|
119
120
|
* A component that can be used to display a set of buttons, links or menus that will be put into a dropdown menu when they no longer fit on the first line of their container
|
|
@@ -178,8 +179,7 @@ class OverflowGroup extends RtlMixin(LocalizeCoreElement(LitElement)) {
|
|
|
178
179
|
}
|
|
179
180
|
|
|
180
181
|
static get styles() {
|
|
181
|
-
return [offscreenStyles,
|
|
182
|
-
css`
|
|
182
|
+
return [offscreenStyles, css`
|
|
183
183
|
:host {
|
|
184
184
|
display: block;
|
|
185
185
|
}
|
|
@@ -195,44 +195,44 @@ class OverflowGroup extends RtlMixin(LocalizeCoreElement(LitElement)) {
|
|
|
195
195
|
flex-wrap: wrap;
|
|
196
196
|
justify-content: var(--d2l-overflow-group-justify-content, normal);
|
|
197
197
|
}
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
.d2l-overflow-
|
|
202
|
-
|
|
203
|
-
.d2l-overflow-group-container ::slotted(d2l-dropdown-button),
|
|
204
|
-
.d2l-overflow-group-container ::slotted(d2l-dropdown-button-subtle),
|
|
205
|
-
.d2l-overflow-group-container ::slotted(d2l-dropdown-more),
|
|
206
|
-
.d2l-overflow-group-container ::slotted(d2l-dropdown-context-menu),
|
|
207
|
-
.d2l-overflow-group-container ::slotted(d2l-selection-action),
|
|
208
|
-
.d2l-overflow-group-container ::slotted(d2l-selection-action-dropdown) {
|
|
198
|
+
::slotted(d2l-button),
|
|
199
|
+
::slotted(d2l-link),
|
|
200
|
+
::slotted(span),
|
|
201
|
+
::slotted(d2l-dropdown:not(.d2l-overflow-dropdown)),
|
|
202
|
+
::slotted(d2l-dropdown-button) {
|
|
209
203
|
margin-right: 0.6rem;
|
|
210
204
|
}
|
|
211
|
-
:host([dir="rtl"])
|
|
212
|
-
:host([dir="rtl"])
|
|
213
|
-
:host([dir="rtl"])
|
|
214
|
-
:host([dir="rtl"]) .d2l-overflow-
|
|
215
|
-
:host([dir="rtl"])
|
|
216
|
-
:host([dir="rtl"]) .d2l-overflow-group-container ::slotted(d2l-dropdown-button),
|
|
217
|
-
:host([dir="rtl"]) .d2l-overflow-group-container ::slotted(d2l-dropdown-button-subtle),
|
|
218
|
-
:host([dir="rtl"]) .d2l-overflow-group-container ::slotted(d2l-dropdown-more),
|
|
219
|
-
:host([dir="rtl"]) .d2l-overflow-group-container ::slotted(d2l-dropdown-context-menu),
|
|
220
|
-
:host([dir="rtl"]) .d2l-overflow-group-container ::slotted(d2l-selection-action),
|
|
221
|
-
:host([dir="rtl"]) .d2l-overflow-group-container ::slotted(d2l-selection-action-dropdown) {
|
|
205
|
+
:host([dir="rtl"]) ::slotted(d2l-button),
|
|
206
|
+
:host([dir="rtl"]) ::slotted(d2l-link),
|
|
207
|
+
:host([dir="rtl"]) ::slotted(span),
|
|
208
|
+
:host([dir="rtl"]) ::slotted(d2l-dropdown:not(.d2l-overflow-dropdown)),
|
|
209
|
+
:host([dir="rtl"]) ::slotted(d2l-dropdown-button) {
|
|
222
210
|
margin-left: 0.6rem;
|
|
223
211
|
margin-right: 0;
|
|
224
212
|
}
|
|
225
|
-
|
|
213
|
+
::slotted(d2l-button-subtle),
|
|
214
|
+
::slotted(d2l-button-icon),
|
|
215
|
+
::slotted(d2l-dropdown-button-subtle),
|
|
216
|
+
::slotted(d2l-dropdown-more),
|
|
217
|
+
::slotted(d2l-dropdown-context-menu),
|
|
218
|
+
::slotted(d2l-selection-action),
|
|
219
|
+
::slotted(d2l-selection-action-dropdown) {
|
|
226
220
|
margin-right: 0.2rem;
|
|
227
221
|
}
|
|
228
|
-
:host([
|
|
222
|
+
:host([dir="rtl"]) ::slotted(d2l-button-subtle),
|
|
223
|
+
:host([dir="rtl"]) ::slotted(d2l-button-icon),
|
|
224
|
+
:host([dir="rtl"]) ::slotted(d2l-dropdown-button-subtle),
|
|
225
|
+
:host([dir="rtl"]) ::slotted(d2l-dropdown-more),
|
|
226
|
+
:host([dir="rtl"]) ::slotted(d2l-dropdown-context-menu),
|
|
227
|
+
:host([dir="rtl"]) ::slotted(d2l-selection-action),
|
|
228
|
+
:host([dir="rtl"]) ::slotted(d2l-selection-action-dropdown) {
|
|
229
229
|
margin-left: 0.2rem;
|
|
230
230
|
margin-right: 0;
|
|
231
231
|
}
|
|
232
232
|
.d2l-overflow-group-container ::slotted([data-is-chomped]) {
|
|
233
233
|
display: none !important;
|
|
234
|
-
}
|
|
235
|
-
];
|
|
234
|
+
}
|
|
235
|
+
`];
|
|
236
236
|
}
|
|
237
237
|
|
|
238
238
|
constructor() {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@brightspace-ui/core",
|
|
3
|
-
"version": "1.236.
|
|
3
|
+
"version": "1.236.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",
|