@fpkit/acss 0.5.6 → 0.5.8

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 (76) hide show
  1. package/libs/components/alert/alert.css +1 -0
  2. package/libs/components/alert/alert.css.map +1 -0
  3. package/libs/components/alert/alert.min.css +3 -0
  4. package/libs/components/badge/badge.css +1 -0
  5. package/libs/components/badge/badge.css.map +1 -0
  6. package/libs/components/badge/badge.min.css +3 -0
  7. package/libs/components/breadcrumbs/breadcrumb.css +1 -0
  8. package/libs/components/breadcrumbs/breadcrumb.css.map +1 -0
  9. package/libs/components/breadcrumbs/breadcrumb.min.css +3 -0
  10. package/libs/components/buttons/button.css +1 -0
  11. package/libs/components/buttons/button.css.map +1 -0
  12. package/libs/components/buttons/button.min.css +3 -0
  13. package/libs/components/cards/card-style.css +1 -0
  14. package/libs/components/cards/card-style.css.map +1 -0
  15. package/libs/components/cards/card-style.min.css +3 -0
  16. package/libs/components/cards/card.css +1 -0
  17. package/libs/components/cards/card.css.map +1 -0
  18. package/libs/components/cards/card.min.css +3 -0
  19. package/libs/components/details/details.css +1 -0
  20. package/libs/components/details/details.css.map +1 -0
  21. package/libs/components/details/details.min.css +3 -0
  22. package/libs/components/dialog/dialog.css +1 -0
  23. package/libs/components/dialog/dialog.css.map +1 -0
  24. package/libs/components/dialog/dialog.min.css +3 -0
  25. package/libs/components/form/form.css +1 -0
  26. package/libs/components/form/form.css.map +1 -0
  27. package/libs/components/form/form.min.css +3 -0
  28. package/libs/components/icons/icon.css +1 -0
  29. package/libs/components/icons/icon.css.map +1 -0
  30. package/libs/components/icons/icon.min.css +3 -0
  31. package/libs/components/images/img.css +1 -0
  32. package/libs/components/images/img.css.map +1 -0
  33. package/libs/components/images/img.min.css +3 -0
  34. package/libs/components/layout/landmarks.css +1 -0
  35. package/libs/components/layout/landmarks.css.map +1 -0
  36. package/libs/components/layout/landmarks.min.css +3 -0
  37. package/libs/components/link/link.css +1 -0
  38. package/libs/components/link/link.css.map +1 -0
  39. package/libs/components/link/link.min.css +3 -0
  40. package/libs/components/nav/nav.css +1 -0
  41. package/libs/components/nav/nav.css.map +1 -0
  42. package/libs/components/nav/nav.min.css +3 -0
  43. package/libs/components/progress/progress.css +1 -0
  44. package/libs/components/progress/progress.css.map +1 -0
  45. package/libs/components/progress/progress.min.css +3 -0
  46. package/libs/components/styles/index.css +1 -0
  47. package/libs/components/styles/index.css.map +1 -0
  48. package/libs/components/styles/index.min.css +3 -0
  49. package/libs/components/tag/tag.css +1 -0
  50. package/libs/components/tag/tag.css.map +1 -0
  51. package/libs/components/tag/tag.min.css +3 -0
  52. package/libs/components/text-to-speech/text-to-speech.css +1 -0
  53. package/libs/components/text-to-speech/text-to-speech.css.map +1 -0
  54. package/libs/components/text-to-speech/text-to-speech.min.css +3 -0
  55. package/libs/index.css +1 -0
  56. package/libs/index.css.map +1 -0
  57. package/package.json +2 -2
  58. package/src/components/alert/README.mdx +44 -56
  59. package/src/components/alert/alert.scss +1 -1
  60. package/src/components/alert/alert.stories.tsx +8 -7
  61. package/src/components/alert/alert.tsx +10 -2
  62. package/src/components/buttons/README.mdx +96 -0
  63. package/src/components/buttons/button.scss +4 -2
  64. package/src/components/details/README.mdx +101 -0
  65. package/src/components/details/details.scss +21 -15
  66. package/src/components/details/details.stories.tsx +35 -7
  67. package/src/components/dialog/dialog-modal.stories.tsx +1 -1
  68. package/src/styles/alert/alert.css +0 -1
  69. package/src/styles/alert/alert.css.map +1 -1
  70. package/src/styles/buttons/button.css +5 -2
  71. package/src/styles/buttons/button.css.map +1 -1
  72. package/src/styles/details/details.css +18 -13
  73. package/src/styles/details/details.css.map +1 -1
  74. package/src/styles/index.css +23 -16
  75. package/src/styles/index.css.map +1 -1
  76. package/src/components/alert/alert.mdx +0 -74
