@asd20/ui-next 2.22.2 → 2.22.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,12 @@
1
1
  # Changelog
2
2
 
3
+ ## [2.22.3](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.22.2...ui-next-v2.22.3) (2026-08-31)
4
+
5
+
6
+ ### Bug Fixes
7
+
8
+ * restore school home video template title and foreground variables ([ef899c1](https://github.com/academydistrict20/asd20-ui-next/commit/ef899c142e3f3a1a706ebff8d56d9949f0503571))
9
+
3
10
  ## [2.22.2](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.22.1...ui-next-v2.22.2) (2026-08-31)
4
11
 
5
12
  ## [2.22.1](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.22.0...ui-next-v2.22.1) (2026-08-28)
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@asd20/ui-next",
3
- "version": "2.22.2",
3
+ "version": "2.22.3",
4
4
  "private": false,
5
5
  "description": "ASD20 UI component library for Vue 3.",
6
6
  "license": "MIT",
@@ -226,8 +226,8 @@ export default {
226
226
  left: 0;
227
227
  right: 2rem;
228
228
  z-index: -1;
229
- background: var(--website-header__background-style);
230
- background-color: var(--website-header__background-color);
229
+ background: var(--website-homepage-header__background-style);
230
+ background-color: var(--website-homepage-header__background-color);
231
231
  border-top-left-radius: 0;
232
232
  border-top-right-radius: 3rem;
233
233
  border-bottom-left-radius: 0;
@@ -272,7 +272,6 @@ export default {
272
272
  &__content {
273
273
  order: 1;
274
274
  width: 90%;
275
- // background: var(--website-header__background-color);
276
275
  }
277
276
  &__image {
278
277
  display: flex;
@@ -289,7 +288,7 @@ export default {
289
288
 
290
289
  h1 {
291
290
  position: relative;
292
- color: var(--website-header__title-color);
291
+ color: var(--website-homepage-header__title-color);
293
292
  @include asd20-font(
294
293
  2,
295
294
  var(--website-typography__font-family-headlines),
@@ -303,7 +302,7 @@ export default {
303
302
  &__lead {
304
303
  position: relative;
305
304
  z-index: 1;
306
- color: var(--website-header__foreground-color);
305
+ color: var(--website-homepage-header__foreground-color);
307
306
  @include asd20-font(1, var(--website-typography__font-family-body));
308
307
  margin: space(-0.5) space(2) space(1) space(1);
309
308
  a {
@@ -323,11 +322,11 @@ export default {
323
322
  margin-bottom: space(0.5);
324
323
  font-size: 1rem !important;
325
324
  background-color: var(
326
- --website-header__button-background-color,
325
+ --website-homepage-header__button-background-color,
327
326
  var(--color__accent)
328
327
  );
329
328
  color: var(
330
- --website-header__button-foreground-color,
329
+ --website-homepage-header__button-foreground-color,
331
330
  var(--color__accent-t100)
332
331
  );
333
332
  position: relative;
@@ -342,7 +341,7 @@ export default {
342
341
  left: 0;
343
342
  width: 10px;
344
343
  height: 100%;
345
- background-color: var(--color__accent-t40);
344
+ background-color: var(--website-homepage-header__accent);
346
345
  transition: width 0.3s ease, background-color 0.3s ease;
347
346
  z-index: 0;
348
347
  }
@@ -350,17 +349,17 @@ export default {
350
349
  &:hover,
351
350
  &:focus {
352
351
  background-color: var(
353
- --website-header__button-hover-background-color,
352
+ --website-homepage-header__button-hover-background-color,
354
353
  var(--color__accent-t60)
355
354
  );
356
355
  color: var(
357
- --website-header__button-hover-foreground-color,
356
+ --website-homepage-header__button-hover-foreground-color,
358
357
  var(--color__accent-t100)
359
358
  );
360
359
 
361
360
  &::before {
362
361
  width: 20px;
363
- background-color: var(--color__accent-t60);
362
+ background-color: var(--website-homepage-header__accent);
364
363
  }
365
364
  }
366
365
 
@@ -568,7 +567,7 @@ $max: 4rem;
568
567
  rgba(0, 0, 0, 0) 100%
569
568
  );
570
569
  padding: space(1);
571
- border-left: space(1.5) solid var(--color__accent-t20);
570
+ border-left: space(1.5) solid var(--website-homepage-header__accent);
572
571
  animation: slide_left 1s ease-in-out 0.5s both;
573
572
  border-top-left-radius: 2rem;
574
573
  border-bottom-left-radius: 2rem;
@@ -582,14 +581,14 @@ $max: 4rem;
582
581
  h1 {
583
582
  margin: 0 0 space(1);
584
583
  font-size: 40px !important;
585
- color: var(--website-header__title-color);
584
+ color: var(--website-homepage-header__title-color);
586
585
  border-bottom: none;
587
586
  }
588
587
 
589
588
  &__lead {
590
589
  margin: space(-0.5) 0 0;
591
590
  font-size: 20px !important;
592
- color: var(--website-header__foreground-color);
591
+ color: var(--website-homepage-header__foreground-color);
593
592
  }
594
593
 
595
594
  &__call-to-action {