@byuhbll/components 6.2.0 → 7.0.1

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 (7) hide show
  1. package/fesm2022/byuhbll-components.mjs +1224 -119
  2. package/fesm2022/byuhbll-components.mjs.map +1 -1
  3. package/index.d.ts +604 -8
  4. package/package.json +4 -4
  5. package/styles/scss/_sr-only.scss +21 -0
  6. package/styles/scss/_vars.scss +1 -1
  7. package/styles/scss/hbll-foundation.scss +5 -39
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@byuhbll/components",
3
- "version": "6.2.0",
3
+ "version": "7.0.1",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^20.3.15",
6
6
  "@angular/core": "^20.3.15"
@@ -13,6 +13,9 @@
13
13
  "./base": {
14
14
  "sass": "./styles/scss/base.scss"
15
15
  },
16
+ "./hbll-foundation": {
17
+ "sass": "./styles/scss/hbll-foundation.scss"
18
+ },
16
19
  "./_vars": {
17
20
  "sass": "./styles/scss/_vars.scss"
18
21
  },
@@ -28,9 +31,6 @@
28
31
  "./spinner": {
29
32
  "sass": "./styles/scss/spinner.scss"
30
33
  },
31
- "./hbll-foundation": {
32
- "sass": "./styles/scss/foundation.scss"
33
- },
34
34
  "./package.json": {
35
35
  "default": "./package.json"
36
36
  },
package/styles/scss/_sr-only.scss ADDED
@@ -0,0 +1,21 @@
1
+ .sr-only {
2
+ position: absolute;
3
+ width: 1px;
4
+ height: 1px;
5
+ padding: 0;
6
+ margin: -1px;
7
+ overflow: hidden;
8
+ clip: rect(0, 0, 0, 0);
9
+ border: 0;
10
+ }
11
+
12
+ .sr-only.sr-only-focusable:focus,
13
+ .sr-only.sr-only-focusable:focus-within,
14
+ .sr-only.sr-only-focusable:active {
15
+ position: static;
16
+ width: auto;
17
+ height: auto;
18
+ margin: 0;
19
+ overflow: visible;
20
+ clip: auto;
21
+ }
package/styles/scss/_vars.scss CHANGED
@@ -8,7 +8,7 @@ $color-blue-150: #ccdaf1;
8
8
  $color-blue-100: #e5edf8;
9
9
  // Grays
10
10
  $color-gray-500: #141414;
11
- $color-gray-400: #767676;
11
+ $color-gray-400: #737373;
12
12
  $color-gray-300: #8f8f8f;
13
13
  $color-gray-200: #d0d0d0;
14
14
  $color-gray-100: #e7e7e7;
package/styles/scss/hbll-foundation.scss CHANGED
@@ -43,7 +43,7 @@ $color-blue-100: #e5edf8;
43
43
 
44
44
  // Grays / Neutral
45
45
  $color-gray-500: #141414;
46
- $color-gray-400: #737373;
46
+ $color-gray-400: #676767;
47
47
  $color-gray-300: #8f8f8f;
48
48
  $color-gray-200: #d0d0d0;
49
49
  $color-gray-100: #e7e7e7;
@@ -273,7 +273,7 @@ h3,
273
273
  h4,
274
274
  h5,
275
275
  h6,
276
- span,
276
+ span:not(.material-symbols-outlined),
277
277
  a,