@@ -1,22 +1,22 @@
1
1
  details {
2
- --details-w: 100%;
3
- --details-h: max-content;
4
- --details-border: 1px solid #dfdfdf;
5
- --details-display: flex;
6
- --details-justify: flex-start;
2
+ --details-border: 0.0625rem solid #dfdfdf;
7
3
  --details-direction: column;
4
+ --details-display: flex;
8
5
  --details-gap: 0rem;
6
+ --details-h: max-content;
7
+ --details-justify: flex-start;
9
8
  --details-px: 1.5rem;
10
9
  --details-py: 1rem;
11
- --details-radius: var(--border-radius);
10
+ --details-radius: 0;
11
+ --details-w: 100%;
12
+ --max-h-closed: 6.25rem;
13
+ --max-h-open: 50rem;
14
+ --summary-align: center;
12
15
  --summary-cursor: pointer;
13
- --summary-transitions: all 0.75s ease-in-out;
14
16
  --summary-display: flex;
15
- --summary-justify: flex-start;
16
- --summary-align: center;
17
17
  --summary-gap: 0.5rem;
18
- --max-h-closed: 6.25rem;
19
- --max-h-open: 50rem;
18
+ --summary-justify: flex-start;
19
+ --summary-transitions: all 0.75s ease-in-out;
20
20
  interpolate-size: allow-keywords;
21
21
  display: var(--details-display);
22
22
  flex-direction: var(--details-direction);
@@ -24,10 +24,11 @@ details {
24
24
  gap: var(--details-gap);
25
25
  width: var(--details-w);
26
26
  border: var(--details-border);
27
+ border-left: none;
28
+ border-right: none;
27
29
  transition: var(--summary-transitions);
28
30
  max-height: var(--max-h-closed);
29
31
  overflow: clip;
30
- border-radius: var(--details-radius);
31
32
  }
32
33
  details + details {
33
34
  border-radius: 0;
@@ -63,7 +64,7 @@ details summary::-webkit-details-marker {
63
64
  }
64
65
  details summary:focus-within {
65
66
  outline: none;
66
- border-bottom: solid 2px var(--details-border);
67
+ border-bottom: solid 2px currentColor;
67
68
  background-color: whitesmoke;
68
69
  }
69
70
  details summary:hover {
@@ -72,6 +73,10 @@ details summary:hover {
72
73
  details summary > section {
73
74
  width: var(--details-w);
74
75
  }
76
+ details .list-styles summary {
77
+ border-left: none;
78
+ border-right: none;
79
+ }
75
80
  details > section {
76
81
  padding-inline: var(--details-px);
77
82
  padding-block: var(--details-py);
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../components/details/details.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAIF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAYA;;AAVA;EACE;;AAGF;EACE;EACA;EACA;;AAIF;EACE;;AAEF;EACE;;AAIJ;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AACA;EACE;;AAEF;EACE","file":"details.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../components/details/details.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAIF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAYA;;AAVA;EACE;;AAGF;EACE;EACA;EACA;;AAIF;EACE;;AAEF;EACE;;AAKF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AACA;EACE;;AAEF;EACE","file":"details.css"}
@@ -431,17 +431,19 @@ button {
431
431
  --btn-xs: 0.6rem;
432
432
  --btn-sm: 0.7rem;
433
433
  --btn-md: 0.85rem;
434
- --btn-lg: calc(21rem / 16);
434
+ --btn-lg: 1.3125rem;
435
435
  --btn-pill: 100rem;
436
436
  --btn-height: 2.5rem;
437
437
  --fs: 0.95rem;
438
438
  --btn-fs: 0.9375rem;
439
439
  --btn-bg: lightgray;
440
440
  --btn-width: max-content;
441
+ --btn-calc-height: var(--btn-height, calc(40rem / 16));
441
442
  font-size: var(--btn-fs);
442
443
  font-weight: var(--btn-fw, 500);
443
444
  height: var(--btn-height, 2.5rem);
444
- min-height: var(--btn-height);
445
+ max-height: var(--btn-calc-height);
446
+ min-height: 1.5rem;
445
447
  place-items: var(--btn-place, center);
446
448
  padding-inline: var(--btn-px, calc(var(--btn-fs) + 1.1%));
447
449
  padding-block: var(--btn-py, calc(var(--btn-fs) + 0.75%));
@@ -520,6 +522,7 @@ button[data-btn~=lg] {
520
522
  button[data-btn~=icon] {
521
523
  padding: unset;
522
524
  height: unset;
525
+ --btn-bg: transparent;
523
526
  min-width: 1.5rem;
524
527
  min-height: 1.5rem;
525
528
  text-align: center;
@@ -756,24 +759,24 @@ progress[aria-busy]::-webkit-progress-bar {
756
759
  }
757
760
 
758
761
  details {
759
- --details-w: 100%;
760
- --details-h: max-content;
761
- --details-border: 1px solid #dfdfdf;
762
- --details-display: flex;
763
- --details-justify: flex-start;
762
+ --details-border: 0.0625rem solid #dfdfdf;
764
763
  --details-direction: column;
764
+ --details-display: flex;
765
765
  --details-gap: 0rem;
766
+ --details-h: max-content;
767
+ --details-justify: flex-start;
766
768
  --details-px: 1.5rem;
767
769
  --details-py: 1rem;
768
- --details-radius: var(--border-radius);
770
+ --details-radius: 0;
771
+ --details-w: 100%;
772
+ --max-h-closed: 6.25rem;
773
+ --max-h-open: 50rem;
774
+ --summary-align: center;
769
775
  --summary-cursor: pointer;
770
- --summary-transitions: all 0.75s ease-in-out;
771
776
  --summary-display: flex;
772
- --summary-justify: flex-start;
773
- --summary-align: center;
774
777
  --summary-gap: 0.5rem;
775
- --max-h-closed: 6.25rem;
776
- --max-h-open: 50rem;
778
+ --summary-justify: flex-start;
779
+ --summary-transitions: all 0.75s ease-in-out;
777
780
  interpolate-size: allow-keywords;
778
781
  display: var(--details-display);
779
782
  flex-direction: var(--details-direction);
@@ -781,10 +784,11 @@ details {
781
784
  gap: var(--details-gap);
782
785
  width: var(--details-w);
783
786
  border: var(--details-border);
787
+ border-left: none;
788
+ border-right: none;
784
789
  transition: var(--summary-transitions);
785
790
  max-height: var(--max-h-closed);
786
791
  overflow: clip;
787
- border-radius: var(--details-radius);
788
792
  }
789
793
  details + details {
790
794
  border-radius: 0;
@@ -820,7 +824,7 @@ details summary::-webkit-details-marker {
820
824
  }
821
825
  details summary:focus-within {
822
826
  outline: none;
823
- border-bottom: solid 2px var(--details-border);
827
+ border-bottom: solid 2px currentColor;
824
828
  background-color: whitesmoke;
825
829
  }
826
830
  details summary:hover {
@@ -829,6 +833,10 @@ details summary:hover {
829
833
  details summary > section {
830
834
  width: var(--details-w);
831
835
  }
836
+ details .list-styles summary {
837
+ border-left: none;
838
+ border-right: none;
839
+ }
832
840
  details > section {
833
841
  padding-inline: var(--details-px);
834
842
  padding-block: var(--details-py);
@@ -1559,7 +1567,6 @@ nav[data-breadcrumb] ol li a[href][aria-current] {
1559
1567
  }
1560
1568
  [role=alert] button[data-btn~=icon] {
1561
1569
  --btn-bg: transparent;
1562
- max-height: fit-content;
1563
1570
  }
1564
1571
 
1565
1572
  [data-tts] {
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../sass/_reset.scss","../sass/_properties.scss","../sass/_globals.scss","../sass/_elements.scss","../components/buttons/button.scss","../components/tag/tag.scss","../components/images/img.scss","../components/cards/card.scss","../components/progress/progress.scss","../components/details/details.scss","../components/link/link.scss","../sass/_mixins.scss","../components/layout/_header.scss","../components/layout/landmarks.scss","../components/dialog/dialog.scss","../sass/_grid.scss","../components/badge/badge.scss","../components/nav/nav.scss","../components/form/form.scss","../components/breadcrumbs/breadcrumb.scss","../components/alert/alert.scss","../components/text-to-speech/text-to-speech.scss","../sass/styles/_shadows.scss","../sass/styles/_colors.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;EAGE;;;AAGF;AACE;AACA;EACA;AAEA;AACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAGA;AAAA;EAEE;EACA;;;AAGF;AACA;EACE;;;AAGF;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAUE;;;AAGF;AAWA;AACA;EACE;EACA;EACA;;;AAGF;AACA;EACE;;;AAGF;AAAA;EAEE;;;AAGF;AACA;AAAA;AAAA;AAAA;EAIE;EACA;EACA;;;AAGF;AAAA;AAAA;EAGE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;AACA;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;IACE;;EAGF;AAAA;AAAA;IAGE;IACA;IACA;IACA;;;AAIJ;AACA;AAAA;EAEE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;AACA;EACE;;;AAGF;EACE;AAEA;AAGA;EACA;;AAEA;EACE;EACA;EACA;;;ACpLJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EAGA;EAEA;EAEA;EAEA;EAEA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;;;ACxGF;EACE;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AACA;EACE;;;AAKN;AAAA;AAAA;EAGE;;AACA;AAAA;AAAA;EACE;;;AAIJ;AAAA;AAAA;AAAA;EAIE;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;;AAEF;AAAA;AAAA;AAAA;EACE;;;AAKF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;AAAA;EAEE;EACA;EACA;EACA;EACA;;AACA;AAAA;AAAA;EAEE;EACA;EACA;;AAEF;AAAA;EACE;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AC1IA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;;;ACdJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EAEE;EACA;;AAGF;EAEE;;AAGA;EACE;;AAOJ;EAEE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EAGE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;;ACvIN;AAAA;AAAA;AAAA;EAIE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;EACE;EACA;;AAEF;AAAA;AAAA;AAAA;EACE;EACA;;;AAGJ;EACE;EACA;;;ACtDF;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;;ACvCN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;EAEE;EACA;;AAEF;AAAA;EACE;;AAEF;AAAA;EACE;EACA;EACA;;AAGF;AAAA;EACE;;AAEF;AAAA;EAEE;;AAEF;AAAA;EACE;;;ACzCJ;AACE;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;AACA;AACA;AA8BA;;AA7BA;EAEE;EACA;EACA;EACA;AAgBA;;AAbA;AACE;EACA;EACA;;AAIF;AACE;EACA;EACA;;AAIF;AACE;EACA;EACA;;AAKJ;EAEE;EACA;EAEA;AAcA;;AAZA;AACE;EAEA;;AAGF;EAGE;;AAIF;AACE;EAEA;;;ACjEN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAIF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAYA;;AAVA;EACE;;AAGF;EACE;EACA;EACA;;AAIF;EACE;;AAEF;EACE;;AAIJ;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AACA;EACE;;AAEF;EACE;;;AClGN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;EAEA;EACA;AAAA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EAEE;;AAGF;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EClEF;EACA;EACA;EACA;EACA;;AD+DE;EACE;EACA;;AAEF;EACE;;ACnEJ;EACE;;ADsEF;EAEE;EACA;EACA;;AACA;EAEE;;;AAKN;EACE;;;AE1FF;AAAA;AAAA;EAIE;EAEA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;AAAA;AAAA;EACE;;AAEF;AAAA;AAAA;EACE;EAEA;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;;AChEN;AAAA;EAEE;EACA;EACA;EACA;EACA;;AACA;AAAA;EACE;EACA;EACA;;;AAIJ;EACE;EACA;;AACA;AAAA;EAEE;EACA;;AACA;AAAA;EACE;EACA;EACA;EACA;;AACA;AAAA;EACE;EACA;EACA;;AAEF;AAAA;EACE;EACA;;;AAON;EACE;EACA;EACA;EACA;EACA;;;AChDJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;;AACA;EAEE;EACA;;;AAKN;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;;;AC1EF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAIA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EAEA;EACA;EACA;;AACA;EACE;EACA;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EAIA;EACA;EACA;EACA;EACA;;;AClGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AAEF;EACE;EACA;;;AClBJ;AAAA;EAEE;EACA;;AAEA;EALF;AAAA;IAMI;IACA;IACA;IACA;IACA;;;AAGA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;;AAEF;AAAA;EACE;;;AAMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;AAAA;EACE;;AAKF;EACE;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;;ACvFJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;;AAGF;EACE;;;AAIJ;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EACE;EACA;EACA;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;EACE;;AAKA;AAAA;AAAA;EACE;EACA;;AACA;AAAA;AAAA;EACE;;AAKN;AAAA;AAAA;EACE;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACrFF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;AAAA;EACE;EACA;EACA;;AACA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;AAAA;EACE;;AAEF;AAAA;EACE;;AACA;AAAA;EACE;EACA;;;AC7BV;AACE;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;;AACA;EACE;EACA;;AAGF;EACE;EACA;;AACA;EACE;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAIA;EACE;EACA;;;AC5EN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;;AACA;AAAA;EAEE;;AACA;AAAA;EACE;;;AC3BN;EACE;EACA;EACA;AAAA;EAEA;AAAA;EAEA;AAAA;EAEA;AAAA;;;AAIF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AChCF;EACE;;;AAGF;EACE;;AACA;EACE;;AAEF;EACE","file":"index.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../sass/_reset.scss","../sass/_properties.scss","../sass/_globals.scss","../sass/_elements.scss","../components/buttons/button.scss","../components/tag/tag.scss","../components/images/img.scss","../components/cards/card.scss","../components/progress/progress.scss","../components/details/details.scss","../components/link/link.scss","../sass/_mixins.scss","../components/layout/_header.scss","../components/layout/landmarks.scss","../components/dialog/dialog.scss","../sass/_grid.scss","../components/badge/badge.scss","../components/nav/nav.scss","../components/form/form.scss","../components/breadcrumbs/breadcrumb.scss","../components/alert/alert.scss","../components/text-to-speech/text-to-speech.scss","../sass/styles/_shadows.scss","../sass/styles/_colors.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;EAGE;;;AAGF;AACE;AACA;EACA;AAEA;AACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAGA;AAAA;EAEE;EACA;;;AAGF;AACA;EACE;;;AAGF;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAUE;;;AAGF;AAWA;AACA;EACE;EACA;EACA;;;AAGF;AACA;EACE;;;AAGF;AAAA;EAEE;;;AAGF;AACA;AAAA;AAAA;AAAA;EAIE;EACA;EACA;;;AAGF;AAAA;AAAA;EAGE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;AACA;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;IACE;;EAGF;AAAA;AAAA;IAGE;IACA;IACA;IACA;;;AAIJ;AACA;AAAA;EAEE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;AACA;EACE;;;AAGF;EACE;AAEA;AAGA;EACA;;AAEA;EACE;EACA;EACA;;;ACpLJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EAGA;EAEA;EAEA;EAEA;EAEA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;;;ACxGF;EACE;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AACA;EACE;;;AAKN;AAAA;AAAA;EAGE;;AACA;AAAA;AAAA;EACE;;;AAIJ;AAAA;AAAA;AAAA;EAIE;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;;AAEF;AAAA;AAAA;AAAA;EACE;;;AAKF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;AAAA;EAEE;EACA;EACA;EACA;EACA;;AACA;AAAA;AAAA;EAEE;EACA;EACA;;AAEF;AAAA;EACE;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AC1IA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;;;ACdJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EAEE;EACA;;AAGF;EAEE;;AAGA;EACE;;AAOJ;EAEE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EAGE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;;AC1IN;AAAA;AAAA;AAAA;EAIE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;EACE;EACA;;AAEF;AAAA;AAAA;AAAA;EACE;EACA;;;AAGJ;EACE;EACA;;;ACtDF;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;;ACvCN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;EAEE;EACA;;AAEF;AAAA;EACE;;AAEF;AAAA;EACE;EACA;EACA;;AAGF;AAAA;EACE;;AAEF;AAAA;EAEE;;AAEF;AAAA;EACE;;;ACzCJ;AACE;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;AACA;AACA;AA8BA;;AA7BA;EAEE;EACA;EACA;EACA;AAgBA;;AAbA;AACE;EACA;EACA;;AAIF;AACE;EACA;EACA;;AAIF;AACE;EACA;EACA;;AAKJ;EAEE;EACA;EAEA;AAcA;;AAZA;AACE;EAEA;;AAGF;EAGE;;AAIF;AACE;EAEA;;;ACjEN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAIF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAYA;;AAVA;EACE;;AAGF;EACE;EACA;EACA;;AAIF;EACE;;AAEF;EACE;;AAKF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AACA;EACE;;AAEF;EACE;;;ACxGN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;EAEA;EACA;AAAA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EAEE;;AAGF;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EClEF;EACA;EACA;EACA;EACA;;AD+DE;EACE;EACA;;AAEF;EACE;;ACnEJ;EACE;;ADsEF;EAEE;EACA;EACA;;AACA;EAEE;;;AAKN;EACE;;;AE1FF;AAAA;AAAA;EAIE;EAEA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;AAAA;AAAA;EACE;;AAEF;AAAA;AAAA;EACE;EAEA;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;;AChEN;AAAA;EAEE;EACA;EACA;EACA;EACA;;AACA;AAAA;EACE;EACA;EACA;;;AAIJ;EACE;EACA;;AACA;AAAA;EAEE;EACA;;AACA;AAAA;EACE;EACA;EACA;EACA;;AACA;AAAA;EACE;EACA;EACA;;AAEF;AAAA;EACE;EACA;;;AAON;EACE;EACA;EACA;EACA;EACA;;;AChDJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;;AACA;EAEE;EACA;;;AAKN;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;;;AC1EF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAIA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EAEA;EACA;EACA;;AACA;EACE;EACA;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EAIA;EACA;EACA;EACA;EACA;;;AClGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AAEF;EACE;EACA;;;AClBJ;AAAA;EAEE;EACA;;AAEA;EALF;AAAA;IAMI;IACA;IACA;IACA;IACA;;;AAGA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;;AAEF;AAAA;EACE;;;AAMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;AAAA;EACE;;AAKF;EACE;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;;ACvFJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;;AAGF;EACE;;;AAIJ;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EACE;EACA;EACA;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;EACE;;AAKA;AAAA;AAAA;EACE;EACA;;AACA;AAAA;AAAA;EACE;;AAKN;AAAA;AAAA;EACE;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACrFF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;AAAA;EACE;EACA;EACA;;AACA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;AAAA;EACE;;AAEF;AAAA;EACE;;AACA;AAAA;EACE;EACA;;;AC7BV;AACE;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;;AACA;EACE;EACA;;AAGF;EACE;EACA;;AACA;EACE;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAIA;EACE;;;AC3EN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;;AACA;AAAA;EAEE;;AACA;AAAA;EACE;;;AC3BN;EACE;EACA;EACA;AAAA;EAEA;AAAA;EAEA;AAAA;EAEA;AAAA;;;AAIF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AChCF;EACE;;;AAGF;EACE;;AACA;EACE;;AAEF;EACE","file":"index.css"}
@@ -1,74 +0,0 @@
1
- import { Meta } from "@storybook/blocks";
2
-
3
- <Meta title="FP.REACT Components/Alert/Readme" />
4
-
5
- # Alert Component
6
-
7
- ## Summary
8
-
9
- The `Alert` component is a customizable component for displaying status messages
10
- with different severity levels. It supports multiple severity types (default,
11
- info, success, warning, error) and can include optional titles and dismissal
12
- functionality.
13
-
14
- ## Features
15
-
16
- - Multiple severity levels with matching visual indicators
17
- - Optional title and dismissible states
18
- - Accessible by default with appropriate ARIA attributes
19
- - Customizable icons through `iconProps`
20
-
21
- ## Props
22
-
23
- ```tsx
24
- export type AlertProps = {
25
- open: boolean;
26
- severity?: "default" | "info" | "success" | "warning" | "error";
27
- children: React.ReactNode;
28
- title?: string;
29
- dismissible?: boolean;
30
- onDismiss?: () => void;
31
- iconProps?: IconProps;
32
- } & React.ComponentProps<typeof UI>;
33
- ```
34
-
35
- ## Technical Details
36
-
37
- The `Alert` component uses the `UI` component for rendering and supports various
38
- severity levels with corresponding ARIA attributes for accessibility. It also
39
- allows for custom icons through the `iconProps` prop.
40
-
41
- ## Usage Example
42
-
43
- ### Basic Usage
44
-
45
- ```tsx
46
- import Alert from "#components/alert";
47
-
48
- <Alert open={true} severity="info">
49
- This is an info alert.
50
- </Alert>;
51
- ```
52
-
53
- ### Advanced Usage
54
-
55
- ```tsx
56
- import Alert from "#components/alert";
57
-
58
- <Alert
59
- open={true}
60
- severity="error"
61
- title="Error"
62
- dismissible={true}
63
- onDismiss={() => console.log("Alert dismissed")}
64
- iconProps={{ fill: "#000", size: 24 }}
65
- >
66
- This is an error alert with a custom icon.
67
- </Alert>;
68
- ```
69
-
70
- ### Additional Notes
71
-
72
- - The `Alert` component is designed to be accessible by default.
73
- - The `dismissible` prop allows the alert to be dismissed by the user.
74
- - Custom icons can be provided through the `iconProps` prop.