@asd20/ui-next 2.0.9 → 2.0.11

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/CHANGELOG.md CHANGED
@@ -1,5 +1,14 @@
1
1
  # Changelog
2
2
 
3
+ ## [2.0.11](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.0.10...ui-next-v2.0.11) (2026-03-31)
4
+
5
+ ## [2.0.10](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.0.9...ui-next-v2.0.10) (2026-03-30)
6
+
7
+
8
+ ### Bug Fixes
9
+
10
+ * fix(media-section): wrap async child imports with defineAsyncComponent to prevent Promise text render ([65aa8f1](https://github.com/academydistrict20/asd20-ui-next/commit/65aa8f1b8b7db731d565a8996618d482fd59bc47))
11
+
3
12
  ## [2.0.9](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.0.8...ui-next-v2.0.9) (2026-03-30)
4
13
 
5
14
  ## [2.0.8](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.0.7...ui-next-v2.0.8) (2026-03-30)
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@asd20/ui-next",
3
- "version": "2.0.9",
3
+ "version": "2.0.11",
4
4
  "private": false,
5
5
  "description": "ASD20 UI component library for Vue 3.",
6
6
  "license": "MIT",
@@ -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
  }
@@ -24,13 +24,17 @@
24
24
  </template>
25
25
 
26
26
  <script>
27
+ import { defineAsyncComponent } from 'vue'
28
+
27
29
  export default {
28
30
  name: 'Asd20MediaSection',
29
31
  components: {
30
- Asd20ImageGallery: () =>
31
- import('../../../components/organisms/Asd20ImageGallery'),
32
- Asd20VideosSection: () =>
33
- import('../../../components/organisms/Asd20VideosSection'),
32
+ Asd20ImageGallery: defineAsyncComponent(() =>
33
+ import('../../../components/organisms/Asd20ImageGallery')
34
+ ),
35
+ Asd20VideosSection: defineAsyncComponent(() =>
36
+ import('../../../components/organisms/Asd20VideosSection')
37
+ ),
34
38
  },
35
39
  props: {
36
40
  images: { type: Array, default: () => [] },
@@ -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>
@@ -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
  }