@brightspace-ui/core 2.146.1 → 2.147.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.
- package/components/dropdown/dropdown-content-mixin.js +1 -1
- package/components/icons/README.md +1 -1
- package/components/icons/catalogue.md +85 -84
- package/components/icons/images/tier1/ai.svg +3 -0
- package/components/icons/images/tier1/thumbs-down.svg +3 -0
- package/components/icons/images/tier1/thumbs-up.svg +10 -0
- package/components/icons/images/tier2/ai.svg +5 -0
- package/components/icons/images/tier3/ai.svg +3 -0
- package/components/list/list-controls.js +1 -1
- package/components/list/list-item-mixin.js +18 -2
- package/custom-elements.json +0 -4
- package/generated/icons/presetIconLoader.js +10 -0
- package/generated/icons/tier1/ai.js +5 -0
- package/generated/icons/tier1/thumbs-down.js +5 -0
- package/generated/icons/tier1/thumbs-up.js +12 -0
- package/generated/icons/tier2/ai.js +7 -0
- package/generated/icons/tier3/ai.js +5 -0
- package/package.json +2 -2
|
@@ -1092,7 +1092,7 @@ export const DropdownContentMixin = superclass => class extends LocalizeCoreElem
|
|
|
1092
1092
|
let dropdownContentSlots = html`
|
|
1093
1093
|
<div
|
|
1094
1094
|
id="d2l-dropdown-wrapper"
|
|
1095
|
-
class="d2l-dropdown-content-width"
|
|
1095
|
+
class="d2l-dropdown-content-width vdiff-target"
|
|
1096
1096
|
style=${styleMap(widthStyle)}
|
|
1097
1097
|
?data-closing="${this._closing}">
|
|
1098
1098
|
<div class=${classMap(topClasses)} style=${styleMap(headerStyle)}>
|
|
@@ -56,7 +56,7 @@ To change an icon's color from Tungsten to something else, simply set it from CS
|
|
|
56
56
|
|
|
57
57
|
## Overriding the Size
|
|
58
58
|
|
|
59
|
-
Overriding the size is not recommended. However, if you must, set the `width` and `height` from CSS.
|
|
59
|
+
Overriding the size is not recommended. However, if you must, set the `width` and `height` from CSS.
|
|
60
60
|
|
|
61
61
|
## Updating or contributing new icons
|
|
62
62
|
|
|
@@ -38,82 +38,83 @@ Size: `18px` x `18`px
|
|
|
38
38
|
|
|
39
39
|
| Icon | Name | | Icon | Name | | Icon | Name |
|
|
40
40
|
| :---: | :--- | --- | :---: | :--- | --- | :---: | :--- |
|
|
41
|
-
|  | accelerator | |  | eportfolio | |  | access-special | |  | event-log | |  | add-file | |  | exemption-add | |  | add-message | |  | exemption-remove | |  | add-to-lor | |  | export | |  | add-user | |  | external | |  | add | |  | feed | |  | arrow-collapse | |  | file-document | |  | arrow-expand | |  | file-presentation | |  | check | |  | list-view | |  | chevron-down | |  | lock-unlock | |  | close-large | |  | menu-hamburger | |  | course | |  | move-up | |  | edit | |  | pause | |  | email | |  | pin-filled | |  | accelerator | |  | eportfolio | |  | plus-large-thick |
|
|
42
|
+
|  | access-special | |  | event-log | |  | plus-large |
|
|
43
|
+
|  | add-file | |  | exemption-add | |  | preview |
|
|
44
|
+
|  | add-message | |  | exemption-remove | |  | print |
|
|
45
|
+
|  | add-to-lor | |  | export | |  | profile-default |
|
|
46
|
+
|  | add-user | |  | external | |  | profile-pic |
|
|
47
|
+
|  | add | |  | feed | |  | publish-to-lor |
|
|
48
|
+
|  | ai | |  | feedback | |  | quicklink |
|
|
49
|
+
|  | alarmbell | |  | file-archive | |  | quizzing |
|
|
50
|
+
|  | alert | |  | file-audio | |  | read-unread |
|
|
51
|
+
|  | arrow-collapse-small | |  | file-document | |  | read |
|
|
52
|
+
|  | arrow-collapse | |  | file-image | |  | reading |
|
|
53
|
+
|  | arrow-expand-small | |  | file-presentation | |  | redo |
|
|
54
|
+
|  | arrow-expand | |  | file-video | |  | reflection |
|
|
55
|
+
|  | arrow-thin-down | |  | filter | |  | refresh |
|
|
56
|
+
|  | arrow-thin-left | |  | flag-filled | |  | release-conditions |
|
|
57
|
+
|  | arrow-thin-right | |  | flag-hollow | |  | remove-user |
|
|
58
|
+
|  | arrow-thin-up | |  | folder-up-level | |  | reorder |
|
|
59
|
+
|  | arrow-toggle-down | |  | folder | |  | repeat |
|
|
60
|
+
|  | arrow-toggle-up | |  | forms | |  | replied |
|
|
61
|
+
|  | assignments | |  | forward | |  | reply |
|
|
62
|
+
|  | attach | |  | fullscreen | |  | reporting |
|
|
63
|
+
|  | attendance | |  | game | |  | reports |
|
|
64
|
+
|  | awards | |  | gear | |  | resize-left |
|
|
65
|
+
|  | binder | |  | glossary | |  | resize-right |
|
|
66
|
+
|  | blocked | |  | google-drive | |  | reverse-order |
|
|
67
|
+
|  | blog | |  | grabber-small | |  | role-switch |
|
|
68
|
+
|  | book-management | |  | grabber | |  | rss |
|
|
69
|
+
|  | bookmark-filled | |  | grade-remove | |  | rubric-graded |
|
|
70
|
+
|  | bookmark-hollow | |  | grade-visible | |  | rubric |
|
|
71
|
+
|  | broken-link | |  | grade | |  | save |
|
|
72
|
+
|  | browser | |  | group-locker | |  | scorm |
|
|
73
|
+
|  | bullet | |  | group | |  | search |
|
|
74
|
+
|  | bullseye | |  | help | |  | seating |
|
|
75
|
+
|  | calculate | |  | history | |  | self-assessment |
|
|
76
|
+
|  | calendar | |  | home | |  | send |
|
|
77
|
+
|  | change-file | |  | import | |  | share-hollow |
|
|
78
|
+
|  | chat | |  | important | |  | share-parent-filled |
|
|
79
|
+
|  | check-circle | |  | insights-portal | |  | share-parent-hollow |
|
|
80
|
+
|  | check-manual | |  | link | |  | share |
|
|
81
|
+
|  | check-user | |  | list-view | |  | smallscreen |
|
|
82
|
+
|  | check | |  | location | |  | sort-type |
|
|
83
|
+
|  | checklist | |  | locations | |  | spellcheck |
|
|
84
|
+
|  | chevron-down-medium | |  | lock-locked | |  | style |
|
|
85
|
+
|  | chevron-down-small | |  | lock-unlock | |  | subscribe-filled |
|
|
86
|
+
|  | chevron-down | |  | locker | |  | subscribe-hollow |
|
|
87
|
+
|  | chevron-left | |  | lor | |  | support |
|
|
88
|
+
|  | chevron-right | |  | low-priority | |  | surveys |
|
|
89
|
+
|  | chevron-up | |  | manage-dates-edit | |  | syllabus |
|
|
90
|
+
|  | class | |  | manage-dates-offset | |  | table-of-contents |
|
|
91
|
+
|  | classlist | |  | manage-dates | |  | tag-hollow |
|
|
92
|
+
|  | close-circle | |  | manage-files | |  | tag |
|
|
93
|
+
|  | close-default | |  | manual-run | |  | thumbs-down |
|
|
94
|
+
|  | close-large-thick | |  | menu-hamburger | |  | thumbs-up |
|
|
95
|
+
|  | close-large | |  | messages | |  | tile-view |
|
|
96
|
+
|  | close-small | |  | mic | |  | time |
|
|
97
|
+
|  | comment-filled | |  | mobile | |  | tools |
|
|
98
|
+
|  | comment-hollow | |  | more | |  | topic-last |
|
|
99
|
+
|  | contacts | |  | move-down | |  | turnitin |
|
|
100
|
+
|  | copy | |  | move-to | |  | unapproved |
|
|
101
|
+
|  | course-tile-sort | |  | move-up | |  | undo |
|
|
102
|
+
|  | course | |  | my-computer | |  | unsaved |
|
|
103
|
+
|  | coursebuilder | |  | navigate | |  | upload |
|
|
104
|
+
|  | delete | |  | new-window | |  | user-competencies |
|
|
105
|
+
|  | disable | |  | news | |  | user-progress |
|
|
106
|
+
|  | discussions | |  | no-entry | |  | video-assignment |
|
|
107
|
+
|  | divider-solid | |  | one-drive | |  | virtual-classroom |
|
|
108
|
+
|  | dot | |  | online-rooms | |  | visibility-conditional |
|
|
109
|
+
|  | download | |  | online | |  | visibility-hide |
|
|
110
|
+
|  | draft | |  | outcomes | |  | visibility-show |
|
|
111
|
+
|  | dragger | |  | password | |  | volume-muted |
|
|
112
|
+
|  | edit-bulk | |  | pause | |  | volume |
|
|
113
|
+
|  | edit | |  | pic | |  | widgets |
|
|
114
|
+
|  | email-read | |  | pin-filled | |  | wizard |
|
|
115
|
+
|  | email | |  | pin-hollow | |  | zoom-in |
|
|
116
|
+
|  | enable | |  | play | |  | zoom-out |
|
|
117
|
+
|  | enrollment | |  | plus-default | | | |
|
|
117
118
|
|
|
118
119
|
## tier2
|
|
119
120
|
|
|
@@ -121,12 +122,13 @@ Size: `24px` x `24`px
|
|
|
121
122
|
|
|
122
123
|
| Icon | Name | | Icon | Name | | Icon | Name |
|
|
123
124
|
| :---: | :--- | --- | :---: | :--- | --- | :---: | :--- |
|
|
124
|
-
|  | accelerator | |  | add-file | |  | add-message | |  | add-to-lor | |  | add-user | |  | add | |  | accelerator | |  | eportfolio | |  | profile-default |
|
|
126
|
+
|  | add-file | |  | evaluate-all | |  | profile-pic |
|
|
127
|
+
|  | add-message | |  | external | |  | project |
|
|
128
|
+
|  | add-to-lor | |  | feedback | |  | publish-all |
|
|
129
|
+
|  | add-user | |  | file-archive | |  | publish-to-lor |
|
|
130
|
+
|  | add | |  | file-audio | |  | quicklink |
|
|
131
|
+
|  | ai | |  | file-document | |  | quiz-submissions |
|
|
130
132
|
|  | alarmbell | |  | file-image | |  | quizzing |
|
|
131
133
|
|  | alert | |  | file-presentation | |  | read-unread |
|
|
132
134
|
|  | arrow-collapse | |  | file-video | |  | read |
|
|
@@ -175,7 +177,6 @@ Size: `24px` x `24`px
|
|
|
175
177
|
|  | edit | |  | pin-hollow | |  | volume-muted |
|
|
176
178
|
|  | email-open | |  | preview | |  | volume |
|
|
177
179
|
|  | email | |  | print | |  | wizard |
|
|
178
|
-
|  | eportfolio | |  | profile-default | | | |
|
|
179
180
|
|
|
180
181
|
## tier3
|
|
181
182
|
|
|
@@ -183,6 +184,7 @@ Size: `30px` x `30`px
|
|
|
183
184
|
|
|
184
185
|
| Icon | Name | | Icon | Name | | Icon | Name |
|
|
185
186
|
| :---: | :--- | --- | :---: | :--- | --- | :---: | :--- |
|
|
187
|
+
|  | ai | |  | download | |  | menu |
|
|
186
188
|
|  | alert | |  | email-open | |  | news |
|
|
187
189
|
|  | assignments | |  | email | |  | notification-bell |
|
|
188
190
|
|  | bookmark | |  | evaluate-all | |  | pause-borderless |
|
|
@@ -204,5 +206,4 @@ Size: `30px` x `30`px
|
|
|
204
206
|
|  | course-progress-in-progress | |  | lock-unlocked | |  | syllabus |
|
|
205
207
|
|  | course-progress-not-started | |  | lock | |  | upload |
|
|
206
208
|
|  | discussions | |  | menu-hamburger | |  | view-submission-list |
|
|
207
|
-
|  | download | |  | menu | | | |
|
|
208
209
|
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
|
|
2
|
+
<path fill="#494c4e" d="M3 1a.75.75 0 0 1 .75.75 1.5 1.5 0 0 0 1.5 1.5.75.75 0 0 1 0 1.5 1.5 1.5 0 0 0-1.5 1.5.75.75 0 0 1-1.5 0 1.5 1.5 0 0 0-1.5-1.5.75.75 0 0 1 0-1.5 1.5 1.5 0 0 0 1.5-1.5A.75.75 0 0 1 3 1ZM11.5 2.5a1 1 0 0 1 .928.629c.82 2.05 1.138 2.79 1.645 3.298.508.507 1.248.825 3.298 1.645a1 1 0 0 1 0 1.856c-2.05.82-2.79 1.138-3.298 1.645-.507.508-.825 1.248-1.645 3.298a1 1 0 0 1-1.857 0c-.82-2.05-1.137-2.79-1.644-3.298-.507-.507-1.248-.825-3.298-1.645a1 1 0 0 1 0-1.856c2.05-.82 2.79-1.138 3.298-1.645.507-.507.825-1.248 1.645-3.298A1 1 0 0 1 11.5 2.5ZM4.781 13.281a.781.781 0 0 0-1.562 0c0 .518-.42.938-.938.938a.781.781 0 1 0 0 1.562c.518 0 .938.42.938.938a.781.781 0 0 0 1.562 0c0-.518.42-.938.938-.938a.781.781 0 1 0 0-1.562.938.938 0 0 1-.938-.938Z"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
|
|
2
|
+
<path fill="#494c4e" d="M11.83 15.096c0 1.458-2.139 3.888-4.11 2.48-.202-2.696-2.05-5.513-4.066-7.178-.122-.088-1.046-.225-1.77-.32A1.014 1.014 0 0 1 1 9.075V3.594a1 1 0 0 1 1-1h1.72C4.623 2.175 6.494 1 9.13 1h4.576c.712 0 2.37.46 2.37 1.898S14.59 4.413 14.59 4.413s2.45.26 2.45 1.63c0 1.243-.698 1.727-1.93 1.78 0 0 2.891.002 2.891 1.9 0 .974-.619 1.952-2.37 2.005h-4.703s.903 1.91.903 3.368Z"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
|
|
2
|
+
<g clip-path="url(#a)">
|
|
3
|
+
<path fill="#494c4e" d="M11.83 2.904c0-1.458-2.139-3.888-4.11-2.48-.202 2.696-2.05 5.513-4.066 7.178-.122.088-1.046.225-1.77.32A1.014 1.014 0 0 0 1 8.925v5.482a1 1 0 0 0 1 1h1.72C4.623 15.825 6.494 17 9.13 17h4.576c.712 0 2.37-.46 2.37-1.898s-1.488-1.515-1.488-1.515 2.45-.26 2.45-1.63c0-1.243-.698-1.727-1.93-1.78 0 0 2.891-.002 2.891-1.9 0-.974-.619-1.952-2.37-2.005h-4.703s.903-1.91.903-3.368Z"/>
|
|
4
|
+
</g>
|
|
5
|
+
<defs>
|
|
6
|
+
<clipPath id="a">
|
|
7
|
+
<path fill="#494c4e" d="M0 0h18v18H0z"/>
|
|
8
|
+
</clipPath>
|
|
9
|
+
</defs>
|
|
10
|
+
</svg>
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
|
|
2
|
+
<path fill="#494c4e" d="M5 1a1 1 0 0 1 1 1 2 2 0 0 0 2 2 1 1 0 0 1 0 2 2 2 0 0 0-2 2 1 1 0 0 1-2 0 2 2 0 0 0-2-2 1 1 0 0 1 0-2 2 2 0 0 0 2-2 1 1 0 0 1 1-1Z"/>
|
|
3
|
+
<path fill="#494c4e" fill-rule="evenodd" d="M16 4a1 1 0 0 1 .928.629c1.035 2.585 1.46 3.594 2.154 4.289.695.695 1.704 1.12 4.29 2.154a1 1 0 0 1 0 1.857c-2.586 1.034-3.595 1.458-4.29 2.153-.695.695-1.12 1.704-2.154 4.29a1 1 0 0 1-1.857 0c-1.034-2.586-1.458-3.595-2.153-4.29-.695-.695-1.704-1.12-4.29-2.154a1 1 0 0 1 0-1.857c2.586-1.034 3.595-1.458 4.29-2.153.695-.695 1.12-1.704 2.154-4.29A1 1 0 0 1 16 4Zm-4.365 8c1.164.512 2.02.991 2.697 1.668.677.677 1.156 1.533 1.668 2.697.512-1.164.991-2.02 1.668-2.697.677-.677 1.533-1.156 2.697-1.668-1.164-.512-2.02-.991-2.697-1.668C16.99 9.655 16.512 8.8 16 7.635c-.512 1.164-.991 2.02-1.668 2.697-.677.677-1.533 1.156-2.697 1.668Z" clip-rule="evenodd"/>
|
|
4
|
+
<path fill="#494c4e" d="M7.75 17.75a.75.75 0 0 0-1.5 0 1.5 1.5 0 0 1-1.5 1.5.75.75 0 0 0 0 1.5 1.5 1.5 0 0 1 1.5 1.5.75.75 0 0 0 1.5 0 1.5 1.5 0 0 1 1.5-1.5.75.75 0 0 0 0-1.5 1.5 1.5 0 0 1-1.5-1.5Z"/>
|
|
5
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
|
|
2
|
+
<path fill="#494c4e" fill-rule="evenodd" d="M7.72 1.794a.75.75 0 0 0-1.443 0c-.281.985-.48 1.677-.682 2.202-.198.516-.377.807-.585 1.015-.208.209-.5.388-1.015.586-.525.202-1.216.4-2.201.682a.75.75 0 0 0 0 1.442c.985.282 1.676.48 2.202.682.515.198.806.377 1.015.586.208.208.387.5.586 1.015.203.526.402 1.217.684 2.203a.75.75 0 0 0 1.442-.002c.28-.985.478-1.676.68-2.202.198-.515.376-.806.584-1.014.208-.209.5-.387 1.015-.586.526-.202 1.218-.4 2.204-.682a.75.75 0 0 0 0-1.442c-.986-.282-1.678-.48-2.204-.682-.516-.199-.807-.377-1.015-.586-.209-.208-.388-.499-.586-1.015-.202-.525-.4-1.217-.682-2.202Zm-3.186 5.21L4.526 7l.008-.003c.613-.236 1.12-.508 1.537-.925.416-.417.689-.924.924-1.537l.003-.008.003.008c.236.613.508 1.12.925 1.537.417.417.925.69 1.538.925L9.472 7l-.008.003c-.613.236-1.12.508-1.538.925-.416.417-.688.925-.924 1.538L7 9.473l-.003-.008c-.236-.613-.51-1.12-.926-1.537-.417-.417-.924-.69-1.537-.925ZM19 5a1 1 0 0 1 .928.629c1.32 3.3 1.888 4.665 2.833 5.61.945.945 2.31 1.512 5.61 2.832a1 1 0 0 1 0 1.857c-3.3 1.32-4.665 1.888-5.61 2.833-.945.945-1.512 2.31-2.832 5.61a1 1 0 0 1-1.857 0c-1.32-3.3-1.888-4.665-2.833-5.61-.945-.945-2.31-1.512-5.61-2.832a1 1 0 0 1 0-1.857c3.3-1.32 4.665-1.888 5.61-2.833.945-.945 1.512-2.31 2.832-5.61A1 1 0 0 1 19 5Zm-6.338 10c1.807.759 3.043 1.398 3.992 2.346.948.95 1.587 2.185 2.346 3.992.759-1.807 1.398-3.043 2.346-3.992.95-.948 2.185-1.587 3.992-2.346-1.807-.759-3.043-1.398-3.992-2.347-.948-.948-1.587-2.184-2.346-3.99-.759 1.806-1.398 3.042-2.346 3.99-.95.95-2.185 1.588-3.992 2.347ZM9.5 20.5a.5.5 0 0 1 .485.379c.177.709.303 1.207.435 1.585.13.37.252.576.396.72.144.144.35.265.72.396.378.133.876.258 1.585.435a.5.5 0 0 1 0 .97c-.709.177-1.207.303-1.585.435-.37.13-.576.252-.72.396-.144.144-.266.35-.396.72-.133.378-.258.876-.435 1.585a.5.5 0 0 1-.97 0c-.177-.709-.302-1.207-.435-1.585-.13-.37-.252-.576-.396-.72-.144-.144-.35-.265-.72-.396-.378-.133-.876-.258-1.585-.435a.5.5 0 0 1 0-.97c.709-.177 1.207-.303 1.585-.435.37-.13.576-.252.72-.396.144-.144.266-.35.396-.72.133-.378.258-.876.435-1.585A.5.5 0 0 1 9.5 20.5Zm-1.64 4c.41.15.752.33 1.031.609.28.279.46.621.609 1.03.15-.409.33-.751.609-1.03.279-.28.621-.46 1.03-.609-.409-.15-.751-.33-1.03-.609-.28-.279-.46-.621-.609-1.03-.15.409-.33.751-.609 1.03-.279.28-.621.46-1.03.609Z" clip-rule="evenodd"/>
|
|
3
|
+
</svg>
|
|
@@ -48,6 +48,7 @@ const ro = new ResizeObserver(entries => {
|
|
|
48
48
|
});
|
|
49
49
|
|
|
50
50
|
const defaultBreakpoints = [842, 636, 580, 0];
|
|
51
|
+
const SLIM_COLOR_BREAKPOINT = 400;
|
|
51
52
|
|
|
52
53
|
/**
|
|
53
54
|
* @property label - The hidden label for the checkbox and expand collapse control
|
|
@@ -99,7 +100,8 @@ export const ListItemMixin = superclass => class extends composeMixins(
|
|
|
99
100
|
_highlight: { type: Boolean, reflect: true },
|
|
100
101
|
_highlighting: { type: Boolean, reflect: true },
|
|
101
102
|
_hasNestedList: { state: true },
|
|
102
|
-
_siblingHasColor: { state: true }
|
|
103
|
+
_siblingHasColor: { state: true },
|
|
104
|
+
_slimColor: { state: true }
|
|
103
105
|
};
|
|
104
106
|
}
|
|
105
107
|
|
|
@@ -293,6 +295,9 @@ export const ListItemMixin = superclass => class extends composeMixins(
|
|
|
293
295
|
:host(:not([_render-expand-collapse-slot])) .d2l-list-item-content-extend-separators d2l-selection-input {
|
|
294
296
|
margin-inline-start: 0.9rem;
|
|
295
297
|
}
|
|
298
|
+
:host(:not([_render-expand-collapse-slot])[_has-color-slot]) .d2l-list-item-content-extend-separators d2l-selection-input {
|
|
299
|
+
margin-inline-start: 0.6rem;
|
|
300
|
+
}
|
|
296
301
|
|
|
297
302
|
d2l-list-item-drag-handle {
|
|
298
303
|
margin: 0.25rem 0.3rem;
|
|
@@ -391,6 +396,10 @@ export const ListItemMixin = superclass => class extends composeMixins(
|
|
|
391
396
|
height: 100%;
|
|
392
397
|
width: 6px;
|
|
393
398
|
}
|
|
399
|
+
.d2l-list-item-color-inner.d2l-list-item-color-slim {
|
|
400
|
+
border-radius: 3px;
|
|
401
|
+
width: 3px;
|
|
402
|
+
}
|
|
394
403
|
.d2l-list-item-color-outer {
|
|
395
404
|
padding: 2px 12px 1px 0;
|
|
396
405
|
}
|
|
@@ -435,6 +444,7 @@ export const ListItemMixin = superclass => class extends composeMixins(
|
|
|
435
444
|
this._hasColorSlot = false;
|
|
436
445
|
this._hasNestedList = false;
|
|
437
446
|
this._siblingHasColor = false;
|
|
447
|
+
this._slimColor = false;
|
|
438
448
|
}
|
|
439
449
|
|
|
440
450
|
get breakpoints() {
|
|
@@ -512,6 +522,8 @@ export const ListItemMixin = superclass => class extends composeMixins(
|
|
|
512
522
|
}
|
|
513
523
|
|
|
514
524
|
resizedCallback(width) {
|
|
525
|
+
this._slimColor = (width < SLIM_COLOR_BREAKPOINT);
|
|
526
|
+
|
|
515
527
|
const lastBreakpointIndexToCheck = 3;
|
|
516
528
|
this.breakpoints.some((breakpoint, index) => {
|
|
517
529
|
if (width >= breakpoint || index > lastBreakpointIndexToCheck) {
|
|
@@ -674,6 +686,10 @@ export const ListItemMixin = superclass => class extends composeMixins(
|
|
|
674
686
|
const colorStyles = {
|
|
675
687
|
backgroundColor: this._hasColorSlot ? this.color : undefined
|
|
676
688
|
};
|
|
689
|
+
const colorClasses = {
|
|
690
|
+
'd2l-list-item-color-inner': true,
|
|
691
|
+
'd2l-list-item-color-slim': this._slimColor
|
|
692
|
+
};
|
|
677
693
|
|
|
678
694
|
const alignNested = ((this.draggable && this.selectable) || (this.expandable && this.selectable && this.color)) ? 'control' : undefined;
|
|
679
695
|
const primaryAction = ((!this.noPrimaryAction && this._renderPrimaryAction) ? this._renderPrimaryAction(this._contentId) : null);
|
|
@@ -695,7 +711,7 @@ export const ListItemMixin = superclass => class extends composeMixins(
|
|
|
695
711
|
<div slot="control-container"></div>
|
|
696
712
|
${this._hasColorSlot ? html`
|
|
697
713
|
<div slot="color-indicator" class="d2l-list-item-color-outer">
|
|
698
|
-
<div class="
|
|
714
|
+
<div class="${classMap(colorClasses)}" style="${styleMap(colorStyles)}"></div>
|
|
699
715
|
</div>` : nothing}
|
|
700
716
|
<div slot="expand-collapse" class="d2l-list-expand-collapse" @click="${this._toggleExpandCollapse}">
|
|
701
717
|
${this._renderExpandCollapse()}
|
package/custom-elements.json
CHANGED
|
@@ -3496,10 +3496,6 @@
|
|
|
3496
3496
|
}
|
|
3497
3497
|
]
|
|
3498
3498
|
},
|
|
3499
|
-
{
|
|
3500
|
-
"name": "dropdown-component",
|
|
3501
|
-
"path": "./components/dropdown/test/dropdown-component.js"
|
|
3502
|
-
},
|
|
3503
3499
|
{
|
|
3504
3500
|
"name": "d2l-empty-state-action-button",
|
|
3505
3501
|
"path": "./components/empty-state/empty-state-action-button.js",
|
|
@@ -123,6 +123,8 @@ export function loadSvg(icon) {
|
|
|
123
123
|
return import(/* webpackChunkName: "icon-add-user" */'./tier1/add-user.js');
|
|
124
124
|
case 'tier1:add':
|
|
125
125
|
return import(/* webpackChunkName: "icon-add" */'./tier1/add.js');
|
|
126
|
+
case 'tier1:ai':
|
|
127
|
+
return import(/* webpackChunkName: "icon-ai" */'./tier1/ai.js');
|
|
126
128
|
case 'tier1:alarmbell':
|
|
127
129
|
return import(/* webpackChunkName: "icon-alarmbell" */'./tier1/alarmbell.js');
|
|
128
130
|
case 'tier1:alert':
|
|
@@ -519,6 +521,10 @@ export function loadSvg(icon) {
|
|
|
519
521
|
return import(/* webpackChunkName: "icon-tag-hollow" */'./tier1/tag-hollow.js');
|
|
520
522
|
case 'tier1:tag':
|
|
521
523
|
return import(/* webpackChunkName: "icon-tag" */'./tier1/tag.js');
|
|
524
|
+
case 'tier1:thumbs-down':
|
|
525
|
+
return import(/* webpackChunkName: "icon-thumbs-down" */'./tier1/thumbs-down.js');
|
|
526
|
+
case 'tier1:thumbs-up':
|
|
527
|
+
return import(/* webpackChunkName: "icon-thumbs-up" */'./tier1/thumbs-up.js');
|
|
522
528
|
case 'tier1:tile-view':
|
|
523
529
|
return import(/* webpackChunkName: "icon-tile-view" */'./tier1/tile-view.js');
|
|
524
530
|
case 'tier1:time':
|
|
@@ -575,6 +581,8 @@ export function loadSvg(icon) {
|
|
|
575
581
|
return import(/* webpackChunkName: "icon-add-user" */'./tier2/add-user.js');
|
|
576
582
|
case 'tier2:add':
|
|
577
583
|
return import(/* webpackChunkName: "icon-add" */'./tier2/add.js');
|
|
584
|
+
case 'tier2:ai':
|
|
585
|
+
return import(/* webpackChunkName: "icon-ai" */'./tier2/ai.js');
|
|
578
586
|
case 'tier2:alarmbell':
|
|
579
587
|
return import(/* webpackChunkName: "icon-alarmbell" */'./tier2/alarmbell.js');
|
|
580
588
|
case 'tier2:alert':
|
|
@@ -891,6 +899,8 @@ export function loadSvg(icon) {
|
|
|
891
899
|
return import(/* webpackChunkName: "icon-volume" */'./tier2/volume.js');
|
|
892
900
|
case 'tier2:wizard':
|
|
893
901
|
return import(/* webpackChunkName: "icon-wizard" */'./tier2/wizard.js');
|
|
902
|
+
case 'tier3:ai':
|
|
903
|
+
return import(/* webpackChunkName: "icon-ai" */'./tier3/ai.js');
|
|
894
904
|
case 'tier3:alert':
|
|
895
905
|
return import(/* webpackChunkName: "icon-alert" */'./tier3/alert.js');
|
|
896
906
|
case 'tier3:assignments':
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
// auto-generated
|
|
2
|
+
export const val = `<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
|
|
3
|
+
<path fill="#494c4e" d="M3 1a.75.75 0 0 1 .75.75 1.5 1.5 0 0 0 1.5 1.5.75.75 0 0 1 0 1.5 1.5 1.5 0 0 0-1.5 1.5.75.75 0 0 1-1.5 0 1.5 1.5 0 0 0-1.5-1.5.75.75 0 0 1 0-1.5 1.5 1.5 0 0 0 1.5-1.5A.75.75 0 0 1 3 1ZM11.5 2.5a1 1 0 0 1 .928.629c.82 2.05 1.138 2.79 1.645 3.298.508.507 1.248.825 3.298 1.645a1 1 0 0 1 0 1.856c-2.05.82-2.79 1.138-3.298 1.645-.507.508-.825 1.248-1.645 3.298a1 1 0 0 1-1.857 0c-.82-2.05-1.137-2.79-1.644-3.298-.507-.507-1.248-.825-3.298-1.645a1 1 0 0 1 0-1.856c2.05-.82 2.79-1.138 3.298-1.645.507-.507.825-1.248 1.645-3.298A1 1 0 0 1 11.5 2.5ZM4.781 13.281a.781.781 0 0 0-1.562 0c0 .518-.42.938-.938.938a.781.781 0 1 0 0 1.562c.518 0 .938.42.938.938a.781.781 0 0 0 1.562 0c0-.518.42-.938.938-.938a.781.781 0 1 0 0-1.562.938.938 0 0 1-.938-.938Z"/>
|
|
4
|
+
</svg>
|
|
5
|
+
`;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
// auto-generated
|
|
2
|
+
export const val = `<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
|
|
3
|
+
<path fill="#494c4e" d="M11.83 15.096c0 1.458-2.139 3.888-4.11 2.48-.202-2.696-2.05-5.513-4.066-7.178-.122-.088-1.046-.225-1.77-.32A1.014 1.014 0 0 1 1 9.075V3.594a1 1 0 0 1 1-1h1.72C4.623 2.175 6.494 1 9.13 1h4.576c.712 0 2.37.46 2.37 1.898S14.59 4.413 14.59 4.413s2.45.26 2.45 1.63c0 1.243-.698 1.727-1.93 1.78 0 0 2.891.002 2.891 1.9 0 .974-.619 1.952-2.37 2.005h-4.703s.903 1.91.903 3.368Z"/>
|
|
4
|
+
</svg>
|
|
5
|
+
`;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
// auto-generated
|
|
2
|
+
export const val = `<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
|
|
3
|
+
<g clip-path="url(#a)">
|
|
4
|
+
<path fill="#494c4e" d="M11.83 2.904c0-1.458-2.139-3.888-4.11-2.48-.202 2.696-2.05 5.513-4.066 7.178-.122.088-1.046.225-1.77.32A1.014 1.014 0 0 0 1 8.925v5.482a1 1 0 0 0 1 1h1.72C4.623 15.825 6.494 17 9.13 17h4.576c.712 0 2.37-.46 2.37-1.898s-1.488-1.515-1.488-1.515 2.45-.26 2.45-1.63c0-1.243-.698-1.727-1.93-1.78 0 0 2.891-.002 2.891-1.9 0-.974-.619-1.952-2.37-2.005h-4.703s.903-1.91.903-3.368Z"/>
|
|
5
|
+
</g>
|
|
6
|
+
<defs>
|
|
7
|
+
<clipPath id="a">
|
|
8
|
+
<path fill="#494c4e" d="M0 0h18v18H0z"/>
|
|
9
|
+
</clipPath>
|
|
10
|
+
</defs>
|
|
11
|
+
</svg>
|
|
12
|
+
`;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
// auto-generated
|
|
2
|
+
export const val = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
|
|
3
|
+
<path fill="#494c4e" d="M5 1a1 1 0 0 1 1 1 2 2 0 0 0 2 2 1 1 0 0 1 0 2 2 2 0 0 0-2 2 1 1 0 0 1-2 0 2 2 0 0 0-2-2 1 1 0 0 1 0-2 2 2 0 0 0 2-2 1 1 0 0 1 1-1Z"/>
|
|
4
|
+
<path fill="#494c4e" fill-rule="evenodd" d="M16 4a1 1 0 0 1 .928.629c1.035 2.585 1.46 3.594 2.154 4.289.695.695 1.704 1.12 4.29 2.154a1 1 0 0 1 0 1.857c-2.586 1.034-3.595 1.458-4.29 2.153-.695.695-1.12 1.704-2.154 4.29a1 1 0 0 1-1.857 0c-1.034-2.586-1.458-3.595-2.153-4.29-.695-.695-1.704-1.12-4.29-2.154a1 1 0 0 1 0-1.857c2.586-1.034 3.595-1.458 4.29-2.153.695-.695 1.12-1.704 2.154-4.29A1 1 0 0 1 16 4Zm-4.365 8c1.164.512 2.02.991 2.697 1.668.677.677 1.156 1.533 1.668 2.697.512-1.164.991-2.02 1.668-2.697.677-.677 1.533-1.156 2.697-1.668-1.164-.512-2.02-.991-2.697-1.668C16.99 9.655 16.512 8.8 16 7.635c-.512 1.164-.991 2.02-1.668 2.697-.677.677-1.533 1.156-2.697 1.668Z" clip-rule="evenodd"/>
|
|
5
|
+
<path fill="#494c4e" d="M7.75 17.75a.75.75 0 0 0-1.5 0 1.5 1.5 0 0 1-1.5 1.5.75.75 0 0 0 0 1.5 1.5 1.5 0 0 1 1.5 1.5.75.75 0 0 0 1.5 0 1.5 1.5 0 0 1 1.5-1.5.75.75 0 0 0 0-1.5 1.5 1.5 0 0 1-1.5-1.5Z"/>
|
|
6
|
+
</svg>
|
|
7
|
+
`;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
// auto-generated
|
|
2
|
+
export const val = `<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
|
|
3
|
+
<path fill="#494c4e" fill-rule="evenodd" d="M7.72 1.794a.75.75 0 0 0-1.443 0c-.281.985-.48 1.677-.682 2.202-.198.516-.377.807-.585 1.015-.208.209-.5.388-1.015.586-.525.202-1.216.4-2.201.682a.75.75 0 0 0 0 1.442c.985.282 1.676.48 2.202.682.515.198.806.377 1.015.586.208.208.387.5.586 1.015.203.526.402 1.217.684 2.203a.75.75 0 0 0 1.442-.002c.28-.985.478-1.676.68-2.202.198-.515.376-.806.584-1.014.208-.209.5-.387 1.015-.586.526-.202 1.218-.4 2.204-.682a.75.75 0 0 0 0-1.442c-.986-.282-1.678-.48-2.204-.682-.516-.199-.807-.377-1.015-.586-.209-.208-.388-.499-.586-1.015-.202-.525-.4-1.217-.682-2.202Zm-3.186 5.21L4.526 7l.008-.003c.613-.236 1.12-.508 1.537-.925.416-.417.689-.924.924-1.537l.003-.008.003.008c.236.613.508 1.12.925 1.537.417.417.925.69 1.538.925L9.472 7l-.008.003c-.613.236-1.12.508-1.538.925-.416.417-.688.925-.924 1.538L7 9.473l-.003-.008c-.236-.613-.51-1.12-.926-1.537-.417-.417-.924-.69-1.537-.925ZM19 5a1 1 0 0 1 .928.629c1.32 3.3 1.888 4.665 2.833 5.61.945.945 2.31 1.512 5.61 2.832a1 1 0 0 1 0 1.857c-3.3 1.32-4.665 1.888-5.61 2.833-.945.945-1.512 2.31-2.832 5.61a1 1 0 0 1-1.857 0c-1.32-3.3-1.888-4.665-2.833-5.61-.945-.945-2.31-1.512-5.61-2.832a1 1 0 0 1 0-1.857c3.3-1.32 4.665-1.888 5.61-2.833.945-.945 1.512-2.31 2.832-5.61A1 1 0 0 1 19 5Zm-6.338 10c1.807.759 3.043 1.398 3.992 2.346.948.95 1.587 2.185 2.346 3.992.759-1.807 1.398-3.043 2.346-3.992.95-.948 2.185-1.587 3.992-2.346-1.807-.759-3.043-1.398-3.992-2.347-.948-.948-1.587-2.184-2.346-3.99-.759 1.806-1.398 3.042-2.346 3.99-.95.95-2.185 1.588-3.992 2.347ZM9.5 20.5a.5.5 0 0 1 .485.379c.177.709.303 1.207.435 1.585.13.37.252.576.396.72.144.144.35.265.72.396.378.133.876.258 1.585.435a.5.5 0 0 1 0 .97c-.709.177-1.207.303-1.585.435-.37.13-.576.252-.72.396-.144.144-.266.35-.396.72-.133.378-.258.876-.435 1.585a.5.5 0 0 1-.97 0c-.177-.709-.302-1.207-.435-1.585-.13-.37-.252-.576-.396-.72-.144-.144-.35-.265-.72-.396-.378-.133-.876-.258-1.585-.435a.5.5 0 0 1 0-.97c.709-.177 1.207-.303 1.585-.435.37-.13.576-.252.72-.396.144-.144.266-.35.396-.72.133-.378.258-.876.435-1.585A.5.5 0 0 1 9.5 20.5Zm-1.64 4c.41.15.752.33 1.031.609.28.279.46.621.609 1.03.15-.409.33-.751.609-1.03.279-.28.621-.46 1.03-.609-.409-.15-.751-.33-1.03-.609-.28-.279-.46-.621-.609-1.03-.15.409-.33.751-.609 1.03-.279.28-.621.46-1.03.609Z" clip-rule="evenodd"/>
|
|
4
|
+
</svg>
|
|
5
|
+
`;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@brightspace-ui/core",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.147.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",
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
"devDependencies": {
|
|
47
47
|
"@babel/eslint-parser": "^7",
|
|
48
48
|
"@brightspace-ui/stylelint-config": "^0.8",
|
|
49
|
-
"@brightspace-ui/testing": "^0.
|
|
49
|
+
"@brightspace-ui/testing": "^0.34",
|
|
50
50
|
"@open-wc/semantic-dom-diff": "^0.20",
|
|
51
51
|
"@rollup/plugin-dynamic-import-vars": "^2",
|
|
52
52
|
"@rollup/plugin-node-resolve": "^15",
|