@asd20/ui-next 1.0.2 → 1.0.3

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,13 @@
1
1
  # Changelog
2
2
 
3
+ ## [1.0.3](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v1.0.2...ui-next-v1.0.3) (2026-03-20)
4
+
5
+
6
+ ### Bug Fixes
7
+
8
+ * **list:** avoid keyed template groups in consumer builds ([47203b7](https://github.com/academydistrict20/asd20-ui-next/commit/47203b7a46beb012fc46d6d58f7a1bfb1275cd24))
9
+ * **release:** scope bumps to ui-next tags ([cc97ce0](https://github.com/academydistrict20/asd20-ui-next/commit/cc97ce04f26b3a706cb6fb49d1f4d0601f9a8105))
10
+
3
11
  ## [1.0.2](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v1.0.1...ui-next-v1.0.2) (2026-03-20)
4
12
 
5
13
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@asd20/ui-next",
3
- "version": "1.0.2",
3
+ "version": "1.0.3",
4
4
  "private": false,
5
5
  "description": "ASD20 UI component library migration workspace.",
6
6
  "license": "MIT",
@@ -6,9 +6,10 @@
6
6
  :icon="icon"
7
7
  :max-height="maxHeight"
8
8
  >
9
- <template
9
+ <div
10
10
  v-for="day in days"
11
11
  :key="day.unix"
12
+ class="asd20-event-list__day"
12
13
  >
13
14
  <asd20-list-category
14
15
  :label="`${day.weekday}, ${day.month} ${day.shortDay}, ${day.year}`"
@@ -24,7 +25,7 @@
24
25
  @click="selectedEvent = event"
25
26
  />
26
27
  </asd20-list-item>
27
- </template>
28
+ </div>
28
29
  </asd20-list>
29
30
  <Asd20EventModal
30
31
  :event="selectedEvent"
@@ -101,6 +102,16 @@ export default {
101
102
  <style lang="scss" scoped>
102
103
  @use '../../../design/component-stack' as *;
103
104
 
105
+ .asd20-event-list__day {
106
+ display: contents;
107
+ }
108
+
109
+ .asd20-event-list__day + .asd20-event-list__day {
110
+ & :deep(.asd20-list-category) {
111
+ margin-top: space(0.5);
112
+ }
113
+ }
114
+
104
115
  @media (min-width: 1024px) {
105
116
  .asd20-event-list {
106
117
  & :deep(.asd20-list > .asd20-list__items) {
@@ -10,19 +10,18 @@
10
10
  :icon="icon"
11
11
  :column-width="640"
12
12
  >
13
- <template
13
+ <div
14
14
  v-for="category in categorizedFileItems"
15
15
  :key="category.name"
16
+ class="asd20-file-list__category-group"
16
17
  >
17
- <asd20-list-category
18
- :label="category.name"
19
- />
18
+ <asd20-list-category :label="category.name" />
20
19
  <asd20-list-item
21
20
  v-for="item in category.items"
22
21
  :key="item.file.id + category.name"
23
22
  v-bind="item"
24
23
  />
25
- </template>
24
+ </div>
26
25
  </asd20-list>
27
26
  </template>
28
27
 
@@ -277,3 +276,17 @@ export default {
277
276
  },
278
277
  }
279
278
  </script>
279
+
280
+ <style lang="scss" scoped>
281
+ @use '../../../design/component-stack' as *;
282
+
283
+ .asd20-file-list__category-group {
284
+ display: contents;
285
+ }
286
+
287
+ .asd20-file-list__category-group + .asd20-file-list__category-group {
288
+ & :deep(.asd20-list-category) {
289
+ margin-top: space(0.5);
290
+ }
291
+ }
292
+ </style>
@@ -13,19 +13,18 @@
13
13
  :multi-column="multiColumn"
14
14
  :column-width="640"
15
15
  >
16
- <template
16
+ <div
17
17
  v-for="category in categorizedLinkItems"
18
18
  :key="category.name"
19
+ class="asd20-link-list__category-group"
19
20
  >
20
- <asd20-list-category
21
- :label="category.name"
22
- />
21
+ <asd20-list-category :label="category.name" />
23
22
  <asd20-list-item
24
23
  v-for="(item, index) in category.items"
25
24
  :key="`${category.name}-${index}`"
26
25
  v-bind="item"
27
26
  />
28
- </template>
27
+ </div>
29
28
  </asd20-list>
30
29
  </template>
31
30
 
@@ -99,3 +98,17 @@ export default {
99
98
  },
100
99
  }
101
100
  </script>
101
+
102
+ <style lang="scss" scoped>
103
+ @use '../../../design/component-stack' as *;
104
+
105
+ .asd20-link-list__category-group {
106
+ display: contents;
107
+ }
108
+
109
+ .asd20-link-list__category-group + .asd20-link-list__category-group {
110
+ & :deep(.asd20-list-category) {
111
+ margin-top: space(0.5);
112
+ }
113
+ }
114
+ </style>