@asd20/ui-next 2.0.10 → 2.0.12

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 (10) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/package.json +1 -1
  3. package/src/components/molecules/Asd20Picker/index.vue +1 -0
  4. package/src/components/organisms/Asd20WidgetsSection/index.vue +8 -0
  5. package/src/components/templates/Asd20WayfindingAccessibilityTemplate/index.vue +11 -7
  6. package/src/components/templates/Asd20WayfindingAlternateTemplate/index.vue +11 -7
  7. package/src/components/templates/Asd20WayfindingImageTemplate/index.vue +11 -7
  8. package/src/components/templates/Asd20WayfindingTemplate/index.vue +11 -7
  9. package/src/components/utils/FocusTrap.vue +4 -0
  10. package/src/design/_typography.scss +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,14 @@
1
1
  # Changelog
2
2
 
3
+ ## [2.0.12](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.0.11...ui-next-v2.0.12) (2026-03-31)
4
+
5
+
6
+ ### Bug Fixes
7
+
8
+ * fix links with images not displaying properly on wayfinding pages; fix associated styling ([d699452](https://github.com/academydistrict20/asd20-ui-next/commit/d69945214bb263909934171af00beb5bf27b0cab))
9
+
10
+ ## [2.0.11](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.0.10...ui-next-v2.0.11) (2026-03-31)
11
+
3
12
  ## [2.0.10](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.0.9...ui-next-v2.0.10) (2026-03-30)
4
13
 
5
14
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@asd20/ui-next",
3
- "version": "2.0.10",
3
+ "version": "2.0.12",
4
4
  "private": false,
5
5
  "description": "ASD20 UI component library for Vue 3.",
6
6
  "license": "MIT",
package/src/components/molecules/Asd20Picker/index.vue CHANGED
@@ -393,6 +393,7 @@ export default {
393
393
  flex-grow: 0;
394
394
  height: min-content;
395
395
  max-height: 80vh;
396
+ border-radius: var(--website-shape__radius-m);
396
397
  }
397
398
  height: auto;
398
399
  }
package/src/components/organisms/Asd20WidgetsSection/index.vue CHANGED
@@ -161,6 +161,14 @@ export default {
161
161
  margin: var(--gutter);
162
162
  /* max-width: space(25);*/
163
163
  }
164
+
165
+ /* Intersect renders display: contents, so its slotted child becomes the
166
+ visible flex item and needs the same sizing rules as direct children. */
167
+ & > :deep(.asd20-intersect > *) {
168
+ flex: 1 1 var(--minimum-column-width);
169
+ margin: var(--gutter);
170
+ /* max-width: space(25);*/
171
+ }
164
172
  }
165
173
  }
166
174
 
package/src/components/templates/Asd20WayfindingAccessibilityTemplate/index.vue CHANGED
@@ -98,15 +98,19 @@
98
98
  >
99
99
  </asd20-media-section>
100
100
 
101
+ <!-- Sidebar Widgets -->
102
+ <asd20-widgets-section
103
+ v-if="widgetsSectionProps.sidebar"
104
+ v-bind="widgetsSectionProps.sidebar"
105
+ @events-in-view="$emit('events-in-view')"
106
+ @files-in-view="$emit('files-in-view')"
107
+ @people-in-view="$emit('people-in-view')"
108
+ />
109
+
101
110
  <!-- Bottom Widgets -->
102
111
  <asd20-widgets-section
103
- v-if="
104
- widgetsSectionProps.footer ||
105
- widgetsSectionProps.sidebar ||
106
- $slots.widgets
107
- "
108
- :related-links="relatedLinks"
109
- v-bind="{ ...widgetsSectionProps.footer, ...widgetsSectionProps.sidebar }"
112
+ v-if="widgetsSectionProps.footer || $slots.widgets"
113
+ v-bind="widgetsSectionProps.footer"
110
114
  full
111
115
  @events-in-view="$emit('events-in-view')"
112
116
  @files-in-view="$emit('files-in-view')"
package/src/components/templates/Asd20WayfindingAlternateTemplate/index.vue CHANGED
@@ -99,15 +99,19 @@
99
99
  >
100
100
  </asd20-media-section>
101
101
 
