@brightspace-ui/core 2.184.0 → 2.184.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.
|
@@ -37,19 +37,15 @@ export class TableColSortButton extends FocusMixin(LitElement) {
|
|
|
37
37
|
align-items: center;
|
|
38
38
|
background-color: transparent;
|
|
39
39
|
border: none;
|
|
40
|
-
box-sizing: border-box;
|
|
41
40
|
color: inherit;
|
|
42
41
|
cursor: pointer;
|
|
43
42
|
display: inline-flex;
|
|
44
43
|
font-family: inherit;
|
|
45
44
|
font-size: inherit;
|
|
46
|
-
height: var(--d2l-sortable-button-height);
|
|
47
45
|
letter-spacing: inherit;
|
|
48
|
-
line-height: 0.9rem;
|
|
49
46
|
margin: 0;
|
|
50
|
-
padding:
|
|
47
|
+
padding: 0;
|
|
51
48
|
text-decoration: none;
|
|
52
|
-
width: var(--d2l-sortable-button-width);
|
|
53
49
|
}
|
|
54
50
|
button::-moz-focus-inner {
|
|
55
51
|
border: 0;
|
|
@@ -57,27 +53,14 @@ export class TableColSortButton extends FocusMixin(LitElement) {
|
|
|
57
53
|
button:disabled {
|
|
58
54
|
opacity: 0.5;
|
|
59
55
|
}
|
|
56
|
+
button:hover {
|
|
57
|
+
text-decoration: underline;
|
|
58
|
+
}
|
|
60
59
|
button:focus-visible,
|
|
61
60
|
button:${unsafeCSS(getFocusPseudoClass())} {
|
|
62
|
-
border-radius:
|
|
61
|
+
border-radius: 0.2rem;
|
|
63
62
|
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--d2l-color-celestine);
|
|
64
|
-
height: calc(100% - 8px);
|
|
65
|
-
margin-inline-start: 4px; /* Used to offset the outer box shadow */
|
|
66
63
|
outline-style: none;
|
|
67
|
-
padding-inline-start: calc(var(--d2l-table-cell-padding) - 4px);
|
|
68
|
-
width: calc(100% - 8px);
|
|
69
|
-
}
|
|
70
|
-
button:focus-visible:hover,
|
|
71
|
-
button:${unsafeCSS(getFocusPseudoClass())}:hover {
|
|
72
|
-
border-radius: var(--d2l-sortable-button-border-focus-radius);
|
|
73
|
-
}
|
|
74
|
-
button:hover {
|
|
75
|
-
background-color: var(--d2l-color-gypsum);
|
|
76
|
-
border-radius: var(--d2l-sortable-button-border-radius);
|
|
77
|
-
}
|
|
78
|
-
d2l-icon {
|
|
79
|
-
margin-inline-end: -12px;
|
|
80
|
-
margin-inline-start: 12px;
|
|
81
64
|
}
|
|
82
65
|
`;
|
|
83
66
|
}
|
|
@@ -96,7 +79,6 @@ export class TableColSortButton extends FocusMixin(LitElement) {
|
|
|
96
79
|
const iconView = !this.nosort ?
|
|
97
80
|
html`<d2l-icon icon="${this.desc ? 'tier1:arrow-toggle-down' : 'tier1:arrow-toggle-up'}"></d2l-icon>` :
|
|
98
81
|
null;
|
|
99
|
-
|
|
100
82
|
return html`<button type="button"><slot></slot>${iconView}</button>`;
|
|
101
83
|
}
|
|
102
84
|
|
|
@@ -32,9 +32,6 @@ export const tableStyles = css`
|
|
|
32
32
|
d2l-table-wrapper[dir="rtl"] .d2l-table > * > tr > * {
|
|
33
33
|
text-align: right;
|
|
34
34
|
}
|
|
35
|
-
th.d2l-table-header-col-sortable {
|
|
36
|
-
padding: 0;
|
|
37
|
-
}
|
|
38
35
|
|
|
39
36
|
/* default cells */
|
|
40
37
|
d2l-table-wrapper[type="default"]:not([dir="rtl"]) .d2l-table > * > tr > *,
|
|
@@ -60,8 +57,9 @@ export const tableStyles = css`
|
|
|
60
57
|
d2l-table-wrapper[type="default"] .d2l-table > thead > tr > th,
|
|
61
58
|
d2l-table-wrapper[type="default"] .d2l-table > * > tr.d2l-table-header > th,
|
|
62
59
|
d2l-table-wrapper[type="default"] .d2l-table > * > tr[header] > th {
|
|
63
|
-
height:
|
|
60
|
+
height: 27px; /* min-height to be 48px including border */
|
|
64
61
|
}
|
|
62
|
+
|
|
65
63
|
/* border radiuses */
|
|
66
64
|
d2l-table-wrapper[type="default"]:not([dir="rtl"]) .d2l-table-row-first > .d2l-table-cell-first,
|
|
67
65
|
d2l-table-wrapper[type="default"][dir="rtl"] .d2l-table-row-first > .d2l-table-cell-last {
|
|
@@ -244,16 +242,12 @@ export class TableWrapper extends RtlMixin(PageableMixin(SelectionMixin(LitEleme
|
|
|
244
242
|
--d2l-table-border-color: var(--d2l-color-mica);
|
|
245
243
|
--d2l-table-border-radius: 0.3rem;
|
|
246
244
|
--d2l-table-border-radius-sticky-offset: calc(1px - var(--d2l-table-border-radius));
|
|
247
|
-
--d2l-table-cell-height:
|
|
248
|
-
--d2l-table-cell-padding: 0.
|
|
249
|
-
--d2l-table-cell-padding-alt: calc(0.
|
|
245
|
+
--d2l-table-cell-height: 41px; /* min-height to be 62px including border */
|
|
246
|
+
--d2l-table-cell-padding: 0.5rem 1rem;
|
|
247
|
+
--d2l-table-cell-padding-alt: calc(0.5rem - 1px) 1rem 0.5rem 1rem;
|
|
250
248
|
--d2l-table-header-background-color: var(--d2l-color-regolith);
|
|
251
249
|
--d2l-table-row-border-color-selected: var(--d2l-color-celestine);
|
|
252
250
|
--d2l-table-row-background-color-selected: var(--d2l-color-celestine-plus-2);
|
|
253
|
-
--d2l-sortable-button-border-radius: 0;
|
|
254
|
-
--d2l-sortable-button-border-focus-radius: 0;
|
|
255
|
-
--d2l-sortable-button-height: 100%;
|
|
256
|
-
--d2l-sortable-button-width: 100%;
|
|
257
251
|
display: block;
|
|
258
252
|
width: 100%;
|
|
259
253
|
}
|
|
@@ -263,13 +257,11 @@ export class TableWrapper extends RtlMixin(PageableMixin(SelectionMixin(LitEleme
|
|
|
263
257
|
:host([type="light"]) {
|
|
264
258
|
--d2l-table-border-radius: 0rem; /* stylelint-disable-line length-zero-no-unit */
|
|
265
259
|
--d2l-table-border-radius-sticky-offset: 0rem; /* stylelint-disable-line length-zero-no-unit */
|
|
266
|
-
--d2l-table-cell-height:
|
|
260
|
+
--d2l-table-cell-height: 1.15rem; /* min-height to be 48px including border */
|
|
261
|
+
--d2l-table-cell-padding: 0.6rem;
|
|
262
|
+
--d2l-table-cell-padding-alt: calc(0.6rem - 1px) 0.6rem 0.6rem 0.6rem;
|
|
267
263
|
--d2l-table-border-color: var(--d2l-color-gypsum);
|
|
268
264
|
--d2l-table-header-background-color: #ffffff;
|
|
269
|
-
--d2l-sortable-button-border-radius: 0.2rem;
|
|
270
|
-
--d2l-sortable-button-border-focus-radius: 0.3rem;
|
|
271
|
-
--d2l-sortable-button-height: calc(100% - 8px);
|
|
272
|
-
--d2l-sortable-button-width: calc(100% - 8px);
|
|
273
265
|
}
|
|
274
266
|
:host([sticky-headers]) {
|
|
275
267
|
--d2l-table-controls-shadow-display: none;
|
|
@@ -376,10 +368,6 @@ export class TableWrapper extends RtlMixin(PageableMixin(SelectionMixin(LitEleme
|
|
|
376
368
|
r.classList.toggle('d2l-table-selected-first', firstNonHeaderRow && isSelected);
|
|
377
369
|
|
|
378
370
|
Array.from(r.cells).forEach((c, index) => {
|
|
379
|
-
if (isHeader) {
|
|
380
|
-
const isSortableCell = Array.from(c.childNodes).some((element) => element.localName === 'd2l-table-col-sort-button');
|
|
381
|
-
c.classList.toggle('d2l-table-header-col-sortable', isSortableCell);
|
|
382
|
-
}
|
|
383
371
|
c.classList.toggle('d2l-table-cell-first', index === 0 && skipFirst === 0);
|
|
384
372
|
if (index === 0 && skipFirst === 0 && c.hasAttribute('rowspan')) {
|
|
385
373
|
skipFirst = parseInt(c.getAttribute('rowspan'));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@brightspace-ui/core",
|
|
3
|
-
"version": "2.184.
|
|
3
|
+
"version": "2.184.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",
|