@brightspace-ui/core 3.274.1 → 3.274.2

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.
@@ -481,8 +481,8 @@ class Calendar extends LocalizeCoreElement(LitElement) {
481
481
 
482
482
  const weekdayHeaders = calendarData.daysOfWeekIndex.map((index) => html`
483
483
  <th>
484
- <abbr class="d2l-body-small" title="${calendarData.descriptor.calendar.days.long[index]}">
485
- ${calendarData.descriptor.calendar.days.short[index]}
484
+ <abbr class="d2l-body-small" title="${calendarData.descriptor.calendar.daysStandAlone.wide[index]}">
485
+ ${calendarData.descriptor.calendar.daysStandAlone.abbreviated[index]}
486
486
  </abbr>
487
487
  </th>
488
488
  `);
@@ -32,16 +32,20 @@ Empty state components are used to convey that there is no data available to be
32
32
 
33
33
  <!-- docs: start best practices -->
34
34
  <!-- docs: start dos -->
35
- * Use clear language to indicate there is no data available
36
- * Offer concise guidance about next steps
35
+ * Use an empty state in place of an empty list, table, widget, or page section
36
+ * Replace the entire content with its empty state; do not show an empty table or list header
37
37
  * Include an [Empty State Action](#d2l-empty-state-action-button) or [Link](#d2l-empty-state-action-link) if it can help the user
38
- * Replace the entire content with its empty state; do not show an empty table or list header
38
+ * Follow our [Writing guidelines]({{ project.assetPath }}/style-elements/writing/#periods)
39
+ * Use clear language to indicate there is no data available
40
+ * Offer concise guidance about next steps unless the action or button already provides a next step
41
+ * If you include an action or button, end your message with a period even if it's a single sentence (this is an exception to the rules for [Periods]({{ project.assetPath }}/style-elements/writing/#periods))
39
42
  <!-- docs: end dos -->
40
43
 
41
44
  <!-- docs: start donts -->
42
- * Don’t use an empty state as a default state while data is loading
43
- * Don't leave a section completely empty, or use a skeleton loading screen in place of an empty state component
44
- * Avoid causing users to believe that they have hit a dead-end when they have not
45
+ * Don’t use an empty state as a default state while data is loading — consider using a [Skeleton Loader or Loading Spinner]({{ project.assetPath }}/components/loading-spinner/#when-should-i-use-the-skeleton-loader-pattern-vs.-a-loading-spinner) instead
46
+ * Avoid having multiple empty state messages caused by the same root issue
47
+ * The presence of multiple empty states often indicates a special case that can be addressed at the design level
48
+ * For instance, an underlying error causing no data to be returned or a first-time user who could be guided through creating the data instead of seeing a bunch of empty states
45
49
  <!-- docs: end donts -->
46
50
  <!-- docs: end best practices -->
47
51
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@brightspace-ui/core",
3
- "version": "3.274.1",
3
+ "version": "3.274.2",
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",