102
+ <!-- Sidebar Widgets -->
103
+ <asd20-widgets-section
104
+ v-if="widgetsSectionProps.sidebar"
105
+ v-bind="widgetsSectionProps.sidebar"
106
+ @events-in-view="$emit('events-in-view')"
107
+ @files-in-view="$emit('files-in-view')"
108
+ @people-in-view="$emit('people-in-view')"
109
+ />
110
+
102
111
  <!-- Bottom Widgets -->
103
112
  <asd20-widgets-section
104
- v-if="
105
- widgetsSectionProps.footer ||
106
- widgetsSectionProps.sidebar ||
107
- $slots.widgets
108
- "
109
- :related-links="relatedLinks"
110
- v-bind="{ ...widgetsSectionProps.footer, ...widgetsSectionProps.sidebar }"
113
+ v-if="widgetsSectionProps.footer || $slots.widgets"
114
+ v-bind="widgetsSectionProps.footer"
111
115
  full
112
116
  @events-in-view="$emit('events-in-view')"
113
117
  @files-in-view="$emit('files-in-view')"
package/src/components/templates/Asd20WayfindingImageTemplate/index.vue CHANGED
@@ -100,15 +100,19 @@
100
100
  >
101
101
  </asd20-media-section>
102
102
 
103
+ <!-- Sidebar Widgets -->
104
+ <asd20-widgets-section
105
+ v-if="widgetsSectionProps.sidebar"
106
+ v-bind="widgetsSectionProps.sidebar"
107
+ @events-in-view="$emit('events-in-view')"
108
+ @files-in-view="$emit('files-in-view')"
109
+ @people-in-view="$emit('people-in-view')"
110
+ />
111
+
103
112
  <!-- Bottom Widgets -->
104
113
  <asd20-widgets-section
105
- v-if="
106
- widgetsSectionProps.footer ||
107
- widgetsSectionProps.sidebar ||
108
- $slots.widgets
109
- "
110
- :related-links="relatedLinks"
111
- v-bind="{ ...widgetsSectionProps.footer, ...widgetsSectionProps.sidebar }"
114
+ v-if="widgetsSectionProps.footer || $slots.widgets"
115
+ v-bind="widgetsSectionProps.footer"
112
116
  full
113
117
  @events-in-view="$emit('events-in-view')"
114
118
  @files-in-view="$emit('files-in-view')"
package/src/components/templates/Asd20WayfindingTemplate/index.vue CHANGED
@@ -97,15 +97,19 @@
97
97
  >
98
98
  </asd20-media-section>
99
99
 
100
+ <!-- Sidebar Widgets -->
101
+ <asd20-widgets-section
102
+ v-if="widgetsSectionProps.sidebar"
103
+ v-bind="widgetsSectionProps.sidebar"
104
+ @events-in-view="$emit('events-in-view')"
105
+ @files-in-view="$emit('files-in-view')"
106
+ @people-in-view="$emit('people-in-view')"
107
+ />
108
+
100
109
  <!-- Bottom Widgets -->
101
110
  <asd20-widgets-section
102
- v-if="
103
- widgetsSectionProps.footer ||
104
- widgetsSectionProps.sidebar ||
105
- $slots.widgets
106
- "
107
- :related-links="relatedLinks"
108
- v-bind="{ ...widgetsSectionProps.footer, ...widgetsSectionProps.sidebar }"
111
+ v-if="widgetsSectionProps.footer || $slots.widgets"
112
+ v-bind="widgetsSectionProps.footer"
109
113
  full
110
114
  @events-in-view="$emit('events-in-view')"
111
115
  @files-in-view="$emit('files-in-view')"
package/src/components/utils/FocusTrap.vue CHANGED
@@ -84,5 +84,9 @@ export default {
84
84
  min-width: 0;
85
85
  max-width: 100%;
86
86
  max-height: 100%;
87
+
88
+ &:focus {
89
+ outline: none;
90
+ }
87
91
  }
88
92
  </style>
package/src/design/_typography.scss CHANGED
@@ -425,7 +425,7 @@
425
425
  ::-moz-selection { background: var(--color__accent);}
426
426
  ::selection { background: var(--color__accent-t60); }
427
427
 
428
- :focus:not(.asd20-tab):not([role='tab']) {
428
+ :focus:not(.asd20-tab):not([role='tab']):not(.asd20-focus-trap) {
429
429
  @include asd20-focus
430
430
  }
431
431
  }