@fpkit/acss 4.0.0 → 5.0.0
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/libs/components/alert/alert.css +1 -1
- package/libs/components/alert/alert.css.map +1 -1
- package/libs/components/alert/alert.min.css +2 -2
- package/libs/components/badge/badge.css +1 -1
- package/libs/components/badge/badge.css.map +1 -1
- package/libs/components/badge/badge.min.css +2 -2
- package/libs/components/buttons/button.css +1 -1
- package/libs/components/buttons/button.css.map +1 -1
- package/libs/components/buttons/button.min.css +2 -2
- package/libs/components/cards/card.css +1 -1
- package/libs/components/cards/card.css.map +1 -1
- package/libs/components/cards/card.min.css +2 -2
- package/libs/components/details/details.css +1 -1
- package/libs/components/details/details.css.map +1 -1
- package/libs/components/details/details.min.css +2 -2
- package/libs/components/dialog/dialog.css +1 -1
- package/libs/components/dialog/dialog.css.map +1 -1
- package/libs/components/dialog/dialog.min.css +2 -2
- package/libs/components/form/checkbox.css +1 -1
- package/libs/components/form/checkbox.css.map +1 -1
- package/libs/components/form/checkbox.min.css +2 -2
- package/libs/components/form/form.css +1 -1
- package/libs/components/form/form.css.map +1 -1
- package/libs/components/form/form.min.css +2 -2
- package/libs/components/link/link.css +1 -1
- package/libs/components/link/link.css.map +1 -1
- package/libs/components/link/link.min.css +2 -2
- package/libs/components/nav/nav.css +1 -1
- package/libs/components/nav/nav.css.map +1 -1
- package/libs/components/nav/nav.min.css +2 -2
- package/libs/components/progress/progress.css +1 -1
- package/libs/components/progress/progress.css.map +1 -1
- package/libs/components/progress/progress.min.css +2 -2
- package/libs/components/tag/tag.css +1 -1
- package/libs/components/tag/tag.css.map +1 -1
- package/libs/components/tag/tag.min.css +2 -2
- package/libs/components/text-to-speech/text-to-speech.css +1 -1
- package/libs/components/text-to-speech/text-to-speech.css.map +1 -1
- package/libs/components/text-to-speech/text-to-speech.min.css +2 -2
- package/libs/components/title/title.css +1 -1
- package/libs/components/title/title.css.map +1 -1
- package/libs/components/title/title.min.css +2 -2
- package/libs/index.cjs +1 -1
- package/libs/index.cjs.map +1 -1
- package/libs/index.css +1 -1
- package/libs/index.css.map +1 -1
- package/libs/index.js +1 -1
- package/libs/index.js.map +1 -1
- package/package.json +2 -2
- package/src/components/alert/alert.scss +22 -22
- package/src/components/alert/views/alert-view.tsx +6 -2
- package/src/components/badge/badge.scss +1 -1
- package/src/components/buttons/button.scss +8 -8
- package/src/components/cards/card.scss +7 -7
- package/src/components/details/details.scss +2 -3
- package/src/components/dialog/dialog.scss +4 -4
- package/src/components/form/checkbox.scss +8 -8
- package/src/components/form/form.scss +10 -10
- package/src/components/form/input.stories.tsx +17 -4
- package/src/components/link/link.scss +1 -1
- package/src/components/nav/nav.scss +1 -1
- package/src/components/progress/progress.scss +2 -2
- package/src/components/tag/tag.scss +7 -7
- package/src/components/text-to-speech/text-to-speech.scss +1 -1
- package/src/components/title/title.scss +4 -4
- package/src/index.scss +15 -1
- package/src/sass/_globals.scss +3 -3
- package/src/sass/styles/_colors.scss +16 -0
- package/src/sass/tokens/_color-primitives.scss +112 -0
- package/src/sass/tokens/_color-semantic.scss +144 -0
- package/src/sass/tokens/_index.scss +15 -0
- package/src/sass/utilities/_color-bg.scss +62 -0
- package/src/sass/utilities/_color-border.scss +61 -0
- package/src/sass/utilities/_color-text.scss +58 -0
- package/src/sass/utilities/_index.scss +17 -0
- package/src/sass/utilities/color-utilities.stories.tsx +608 -0
- package/src/styles/alert/alert.css +19 -19
- package/src/styles/badge/badge.css +1 -1
- package/src/styles/buttons/button.css +8 -8
- package/src/styles/cards/card.css +7 -7
- package/src/styles/details/details.css +2 -3
- package/src/styles/details/details.css.map +1 -1
- package/src/styles/dialog/dialog.css +4 -4
- package/src/styles/form/checkbox.css +11 -11
- package/src/styles/form/form.css +26 -21
- package/src/styles/form/form.css.map +1 -1
- package/src/styles/index.css +516 -82
- package/src/styles/index.css.map +1 -1
- package/src/styles/link/link.css +1 -1
- package/src/styles/nav/nav.css +1 -1
- package/src/styles/progress/progress.css +2 -2
- package/src/styles/tag/tag.css +7 -7
- package/src/styles/text-to-speech/text-to-speech.css +1 -1
- package/src/styles/title/title.css +4 -4
- package/src/styles/title/title.css.map +1 -1
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
p[role=note],[role=note],small>span,[data-tag]{--beta:
|
|
1
|
+
p[role=note],[role=note],small>span,[data-tag]{--beta: var(--color-amber-400);--stable: var(--color-green-700);--production: var(--color-blue-900);--tag-padding-inline: 0.7rem;--tag-padding-block: 0.2rem;--tag-fs: 0.8rem;--tag-radius: 99rem;--tag-bg: var(--color-neutral-300);--tag-fw: 500;--tag-color: currentColor;--tag-display: inline-block;display:var(--tag-display);padding-inline:var(--tag-padding-inline);padding-block:var(--tag-padding-block);font-size:var(--tag-fs);color:var(--tag-color);background-color:var(--tag-bg);border-radius:var(--tag-radius)}p[role=note]:focus-visible,[role=note]:focus-visible,small>span:focus-visible,[data-tag]:focus-visible{outline:2px solid currentColor;outline-offset:2px}p[role=note]:focus:not(:focus-visible),[role=note]:focus:not(:focus-visible),small>span:focus:not(:focus-visible),[data-tag]:focus:not(:focus-visible){outline:none}p[role=note][data-tag~=alpha],[role=note][data-tag~=alpha],small>span[data-tag~=alpha],[data-tag][data-tag~=alpha]{--tag-color: var(--color-neutral-900);--tag-bg: var(--beta)}p[role=note][data-tag~=alpha]::before,[role=note][data-tag~=alpha]::before,small>span[data-tag~=alpha]::before,[data-tag][data-tag~=alpha]::before{content:"⚠";margin-inline-end:.25rem;font-weight:700;aria-hidden:true}p[role=note][data-tag~=beta],[role=note][data-tag~=beta],small>span[data-tag~=beta],[data-tag][data-tag~=beta]{--tag-color: var(--color-neutral-900);--tag-bg: var(--beta)}p[role=note][data-tag~=beta]::before,[role=note][data-tag~=beta]::before,small>span[data-tag~=beta]::before,[data-tag][data-tag~=beta]::before{content:"⚠";margin-inline-end:.25rem;font-weight:700;aria-hidden:true}p[role=note][data-tag~=stable],[role=note][data-tag~=stable],small>span[data-tag~=stable],[data-tag][data-tag~=stable]{--tag-color: var(--color-text-inverse);--tag-bg: var(--stable)}p[role=note][data-tag~=stable]::before,[role=note][data-tag~=stable]::before,small>span[data-tag~=stable]::before,[data-tag][data-tag~=stable]::before{content:"✓";margin-inline-end:.25rem;font-weight:700;aria-hidden:true}p[role=note][data-tag~=production],[role=note][data-tag~=production],small>span[data-tag~=production],[data-tag][data-tag~=production]{--tag-color: #ffffff;--tag-bg: var(--production)}p[role=note][data-tag~=production]::before,[role=note][data-tag~=production]::before,small>span[data-tag~=production]::before,[data-tag][data-tag~=production]::before{content:"●";margin-inline-end:.25rem;font-weight:700;aria-hidden:true}p[role=note]{--tag-display: block;--tag-radius: 0.5rem}
|
|
2
2
|
|
|
3
|
-
/*# sourceMappingURL=data:application/json;base64,
|
|
3
|
+
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhZy5jc3MiLCIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy90YWcvdGFnLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsK0NDaUJBLDhCQUtFLENBQUEsZ0NBQ0EsQ0FBQSxtQ0FDQSxDQUFBLDRCQUdBLENBQUEsMkJBQ0EsQ0FBQSxnQkFDQSxDQUFBLG1CQUNBLENBQUEsa0NBQ0EsQ0FBQSxhQUNBLENBQUEseUJBQ0EsQ0FBQSwyQkFDQSxDQUFBLDBCQUdBLENBQUEsd0NBQ0EsQ0FBQSxzQ0FDQSxDQUFBLHVCQUNBLENBQUEsc0JBQ0EsQ0FBQSw4QkFDQSxDQUFBLCtCQUNBLENBQUEsdUdBTUEsOEJBQ0UsQ0FBQSxrQkFDQSxDQUFBLHVKQUlGLFlBQ0UsQ0FBQSxtSEFVRixxQ0FDRSxDQUFBLHFCQUNBLENBQUEsbUpBR0EsV0FDRSxDQUFBLHdCQUNBLENBQUEsZUFDQSxDQUFBLGdCQUNBLENBQUEsK0dBS0oscUNBQ0UsQ0FBQSxxQkFDQSxDQUFBLCtJQUdBLFdBQ0UsQ0FBQSx3QkFDQSxDQUFBLGVBQ0EsQ0FBQSxnQkFDQSxDQUFBLHVIQUtKLHNDQUNFLENBQUEsdUJBQ0EsQ0FBQSx1SkFHQSxXQUNFLENBQUEsd0JBQ0EsQ0FBQSxlQUNBLENBQUEsZ0JBQ0EsQ0FBQSx1SUFLSixvQkFDRSxDQUFBLDJCQUNBLENBQUEsdUtBR0EsV0FDRSxDQUFBLHdCQUNBLENBQUEsZUFDQSxDQUFBLGdCQUNBLENBQUEsYUFTTixvQkFDRSxDQUFBLG9CQUNBIiwiZmlsZSI6InRhZy5taW4uY3NzIn0= */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[data-tts]{--tts-gap: 0.5rem;--tts-bg:
|
|
1
|
+
[data-tts]{--tts-gap: 0.5rem;--tts-bg: var(--color-surface);--tts-border-width: 0.125rem;--tts-border-style: solid;--tts-border-color: currentColor;--tts-radius: 99rem;--tts-padding: 0.5rem;--tts-min-width: 20.3125rem;--tts-align-items: center;--tts-justify-content: center;display:flex;gap:var(--tts-gap);align-items:var(--tts-align-items);justify-content:var(--tts-justify-content);background-color:var(--tts-bg);border:none;outline:var(--tts-border-width) var(--tts-border-style) var(--tts-border-color);border-radius:var(--tts-radius);padding:var(--tts-padding);min-width:var(--tts-min-width)}[data-tts] button[data-btn~=tts-btn],[data-tts] .tts-border{outline:none}[data-tts] button[data-btn~=tts-btn]:hover,[data-tts] .tts-border:hover{outline:var(--tts-border-width) var(--tts-border-style)}/*# sourceMappingURL=text-to-speech.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/components/text-to-speech/text-to-speech.scss"],"names":[],"mappings":"AAAA,WACE,kBACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/components/text-to-speech/text-to-speech.scss"],"names":[],"mappings":"AAAA,WACE,kBACA,+BACA,6BACA,0BACA,iCACA,oBACA,sBACA,4BACA,0BACA,8BAEA,aACA,mBACA,mCACA,2CACA,+BACA,YACA,gFAEA,gCACA,2BACA,+BACA,4DAEE,aACA,wEACE","file":"text-to-speech.css"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
[data-tts]{--tts-gap: 0.5rem;--tts-bg:
|
|
1
|
+
[data-tts]{--tts-gap: 0.5rem;--tts-bg: var(--color-surface);--tts-border-width: 0.125rem;--tts-border-style: solid;--tts-border-color: currentColor;--tts-radius: 99rem;--tts-padding: 0.5rem;--tts-min-width: 20.3125rem;--tts-align-items: center;--tts-justify-content: center;display:flex;gap:var(--tts-gap);align-items:var(--tts-align-items);justify-content:var(--tts-justify-content);background-color:var(--tts-bg);border:none;outline:var(--tts-border-width) var(--tts-border-style) var(--tts-border-color);border-radius:var(--tts-radius);padding:var(--tts-padding);min-width:var(--tts-min-width)}[data-tts] button[data-btn~=tts-btn],[data-tts] .tts-border{outline:none}[data-tts] button[data-btn~=tts-btn]:hover,[data-tts] .tts-border:hover{outline:var(--tts-border-width) var(--tts-border-style)}
|
|
2
2
|
|
|
3
|
-
/*# sourceMappingURL=data:application/json;base64,
|
|
3
|
+
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQtdG8tc3BlZWNoL3RleHQtdG8tc3BlZWNoLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsV0FDRSxpQkFBQSxDQUNBLDhCQUFBLENBQ0EsNEJBQUEsQ0FDQSx5QkFBQSxDQUNBLGdDQUFBLENBQ0EsbUJBQUEsQ0FDQSxxQkFBQSxDQUNBLDJCQUFBLENBQ0EseUJBQUEsQ0FDQSw2QkFBQSxDQUVBLFlBQUEsQ0FDQSxrQkFBQSxDQUNBLGtDQUFBLENBQ0EsMENBQUEsQ0FDQSw4QkFBQSxDQUNBLFdBQUEsQ0FDQSwrRUFBQSxDQUVBLCtCQUFBLENBQ0EsMEJBQUEsQ0FDQSw4QkFBQSxDQUNBLDREQUVFLFlBQUEsQ0FDQSx3RUFDRSx1REFBQSIsImZpbGUiOiJ0ZXh0LXRvLXNwZWVjaC5taW4uY3NzIn0= */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--title-size-xs: 0.75rem;--title-size-sm: 0.875rem;--title-size-md: 1rem;--title-size-lg: 1.5rem;--title-size-xl: 2rem;--title-size-2xl: 2.5rem}[data-title]{--title-fs: inherit;--title-fw: 600;--title-lh: 1.2;--title-margin-block-end: 0.5em;--title-color: inherit;font-size:var(--title-fs);font-weight:var(--title-fw);line-height:var(--title-lh);margin-block-end:var(--title-margin-block-end);color:var(--title-color)}[data-title][data-title~=xs]{--title-fs: var(--title-size-xs)}[data-title][data-title~=sm]{--title-fs: var(--title-size-sm)}[data-title][data-title~=md]{--title-fs: var(--title-size-md)}[data-title][data-title~=lg]{--title-fs: var(--title-size-lg)}[data-title][data-title~=xl]{--title-fs: var(--title-size-xl)}[data-title][data-title~="2xl"]{--title-fs: var(--title-size-2xl)}[data-title][data-title~=primary]{--title-color:
|
|
1
|
+
:root{--title-size-xs: 0.75rem;--title-size-sm: 0.875rem;--title-size-md: 1rem;--title-size-lg: 1.5rem;--title-size-xl: 2rem;--title-size-2xl: 2.5rem}[data-title]{--title-fs: inherit;--title-fw: 600;--title-lh: 1.2;--title-margin-block-end: 0.5em;--title-color: inherit;font-size:var(--title-fs);font-weight:var(--title-fw);line-height:var(--title-lh);margin-block-end:var(--title-margin-block-end);color:var(--title-color)}[data-title][data-title~=xs]{--title-fs: var(--title-size-xs)}[data-title][data-title~=sm]{--title-fs: var(--title-size-sm)}[data-title][data-title~=md]{--title-fs: var(--title-size-md)}[data-title][data-title~=lg]{--title-fs: var(--title-size-lg)}[data-title][data-title~=xl]{--title-fs: var(--title-size-xl)}[data-title][data-title~="2xl"]{--title-fs: var(--title-size-2xl)}[data-title][data-title~=primary]{--title-color: var(--color-primary)}[data-title][data-title~=secondary]{--title-color: var(--color-text-secondary)}[data-title][data-title~=accent]{--title-color: var(--color-primary)}[data-title][data-title~=muted]{--title-color: var(--color-text-tertiary)}[data-title][data-title~=inherit]{--title-color: inherit}[data-title]:focus-visible{outline:2px solid currentColor;outline-offset:2px}/*# sourceMappingURL=title.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/components/title/title.scss"],"names":[],"mappings":"AAKA,MAEE,yBACA,0BACA,sBACA,wBACA,sBACA,yBAGF,aAEE,oBACA,gBACA,gBACA,gCACA,uBAGA,0BACA,4BACA,4BACA,+CACA,yBAGA,8DACA,8DACA,8DACA,8DACA,8DACA,kEAGA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/components/title/title.scss"],"names":[],"mappings":"AAKA,MAEE,yBACA,0BACA,sBACA,wBACA,sBACA,yBAGF,aAEE,oBACA,gBACA,gBACA,gCACA,uBAGA,0BACA,4BACA,4BACA,+CACA,yBAGA,8DACA,8DACA,8DACA,8DACA,8DACA,kEAGA,sEACA,+EACA,qEACA,0EACA,yDAIF,2BACE,+BACA","file":"title.css"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
:root{--title-size-xs: 0.75rem;--title-size-sm: 0.875rem;--title-size-md: 1rem;--title-size-lg: 1.5rem;--title-size-xl: 2rem;--title-size-2xl: 2.5rem}[data-title]{--title-fs: inherit;--title-fw: 600;--title-lh: 1.2;--title-margin-block-end: 0.5em;--title-color: inherit;font-size:var(--title-fs);font-weight:var(--title-fw);line-height:var(--title-lh);margin-block-end:var(--title-margin-block-end);color:var(--title-color)}[data-title][data-title~=xs]{--title-fs: var(--title-size-xs)}[data-title][data-title~=sm]{--title-fs: var(--title-size-sm)}[data-title][data-title~=md]{--title-fs: var(--title-size-md)}[data-title][data-title~=lg]{--title-fs: var(--title-size-lg)}[data-title][data-title~=xl]{--title-fs: var(--title-size-xl)}[data-title][data-title~="2xl"]{--title-fs: var(--title-size-2xl)}[data-title][data-title~=primary]{--title-color:
|
|
1
|
+
:root{--title-size-xs: 0.75rem;--title-size-sm: 0.875rem;--title-size-md: 1rem;--title-size-lg: 1.5rem;--title-size-xl: 2rem;--title-size-2xl: 2.5rem}[data-title]{--title-fs: inherit;--title-fw: 600;--title-lh: 1.2;--title-margin-block-end: 0.5em;--title-color: inherit;font-size:var(--title-fs);font-weight:var(--title-fw);line-height:var(--title-lh);margin-block-end:var(--title-margin-block-end);color:var(--title-color)}[data-title][data-title~=xs]{--title-fs: var(--title-size-xs)}[data-title][data-title~=sm]{--title-fs: var(--title-size-sm)}[data-title][data-title~=md]{--title-fs: var(--title-size-md)}[data-title][data-title~=lg]{--title-fs: var(--title-size-lg)}[data-title][data-title~=xl]{--title-fs: var(--title-size-xl)}[data-title][data-title~="2xl"]{--title-fs: var(--title-size-2xl)}[data-title][data-title~=primary]{--title-color: var(--color-primary)}[data-title][data-title~=secondary]{--title-color: var(--color-text-secondary)}[data-title][data-title~=accent]{--title-color: var(--color-primary)}[data-title][data-title~=muted]{--title-color: var(--color-text-tertiary)}[data-title][data-title~=inherit]{--title-color: inherit}[data-title]:focus-visible{outline:2px solid currentColor;outline-offset:2px}
|
|
2
2
|
|
|
3
|
-
/*# sourceMappingURL=data:application/json;base64,
|
|
3
|
+
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3RpdGxlL3RpdGxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS0EsTUFFRSx3QkFBQSxDQUNBLHlCQUFBLENBQ0EscUJBQUEsQ0FDQSx1QkFBQSxDQUNBLHFCQUFBLENBQ0Esd0JBQUEsQ0FHRixhQUVFLG1CQUFBLENBQ0EsZUFBQSxDQUNBLGVBQUEsQ0FDQSwrQkFBQSxDQUNBLHNCQUFBLENBR0EseUJBQUEsQ0FDQSwyQkFBQSxDQUNBLDJCQUFBLENBQ0EsOENBQUEsQ0FDQSx3QkFBQSxDQUdBLDZCQUFBLGdDQUFBLENBQ0EsNkJBQUEsZ0NBQUEsQ0FDQSw2QkFBQSxnQ0FBQSxDQUNBLDZCQUFBLGdDQUFBLENBQ0EsNkJBQUEsZ0NBQUEsQ0FDQSxnQ0FBQSxpQ0FBQSxDQUdBLGtDQUFBLG1DQUFBLENBQ0Esb0NBQUEsMENBQUEsQ0FDQSxpQ0FBQSxtQ0FBQSxDQUNBLGdDQUFBLHlDQUFBLENBQ0Esa0NBQUEsc0JBQUEsQ0FJRiwyQkFDRSw4QkFBQSxDQUNBLGtCQUFBIiwiZmlsZSI6InRpdGxlLm1pbi5jc3MifQ== */
|
package/libs/index.cjs
CHANGED
|
@@ -27,7 +27,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
|
27
27
|
|
|
28
28
|
var C__default = /*#__PURE__*/_interopDefault(C);
|
|
29
29
|
|
|
30
|
-
var _e={default:"",info:"Information: ",success:"Success: ",warning:"Warning: ",error:"Error: "},O=({severity:e})=>{let t=_e[e];return t?C__default.default.createElement("span",{className:"sr-only"},t):null};var qe=(e,t)=>({info:C__default.default.createElement(chunk5CJPTDK3_cjs.b.InfoSolid,{...t}),success:C__default.default.createElement(chunk5CJPTDK3_cjs.b.SuccessSolid,{...t}),warning:C__default.default.createElement(chunk5CJPTDK3_cjs.b.WarnSolid,{...t}),error:C__default.default.createElement(chunk5CJPTDK3_cjs.b.AlertSolid,{...t}),default:C__default.default.createElement(chunk5CJPTDK3_cjs.b.AlertSquareSolid,{...t})})[e],_=({severity:e,iconProps:t,hideIcon:o})=>{if(o)return null;let s=qe(e,t);return C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{"aria-hidden":"true",className:"alert-icon"},s)};var q=({title:e,titleLevel:t})=>{if(!e)return null;let o=t?`h${t}`:"strong";return C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:o,className:"alert-title"},e)};var W=({children:e,contentType:t})=>t==="node"?C__default.default.createElement(C__default.default.Fragment,null,e):C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"p"},e);var K=({actions:e})=>e?C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"div",className:"alert-actions"},e):null;var oe=C__default.default.memo(({onDismiss:e,iconSize:t=16})=>C__default.default.createElement(chunk5QSNJQVH_cjs.b,{type:"button",onClick:e,"aria-label":"Close alert",className:"alert-dismiss","data-btn":"icon sm"},C__default.default.createElement(chunk5CJPTDK3_cjs.b,null,C__default.default.createElement(chunk5CJPTDK3_cjs.b.Close,{size:t})))),se=oe;oe.displayName="DismissButton";var Ke={default:"polite",info:"polite",success:"polite",warning:"polite",error:"assertive"},R=C__default.default.forwardRef(({severity:e,variant:t,isVisible:o,dismissible:s,onDismiss:r,onInteractionStart:i,onInteractionEnd:a,autoFocus:l,title:c,titleLevel:y,children:u,contentType:f,actions:S,hideIcon:g,iconProps:v,...m},x)=>C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"div",ref:x,role:"alert","aria-live":Ke[e],"aria-atomic":"true",className:`alert alert-${e}`,"data-alert":e,"data-visible":o,"data-variant":t,tabIndex:l?-1:void 0,onMouseEnter:i,onMouseLeave:a,onFocus:i,onBlur:a,...m},C__default.default.createElement(O,{severity:e}),C__default.default.createElement(_,{severity:e,iconProps:v,hideIcon:g}),C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"div",
|
|
30
|
+
var _e={default:"",info:"Information: ",success:"Success: ",warning:"Warning: ",error:"Error: "},O=({severity:e})=>{let t=_e[e];return t?C__default.default.createElement("span",{className:"sr-only"},t):null};var qe=(e,t)=>({info:C__default.default.createElement(chunk5CJPTDK3_cjs.b.InfoSolid,{...t}),success:C__default.default.createElement(chunk5CJPTDK3_cjs.b.SuccessSolid,{...t}),warning:C__default.default.createElement(chunk5CJPTDK3_cjs.b.WarnSolid,{...t}),error:C__default.default.createElement(chunk5CJPTDK3_cjs.b.AlertSolid,{...t}),default:C__default.default.createElement(chunk5CJPTDK3_cjs.b.AlertSquareSolid,{...t})})[e],_=({severity:e,iconProps:t,hideIcon:o})=>{if(o)return null;let s=qe(e,t);return C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{"aria-hidden":"true",className:"alert-icon"},s)};var q=({title:e,titleLevel:t})=>{if(!e)return null;let o=t?`h${t}`:"strong";return C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:o,className:"alert-title"},e)};var W=({children:e,contentType:t})=>t==="node"?C__default.default.createElement(C__default.default.Fragment,null,e):C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"p"},e);var K=({actions:e})=>e?C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"div",className:"alert-actions"},e):null;var oe=C__default.default.memo(({onDismiss:e,iconSize:t=16})=>C__default.default.createElement(chunk5QSNJQVH_cjs.b,{type:"button",onClick:e,"aria-label":"Close alert",className:"alert-dismiss","data-btn":"icon sm"},C__default.default.createElement(chunk5CJPTDK3_cjs.b,null,C__default.default.createElement(chunk5CJPTDK3_cjs.b.Close,{size:t})))),se=oe;oe.displayName="DismissButton";var Ke={default:"polite",info:"polite",success:"polite",warning:"polite",error:"assertive"},R=C__default.default.forwardRef(({severity:e,variant:t,isVisible:o,dismissible:s,onDismiss:r,onInteractionStart:i,onInteractionEnd:a,autoFocus:l,title:c,titleLevel:y,children:u,contentType:f,actions:S,hideIcon:g,iconProps:v,...m},x)=>C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"div",ref:x,role:"alert","aria-live":Ke[e],"aria-atomic":"true",className:`alert alert-${e}`,"data-alert":e,"data-visible":o,"data-variant":t,tabIndex:l?-1:void 0,onMouseEnter:i,onMouseLeave:a,onFocus:i,onBlur:a,...m},C__default.default.createElement(O,{severity:e}),C__default.default.createElement(_,{severity:e,iconProps:v,hideIcon:g}),C__default.default.createElement(chunkEJ6KYBFE_cjs.a,{as:"div",classes:"alert-message"},C__default.default.createElement(q,{title:c,titleLevel:y}),C__default.default.createElement(W,{contentType:f},u),C__default.default.createElement(K,{actions:S})),s&&C__default.default.createElement(se,{onDismiss:r})));R.displayName="AlertView";var Xe=({open:e,onDismiss:t,dismissible:o,autoHideDuration:s,pauseOnHover:r,autoFocus:i,alertRef:a})=>{let[l,c]=C__default.default.useState(e),[y,u]=C__default.default.useState(e),[f,S]=C__default.default.useState(!1),g=C__default.default.useCallback(()=>{c(!1),setTimeout(()=>{u(!1),t?.();},300);},[t]);C__default.default.useEffect(()=>{e?(u(!0),c(!0)):c(!1);},[e]),C__default.default.useEffect(()=>{if(!s||!l||f)return;let x=setTimeout(()=>{g();},s);return ()=>clearTimeout(x)},[s,l,f,g]),C__default.default.useEffect(()=>{if(!o||!l)return;let x=h=>{h.key==="Escape"&&g();};return document.addEventListener("keydown",x),()=>document.removeEventListener("keydown",x)},[o,l,g]),C__default.default.useEffect(()=>{i&&l&&a.current&&a.current.focus();},[i,l,a]);let v=C__default.default.useCallback(()=>{r&&s&&S(!0);},[r,s]),m=C__default.default.useCallback(()=>{r&&s&&S(!1);},[r,s]);return {isVisible:l,shouldRender:y,handleDismiss:g,handleInteractionStart:v,handleInteractionEnd:m}},re=({open:e,severity:t="default",children:o,title:s,dismissible:r=!1,onDismiss:i,iconSize:a,iconProps:l,hideIcon:c,autoHideDuration:y,pauseOnHover:u=!0,titleLevel:f=3,actions:S,autoFocus:g=!1,variant:v="outlined",contentType:m="text",...x})=>{let h=C__default.default.useRef(null),{isVisible:p,shouldRender:d,handleDismiss:k,handleInteractionStart:I,handleInteractionEnd:U}=Xe({open:e,onDismiss:i,dismissible:r,autoHideDuration:y,pauseOnHover:u,autoFocus:g,alertRef:h});if(!d)return null;let A={size:a||16,...l};return C__default.default.createElement(R,{ref:h,severity:t,variant:v,isVisible:p,dismissible:r,onDismiss:k,onInteractionStart:I,onInteractionEnd:U,autoFocus:g,title:s,titleLevel:f,contentType:m,actions:S,hideIcon:c,iconProps:A,...x},o)};re.displayName="Alert";var ne=C__default.default.forwardRef(({id:e,label:t,checked:o,defaultChecked:s,value:r="on",onChange:i,classes:a,inputClasses:l,styles:c,name:y,disabled:u,required:f,validationState:S,errorMessage:g,hintText:v,onBlur:m,onFocus:x,autoFocus:h,...p},d)=>{let k=C__default.default.useCallback(ke=>{i?.(ke.target.checked);},[i]),I=o!==void 0,U=I?{checked:o}:{},A=!I&&s!==void 0?{defaultChecked:s}:{},j=C__default.default.useRef(I);return C__default.default.useEffect(()=>{process.env.NODE_ENV==="development"&&(j.current!==I&&console.warn(`Checkbox with id="${e}" is changing from ${j.current?"controlled":"uncontrolled"} to ${I?"controlled":"uncontrolled"}. This is likely a bug. Decide between using "checked" (controlled) or "defaultChecked" (uncontrolled) and stick with it.`),j.current=I);},[I,e]),C__default.default.createElement("div",{className:a,style:c},C__default.default.createElement(chunk4BZKFPEC_cjs.a,{ref:d,type:"checkbox",id:e,name:y,value:r,...U,...A,classes:l||"checkbox-input",disabled:u,required:f,validationState:S,errorMessage:g,hintText:v,onChange:k,onBlur:m,onFocus:x,autoFocus:h,...p}),C__default.default.createElement("label",{htmlFor:e,className:"checkbox-label"},t,f&&C__default.default.createElement("span",{className:"checkbox-required","aria-label":"required"}," *")))});ne.displayName="Checkbox";var ie=({src:e="//",alt:t,width:o=480,height:s,styles:r,loading:i="lazy",placeholder:a,fetchpriority:l="low",decoding:c="auto",srcSet:y,sizes:u,onError:f,onLoad:S,...g})=>{let v=C.useMemo(()=>{let p=typeof o=="number"?o:480,d=typeof s=="number"?s:Math.round(p*.75),k=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${p} ${d}">
|
|
31
31
|
<defs>
|
|
32
32
|
<linearGradient id="grad-${p}-${d}" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
33
33
|
<stop offset="0%" style="stop-color:#6366f1;stop-opacity:1" />
|