278
278
  p {
279
279
  font-family: 'Source Sans Pro';
@@ -366,38 +366,26 @@ a {
366
366
  h1 {
367
367
  font-size: 2rem;
368
368
  line-height: 2.5rem;
369
- margin-bottom: 2.5rem;
370
- margin-top: 2.5rem;
371
369
  }
372
370
  h2 {
373
371
  font-size: 1.75rem;
374
372
  line-height: 2.25rem;
375
- margin-bottom: 2rem;
376
- margin-top: 2rem;
377
373
  }
378
374
  h3 {
379
375
  font-size: 1.5rem;
380
376
  line-height: 2rem;
381
- margin-bottom: 1.75rem;
382
- margin-top: 1.75rem;
383
377
  }
384
378
  h4 {
385
379
  font-size: 1.5rem;
386
380
  line-height: 2rem;
387
- margin-bottom: 1.5rem;
388
- margin-top: 1.5rem;
389
381
  }
390
382
  h5 {
391
383
  font-size: 1.25rem;
392
384
  line-height: 1.75rem;
393
- margin-bottom: 1.25rem;
394
- margin-top: 1.25rem;
395
385
  }
396
386
  h6 {
397
387
  font-size: 1.25rem;
398
388
  line-height: 1.75rem;
399
- margin-bottom: 1.5rem;
400
- margin-top: 1rem;
401
389
  }
402
390
  .hbll-default-body {
403
391
  font-size: 0.875rem;
@@ -417,43 +405,31 @@ h6 {
417
405
  h1 {
418
406
  font-size: 3rem;
419
407
  line-height: 3.5rem;
420
- margin-bottom: 3rem;
421
- margin-top: 3rem;
422
408
  }
423
409
 
424
410
  h2 {
425
411
  font-size: 2.5rem;
426
412
  line-height: 3rem;
427
- margin-bottom: 2.5rem;
428
- margin-top: 2.5rem;
429
413
  }
430
414
 
431
415
  h3 {
432
416
  font-size: 2rem;
433
417
  line-height: 3rem;
434
- margin-bottom: 2.25rem;
435
- margin-top: 2.25rem;
436
418
  }
437
419
 
438
420
  h4 {
439
421
  font-size: 1.75rem;
440
422
  line-height: 2.5rem;
441
- margin-bottom: 2rem;
442
- margin-top: 2rem;
443
423
  }
444
424
 
445
425
  h5 {
446
426
  font-size: 1.5rem;
447
427
  line-height: 2rem;
448
- margin-bottom: 1.75rem;
449
- margin-top: 1.75rem;
450
428
  }
451
429
 
452
430
  h6 {
453
431
  font-size: 1.25rem;
454
432
  line-height: 1.75rem;
455
- margin-bottom: 1.5rem;
456
- margin-top: 1.5rem;
457
433
  }
458
434
 
459
435
  .hbll-default-body {
@@ -477,43 +453,31 @@ h6 {
477
453
  h1 {
478
454
  font-size: 3.75rem;
479
455
  line-height: 4.25rem;
480
- margin-bottom: 3rem;
481
- margin-top: 3rem;
482
456
  }
483
457
 
484
458
  h2 {
485
459
  font-size: 3rem;
486
460
  line-height: 3.5rem;
487
- margin-bottom: 2.5rem;
488
- margin-top: 2.5rem;
489
461
  }
490
462
 
491
463
  h3 {
492
464
  font-size: 2.5rem;
493
465
  line-height: 3rem;
494
- margin-bottom: 2.25rem;
495
- margin-top: 2.25rem;
496
466
  }
497
467
 
498
468
  h4 {
499
469
  font-size: 2rem;
500
470
  line-height: 2.5rem;
501
- margin-bottom: 2rem;
502
- margin-top: 2rem;
503
471
  }
504
472
 
505
473
  h5 {
506
474
  font-size: 1.5rem;
507
475
  line-height: 2rem;
508
- margin-bottom: 1.75rem;
509
- margin-top: 1.75rem;
510
476
  }
511
477
 
512
478
  h6 {
513
479
  font-size: 1.25rem;
514
480
  line-height: 1.75rem;
515
- margin-bottom: 1.5rem;
516
- margin-top: 1.5rem;
517
481
  }
518
482
 
519
483
  .hbll-default-body {
@@ -547,7 +511,9 @@ h6 {
547
511
  border: 0;
548
512
  }
549
513
 
550
- .sr-only-focusable {
514
+ .sr-only.sr-only-focusable:focus,
515
+ .sr-only.sr-only-focusable:focus-within,
516
+ .sr-only.sr-only-focusable:active {
551
517
  position: static;
552
518
  width: auto;
553
519
  height: auto;