@brightspace-ui/core 3.326.1 → 3.327.0

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.
Files changed (13) hide show
  1. package/components/empty-state/README.md +2 -0
  2. package/components/empty-state/empty-state-simple.js +0 -8
  3. package/components/state/images/access-denied.svg +32 -0
  4. package/components/state/images/system-error.svg +45 -0
  5. package/components/state/state-error-simple.js +53 -0
  6. package/components/state/state-illustrated.js +5 -5
  7. package/components/state/state-mixin.js +8 -0
  8. package/components/state/state-styles.js +6 -0
  9. package/custom-elements.json +89 -25
  10. package/generated/state/access-denied.js +34 -0
  11. package/generated/state/presetIllustrationLoader.js +4 -0
  12. package/generated/state/system-error.js +47 -0
  13. package/package.json +1 -1
package/components/empty-state/README.md CHANGED
@@ -158,6 +158,7 @@ To add the link, place a `d2l-empty-state-action-link` component inside of the d
158
158
 
159
159
  | Illustration | Name |
160
160
  | :---: | :--- |
161
+ | ![](https://raw.githubusercontent.com/BrightspaceUI/core/main/components/state/images/access-denied.svg?sanitize=true) | access-denied |
161
162
  | ![](https://raw.githubusercontent.com/BrightspaceUI/core/main/components/state/images/assembly-line.svg?sanitize=true) | assembly-line |
162
163
  | ![](https://raw.githubusercontent.com/BrightspaceUI/core/main/components/state/images/blueprint.svg?sanitize=true) | blueprint |
163
164
  | ![](https://raw.githubusercontent.com/BrightspaceUI/core/main/components/state/images/calendar.svg?sanitize=true) | calendar |
@@ -170,4 +171,5 @@ To add the link, place a `d2l-empty-state-action-link` component inside of the d
170
171
  | ![](https://raw.githubusercontent.com/BrightspaceUI/core/main/components/state/images/pipeline.svg?sanitize=true) | pipeline |
171
172
  | ![](https://raw.githubusercontent.com/BrightspaceUI/core/main/components/state/images/race.svg?sanitize=true) | race |
172
173
  | ![](https://raw.githubusercontent.com/BrightspaceUI/core/main/components/state/images/rockets.svg?sanitize=true) | rockets |
174
+ | ![](https://raw.githubusercontent.com/BrightspaceUI/core/main/components/state/images/system-error.svg?sanitize=true) | system-error |
173
175
  | ![](https://raw.githubusercontent.com/BrightspaceUI/core/main/components/state/images/tumbleweed.svg?sanitize=true) | tumbleweed |
package/components/empty-state/empty-state-simple.js CHANGED
@@ -11,14 +11,6 @@ import { StateMixin } from '../state/state-mixin.js';
11
11
  */
12
12
  class EmptyStateSimple extends StateMixin(LitElement) {
13
13
 
14
- static properties = {
15
- /**
16
- * REQUIRED: A description giving details about the empty state
17
- * @type {string}
18
- */
19
- description: { type: String, required: true },
20
- };
21
-
22
14
  static styles = [bodyCompactStyles, stateStyles, stateSimpleStyles, emptyStateStyles];
23
15
 
24
16
  render() {
package/components/state/images/access-denied.svg ADDED
@@ -0,0 +1,32 @@
1
+ <svg width="500" height="330" viewBox="0 0 500 330" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M149.437 89.5947L160.233 96.3417L153.421 107.201L142.626 100.39L149.437 89.5947Z" fill="#E3E9F1"/>
3
+ <path d="M149.438 89.5947L160.234 96.3417L153.422 107.201L149.438 104.695V89.5947Z" fill="#494C4E" fill-opacity="0.08"/>
4
+ <path d="M344.522 73.4015L355.189 71.2167L357.374 81.8835L346.707 84.0683L344.522 73.4015Z" fill="#F6BC6A" fill-opacity="0.72"/>
5
+ <path d="M344.522 73.4015L355.189 71.2167L355.96 75.0079L345.294 77.1927L344.522 73.4015Z" fill="#494C4E" fill-opacity="0.08"/>
6
+ <path d="M161.839 236.231C164.678 236.231 166.979 233.929 166.979 231.09C166.979 228.251 164.678 225.95 161.839 225.95C159 225.95 156.698 228.251 156.698 231.09C156.698 233.929 159 236.231 161.839 236.231Z" fill="#CAF995"/>
7
+ <path d="M161.839 236.231C164.678 236.231 166.979 233.929 166.979 231.09C166.979 228.251 164.678 225.95 161.839 225.95C159 225.95 156.698 228.251 156.698 231.09C156.698 233.929 159 236.231 161.839 236.231Z" fill="#494C4E" fill-opacity="0.08"/>
8
+ <path d="M350.114 229.163C352.244 229.163 353.97 227.436 353.97 225.307C353.97 223.178 352.244 221.452 350.114 221.452C347.985 221.452 346.259 223.178 346.259 225.307C346.259 227.436 347.985 229.163 350.114 229.163Z" fill="#E1E7F0"/>
9
+ <path d="M353.519 225.307C353.519 227.428 351.784 229.163 349.663 229.163C347.543 229.163 345.808 227.428 345.808 225.307C345.808 223.187 347.543 221.452 349.663 221.452C351.784 221.452 353.519 223.187 353.519 225.307Z" fill="#494C4E" fill-opacity="0.08"/>
10
+ <path d="M173.405 255.251C173.405 245.098 210.032 236.873 255.141 236.873C300.25 236.873 336.877 245.098 336.877 255.251C336.877 265.404 300.25 273.629 255.141 273.629C210.032 273.629 173.405 265.404 173.405 255.251Z" fill="#E3E9F1" fill-opacity="0.72"/>
11
+ <path d="M189.34 255.253C189.34 248.249 218.77 242.594 255.14 242.594C291.51 242.594 320.94 248.249 320.94 255.253C320.94 262.257 291.51 267.912 255.14 267.912C218.77 267.912 189.34 262.257 189.34 255.253Z" fill="#494C4E" fill-opacity="0.06"/>
12
+ <path d="M201.55 141.834V110.733C201.55 80.6605 225.775 56.371 255.783 56.371C285.727 56.371 310.017 80.6605 310.017 110.733V141.834H294.338V110.733C294.338 89.3353 277.117 72.0499 255.783 72.0499C234.385 72.0499 217.229 89.3353 217.229 110.733V141.834H201.55Z" fill="#B5BDC2"/>
13
+ <path d="M201.55 141.834V110.733C201.55 80.6605 225.775 56.371 255.783 56.371C285.727 56.371 310.017 80.6605 310.017 110.733V118.894C310.017 88.9497 285.727 64.6603 255.783 64.6603C225.775 64.6603 201.55 88.9497 201.55 118.894V141.834Z" fill="#E1E7F0"/>
14
+ <path d="M294.339 141.834H310.018V110.733C310.018 95.3755 303.592 81.4958 293.311 71.6001C300.379 82.1384 304.363 94.8615 304.363 108.548V141.834H294.339Z" fill="#494C4E" fill-opacity="0.1"/>
15
+ <path d="M183.429 134.251H328.138C334.114 134.251 338.933 139.071 338.933 145.047V231.345C338.933 237.321 334.114 242.14 328.138 242.14H183.429C177.453 242.14 172.634 237.321 172.634 231.345V145.047C172.634 139.071 177.453 134.251 183.429 134.251Z" fill="#9EA5A9"/>
16
+ <path d="M183.429 128.599H328.138C334.114 128.599 338.933 133.418 338.933 139.394V225.692C338.933 231.668 334.114 236.488 328.138 236.488H183.429C177.453 236.488 172.634 231.668 172.634 225.692V139.394C172.634 133.418 177.453 128.599 183.429 128.599Z" fill="#F8FAFD"/>
17
+ <path d="M172.634 139.394C172.634 133.418 177.453 128.599 183.429 128.599H328.138C334.114 128.599 338.933 133.418 338.933 139.394V150.703H172.634V139.394Z" fill="#E3E9F1"/>
18
+ <path d="M172.634 220.036H338.933V225.69C338.933 231.666 334.114 236.486 328.138 236.486H183.429C177.453 236.486 172.634 231.666 172.634 225.69V220.036Z" fill="#494C4E" fill-opacity="0.08"/>
19
+ <path d="M255.784 160.535C244.218 160.535 234.836 169.917 234.836 181.483C234.836 189.001 238.82 195.555 244.732 199.218V217.018C244.732 223.122 249.68 228.07 255.784 228.07C261.889 228.07 266.837 223.122 266.837 217.018V199.218C272.748 195.555 276.732 189.001 276.732 181.483C276.732 169.917 267.351 160.535 255.784 160.535Z" fill="#B5BDC2"/>
20
+ <path d="M255.784 165.676C245.953 165.676 237.985 173.644 237.985 183.475C237.985 190.029 241.519 195.748 246.788 198.833V217.018C246.788 221.965 250.836 226.014 255.784 226.014C260.732 226.014 264.78 221.965 264.78 217.018V198.833C270.05 195.748 273.584 190.029 273.584 183.475C273.584 173.644 265.616 165.676 255.784 165.676Z" fill="#868C8F" fill-opacity="0.25"/>
21
+ <path d="M255.783 191.377C260.148 191.377 263.687 187.838 263.687 183.473C263.687 179.108 260.148 175.569 255.783 175.569C251.418 175.569 247.88 179.108 247.88 183.473C247.88 187.838 251.418 191.377 255.783 191.377Z" fill="#565A5C"/>
22
+ <path d="M252.313 188.1H259.253L257.582 212.003H253.984L252.313 188.1Z" fill="#565A5C"/>
23
+ <path d="M315.094 238.48C335.464 238.48 351.978 221.967 351.978 201.596C351.978 181.226 335.464 164.712 315.094 164.712C294.723 164.712 278.21 181.226 278.21 201.596C278.21 221.967 294.723 238.48 315.094 238.48Z" fill="#FAE0E1"/>
24
+ <path d="M315.093 232.826C332.34 232.826 346.322 218.844 346.322 201.596C346.322 184.349 332.34 170.367 315.093 170.367C297.845 170.367 283.863 184.349 283.863 201.596C283.863 218.844 297.845 232.826 315.093 232.826Z" fill="#FF6B70"/>
25
+ <path d="M301.534 188.038L328.651 215.155" stroke="#F8FAFD" stroke-width="7.71094" stroke-linecap="round"/>
26
+ <path d="M328.651 188.038L301.534 215.155" stroke="#F8FAFD" stroke-width="7.71094" stroke-linecap="round"/>
27
+ <path d="M315.094 238.48C335.464 238.48 351.978 221.967 351.978 201.596C351.978 181.226 335.464 164.712 315.094 164.712C294.723 164.712 278.21 181.226 278.21 201.596C278.21 221.967 294.723 238.48 315.094 238.48Z" stroke="#F8FAFD" stroke-width="2.57031"/>
28
+ <path d="M190.434 73.3373L195.574 78.478" stroke="#CAF995" stroke-width="4.49805" stroke-linecap="round"/>
29
+ <path d="M195.574 73.3373L190.434 78.478" stroke="#CAF995" stroke-width="4.49805" stroke-linecap="round"/>
30
+ <path d="M333.086 129.884L338.227 135.025" stroke="#F6BC6A" stroke-width="4.49805" stroke-linecap="round"/>
31
+ <path d="M338.227 129.884L333.086 135.025" stroke="#F6BC6A" stroke-width="4.49805" stroke-linecap="round"/>
32
+ </svg>
package/components/state/images/system-error.svg ADDED
@@ -0,0 +1,45 @@
1
+ <svg width="500" height="330" viewBox="0 0 500 330" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M139.565 95.0044L150.2 88.3013L156.903 98.936L146.269 105.639L139.565 95.0044Z" fill="#E3E9F1"/>
3
+ <path d="M139.565 95.0044L150.2 88.3013L152.585 92.104L141.95 98.8071L139.565 95.0044Z" fill="#494C4E" fill-opacity="0.08"/>
4
+ <path d="M347.802 71.0588L358.308 68.9319L360.435 79.4377L349.929 81.5647L347.802 71.0588Z" fill="#F6BC6A" fill-opacity="0.72"/>
5
+ <path d="M347.802 71.0588L358.308 68.9319L359.081 72.7346L348.575 74.8616L347.802 71.0588Z" fill="#494C4E" fill-opacity="0.08"/>
6
+ <path d="M165.464 228.711C168.312 228.711 170.62 226.403 170.62 223.555C170.62 220.707 168.312 218.399 165.464 218.399C162.616 218.399 160.308 220.707 160.308 223.555C160.308 226.403 162.616 228.711 165.464 228.711Z" fill="#CAF995"/>
7
+ <path d="M165.464 228.711C168.312 228.711 170.62 226.403 170.62 223.555C170.62 220.707 168.312 218.399 165.464 218.399C162.616 218.399 160.308 220.707 160.308 223.555C160.308 226.403 162.616 228.711 165.464 228.711Z" fill="#494C4E" fill-opacity="0.08"/>
8
+ <path d="M353.022 224.2C355.158 224.2 356.89 222.468 356.89 220.333C356.89 218.197 355.158 216.465 353.022 216.465C350.887 216.465 349.155 218.197 349.155 220.333C349.155 222.468 350.887 224.2 353.022 224.2Z" fill="#E1E7F0"/>
9
+ <path d="M170.62 250.239C170.62 240.12 210.001 231.934 258.599 231.934C307.196 231.934 346.577 240.12 346.577 250.239C346.577 260.358 307.196 268.543 258.599 268.543C210.001 268.543 170.62 260.358 170.62 250.239Z" fill="#E3E9F1" fill-opacity="0.72"/>
10
+ <path d="M186.863 250.239C186.863 243.278 219.025 237.606 258.6 237.606C298.174 237.606 330.336 243.278 330.336 250.239C330.336 257.2 298.174 262.872 258.6 262.872C219.025 262.872 186.863 257.2 186.863 250.239Z" fill="#494C4E" fill-opacity="0.06"/>
11
+ <path d="M173.07 79.5681H332.655C339.23 79.5681 344.515 84.8533 344.515 91.4275V216.015C344.515 222.59 339.23 227.875 332.655 227.875H173.07C166.495 227.875 161.21 222.59 161.21 216.015V91.4275C161.21 84.8533 166.495 79.5681 173.07 79.5681Z" fill="#9EA5A9"/>
12
+ <path d="M173.07 73.8959H332.655C339.23 73.8959 344.515 79.181 344.515 85.7553V210.343C344.515 216.917 339.23 222.203 332.655 222.203H173.07C166.495 222.203 161.21 216.917 161.21 210.343V85.7553C161.21 79.181 166.495 73.8959 173.07 73.8959Z" fill="#F8FAFD"/>
13
+ <path d="M161.21 85.7553C161.21 79.181 166.495 73.8959 173.07 73.8959H332.655C339.23 73.8959 344.515 79.181 344.515 85.7553V102.964H161.21V85.7553Z" fill="#E3E9F1"/>
14
+ <path d="M177.453 91.8796C179.339 91.8796 180.869 90.3502 180.869 88.4636C180.869 86.577 179.339 85.0476 177.453 85.0476C175.566 85.0476 174.037 86.577 174.037 88.4636C174.037 90.3502 175.566 91.8796 177.453 91.8796Z" fill="#B5BDC2"/>
15
+ <path d="M189.441 91.8796C191.327 91.8796 192.857 90.3502 192.857 88.4636C192.857 86.577 191.327 85.0476 189.441 85.0476C187.554 85.0476 186.025 86.577 186.025 88.4636C186.025 90.3502 187.554 91.8796 189.441 91.8796Z" fill="#CDD5DC"/>
16
+ <path d="M201.429 91.8796C203.315 91.8796 204.845 90.3502 204.845 88.4636C204.845 86.577 203.315 85.0476 201.429 85.0476C199.542 85.0476 198.013 86.577 198.013 88.4636C198.013 90.3502 199.542 91.8796 201.429 91.8796Z" fill="#CDD5DC"/>
17
+ <path d="M278.901 86.3367H328.659V90.5906H278.901V86.3367Z" fill="#B5BDC2" fill-opacity="0.55"/>
18
+ <path d="M179.322 120.497H250.672C253.121 120.497 255.119 122.495 255.119 124.944V174.186C255.119 176.635 253.121 178.634 250.672 178.634H179.322C176.873 178.634 174.875 176.635 174.875 174.186V124.944C174.875 122.495 176.873 120.497 179.322 120.497Z" fill="#F0F5FA"/>
19
+ <path d="M267.751 120.497H326.404C328.853 120.497 330.851 122.495 330.851 124.944V134.677C330.851 137.126 328.853 139.124 326.404 139.124H267.751C265.302 139.124 263.304 137.126 263.304 134.677V124.944C263.304 122.495 265.302 120.497 267.751 120.497Z" fill="#E1E7F0"/>
20
+ <path d="M267.751 146.278H326.404C328.853 146.278 330.851 148.276 330.851 150.725V160.458C330.851 162.907 328.853 164.905 326.404 164.905H267.751C265.302 164.905 263.304 162.907 263.304 160.458V150.725C263.304 148.276 265.302 146.278 267.751 146.278Z" fill="#F1F5FB"/>
21
+ <path d="M187.056 161.553L197.755 150.532L208.712 157.686L221.925 139.833L239.198 151.241" stroke="#B5BDC2" stroke-width="5.15625" stroke-linecap="round" stroke-linejoin="round"/>
22
+ <path d="M187.056 166.708H240.487" stroke="#CDD5DC" stroke-width="3.86719" stroke-linecap="round"/>
23
+ <path d="M187.056 164.775C188.835 164.775 190.278 163.332 190.278 161.552C190.278 159.772 188.835 158.329 187.056 158.329C185.276 158.329 183.833 159.772 183.833 161.552C183.833 163.332 185.276 164.775 187.056 164.775Z" fill="#868C8F"/>
24
+ <path d="M197.756 153.754C199.535 153.754 200.978 152.311 200.978 150.531C200.978 148.751 199.535 147.308 197.756 147.308C195.976 147.308 194.533 148.751 194.533 150.531C194.533 152.311 195.976 153.754 197.756 153.754Z" fill="#868C8F"/>
25
+ <path d="M208.713 160.908C210.493 160.908 211.935 159.465 211.935 157.685C211.935 155.905 210.493 154.462 208.713 154.462C206.933 154.462 205.49 155.905 205.49 157.685C205.49 159.465 206.933 160.908 208.713 160.908Z" fill="#868C8F"/>
26
+ <path d="M221.926 143.055C223.705 143.055 225.148 141.613 225.148 139.833C225.148 138.053 223.705 136.61 221.926 136.61C220.146 136.61 218.703 138.053 218.703 139.833C218.703 141.613 220.146 143.055 221.926 143.055Z" fill="#868C8F"/>
27
+ <path d="M239.198 154.462C240.978 154.462 242.421 153.019 242.421 151.24C242.421 149.46 240.978 148.017 239.198 148.017C237.419 148.017 235.976 149.46 235.976 151.24C235.976 153.019 237.419 154.462 239.198 154.462Z" fill="#868C8F"/>
28
+ <path d="M179.322 190.106H326.404C328.853 190.106 330.851 192.104 330.851 194.553V202.417C330.851 204.866 328.853 206.864 326.404 206.864H179.322C176.873 206.864 174.875 204.866 174.875 202.417V194.553C174.875 192.104 176.873 190.106 179.322 190.106Z" fill="#FAE0E1" fill-opacity="0.72"/>
29
+ <path d="M184.414 202.158C186.443 202.158 188.087 200.514 188.087 198.485C188.087 196.456 186.443 194.811 184.414 194.811C182.385 194.811 180.74 196.456 180.74 198.485C180.74 200.514 182.385 202.158 184.414 202.158Z" fill="#FF6B70"/>
30
+ <path d="M193.888 196.485H235.525" stroke="#B5BDC2" stroke-width="3.22266" stroke-linecap="round"/>
31
+ <path d="M243.066 196.485H273.81" stroke="#CDD5DC" stroke-width="3.22266" stroke-linecap="round"/>
32
+ <path d="M196.079 61.4566L201.235 66.6128" stroke="#CAF995" stroke-width="4.51172" stroke-linecap="round"/>
33
+ <path d="M201.235 61.4566L196.079 66.6128" stroke="#CAF995" stroke-width="4.51172" stroke-linecap="round"/>
34
+ <path d="M339.165 120.107L344.321 125.263" stroke="#F6BC6A" stroke-width="4.51172" stroke-linecap="round"/>
35
+ <path d="M344.321 120.107L339.165 125.263" stroke="#F6BC6A" stroke-width="4.51172" stroke-linecap="round"/>
36
+ <g clip-path="url(#clip0_1_5)">
37
+ <path d="M355.702 203.419L326.924 145.864C326.242 144.495 325.192 143.344 323.892 142.54C322.592 141.735 321.094 141.309 319.565 141.309C318.036 141.309 316.538 141.735 315.238 142.54C313.938 143.344 312.888 144.495 312.206 145.864L283.428 203.419C282.798 204.668 282.501 206.058 282.565 207.456C282.63 208.853 283.055 210.21 283.798 211.395C284.534 212.587 285.562 213.572 286.785 214.256C288.009 214.939 289.386 215.299 290.787 215.3H348.343C349.745 215.301 351.123 214.943 352.347 214.259C353.57 213.575 354.598 212.589 355.332 211.395C356.078 210.211 356.505 208.854 356.57 207.456C356.635 206.058 356.335 204.667 355.702 203.419Z" fill="#CD2026"/>
38
+ <path d="M319.742 206.523C318.523 206.523 317.331 206.162 316.316 205.484C315.302 204.807 314.512 203.844 314.045 202.717C313.578 201.59 313.456 200.35 313.694 199.154C313.932 197.958 314.52 196.859 315.382 195.996C316.244 195.134 317.343 194.547 318.539 194.309C319.736 194.071 320.975 194.193 322.102 194.66C323.229 195.126 324.192 195.917 324.87 196.931C325.547 197.945 325.909 199.137 325.909 200.357C325.909 201.992 325.259 203.561 324.103 204.717C322.946 205.874 321.378 206.523 319.742 206.523ZM323.771 186.765C323.583 187.695 323.078 188.53 322.344 189.131C321.61 189.731 320.691 190.059 319.742 190.059C318.794 190.059 317.875 189.731 317.141 189.131C316.406 188.53 315.902 187.695 315.714 186.765L311.644 166.21C311.526 165.614 311.541 165 311.689 164.411C311.837 163.822 312.114 163.273 312.499 162.804C312.884 162.335 313.368 161.957 313.917 161.697C314.466 161.437 315.065 161.302 315.672 161.301H323.825C324.432 161.302 325.031 161.437 325.58 161.697C326.129 161.957 326.613 162.335 326.998 162.804C327.384 163.273 327.66 163.822 327.808 164.411C327.956 165 327.971 165.614 327.854 166.21L323.771 186.765Z" fill="white"/>
39
+ </g>
40
+ <defs>
41
+ <clipPath id="clip0_1_5">
42
+ <rect width="74" height="74" fill="white" transform="translate(282.565 141.301)"/>
43
+ </clipPath>
44
+ </defs>
45
+ </svg>
package/components/state/state-error-simple.js ADDED
@@ -0,0 +1,53 @@
1
+ import '../button/button-subtle.js';
2
+ import { css, html, LitElement } from 'lit';
3
+ import { stateSimpleStyles, stateStyles } from './state-styles.js';
4
+ import { bodyCompactStyles } from '../typography/styles.js';
5
+ import { StateMixin } from './state-mixin.js';
6
+
7
+ /**
8
+ * The `d2l-state-error-simple` component is an error state component that displays a description. An empty state action component can be placed inside of the default slot to add an optional action.
9
+ * @slot - Slot for error state actions
10
+ */
11
+ class StateErrorSimple extends StateMixin(LitElement) {
12
+
13
+ static properties = {
14
+ /**
15
+ * Always wrap action on next line
16
+ * @type {boolean}
17
+ */
18
+ wrapAction: { type: Boolean, attribute: 'wrap-action', reflect: true },
19
+ };
20
+
21
+ static styles = [bodyCompactStyles, stateStyles, stateSimpleStyles, css`
22
+ :host {
23
+ border-inline-start: 0.3rem solid var(--d2l-color-cinnabar);
24
+ padding-inline: 0.9rem 1.2rem;
25
+ }
26
+ .outer-container {
27
+ column-gap: 0.9rem;
28
+ display: grid;
29
+ grid-template-columns: auto 1fr;
30
+ }
31
+ .d2l-state-icon {
32
+ color: var(--d2l-color-cinnabar);
33
+ }
34
+ .state-container {
35
+ row-gap: 0.3rem;
36
+ }
37
+ :host([wrap-action]) .d2l-state-description {
38
+ flex-basis: 100%;
39
+ }
40
+ `];
41
+ render() {
42
+ return html`<div class="outer-container">
43
+ <d2l-icon icon="tier2:alert" class="d2l-state-icon" aria-hidden="true"></d2l-icon>
44
+ <div class="state-container">
45
+ <p class="d2l-body-compact d2l-state-description" tabindex="-1">${this.description}</p>
46
+ <slot class="action-slot"></slot>
47
+ </div>
48
+ </div>`;
49
+ }
50
+
51
+ }
52
+
53
+ customElements.define('d2l-state-error-simple', StateErrorSimple);
package/components/state/state-illustrated.js CHANGED
@@ -19,16 +19,16 @@ const illustrationAspectRatio = 500 / 330;
19
19
  export class StateIllustrated extends LoadingCompleteMixin(StateMixin(LitElement)) { // Exported to support old empty-state components, once they are removed this can be made internal only
20
20
 
21
21
  static properties = {
22
- /**
23
- * REQUIRED: A description giving details about the state
24
- * @type {string}
25
- */
26
- description: { type: String, required: true },
27
22
  /**
28
23
  * The name of the preset image you would like to display in the component
29
24
  * @type {string}
30
25
  */
31
26
  illustrationName: { type: String, attribute: 'illustration-name' },
27
+ /**
28
+ * Apply subtle styles for backgrounds that aren't white
29
+ * @type {boolean}
30
+ */
31
+ subtle: { type: Boolean, attribute: 'subtle', reflect: true },
32
32
  /**
33
33
  * REQUIRED: A title for the state
34
34
  * @type {string}
package/components/state/state-mixin.js CHANGED
@@ -2,6 +2,14 @@ import { PropertyRequiredMixin } from '../../mixins/property-required/property-r
2
2
 
3
3
  export const StateMixin = superclass => class extends PropertyRequiredMixin(superclass) {
4
4
 
5
+ static properties = {
6
+ /**
7
+ * REQUIRED: A description giving details about the state
8
+ * @type {string}
9
+ */
10
+ description: { type: String, required: true },
11
+ };
12
+
5
13
  focus() {
6
14
  if (!this.hasUpdated) {
7
15
  return;
package/components/state/state-styles.js CHANGED
@@ -93,4 +93,10 @@ export const stateIllustratedStyles = css`
93
93
  width: 100%;
94
94
  }
95
95
 
96
+ :host([subtle]) {
97
+ background-color: var(--d2l-theme-background-color-base);
98
+ border-radius: 0.3rem;
99
+ padding: 0.6rem;
100
+ }
101
+
96
102
  `;
package/custom-elements.json CHANGED
@@ -4624,35 +4624,40 @@
4624
4624
  "name": "d2l-empty-state-illustrated",
4625
4625
  "path": "./components/empty-state/empty-state-illustrated.js",
4626
4626
  "attributes": [
4627
- {
4628
- "name": "description",
4629
- "description": "REQUIRED: A description giving details about the state",
4630
- "type": "string"
4631
- },
4632
4627
  {
4633
4628
  "name": "illustration-name",
4634
4629
  "description": "The name of the preset image you would like to display in the component",
4635
4630
  "type": "string"
4636
4631
  },
4632
+ {
4633
+ "name": "subtle",
4634
+ "description": "Apply subtle styles for backgrounds that aren't white",
4635
+ "type": "boolean"
4636
+ },
4637
4637
  {
4638
4638
  "name": "title-text",
4639
4639
  "description": "REQUIRED: A title for the state",
4640
4640
  "type": "string"
4641
- }
4642
- ],
4643
- "properties": [
4641
+ },
4644
4642
  {
4645
4643
  "name": "description",
4646
- "attribute": "description",
4647
4644
  "description": "REQUIRED: A description giving details about the state",
4648
4645
  "type": "string"
4649
- },
4646
+ }
4647
+ ],
4648
+ "properties": [
4650
4649
  {
4651
4650
  "name": "illustrationName",
4652
4651
  "attribute": "illustration-name",
4653
4652
  "description": "The name of the preset image you would like to display in the component",
4654
4653
  "type": "string"
4655
4654
  },
4655
+ {
4656
+ "name": "subtle",
4657
+ "attribute": "subtle",
4658
+ "description": "Apply subtle styles for backgrounds that aren't white",
4659
+ "type": "boolean"
4660
+ },
4656
4661
  {
4657
4662
  "name": "titleText",
4658
4663
  "attribute": "title-text",
@@ -4671,6 +4676,12 @@
4671
4676
  {
4672
4677
  "name": "resolveLoadingComplete",
4673
4678
  "type": "() => void"
4679
+ },
4680
+ {
4681
+ "name": "description",
4682
+ "attribute": "description",
4683
+ "description": "REQUIRED: A description giving details about the state",
4684
+ "type": "string"
4674
4685
  }
4675
4686
  ],
4676
4687
  "slots": [
@@ -4691,21 +4702,21 @@
4691
4702
  "attributes": [
4692
4703
  {
4693
4704
  "name": "description",
4694
- "description": "REQUIRED: A description giving details about the empty state",
4705
+ "description": "REQUIRED: A description giving details about the state",
4695
4706
  "type": "string"
4696
4707
  }
4697
4708
  ],
4698
4709
  "properties": [
4699
- {
4700
- "name": "description",
4701
- "attribute": "description",
4702
- "description": "REQUIRED: A description giving details about the empty state",
4703
- "type": "string"
4704
- },
4705
4710
  {
4706
4711
  "name": "styles",
4707
4712
  "type": "array",
4708
4713
  "default": "[\"bodyCompactStyles\",\"stateStyles\",\"stateSimpleStyles\",\"emptyStateStyles\"]"
4714
+ },
4715
+ {
4716
+ "name": "description",
4717
+ "attribute": "description",
4718
+ "description": "REQUIRED: A description giving details about the state",
4719
+ "type": "string"
4709
4720
  }
4710
4721
  ],
4711
4722
  "slots": [
@@ -15987,39 +15998,86 @@
15987
15998
  ]
15988
15999
  },
15989
16000
  {
15990
- "name": "d2l-state-illustrated",
15991
- "path": "./components/state/state-illustrated.js",
15992
- "description": "The `d2l-state-illustrated` component is an state component that displays a title and description with an illustration. An state action component can be placed inside of the default slot to add an optional action.",
16001
+ "name": "d2l-state-error-simple",
16002
+ "path": "./components/state/state-error-simple.js",
16003
+ "description": "The `d2l-state-error-simple` component is an error state component that displays a description. An empty state action component can be placed inside of the default slot to add an optional action.",
15993
16004
  "attributes": [
16005
+ {
16006
+ "name": "wrap-action",
16007
+ "description": "Always wrap action on next line",
16008
+ "type": "boolean"
16009
+ },
15994
16010
  {
15995
16011
  "name": "description",
15996
16012
  "description": "REQUIRED: A description giving details about the state",
15997
16013
  "type": "string"
16014
+ }
16015
+ ],
16016
+ "properties": [
16017
+ {
16018
+ "name": "wrapAction",
16019
+ "attribute": "wrap-action",
16020
+ "description": "Always wrap action on next line",
16021
+ "type": "boolean"
16022
+ },
16023
+ {
16024
+ "name": "styles",
16025
+ "type": "array",
16026
+ "default": "[\"bodyCompactStyles\",\"stateStyles\",\"stateSimpleStyles\",null]"
15998
16027
  },
16028
+ {
16029
+ "name": "description",
16030
+ "attribute": "description",
16031
+ "description": "REQUIRED: A description giving details about the state",
16032
+ "type": "string"
16033
+ }
16034
+ ],
16035
+ "slots": [
16036
+ {
16037
+ "name": "",
16038
+ "description": "Slot for error state actions"
16039
+ }
16040
+ ]
16041
+ },
16042
+ {
16043
+ "name": "d2l-state-illustrated",
16044
+ "path": "./components/state/state-illustrated.js",
16045
+ "description": "The `d2l-state-illustrated` component is an state component that displays a title and description with an illustration. An state action component can be placed inside of the default slot to add an optional action.",
16046
+ "attributes": [
15999
16047
  {
16000
16048
  "name": "illustration-name",
16001
16049
  "description": "The name of the preset image you would like to display in the component",
16002
16050
  "type": "string"
16003
16051
  },
16052
+ {
16053
+ "name": "subtle",
16054
+ "description": "Apply subtle styles for backgrounds that aren't white",
16055
+ "type": "boolean"
16056
+ },
16004
16057
  {
16005
16058
  "name": "title-text",
16006
16059
  "description": "REQUIRED: A title for the state",
16007
16060
  "type": "string"
16008
- }
16009
- ],
16010
- "properties": [
16061
+ },
16011
16062
  {
16012
16063
  "name": "description",
16013
- "attribute": "description",
16014
16064
  "description": "REQUIRED: A description giving details about the state",
16015
16065
  "type": "string"
16016
- },
16066
+ }
16067
+ ],
16068
+ "properties": [
16017
16069
  {
16018
16070
  "name": "illustrationName",
16019
16071
  "attribute": "illustration-name",
16020
16072
  "description": "The name of the preset image you would like to display in the component",
16021
16073
  "type": "string"
16022
16074
  },
16075
+ {
16076
+ "name": "subtle",
16077
+ "attribute": "subtle",
16078
+ "description": "Apply subtle styles for backgrounds that aren't white",
16079
+ "type": "boolean"
16080
+ },
16023
16081
  {
16024
16082
  "name": "titleText",
16025
16083
  "attribute": "title-text",
@@ -16038,6 +16096,12 @@
16038
16096
  {
16039
16097
  "name": "resolveLoadingComplete",
16040
16098
  "type": "() => void"
16099
+ },
16100
+ {
16101
+ "name": "description",
16102
+ "attribute": "description",
16103
+ "description": "REQUIRED: A description giving details about the state",
16104
+ "type": "string"
16041
16105
  }
16042
16106
  ],
16043
16107
  "slots": [
package/generated/state/access-denied.js ADDED
@@ -0,0 +1,34 @@
1
+ // auto-generated
2
+ export const val = `<svg width="500" height="330" viewBox="0 0 500 330" fill="none" xmlns="http://www.w3.org/2000/svg">
3
+ <path d="M149.437 89.5947L160.233 96.3417L153.421 107.201L142.626 100.39L149.437 89.5947Z" fill="#E3E9F1"/>
4
+ <path d="M149.438 89.5947L160.234 96.3417L153.422 107.201L149.438 104.695V89.5947Z" fill="#494C4E" fill-opacity="0.08"/>
5
+ <path d="M344.522 73.4015L355.189 71.2167L357.374 81.8835L346.707 84.0683L344.522 73.4015Z" fill="#F6BC6A" fill-opacity="0.72"/>
6
+ <path d="M344.522 73.4015L355.189 71.2167L355.96 75.0079L345.294 77.1927L344.522 73.4015Z" fill="#494C4E" fill-opacity="0.08"/>
7
+ <path d="M161.839 236.231C164.678 236.231 166.979 233.929 166.979 231.09C166.979 228.251 164.678 225.95 161.839 225.95C159 225.95 156.698 228.251 156.698 231.09C156.698 233.929 159 236.231 161.839 236.231Z" fill="#CAF995"/>
8
+ <path d="M161.839 236.231C164.678 236.231 166.979 233.929 166.979 231.09C166.979 228.251 164.678 225.95 161.839 225.95C159 225.95 156.698 228.251 156.698 231.09C156.698 233.929 159 236.231 161.839 236.231Z" fill="#494C4E" fill-opacity="0.08"/>
9
+ <path d="M350.114 229.163C352.244 229.163 353.97 227.436 353.97 225.307C353.97 223.178 352.244 221.452 350.114 221.452C347.985 221.452 346.259 223.178 346.259 225.307C346.259 227.436 347.985 229.163 350.114 229.163Z" fill="#E1E7F0"/>
10
+ <path d="M353.519 225.307C353.519 227.428 351.784 229.163 349.663 229.163C347.543 229.163 345.808 227.428 345.808 225.307C345.808 223.187 347.543 221.452 349.663 221.452C351.784 221.452 353.519 223.187 353.519 225.307Z" fill="#494C4E" fill-opacity="0.08"/>
11
+ <path d="M173.405 255.251C173.405 245.098 210.032 236.873 255.141 236.873C300.25 236.873 336.877 245.098 336.877 255.251C336.877 265.404 300.25 273.629 255.141 273.629C210.032 273.629 173.405 265.404 173.405 255.251Z" fill="#E3E9F1" fill-opacity="0.72"/>
12
+ <path d="M189.34 255.253C189.34 248.249 218.77 242.594 255.14 242.594C291.51 242.594 320.94 248.249 320.94 255.253C320.94 262.257 291.51 267.912 255.14 267.912C218.77 267.912 189.34 262.257 189.34 255.253Z" fill="#494C4E" fill-opacity="0.06"/>
13
+ <path d="M201.55 141.834V110.733C201.55 80.6605 225.775 56.371 255.783 56.371C285.727 56.371 310.017 80.6605 310.017 110.733V141.834H294.338V110.733C294.338 89.3353 277.117 72.0499 255.783 72.0499C234.385 72.0499 217.229 89.3353 217.229 110.733V141.834H201.55Z" fill="#B5BDC2"/>
14
+ <path d="M201.55 141.834V110.733C201.55 80.6605 225.775 56.371 255.783 56.371C285.727 56.371 310.017 80.6605 310.017 110.733V118.894C310.017 88.9497 285.727 64.6603 255.783 64.6603C225.775 64.6603 201.55 88.9497 201.55 118.894V141.834Z" fill="#E1E7F0"/>
15
+ <path d="M294.339 141.834H310.018V110.733C310.018 95.3755 303.592 81.4958 293.311 71.6001C300.379 82.1384 304.363 94.8615 304.363 108.548V141.834H294.339Z" fill="#494C4E" fill-opacity="0.1"/>
16
+ <path d="M183.429 134.251H328.138C334.114 134.251 338.933 139.071 338.933 145.047V231.345C338.933 237.321 334.114 242.14 328.138 242.14H183.429C177.453 242.14 172.634 237.321 172.634 231.345V145.047C172.634 139.071 177.453 134.251 183.429 134.251Z" fill="#9EA5A9"/>
17
+ <path d="M183.429 128.599H328.138C334.114 128.599 338.933 133.418 338.933 139.394V225.692C338.933 231.668 334.114 236.488 328.138 236.488H183.429C177.453 236.488 172.634 231.668 172.634 225.692V139.394C172.634 133.418 177.453 128.599 183.429 128.599Z" fill="#F8FAFD"/>
18
+ <path d="M172.634 139.394C172.634 133.418 177.453 128.599 183.429 128.599H328.138C334.114 128.599 338.933 133.418 338.933 139.394V150.703H172.634V139.394Z" fill="#E3E9F1"/>
19
+ <path d="M172.634 220.036H338.933V225.69C338.933 231.666 334.114 236.486 328.138 236.486H183.429C177.453 236.486 172.634 231.666 172.634 225.69V220.036Z" fill="#494C4E" fill-opacity="0.08"/>
20
+ <path d="M255.784 160.535C244.218 160.535 234.836 169.917 234.836 181.483C234.836 189.001 238.82 195.555 244.732 199.218V217.018C244.732 223.122 249.68 228.07 255.784 228.07C261.889 228.07 266.837 223.122 266.837 217.018V199.218C272.748 195.555 276.732 189.001 276.732 181.483C276.732 169.917 267.351 160.535 255.784 160.535Z" fill="#B5BDC2"/>
21
+ <path d="M255.784 165.676C245.953 165.676 237.985 173.644 237.985 183.475C237.985 190.029 241.519 195.748 246.788 198.833V217.018C246.788 221.965 250.836 226.014 255.784 226.014C260.732 226.014 264.78 221.965 264.78 217.018V198.833C270.05 195.748 273.584 190.029 273.584 183.475C273.584 173.644 265.616 165.676 255.784 165.676Z" fill="#868C8F" fill-opacity="0.25"/>
22
+ <path d="M255.783 191.377C260.148 191.377 263.687 187.838 263.687 183.473C263.687 179.108 260.148 175.569 255.783 175.569C251.418 175.569 247.88 179.108 247.88 183.473C247.88 187.838 251.418 191.377 255.783 191.377Z" fill="#565A5C"/>
23
+ <path d="M252.313 188.1H259.253L257.582 212.003H253.984L252.313 188.1Z" fill="#565A5C"/>
24
+ <path d="M315.094 238.48C335.464 238.48 351.978 221.967 351.978 201.596C351.978 181.226 335.464 164.712 315.094 164.712C294.723 164.712 278.21 181.226 278.21 201.596C278.21 221.967 294.723 238.48 315.094 238.48Z" fill="#FAE0E1"/>
25
+ <path d="M315.093 232.826C332.34 232.826 346.322 218.844 346.322 201.596C346.322 184.349 332.34 170.367 315.093 170.367C297.845 170.367 283.863 184.349 283.863 201.596C283.863 218.844 297.845 232.826 315.093 232.826Z" fill="#FF6B70"/>
26
+ <path d="M301.534 188.038L328.651 215.155" stroke="#F8FAFD" stroke-width="7.71094" stroke-linecap="round"/>
27
+ <path d="M328.651 188.038L301.534 215.155" stroke="#F8FAFD" stroke-width="7.71094" stroke-linecap="round"/>
28
+ <path d="M315.094 238.48C335.464 238.48 351.978 221.967 351.978 201.596C351.978 181.226 335.464 164.712 315.094 164.712C294.723 164.712 278.21 181.226 278.21 201.596C278.21 221.967 294.723 238.48 315.094 238.48Z" stroke="#F8FAFD" stroke-width="2.57031"/>
29
+ <path d="M190.434 73.3373L195.574 78.478" stroke="#CAF995" stroke-width="4.49805" stroke-linecap="round"/>
30
+ <path d="M195.574 73.3373L190.434 78.478" stroke="#CAF995" stroke-width="4.49805" stroke-linecap="round"/>
31
+ <path d="M333.086 129.884L338.227 135.025" stroke="#F6BC6A" stroke-width="4.49805" stroke-linecap="round"/>
32
+ <path d="M338.227 129.884L333.086 135.025" stroke="#F6BC6A" stroke-width="4.49805" stroke-linecap="round"/>
33
+ </svg>
34
+ `;
package/generated/state/presetIllustrationLoader.js CHANGED
@@ -1,6 +1,8 @@
1
1
  // auto-generated
2
2
  export function loadSvg(illustration) {
3
3
  switch (illustration) {
4
+ case 'access-denied':
5
+ return import(/* webpackChunkName: "illustration-access-denied" */'./access-denied.js');
4
6
  case 'assembly-line':
5
7
  return import(/* webpackChunkName: "illustration-assembly-line" */'./assembly-line.js');
6
8
  case 'blueprint':
@@ -25,6 +27,8 @@ export function loadSvg(illustration) {
25
27
  return import(/* webpackChunkName: "illustration-race" */'./race.js');
26
28
  case 'rockets':
27
29
  return import(/* webpackChunkName: "illustration-rockets" */'./rockets.js');
30
+ case 'system-error':
31
+ return import(/* webpackChunkName: "illustration-system-error" */'./system-error.js');
28
32
  case 'tumbleweed':
29
33
  return import(/* webpackChunkName: "illustration-tumbleweed" */'./tumbleweed.js');
30
34
  }
package/generated/state/system-error.js ADDED
@@ -0,0 +1,47 @@
1
+ // auto-generated
2
+ export const val = `<svg width="500" height="330" viewBox="0 0 500 330" fill="none" xmlns="http://www.w3.org/2000/svg">
3
+ <path d="M139.565 95.0044L150.2 88.3013L156.903 98.936L146.269 105.639L139.565 95.0044Z" fill="#E3E9F1"/>
4
+ <path d="M139.565 95.0044L150.2 88.3013L152.585 92.104L141.95 98.8071L139.565 95.0044Z" fill="#494C4E" fill-opacity="0.08"/>
5
+ <path d="M347.802 71.0588L358.308 68.9319L360.435 79.4377L349.929 81.5647L347.802 71.0588Z" fill="#F6BC6A" fill-opacity="0.72"/>
6
+ <path d="M347.802 71.0588L358.308 68.9319L359.081 72.7346L348.575 74.8616L347.802 71.0588Z" fill="#494C4E" fill-opacity="0.08"/>
7
+ <path d="M165.464 228.711C168.312 228.711 170.62 226.403 170.62 223.555C170.62 220.707 168.312 218.399 165.464 218.399C162.616 218.399 160.308 220.707 160.308 223.555C160.308 226.403 162.616 228.711 165.464 228.711Z" fill="#CAF995"/>
8
+ <path d="M165.464 228.711C168.312 228.711 170.62 226.403 170.62 223.555C170.62 220.707 168.312 218.399 165.464 218.399C162.616 218.399 160.308 220.707 160.308 223.555C160.308 226.403 162.616 228.711 165.464 228.711Z" fill="#494C4E" fill-opacity="0.08"/>
9
+ <path d="M353.022 224.2C355.158 224.2 356.89 222.468 356.89 220.333C356.89 218.197 355.158 216.465 353.022 216.465C350.887 216.465 349.155 218.197 349.155 220.333C349.155 222.468 350.887 224.2 353.022 224.2Z" fill="#E1E7F0"/>
10
+ <path d="M170.62 250.239C170.62 240.12 210.001 231.934 258.599 231.934C307.196 231.934 346.577 240.12 346.577 250.239C346.577 260.358 307.196 268.543 258.599 268.543C210.001 268.543 170.62 260.358 170.62 250.239Z" fill="#E3E9F1" fill-opacity="0.72"/>
11
+ <path d="M186.863 250.239C186.863 243.278 219.025 237.606 258.6 237.606C298.174 237.606 330.336 243.278 330.336 250.239C330.336 257.2 298.174 262.872 258.6 262.872C219.025 262.872 186.863 257.2 186.863 250.239Z" fill="#494C4E" fill-opacity="0.06"/>
12
+ <path d="M173.07 79.5681H332.655C339.23 79.5681 344.515 84.8533 344.515 91.4275V216.015C344.515 222.59 339.23 227.875 332.655 227.875H173.07C166.495 227.875 161.21 222.59 161.21 216.015V91.4275C161.21 84.8533 166.495 79.5681 173.07 79.5681Z" fill="#9EA5A9"/>
13
+ <path d="M173.07 73.8959H332.655C339.23 73.8959 344.515 79.181 344.515 85.7553V210.343C344.515 216.917 339.23 222.203 332.655 222.203H173.07C166.495 222.203 161.21 216.917 161.21 210.343V85.7553C161.21 79.181 166.495 73.8959 173.07 73.8959Z" fill="#F8FAFD"/>
14
+ <path d="M161.21 85.7553C161.21 79.181 166.495 73.8959 173.07 73.8959H332.655C339.23 73.8959 344.515 79.181 344.515 85.7553V102.964H161.21V85.7553Z" fill="#E3E9F1"/>
15
+ <path d="M177.453 91.8796C179.339 91.8796 180.869 90.3502 180.869 88.4636C180.869 86.577 179.339 85.0476 177.453 85.0476C175.566 85.0476 174.037 86.577 174.037 88.4636C174.037 90.3502 175.566 91.8796 177.453 91.8796Z" fill="#B5BDC2"/>
16
+ <path d="M189.441 91.8796C191.327 91.8796 192.857 90.3502 192.857 88.4636C192.857 86.577 191.327 85.0476 189.441 85.0476C187.554 85.0476 186.025 86.577 186.025 88.4636C186.025 90.3502 187.554 91.8796 189.441 91.8796Z" fill="#CDD5DC"/>
17
+ <path d="M201.429 91.8796C203.315 91.8796 204.845 90.3502 204.845 88.4636C204.845 86.577 203.315 85.0476 201.429 85.0476C199.542 85.0476 198.013 86.577 198.013 88.4636C198.013 90.3502 199.542 91.8796 201.429 91.8796Z" fill="#CDD5DC"/>
18
+ <path d="M278.901 86.3367H328.659V90.5906H278.901V86.3367Z" fill="#B5BDC2" fill-opacity="0.55"/>
19
+ <path d="M179.322 120.497H250.672C253.121 120.497 255.119 122.495 255.119 124.944V174.186C255.119 176.635 253.121 178.634 250.672 178.634H179.322C176.873 178.634 174.875 176.635 174.875 174.186V124.944C174.875 122.495 176.873 120.497 179.322 120.497Z" fill="#F0F5FA"/>
20
+ <path d="M267.751 120.497H326.404C328.853 120.497 330.851 122.495 330.851 124.944V134.677C330.851 137.126 328.853 139.124 326.404 139.124H267.751C265.302 139.124 263.304 137.126 263.304 134.677V124.944C263.304 122.495 265.302 120.497 267.751 120.497Z" fill="#E1E7F0"/>
21
+ <path d="M267.751 146.278H326.404C328.853 146.278 330.851 148.276 330.851 150.725V160.458C330.851 162.907 328.853 164.905 326.404 164.905H267.751C265.302 164.905 263.304 162.907 263.304 160.458V150.725C263.304 148.276 265.302 146.278 267.751 146.278Z" fill="#F1F5FB"/>
22
+ <path d="M187.056 161.553L197.755 150.532L208.712 157.686L221.925 139.833L239.198 151.241" stroke="#B5BDC2" stroke-width="5.15625" stroke-linecap="round" stroke-linejoin="round"/>
23
+ <path d="M187.056 166.708H240.487" stroke="#CDD5DC" stroke-width="3.86719" stroke-linecap="round"/>
24
+ <path d="M187.056 164.775C188.835 164.775 190.278 163.332 190.278 161.552C190.278 159.772 188.835 158.329 187.056 158.329C185.276 158.329 183.833 159.772 183.833 161.552C183.833 163.332 185.276 164.775 187.056 164.775Z" fill="#868C8F"/>
25
+ <path d="M197.756 153.754C199.535 153.754 200.978 152.311 200.978 150.531C200.978 148.751 199.535 147.308 197.756 147.308C195.976 147.308 194.533 148.751 194.533 150.531C194.533 152.311 195.976 153.754 197.756 153.754Z" fill="#868C8F"/>
26
+ <path d="M208.713 160.908C210.493 160.908 211.935 159.465 211.935 157.685C211.935 155.905 210.493 154.462 208.713 154.462C206.933 154.462 205.49 155.905 205.49 157.685C205.49 159.465 206.933 160.908 208.713 160.908Z" fill="#868C8F"/>
27
+ <path d="M221.926 143.055C223.705 143.055 225.148 141.613 225.148 139.833C225.148 138.053 223.705 136.61 221.926 136.61C220.146 136.61 218.703 138.053 218.703 139.833C218.703 141.613 220.146 143.055 221.926 143.055Z" fill="#868C8F"/>
28
+ <path d="M239.198 154.462C240.978 154.462 242.421 153.019 242.421 151.24C242.421 149.46 240.978 148.017 239.198 148.017C237.419 148.017 235.976 149.46 235.976 151.24C235.976 153.019 237.419 154.462 239.198 154.462Z" fill="#868C8F"/>
29
+ <path d="M179.322 190.106H326.404C328.853 190.106 330.851 192.104 330.851 194.553V202.417C330.851 204.866 328.853 206.864 326.404 206.864H179.322C176.873 206.864 174.875 204.866 174.875 202.417V194.553C174.875 192.104 176.873 190.106 179.322 190.106Z" fill="#FAE0E1" fill-opacity="0.72"/>
30
+ <path d="M184.414 202.158C186.443 202.158 188.087 200.514 188.087 198.485C188.087 196.456 186.443 194.811 184.414 194.811C182.385 194.811 180.74 196.456 180.74 198.485C180.74 200.514 182.385 202.158 184.414 202.158Z" fill="#FF6B70"/>
31
+ <path d="M193.888 196.485H235.525" stroke="#B5BDC2" stroke-width="3.22266" stroke-linecap="round"/>
32
+ <path d="M243.066 196.485H273.81" stroke="#CDD5DC" stroke-width="3.22266" stroke-linecap="round"/>
33
+ <path d="M196.079 61.4566L201.235 66.6128" stroke="#CAF995" stroke-width="4.51172" stroke-linecap="round"/>
34
+ <path d="M201.235 61.4566L196.079 66.6128" stroke="#CAF995" stroke-width="4.51172" stroke-linecap="round"/>
35
+ <path d="M339.165 120.107L344.321 125.263" stroke="#F6BC6A" stroke-width="4.51172" stroke-linecap="round"/>
36
+ <path d="M344.321 120.107L339.165 125.263" stroke="#F6BC6A" stroke-width="4.51172" stroke-linecap="round"/>
37
+ <g clip-path="url(#clip0_1_5)">
38
+ <path d="M355.702 203.419L326.924 145.864C326.242 144.495 325.192 143.344 323.892 142.54C322.592 141.735 321.094 141.309 319.565 141.309C318.036 141.309 316.538 141.735 315.238 142.54C313.938 143.344 312.888 144.495 312.206 145.864L283.428 203.419C282.798 204.668 282.501 206.058 282.565 207.456C282.63 208.853 283.055 210.21 283.798 211.395C284.534 212.587 285.562 213.572 286.785 214.256C288.009 214.939 289.386 215.299 290.787 215.3H348.343C349.745 215.301 351.123 214.943 352.347 214.259C353.57 213.575 354.598 212.589 355.332 211.395C356.078 210.211 356.505 208.854 356.57 207.456C356.635 206.058 356.335 204.667 355.702 203.419Z" fill="#CD2026"/>
39
+ <path d="M319.742 206.523C318.523 206.523 317.331 206.162 316.316 205.484C315.302 204.807 314.512 203.844 314.045 202.717C313.578 201.59 313.456 200.35 313.694 199.154C313.932 197.958 314.52 196.859 315.382 195.996C316.244 195.134 317.343 194.547 318.539 194.309C319.736 194.071 320.975 194.193 322.102 194.66C323.229 195.126 324.192 195.917 324.87 196.931C325.547 197.945 325.909 199.137 325.909 200.357C325.909 201.992 325.259 203.561 324.103 204.717C322.946 205.874 321.378 206.523 319.742 206.523ZM323.771 186.765C323.583 187.695 323.078 188.53 322.344 189.131C321.61 189.731 320.691 190.059 319.742 190.059C318.794 190.059 317.875 189.731 317.141 189.131C316.406 188.53 315.902 187.695 315.714 186.765L311.644 166.21C311.526 165.614 311.541 165 311.689 164.411C311.837 163.822 312.114 163.273 312.499 162.804C312.884 162.335 313.368 161.957 313.917 161.697C314.466 161.437 315.065 161.302 315.672 161.301H323.825C324.432 161.302 325.031 161.437 325.58 161.697C326.129 161.957 326.613 162.335 326.998 162.804C327.384 163.273 327.66 163.822 327.808 164.411C327.956 165 327.971 165.614 327.854 166.21L323.771 186.765Z" fill="white"/>
40
+ </g>
41
+ <defs>
42
+ <clipPath id="clip0_1_5">
43
+ <rect width="74" height="74" fill="white" transform="translate(282.565 141.301)"/>
44
+ </clipPath>
45
+ </defs>
46
+ </svg>
47
+ `;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@brightspace-ui/core",
3
- "version": "3.326.1",
3
+ "version": "3.327.0",
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",