@brightspace-ui/core 3.135.3 → 3.135.4
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.
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import { css, html, LitElement } from 'lit';
|
|
2
|
-
import { RtlMixin } from '../../../mixins/rtl/rtl-mixin.js';
|
|
3
2
|
import { selectStyles } from '../input-select-styles.js';
|
|
4
3
|
import { SkeletonMixin } from '../../../components/skeleton/skeleton-mixin.js';
|
|
5
4
|
|
|
6
|
-
class TestInputSelect extends SkeletonMixin(
|
|
5
|
+
class TestInputSelect extends SkeletonMixin(LitElement) {
|
|
7
6
|
|
|
8
7
|
static get properties() {
|
|
9
8
|
return {
|
|
@@ -18,7 +18,7 @@ export const selectStyles = css`
|
|
|
18
18
|
background-color: #ffffff;
|
|
19
19
|
background-image: ${chevron};
|
|
20
20
|
background-origin: border-box;
|
|
21
|
-
background-position: center right 17px;
|
|
21
|
+
background-position: center var(--d2l-inline-end, right) 17px;
|
|
22
22
|
background-repeat: no-repeat;
|
|
23
23
|
background-size: 11px 7px;
|
|
24
24
|
border: none;
|
|
@@ -40,9 +40,6 @@ export const selectStyles = css`
|
|
|
40
40
|
padding-inline: calc(0.75rem + 1px) calc(2px + 0.8rem + 1px + 11px + 16px + 1px);
|
|
41
41
|
vertical-align: middle;
|
|
42
42
|
}
|
|
43
|
-
:host([dir="rtl"]) .d2l-input-select {
|
|
44
|
-
background-position: center left 17px;
|
|
45
|
-
}
|
|
46
43
|
|
|
47
44
|
.d2l-input-select:not([disabled]):hover,
|
|
48
45
|
.d2l-input-select:not([disabled]):${focusClass} {
|
|
@@ -52,7 +49,7 @@ export const selectStyles = css`
|
|
|
52
49
|
}
|
|
53
50
|
.d2l-input-select[aria-invalid="true"] {
|
|
54
51
|
background-image: ${chevron}, ${invalidIcon};
|
|
55
|
-
background-position: center right 17px, center right calc(1px + 11px + 17px);
|
|
52
|
+
background-position: center var(--d2l-inline-end, right) 17px, center var(--d2l-inline-end, right) calc(1px + 11px + 17px);
|
|
56
53
|
background-repeat: no-repeat, no-repeat;
|
|
57
54
|
background-size: 11px 7px, 0.8rem 0.8rem;
|
|
58
55
|
}
|
|
@@ -61,9 +58,6 @@ export const selectStyles = css`
|
|
|
61
58
|
.d2l-input-select[aria-invalid="true"]:hover {
|
|
62
59
|
outline-color: var(--d2l-color-cinnabar);
|
|
63
60
|
}
|
|
64
|
-
:host([dir="rtl"]) .d2l-input-select[aria-invalid="true"] {
|
|
65
|
-
background-position: center left 17px, center left calc(1px + 11px + 17px);
|
|
66
|
-
}
|
|
67
61
|
.d2l-input-select:disabled {
|
|
68
62
|
opacity: 0.5;
|
|
69
63
|
}
|
|
@@ -95,7 +89,7 @@ export const selectStyles = css`
|
|
|
95
89
|
|
|
96
90
|
.d2l-input-select[aria-invalid="true"] {
|
|
97
91
|
background-image: ${invalidIcon};
|
|
98
|
-
background-position: center right calc(1px + 11px + 17px);
|
|
92
|
+
background-position: center var(--d2l-inline-end, right) calc(1px + 11px + 17px);
|
|
99
93
|
background-repeat: no-repeat;
|
|
100
94
|
background-size: 0.8rem 0.8rem;
|
|
101
95
|
}
|
|
@@ -105,8 +99,5 @@ export const selectStyles = css`
|
|
|
105
99
|
.d2l-input-select[aria-invalid="true"]:hover {
|
|
106
100
|
outline-color: var(--d2l-color-cinnabar);
|
|
107
101
|
}
|
|
108
|
-
:host([dir="rtl"]) .d2l-input-select[aria-invalid="true"] {
|
|
109
|
-
background-position: center left calc(1px + 11px + 17px);
|
|
110
|
-
}
|
|
111
102
|
}
|
|
112
103
|
`;
|
|
@@ -506,10 +506,12 @@ export const baseTypographyStyles = css`
|
|
|
506
506
|
html {
|
|
507
507
|
--d2l-document-direction: ltr;
|
|
508
508
|
--d2l-mirror-transform: none;
|
|
509
|
+
--d2l-inline-end: right;
|
|
509
510
|
}
|
|
510
511
|
html[dir="rtl"] {
|
|
511
512
|
--d2l-document-direction: rtl;
|
|
512
513
|
--d2l-mirror-transform: scale(-1, 1);
|
|
514
|
+
--d2l-inline-end: left;
|
|
513
515
|
}
|
|
514
516
|
|
|
515
517
|
.d2l-typography {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@brightspace-ui/core",
|
|
3
|
-
"version": "3.135.
|
|
3
|
+
"version": "3.135.4",
|
|
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",
|