@fpkit/acss 0.4.16 → 0.4.18
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/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/index.cjs +3 -3
- package/libs/index.cjs.map +1 -1
- package/libs/index.css +1 -1
- package/libs/index.css.map +1 -1
- package/libs/index.js +2 -2
- package/libs/index.js.map +1 -1
- package/package.json +2 -2
- package/src/components/cards/card.scss +0 -4
- package/src/components/cards/card.tsx +1 -1
- package/src/index.scss +1 -0
- package/src/sass/_grid.scss +7 -7
- package/src/sass/_styles.scss +1 -0
- package/src/sass/styles/_shadows.scss +34 -0
- package/src/styles/cards/card.css +0 -2
- package/src/styles/cards/card.css.map +1 -1
- package/src/styles/index.css +48 -9
- package/src/styles/index.css.map +1 -1
package/libs/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
*,*::before,*::after{box-sizing:border-box}::selection{text-shadow:none;color:#fff;background-color:blue}html,body{height:100%;font-size:100%}html:focus-within{scroll-behavior:smooth}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}a,button{cursor:pointer}img,picture,video,canvas{display:block;max-width:100%;aspect-ratio:auto}img,video,iframe{max-inline-size:100%;block-size:auto}img{max-width:100%;height:auto;vertical-align:middle;font-style:italic;background-repeat:no-repeat;background-size:cover;shape-margin:.75rem}svg{display:inline-block}input,textarea,select{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;font-variant:inherit;line-height:inherit;background-color:inherit}:where(button){font-family:inherit}@media(prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}#root,#__next{isolation:isolate}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}*:focus{outline:none;outline-style:auto}b{font-weight:normal}table{border-collapse:collapse}svg{max-width:inline-size;pointer-events:none}svg[role=img]{display:inline-flex;align-items:center;width:auto}:root{--weight: 600;--fs: clamp(0.96rem, 1vw + 0.5rem, 1.6rem);--p: 1rem;--px: var(--p);--py: var(--p);--m: 0.75rem;--mx: var(--m);--my: var(--m);--weight: 600;--radius: 0.5rem;--placeholder-color: gray;--placeholder-style: italic;--placeholder-fs: smaller;--transition: all 0.25s linear;--fs-0: clamp(.9rem, 4vw - 1rem, 1.12rem);--fs-1: clamp(0.65rem, 1.3vw + 0.25rem, 0.75rem);--fs-2: clamp(0.7rem, 2vw - 0.5rem, 0.875rem);--fs-3: clamp(0.85rem, 2vw - 0.25rem, 0.925rem);--fs-4: clamp(0.9rem, 2vw - 0.25rem, 1.313rem);--fs-5: clamp(0.94rem, 2vw - 0.25rem, 1.463rem);--fs-6: clamp(1rem, 2vw + 0.75rem, 2rem);--fs-7: clamp(1.1rem, 4vw - 0.25rem, 2.375rem);--fs-8: clamp(1.2rem, 4vw + 0.25rem, 3rem);--fs-9: clamp(1.2rem, 4vw + 0.5rem, 4rem);--fs-10: clamp(1.2rem, 5vw + 0.5rem, 4.5rem);--fs-11: clamp(1.2rem, 5vw + 0.75rem, 5.063rem);--fs-12: clamp(1.5rem, 5vw + 0.9rem, 6.375rem);--fs-xs: var(--fs-1);--fs-sm: var(--fs-3);--fs-base: var(--fs-0);--fs-md: var(--fs-5);--fs-lg: var(--fs-7);--fs-xl: var(--fs-9);--fs-xxl: var(--fs-11);--fs-xxxl: var(--fs-12);--display: var(--fs-12);--display-md: var(--fs-11);--display-sm: var(--fs-10);--h1: var(--fs-11);--h2: var(--fs-9);--h3: var(--fs-8);--h4: var(--fs-7);--h5: var(--fs-6);--h6: var(--fs-5);--spc-0: 0;--spc-1: 0.25rem;--spc-2: 0.5rem;--spc-3: 0.75rem;--spc-4: 1rem;--spc-5: 1.5;--spc-6: 2rem;--spc-7: 2.5rem;--spc-8: 3rem;--spc-9: 3.5rem;--spc-10: 4rem;--spc-11: 4.5rem;--spc-12: 5rem;--spc-13: 6rem;--spc-14: 7rem;--spc-15: 8rem;--spc-16: 9rem;--spc-17: 10rem;--spc-18: 11rem;--spc-19: 12rem;--spc-20: 13rem;--spc: var(--spc-4);--spc-xs: var(--spc-1);--spc-sm: var(--spc-3);--spc-base: var(--spc-5);--spc-md: var(--spc-7);--spc-lg: var(--spc-9);--spc-xl: var(--spc-11);--spc-xxl: var(--spc-13);--vw-xs: 5vw;--vw-sm: 10vw;--vw-md: 20vw;--vw-lg: 50vw;--vw-xl: 80vw;--vw-xxl: 95vw;--vh-xs: 5vh;--vh-sm: 10vh;--vh-md: 20vh;--vh-lg: 50vh;--vh-xl: 80vh;--vh-xxl: 95vh}:root{--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--TRUE: initial;--FALSE: ;--fs-weight: 500}html{font-family:var(--font-family);font-size:100%}body{display:var(--body-dsp, flex);min-height:100%;flex-direction:var(--body-direction, column);min-width:20.3125rem;font-size:var(--fs-0)}body main{flex-grow:1}body>a[href^="#"]{position:absolute;top:-4rem;left:0;width:100%;display:block;justify-content:flex-start;padding:1rem;z-index:100;transition:top .3s;border-radius:0;background-color:#f5f5f5}body>a[href^="#"]:focus{top:0}*+div,*+ul,*+section{margin-block-start:1rem}main,header,footer,section{font-size:var(--fs-0)}main>section,main>div,header>section,header>div,footer>section,footer>div,section>section,section>div{margin-inline:auto;width:var(--content-w, 80%)}main>div,header>div,footer>div,section>div{text-align:center}section:not(nav){margin-inline:var(--sect-y, auto);padding-block:var(--sect-x, --spc-4)}p{max-width:75ch;font-size:var(--fs-0);line-height:1.6}p+p{margin-block-start:1rem}ul,ol{display:var(--li-display, flex);flex-direction:var(--li-direction, column);gap:var(--li-gap, 0.2rem);flex-wrap:var(--li-wrap, nowrap);padding-inline-start:var(--li-ps, var(--spc-0))}ul[role=list],ul[data-list~=unstyled],ol[role=list],ol[data-list~=unstyled]{list-style:var(--li-style, none);margin-block-end:var(--li-my, 0);margin-block-start:var(--li-mx, 0)}ul[data-list~=inline],ol[data-list~=inline]{--li-direction: row;--li-gap: 1rem;--li-wrap: wrap;--li-px: 0}sup{vertical-align:super;font-size:smaller}blockquote{padding:1rem;border-left:5px #d3d3d3 solid}strong{font-weight:var(--fs-weight)}h1,h2,h3,h4,h5,h6{font-weight:var(--fs-weight);margin-block-start:0;margin-block-end:1rem;line-height:1.2}h1{font-size:var(--h1, var(--fs-7))}h2{font-size:var(--h2, var(--fs-6))}h3{font-size:var(--h3, var(--fs-5))}h4{font-size:var(--h4, var(--fs-4))}h5{font-size:var(--h5, var(--fs-3))}h6{font-size:var(--h6, var(--fs-2))}hr{--hr-h: 0.0625rem;--hr-color: lightgray;--hr-my: 1.5rem;--hr-style: dotted;border:none;border-bottom:var(--hr-h) var(--hr-style) var(--hr-color);margin-block:var(--hr-my)}h1[data-ui~=display],h1:has(span:first-of-type)>span,h2[data-ui~=display],h2:has(span:first-of-type)>span,h3[data-ui~=display],h3:has(span:first-of-type)>span,h4[data-ui~=display],h4:has(span:first-of-type)>span,h5[data-ui~=display],h5:has(span:first-of-type)>span,h6[data-ui~=display],h6:has(span:first-of-type)>span{--weight: 600;--title-1: var(--h1);--title-2: var(--h2);--title-3: var(--h3);--title-4: var(--h4);--title-5: var(--h5);--title-6: var(--h6)}button{--btn-sm: calc(12rem / 16);--btn-md: calc(16rem / 16);--btn-lg: calc(21rem / 16);--btn-pill: 100rem;--btn-height: calc(40rem / 16);--fs: 0.95rem;--btn-fs: calc(15rem / 16);--btn-bg: lightgray;--btn-width: max-content;font-size:var(--btn-fs);font-weight:var(--btn-fw, 500);height:var(--btn-height, 2.5rem);min-height:var(--btn-height);place-items:var(--btn-place, center);padding-inline:var(--btn-px, calc(var(--btn-fs) + 1.1%));padding-block:var(--btn-py, calc(var(--btn-fs) + 0.75%));border:var(--btn-bdr, none);border-radius:var(--btn-rds, 0.375rem);text-decoration:var(--btn-deco, none);color:var(--btn-cl, currentColor);display:var(--btn-dsp, inline-flex);gap:var(--btn-gap, 0.2rem);white-space:var(--btn-wspc, inherit);margin:var(--btn-spc, 0);transition:var(--tran-all);background-color:var(--btn-bg, var(--btn));outline:none;width:var(--btn-width)}button[type]{background-color:var(--btn-bg, var(--neutral-300));--btn-bdr: solid var(--btn-sg)}button[type=submit],button[style*=submit]{--btn-bg: var(--primary-500, royal-blue);--btn-color: white}button[disabled],button[aria-disabled=true]{cursor:var(--btn-cursor, not-allowed)}button[disabled]:is(:hover,:focus),button[aria-disabled=true]:is(:hover,:focus){transform:none}button:is(:hover,:focus){background-color:var(--btn-bg, var(--btn, lightgray));filter:invert(1) hue-rotate 180deg;transform:scale(0.95) var(--line-style, solid);outline-offset:var(--line-offset, 5px)}button:is(:hover,:focus)[aria-disabled=true]{transform:none;opacity:var(--btn-opacity, 0.5)}button[type=reset]{--btn-bg: transparent;--btn-color: gray;--btn-bdr: gray thin solid}button[type=submit]{--btn-bg: var(--primary-700, blue);--btn-cl: #fff;--btn-color: rgb(231, 231, 231);--btn-border: none}button[data-fp-btn~=pill],button[data-btn~=pill],button[data-style~=pill]{border-radius:var(--btn-pill, 100rem)}button[data-btn~=sm]{--btn-fs: var(--btn-sm)}button[data-btn~=md]{--btn-fs: var(--btn-md)}button[data-btn~=lg]{--btn-fs: var(--btn-lg)}button[data-btn~=text]{--btn-bg: transparent;--btn-cl: currentColor;--btn-bdr: none;--btn-height: unset;--btn-width: unset;--btn-py: 0.75rem;--btn-px: 0.75rem}button[data-btn~=text]:is(:hover,:focus){background-color:rgba(0,0,0,0);outline:.07rem solid var(--btn-cl);outline-offset:0}p[role=note],[role=note],small>span,[data-tag]{--beta: var(--warning-500, orange);--stable: var(--success-500, green);--production: rgb(44, 71, 151);--tag-px: 0.7rem;--tag-py: 0.2rem;--tag-fs: 0.8rem;--tag-radius: 99rem;--tag-bg: lightgray;--tag-fw: 500;--tag-color: currentColor;--tag-display: inline-block;display:var(--tag-display);padding-inline:var(--tag-px);padding-block:var(--tag-py);font-size:var(--tag-fs);color:var(--tag-color);background-color:var(--tag-bg);border-radius:var(--tag-radius)}p[role=note][data-tag~=beta],[role=note][data-tag~=beta],small>span[data-tag~=beta],[data-tag][data-tag~=beta]{background-color:var(--beta)}p[role=note][data-tag~=stable],[role=note][data-tag~=stable],small>span[data-tag~=stable],[data-tag][data-tag~=stable]{--tag-cl: white;--tag-bg: var(--stable)}p[role=note][data-tag~=production],[role=note][data-tag~=production],small>span[data-tag~=production],[data-tag][data-tag~=production]{--tag-color: white;--tag-bg: var(--production)}p[role=note][data-tag~=beta],[role=note][data-tag~=beta],small>span[data-tag~=beta],[data-tag][data-tag~=beta]{--tag-color: currentColor;--tag-bg: var(--beta)}p[role=note][data-tag~=alpha],[role=note][data-tag~=alpha],small>span[data-tag~=alpha],[data-tag][data-tag~=alpha]{--tag-color: currentColor;--tag-bg: var(--beta)}p[role=note][data-tag~=beta],[role=note][data-tag~=beta],small>span[data-tag~=beta],[data-tag][data-tag~=beta]{--tag-color: currentColor;--tag-bg: var(--beta)}p[role=note]{--tag-display: block;--border-radius: 0.5rem}img[alt]{--img-max-width: 100%;--img-height: auto;--img-object-fit: cover;--img-object-position: center;--img-aspect-ratio: auto 2/3;--img-display: inline-block;max-width:var(--img-max-width);max-inline-size:var(--img-max-width);block-size:var(--img-height);object-fit:var(--img-object-fit);object-position:var(--img-object-position);aspect-ratio:var(--img-aspect-ratio);display:var(--img-display);vertical-align:middle;font-style:italic;background-size:cover;background-repeat:no-repeat;shape-margin:var(--spc-3)}figure:has(img[alt]){--fig-display: flex;--fig-p: 0.5rem;--fig-bg: rgba(245, 245, 245, 0.683);--fig-w: fit-content;display:var(--fig-display);position:relative;padding:var(--fig-p);background-color:var(--fig-bg);max-width:var(--fig-w)}figure:has(img[alt])>figcaption{position:absolute;bottom:var(--fig-bottom, var(--fig-p));left:var(--fig-left, var(--fig-p));right:var(--fig-right, var(--fig-p));padding:var(--caption-p, var(--spc-3));background-color:var(--fig-bg)}:root{--card-p: 2rem;--card-bg: #fff;--card-radius: calc(var(--card-p) / 4);--card-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);--card-position: relative;--card-display: flex;--card-direction: column;--card-gap: 1.5rem}[data-card],[data-component~=card]{display:var(--card-display);flex-direction:var(--card-direction);gap:var(--card-gap);box-shadow:var(--card-shadow);border-radius:var(--card-radius);background-color:var(--card-bg);text-align:var(--card-align, left)}[data-card] [data-card-content],[data-card] h3,[data-card] h2,[data-component~=card] [data-card-content],[data-component~=card] h3,[data-component~=card] h2{margin-block-end:0}[data-card]+div,[data-component~=card]+div{margin-block-start:0}[data-card]>article,[data-component~=card]>article{display:flex;flex-direction:column;flex:2}[data-card]>*:not(img),[data-component~=card]>*:not(img){padding-inline:var(--card-p)}[data-card]>*:last-child:not(img),[data-component~=card]>*:last-child:not(img){padding-block-end:var(--card-p)}[data-card]>*:first-child:not(img),[data-component~=card]>*:first-child:not(img){padding-block-start:calc(var(--card-p) - .5rem)}progress{all:revert;--progress-w: 100%;--progress-h: 1rem;--progress-bg: #cccccc;--progress-color: rgb(71, 71, 245);--progress-accent-color: var(--progress-color)}progress[value]{width:var(--progress-w);height:var(--progress-h);background-color:var(--progress-bg);accent-color:var(--progress-accent-color)}progress[value]::-webkit-progress-value{background-color:var(--progress-accent-color);accent-color:var(--progress-accent-color)}progress[value]::-moz-progress-bar{background-color:var(--progress-accent-color);accent-color:var(--progress-accent-color)}progress[value]::-webkit-progress-bar{background-color:var(--progress-background-color);accent-color:var(--progress-accent-color)}progress[aria-busy]{width:var(--progress-w);height:var(--progress-h);accent-color:var(--progress-accent-color)}progress[aria-busy]::-webkit-progress-value{accent-color:var(--progress-accent-color)}progress[aria-busy]::-moz-progress-bar{accent-color:var(--progress-accent-color)}progress[aria-busy]::-webkit-progress-bar{accent-color:var(--progress-accent-color)}details{--details-w: 100%;--details-h: fit-content;--details-border: 1px solid #dfdfdf;--details-display: flex;--details-justify: flex-start;--details-direction: columns;--details-gap: 5rem;--details-px: 1.5rem;--details-py: 1.5rem;--details-radius: 0.5rem;--summary-cursor: pointer;--summary-transitions: all 0.75s linear;--summary-display: flex;--summary-justify: flex-start;--summary-align: center;--summary-gap: 0.5rem;--max-h-closed: 6.25rem;--max-h-open: 50rem;display:var(--details-display);flex-direction:var(--details-direction);justify-content:var(--details-justify);gap:var(--details-gap);width:var(--details-w);border:var(--details-border);transition:var(--summary-transitions);max-height:var(--max-h-closed);overflow:clip;border-radius:var(--details-radius)}details::marker{content:none}details summary{display:var(--summary-display);justify-content:var(--summary-justify);align-items:var(--summary-align);padding-inline:var(--summary-px, var(--details-px));padding-block:var(--summary-py, var(--details-py));gap:var(--summary-gap);list-style:none}details summary::-webkit-details-marker{display:none}details summary:hover{cursor:var(--summary-cursor)}details summary>section{width:var(--details-w)}details>section{padding-inline:var(--details-px);padding-block:var(--details-py);border:1px rgba(0,0,0,0) solid}details[open]{max-height:var(--max-h-open);transition:var(--summary-transitions)}details[open]>summary{border-bottom:var(--details-border)}details[open]>section{max-height:var(--max-h-open)}a[href]{--link-decoration: none;--link-color: #085ab7;--link-bg: transparent;--link-px: 0;--link-py: 0;--link-transition: all 0.75s ease-in-out;--link-fs: 1rem;--link-radius: 0.25rem;--link-skip-ink: auto;--link-decoration-offset: 1.5px;--link-decoration-thickness: 3px;--link-decoration: color: var(--link-color) var(--link-decoration-offset) var(--link-decoration-thickness) var(--link-skip-ink);--link-decoration-thickness: 3px;--link-decoration: color: var(--link-color) var(--link-decoration-offset) var(--link-decoration-thickness) var(--link-skip-ink);color:var(--link-color);font-size:var(--link-fs);text-decoration:var(--link-decoration);text-underline-offset:var(--link-decoration-offset);text-decoration-skip-ink:var(--link-skip-ink);background-color:var(--link-bg);border-radius:var(--link-radius);background-color:var(--link-bg);border-radius:var(--link-radius);font-weight:var(--link-weight)}a[href]>i,a[href]>b{font-weight:var(--link-weight);font-style:normal}a[href]:hover{--link-decoration: underline}a[href]:focus{outline:none;--link-decoration: underline}a[href]:visited,a[href]:active{--link-color: currentColor}a[href]:has(>b),a[href][data-link~=btn],a[href]:has(>i){--link-button-color: var(--link-color);--link-bg: transparent;--link-decoration: none;--link-border: 2px currentColor solid;--link-fs: 0.9rem;background-color:var(--link-bg);font-style:normal;font-size:var(--link-fs);color:var(--link-button-color);padding-inline:var(--link-fs);padding-block:calc(var(--link-fs) - .4rem);border-radius:var(--link-radius, 99rem);display:inline-flex;outline:var(--link-border);--scale-transition: transform 0.25s ease;--scale: scale(1);--scale-to: scale(1.05);transform:var(--scale);transition:var(--scale-transition)}a[href]:has(>b):focus,a[href][data-link~=btn]:focus,a[href]:has(>i):focus{outline:var(--link-border);--link-decoration: none}a[href]:has(>b):hover,a[href][data-link~=btn]:hover,a[href]:has(>i):hover{--link-decoration: none}a[href]:has(>b):hover,a[href][data-link~=btn]:hover,a[href]:has(>i):hover{transform:var(--scale-to)}a[href][data-link~=pill],a[href]:has(>i){--link-radius: 99rem;--link-decoration: none;font-style:normal}a[href][data-link~=pill]:hover,a[href][data-link~=pill]:focus,a[href]:has(>i):hover,a[href]:has(>i):focus{--link-decoration: none}header>section{width:auto}header,[data-hero],[data-grid~=overlay]{--overlay-grid-area: overlay;--overlay-placement: center;--overlay-display: grid;--overlay-padding: 2rem;--overlay-w: 100%;--overlay-h: 40vh;--overlay-max-h: 500px;--overlay-color: currentColor;--overlay-content-w: 80%;--overlay-gap: 2rem;--overlay-bg: whitesmoke;--overlay-px: auto;--overlay-py: auto;--overlay-mx: auto;--overlay-my: auto;grid-template-areas:"overlay";display:var(--overlay-display);place-items:var(--overlay-placement);align-items:var(--overlay-placement);min-height:var(--overlay-h);width:var(--overlay-w);color:var(--overlay-color);background-color:var(--overlay-bg);min-width:20rem}header>*,[data-hero]>*,[data-grid~=overlay]>*{grid-area:overlay}header>img,[data-hero]>img,[data-grid~=overlay]>img{width:var(--overlay-w);background-size:contain}header>div,header>section,[data-hero]>div,[data-hero]>section,[data-grid~=overlay]>div,[data-grid~=overlay]>section{--overlay-display: flex;max-width:var(--overlay-content-w);padding-inline:var(--spc-4);margin-inline:var(--overlay-mx);gap:var(--overlay-gap);text-align:center}header>div p,header>section p,[data-hero]>div p,[data-hero]>section p,[data-grid~=overlay]>div p,[data-grid~=overlay]>section p{width:auto;max-width:60ch;font-size:var(--fs-8);line-height:1.4}header>div>h1,header>div>h2,header>section>h1,header>section>h2,[data-hero]>div>h1,[data-hero]>div>h2,[data-hero]>section>h1,[data-hero]>section>h2,[data-grid~=overlay]>div>h1,[data-grid~=overlay]>div>h2,[data-grid~=overlay]>section>h1,[data-grid~=overlay]>section>h2{line-height:var(--header-lh, 1.1);font-weight:500}header>div>h1,header>section>h1,[data-hero]>div>h1,[data-hero]>section>h1,[data-grid~=overlay]>div>h1,[data-grid~=overlay]>section>h1{font-size:var(--fs-12)}header>div>h2,header>section>h2,[data-hero]>div>h2,[data-hero]>section>h2,[data-grid~=overlay]>div>h2,[data-grid~=overlay]>section>h2{font-size:var(--fs-11)}header>div>h3,header>section>h3,[data-hero]>div>h3,[data-hero]>section>h3,[data-grid~=overlay]>div>h3,[data-grid~=overlay]>section>h3{font-size:var(--fs-10)}main,footer{--content-w: min(100%, 1480px);--content-mx: auto;--content-px: 1rem;--content-gap: 2rem;padding-block:var(--overlay-padding)}main>section,footer>section{width:var(--content-w);margin-inline:var(--content-mx);padding-inline:var(--spc-6)}main{flex:1;font-size:var(--fs-3)}main>section[aria-label],main>section{width:var(--content-w);margin-inline:var(--content-mx)}main>section[aria-label]:has(>article,>aside),main>section:has(>article,>aside){display:flex;flex-wrap:wrap;flex:1;gap:var(--content-gap)}main>section[aria-label]:has(>article,>aside)>article,main>section:has(>article,>aside)>article{flex-basis:0;flex-grow:999;min-inline-size:50%}main>section[aria-label]:has(>article,>aside)>aside,main>section:has(>article,>aside)>aside{flex-basis:20rem;flex-grow:1}footer>div{display:flex;align-items:center;justify-content:center;min-height:5rem;text-align:center}:root{--gap: 1.75rem}[data-grid]{--gap: 1.5rem;--grid-column-min-width: 20.3125rem;--grid-gap: var(--gap);--grid-padding: 10px;--grid-justify-content: center;--grid-align-content: center;display:grid;grid-template-columns:repeat(auto-fit, minmax(var(--grid-column-min-width), 1fr));gap:var(--grid-gap);padding:var(--grid-padding);justify-content:var(--grid-justify-content);align-content:var(--grid-align-content)}[data-flex]{display:flex;flex-wrap:wrap;margin-block-end:3rem;margin-inline:auto;justify-content:center;gap:var(--gap)}[data-flex]>*:has(div,aside,article){flex-basis:calc(var(--col-w, 100%) - var(--card-gap));min-width:var(--col-min-w, 18.75rem)}[data-flex~=start]{justify-content:start}[data-flex~=end]{justify-content:end}[data-flex~=cols-2]{--col-w: 50%}[data-flex~=cols-3]{--col-w: 33.33333333333333%}[data-flex~=cols-4]{--col-w: 25%}[data-flex~=cols-5]{--col-w: 20%}[data-flex~=cols-6]{--col-w: 16.66666666666666%}[data-flex~=cols-7]{--col-w: 14.28571428571428%}[data-flex~=cols-8]{--col-w: 12.5%}[data-flex~=cols-9]{--col-w: 11.11111111111111%}[data-flex~=cols-10]{--col-w: 10%}[data-flex~=cols-11]{--col-w: 9.09090909090909%}[data-flex~=cols-12]{--col-w: 8.33333333333333%}[data-flex-grid]{display:grid;grid-template-columns:repeat(auto-fit, minmax(var(--grid-column-min-width, 20.3125rem), 1fr));gap:var(--gap);margin-block-end:3rem;margin-inline:auto;justify-content:center;align-content:start}sup:has(>span){--badge-bg: lightgray;--badge-color: currentColor;--badge-radius: 0.15rem;--badge-padding: 0.15rem;--badge-v-align: 0.5rem;--badge-fs: clamp(0.4rem, 0.5rem + 0.5vw, 7rem);background-color:var(--badge-bg);color:var(--badge-color);padding:var(--badge-padding);border-radius:var(--badge-radius);vertical-align:var(--badge-v-align)}sup:has(>span) span{color:inherit}sup:has(>span)[data-badge~=rounded]{--badge-radius: 100%;--badge-padding: 0.2rem}body>nav,[aria-label~=navbar],.navbar{padding-inline:var(--nav-px, 1rem);min-height:var(--nav-h, fit-content)}@media(max-width: 580px){body>nav,[aria-label~=navbar],.navbar{flex-direction:column;height:fit-content;min-height:fit-content;padding-block:unset;gap:.5rem}}body>nav ul>li,[aria-label~=navbar] ul>li,.navbar ul>li{display:flex;align-items:center;list-style:none;margin:0;padding:0;min-height:100%;padding-inline:var(--nav-px, 0.75rem)}body>nav ul>li:hover,[aria-label~=navbar] ul>li:hover,.navbar ul>li:hover{background-color:var(--nav-hov-bg, whitesmoke)}body>nav ul>li:hover:where(img),[aria-label~=navbar] ul>li:hover:where(img),.navbar ul>li:hover:where(img){background-color:rgba(0,0,0,0)}nav{display:var(--nav-dsp, flex);flex-direction:var(--nav-direction, row);width:var(--nav-w, auto);place-items:var(--nav-align, center);justify-content:var(--nav-justify, space-between);margin-inline:var(--nav-mx, 0);background-color:var(--nav-bg, initial)}nav>section,nav>ul{--nav-dsp: flex;flex-direction:var(--nav-direction, row);display:var(--nav-dsp, flex);gap:var(--nav-gap, 0);font-size:var(--nav-fs, 0.9rem);align-items:var(--nav-align, center);padding-inline:var(--nav-px, 1rem);padding-block:var(--nav-py, 0);height:100%}nav>section[data-list~=block],nav>ul[data-list~=block]{--nav-direction: column}nav>section>div{--py: 0}nav ul>li{display:flex;align-items:center;list-style:none;margin:0;padding:0;min-height:100%;padding-inline:var(--nav-px, 1rem)}nav img[alt]{--px: 0 var(--s1);--w: var(--brand-w, 3.6rem)}nav[data-variant]{background-color:var(--nav-bg);color:var(--nav-cl);font-size:var(--nav-fs, 0.9rem)}nav>div{margin-block-start:0}:root{--input-border-color: gray;--input-appearance: none;--input-bg: inherit;--input-border: none;--input-outline: thin solid var(--input-border-color);--input-px: 0.6rem;--input-py: 0.4rem;--input-radius: --var(--radius);--input-fs: var(--fs);--input-w: clamp(200px, 100%, 500px);--placeholder-color: gray;--placeholder-style: italic;--placeholder-fs: smaller;--form-direction: column;--select-arrow: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20'><polyline points='6,9 10,13 14,9' stroke='%23000000' stroke-width='1.5' fill='none' /></svg>")}form{display:flex;flex-direction:var(--form-direction);gap:1rem}form>div{display:flex;gap:1rem;flex-direction:var(--form-direction)}form label{display:block}input[type]:not([type=checkbox],[type=radio]),textarea,select{-webkit-appearance:var(--input-appearance);-moz-appearance:var(--input-appearance);appearance:var(--input-appearance);width:var(--input-w);border:var(--input-border);outline:var(--input-outline);padding-inline:var(--input-px);padding-block:var(--input-py);border-radius:var(--input-radius);background-color:var(--input-bg, #fff)}input[type]:not([type=checkbox],[type=radio])::placeholder,textarea::placeholder,select::placeholder{color:var(--placeholder-color);font-style:var(--placeholder-style);font-size:var(--placeholder-fs);text-transform:capitalize}input[type]:not([type=checkbox],[type=radio]):focus-visible,input[type]:not([type=checkbox],[type=radio]):focus,textarea:focus-visible,textarea:focus,select:focus-visible,select:focus{outline-width:medium}input[type]:not([type=checkbox],[type=radio])[aria-required=true]::placeholder,textarea[aria-required=true]::placeholder,select[aria-required=true]::placeholder{color:var(--color-required, var(--placeholder-color));font-weight:600}input[type]:not([type=checkbox],[type=radio])[aria-required=true]::placeholder::after,textarea[aria-required=true]::placeholder::after,select[aria-required=true]::placeholder::after{content:"* "}input[type]:not([type=checkbox],[type=radio])[aria-disabled=true],textarea[aria-disabled=true],select[aria-disabled=true]{--input-border-color: lightgray;cursor:not-allowed;text-transform:capitalize;text-decoration:line-through}select{border:var(--input-outline);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--select-arrow) no-repeat;background-position:right .5rem top 50%;padding-inline-end:0}nav:not(body>nav),nav[data-breadcrumb]{--breadcrumb-px: unset;--breadcrumb-dsp: flex;--breadcrumb-gap: 0.5rem;--breadcrumb-color: currentColor;--breadcrumb-current-color: rgb(46, 46, 46);--breadcrumb-fs: var(--fs-0);margin-inline:unset;padding-inline:unset}nav:not(body>nav) ol,nav[data-breadcrumb] ol{padding-inline:var(--breadcrumb-px);display:var(--breadcrumb-dsp);gap:var(--breadcrumb-gap)}nav:not(body>nav) ol li,nav[data-breadcrumb] ol li{padding-inline:unset;width:var(--breadcrumb-w, fit-content);text-transform:capitalize;display:flex;color:var(--breadcrumb-color);gap:.5rem;font-size:var(--breadcrumb-fs)}nav:not(body>nav) ol li span[aria-hidden=true],nav[data-breadcrumb] ol li span[aria-hidden=true]{opacity:.6}nav:not(body>nav) ol li a[href],nav[data-breadcrumb] ol li a[href]{font-size:var(--breadcrumb-fs)}nav:not(body>nav) ol li a[href][aria-current],nav[data-breadcrumb] ol li a[href][aria-current]{color:var(--breadcrumb-current-color);text-decoration:none}[data-tts]{--tts-gap: 0.5rem;--tts-bg: #fff;--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=index.css.map */
|
|
1
|
+
*,*::before,*::after{box-sizing:border-box}::selection{text-shadow:none;color:#fff;background-color:blue}html,body{height:100%;font-size:100%}html:focus-within{scroll-behavior:smooth}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}a,button{cursor:pointer}img,picture,video,canvas{display:block;max-width:100%;aspect-ratio:auto}img,video,iframe{max-inline-size:100%;block-size:auto}img{max-width:100%;height:auto;vertical-align:middle;font-style:italic;background-repeat:no-repeat;background-size:cover;shape-margin:.75rem}svg{display:inline-block}input,textarea,select{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;font-variant:inherit;line-height:inherit;background-color:inherit}:where(button){font-family:inherit}@media(prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}#root,#__next{isolation:isolate}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}*:focus{outline:none;outline-style:auto}b{font-weight:normal}table{border-collapse:collapse}svg{max-width:inline-size;pointer-events:none}svg[role=img]{display:inline-flex;align-items:center;width:auto}:root{--weight: 600;--fs: clamp(0.96rem, 1vw + 0.5rem, 1.6rem);--p: 1rem;--px: var(--p);--py: var(--p);--m: 0.75rem;--mx: var(--m);--my: var(--m);--weight: 600;--radius: 0.5rem;--placeholder-color: gray;--placeholder-style: italic;--placeholder-fs: smaller;--transition: all 0.25s linear;--fs-0: clamp(.9rem, 4vw - 1rem, 1.12rem);--fs-1: clamp(0.65rem, 1.3vw + 0.25rem, 0.75rem);--fs-2: clamp(0.7rem, 2vw - 0.5rem, 0.875rem);--fs-3: clamp(0.85rem, 2vw - 0.25rem, 0.925rem);--fs-4: clamp(0.9rem, 2vw - 0.25rem, 1.313rem);--fs-5: clamp(0.94rem, 2vw - 0.25rem, 1.463rem);--fs-6: clamp(1rem, 2vw + 0.75rem, 2rem);--fs-7: clamp(1.1rem, 4vw - 0.25rem, 2.375rem);--fs-8: clamp(1.2rem, 4vw + 0.25rem, 3rem);--fs-9: clamp(1.2rem, 4vw + 0.5rem, 4rem);--fs-10: clamp(1.2rem, 5vw + 0.5rem, 4.5rem);--fs-11: clamp(1.2rem, 5vw + 0.75rem, 5.063rem);--fs-12: clamp(1.5rem, 5vw + 0.9rem, 6.375rem);--fs-xs: var(--fs-1);--fs-sm: var(--fs-3);--fs-base: var(--fs-0);--fs-md: var(--fs-5);--fs-lg: var(--fs-7);--fs-xl: var(--fs-9);--fs-xxl: var(--fs-11);--fs-xxxl: var(--fs-12);--display: var(--fs-12);--display-md: var(--fs-11);--display-sm: var(--fs-10);--h1: var(--fs-11);--h2: var(--fs-9);--h3: var(--fs-8);--h4: var(--fs-7);--h5: var(--fs-6);--h6: var(--fs-5);--spc-0: 0;--spc-1: 0.25rem;--spc-2: 0.5rem;--spc-3: 0.75rem;--spc-4: 1rem;--spc-5: 1.5;--spc-6: 2rem;--spc-7: 2.5rem;--spc-8: 3rem;--spc-9: 3.5rem;--spc-10: 4rem;--spc-11: 4.5rem;--spc-12: 5rem;--spc-13: 6rem;--spc-14: 7rem;--spc-15: 8rem;--spc-16: 9rem;--spc-17: 10rem;--spc-18: 11rem;--spc-19: 12rem;--spc-20: 13rem;--spc: var(--spc-4);--spc-xs: var(--spc-1);--spc-sm: var(--spc-3);--spc-base: var(--spc-5);--spc-md: var(--spc-7);--spc-lg: var(--spc-9);--spc-xl: var(--spc-11);--spc-xxl: var(--spc-13);--vw-xs: 5vw;--vw-sm: 10vw;--vw-md: 20vw;--vw-lg: 50vw;--vw-xl: 80vw;--vw-xxl: 95vw;--vh-xs: 5vh;--vh-sm: 10vh;--vh-md: 20vh;--vh-lg: 50vh;--vh-xl: 80vh;--vh-xxl: 95vh}:root{--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--TRUE: initial;--FALSE: ;--fs-weight: 500}html{font-family:var(--font-family);font-size:100%}body{display:var(--body-dsp, flex);min-height:100%;flex-direction:var(--body-direction, column);min-width:20.3125rem;font-size:var(--fs-0)}body main{flex-grow:1}body>a[href^="#"]{position:absolute;top:-4rem;left:0;width:100%;display:block;justify-content:flex-start;padding:1rem;z-index:100;transition:top .3s;border-radius:0;background-color:#f5f5f5}body>a[href^="#"]:focus{top:0}*+div,*+ul,*+section{margin-block-start:1rem}main,header,footer,section{font-size:var(--fs-0)}main>section,main>div,header>section,header>div,footer>section,footer>div,section>section,section>div{margin-inline:auto;width:var(--content-w, 80%)}main>div,header>div,footer>div,section>div{text-align:center}section:not(nav){margin-inline:var(--sect-y, auto);padding-block:var(--sect-x, --spc-4)}p{max-width:75ch;font-size:var(--fs-0);line-height:1.6}p+p{margin-block-start:1rem}ul,ol{display:var(--li-display, flex);flex-direction:var(--li-direction, column);gap:var(--li-gap, 0.2rem);flex-wrap:var(--li-wrap, nowrap);padding-inline-start:var(--li-ps, var(--spc-0))}ul[role=list],ul[data-list~=unstyled],ol[role=list],ol[data-list~=unstyled]{list-style:var(--li-style, none);margin-block-end:var(--li-my, 0);margin-block-start:var(--li-mx, 0)}ul[data-list~=inline],ol[data-list~=inline]{--li-direction: row;--li-gap: 1rem;--li-wrap: wrap;--li-px: 0}sup{vertical-align:super;font-size:smaller}blockquote{padding:1rem;border-left:5px #d3d3d3 solid}strong{font-weight:var(--fs-weight)}h1,h2,h3,h4,h5,h6{font-weight:var(--fs-weight);margin-block-start:0;margin-block-end:1rem;line-height:1.2}h1{font-size:var(--h1, var(--fs-7))}h2{font-size:var(--h2, var(--fs-6))}h3{font-size:var(--h3, var(--fs-5))}h4{font-size:var(--h4, var(--fs-4))}h5{font-size:var(--h5, var(--fs-3))}h6{font-size:var(--h6, var(--fs-2))}hr{--hr-h: 0.0625rem;--hr-color: lightgray;--hr-my: 1.5rem;--hr-style: dotted;border:none;border-bottom:var(--hr-h) var(--hr-style) var(--hr-color);margin-block:var(--hr-my)}h1[data-ui~=display],h1:has(span:first-of-type)>span,h2[data-ui~=display],h2:has(span:first-of-type)>span,h3[data-ui~=display],h3:has(span:first-of-type)>span,h4[data-ui~=display],h4:has(span:first-of-type)>span,h5[data-ui~=display],h5:has(span:first-of-type)>span,h6[data-ui~=display],h6:has(span:first-of-type)>span{--weight: 600;--title-1: var(--h1);--title-2: var(--h2);--title-3: var(--h3);--title-4: var(--h4);--title-5: var(--h5);--title-6: var(--h6)}button{--btn-sm: calc(12rem / 16);--btn-md: calc(16rem / 16);--btn-lg: calc(21rem / 16);--btn-pill: 100rem;--btn-height: calc(40rem / 16);--fs: 0.95rem;--btn-fs: calc(15rem / 16);--btn-bg: lightgray;--btn-width: max-content;font-size:var(--btn-fs);font-weight:var(--btn-fw, 500);height:var(--btn-height, 2.5rem);min-height:var(--btn-height);place-items:var(--btn-place, center);padding-inline:var(--btn-px, calc(var(--btn-fs) + 1.1%));padding-block:var(--btn-py, calc(var(--btn-fs) + 0.75%));border:var(--btn-bdr, none);border-radius:var(--btn-rds, 0.375rem);text-decoration:var(--btn-deco, none);color:var(--btn-cl, currentColor);display:var(--btn-dsp, inline-flex);gap:var(--btn-gap, 0.2rem);white-space:var(--btn-wspc, inherit);margin:var(--btn-spc, 0);transition:var(--tran-all);background-color:var(--btn-bg, var(--btn));outline:none;width:var(--btn-width)}button[type]{background-color:var(--btn-bg, var(--neutral-300));--btn-bdr: solid var(--btn-sg)}button[type=submit],button[style*=submit]{--btn-bg: var(--primary-500, royal-blue);--btn-color: white}button[disabled],button[aria-disabled=true]{cursor:var(--btn-cursor, not-allowed)}button[disabled]:is(:hover,:focus),button[aria-disabled=true]:is(:hover,:focus){transform:none}button:is(:hover,:focus){background-color:var(--btn-bg, var(--btn, lightgray));filter:invert(1) hue-rotate 180deg;transform:scale(0.95) var(--line-style, solid);outline-offset:var(--line-offset, 5px)}button:is(:hover,:focus)[aria-disabled=true]{transform:none;opacity:var(--btn-opacity, 0.5)}button[type=reset]{--btn-bg: transparent;--btn-color: gray;--btn-bdr: gray thin solid}button[type=submit]{--btn-bg: var(--primary-700, blue);--btn-cl: #fff;--btn-color: rgb(231, 231, 231);--btn-border: none}button[data-fp-btn~=pill],button[data-btn~=pill],button[data-style~=pill]{border-radius:var(--btn-pill, 100rem)}button[data-btn~=sm]{--btn-fs: var(--btn-sm)}button[data-btn~=md]{--btn-fs: var(--btn-md)}button[data-btn~=lg]{--btn-fs: var(--btn-lg)}button[data-btn~=text]{--btn-bg: transparent;--btn-cl: currentColor;--btn-bdr: none;--btn-height: unset;--btn-width: unset;--btn-py: 0.75rem;--btn-px: 0.75rem}button[data-btn~=text]:is(:hover,:focus){background-color:rgba(0,0,0,0);outline:.07rem solid var(--btn-cl);outline-offset:0}p[role=note],[role=note],small>span,[data-tag]{--beta: var(--warning-500, orange);--stable: var(--success-500, green);--production: rgb(44, 71, 151);--tag-px: 0.7rem;--tag-py: 0.2rem;--tag-fs: 0.8rem;--tag-radius: 99rem;--tag-bg: lightgray;--tag-fw: 500;--tag-color: currentColor;--tag-display: inline-block;display:var(--tag-display);padding-inline:var(--tag-px);padding-block:var(--tag-py);font-size:var(--tag-fs);color:var(--tag-color);background-color:var(--tag-bg);border-radius:var(--tag-radius)}p[role=note][data-tag~=beta],[role=note][data-tag~=beta],small>span[data-tag~=beta],[data-tag][data-tag~=beta]{background-color:var(--beta)}p[role=note][data-tag~=stable],[role=note][data-tag~=stable],small>span[data-tag~=stable],[data-tag][data-tag~=stable]{--tag-cl: white;--tag-bg: var(--stable)}p[role=note][data-tag~=production],[role=note][data-tag~=production],small>span[data-tag~=production],[data-tag][data-tag~=production]{--tag-color: white;--tag-bg: var(--production)}p[role=note][data-tag~=beta],[role=note][data-tag~=beta],small>span[data-tag~=beta],[data-tag][data-tag~=beta]{--tag-color: currentColor;--tag-bg: var(--beta)}p[role=note][data-tag~=alpha],[role=note][data-tag~=alpha],small>span[data-tag~=alpha],[data-tag][data-tag~=alpha]{--tag-color: currentColor;--tag-bg: var(--beta)}p[role=note][data-tag~=beta],[role=note][data-tag~=beta],small>span[data-tag~=beta],[data-tag][data-tag~=beta]{--tag-color: currentColor;--tag-bg: var(--beta)}p[role=note]{--tag-display: block;--border-radius: 0.5rem}img[alt]{--img-max-width: 100%;--img-height: auto;--img-object-fit: cover;--img-object-position: center;--img-aspect-ratio: auto 2/3;--img-display: inline-block;max-width:var(--img-max-width);max-inline-size:var(--img-max-width);block-size:var(--img-height);object-fit:var(--img-object-fit);object-position:var(--img-object-position);aspect-ratio:var(--img-aspect-ratio);display:var(--img-display);vertical-align:middle;font-style:italic;background-size:cover;background-repeat:no-repeat;shape-margin:var(--spc-3)}figure:has(img[alt]){--fig-display: flex;--fig-p: 0.5rem;--fig-bg: rgba(245, 245, 245, 0.683);--fig-w: fit-content;display:var(--fig-display);position:relative;padding:var(--fig-p);background-color:var(--fig-bg);max-width:var(--fig-w)}figure:has(img[alt])>figcaption{position:absolute;bottom:var(--fig-bottom, var(--fig-p));left:var(--fig-left, var(--fig-p));right:var(--fig-right, var(--fig-p));padding:var(--caption-p, var(--spc-3));background-color:var(--fig-bg)}:root{--card-p: 2rem;--card-bg: #fff;--card-radius: calc(var(--card-p) / 4);--card-position: relative;--card-display: flex;--card-direction: column;--card-gap: 1.5rem}[data-card],[data-component~=card]{display:var(--card-display);flex-direction:var(--card-direction);gap:var(--card-gap);border-radius:var(--card-radius);background-color:var(--card-bg);text-align:var(--card-align, left)}[data-card] [data-card-content],[data-card] h3,[data-card] h2,[data-component~=card] [data-card-content],[data-component~=card] h3,[data-component~=card] h2{margin-block-end:0}[data-card]+div,[data-component~=card]+div{margin-block-start:0}[data-card]>article,[data-component~=card]>article{display:flex;flex-direction:column;flex:2}[data-card]>*:not(img),[data-component~=card]>*:not(img){padding-inline:var(--card-p)}[data-card]>*:last-child:not(img),[data-component~=card]>*:last-child:not(img){padding-block-end:var(--card-p)}[data-card]>*:first-child:not(img),[data-component~=card]>*:first-child:not(img){padding-block-start:calc(var(--card-p) - .5rem)}progress{all:revert;--progress-w: 100%;--progress-h: 1rem;--progress-bg: #cccccc;--progress-color: rgb(71, 71, 245);--progress-accent-color: var(--progress-color)}progress[value]{width:var(--progress-w);height:var(--progress-h);background-color:var(--progress-bg);accent-color:var(--progress-accent-color)}progress[value]::-webkit-progress-value{background-color:var(--progress-accent-color);accent-color:var(--progress-accent-color)}progress[value]::-moz-progress-bar{background-color:var(--progress-accent-color);accent-color:var(--progress-accent-color)}progress[value]::-webkit-progress-bar{background-color:var(--progress-background-color);accent-color:var(--progress-accent-color)}progress[aria-busy]{width:var(--progress-w);height:var(--progress-h);accent-color:var(--progress-accent-color)}progress[aria-busy]::-webkit-progress-value{accent-color:var(--progress-accent-color)}progress[aria-busy]::-moz-progress-bar{accent-color:var(--progress-accent-color)}progress[aria-busy]::-webkit-progress-bar{accent-color:var(--progress-accent-color)}details{--details-w: 100%;--details-h: fit-content;--details-border: 1px solid #dfdfdf;--details-display: flex;--details-justify: flex-start;--details-direction: columns;--details-gap: 5rem;--details-px: 1.5rem;--details-py: 1.5rem;--details-radius: 0.5rem;--summary-cursor: pointer;--summary-transitions: all 0.75s linear;--summary-display: flex;--summary-justify: flex-start;--summary-align: center;--summary-gap: 0.5rem;--max-h-closed: 6.25rem;--max-h-open: 50rem;display:var(--details-display);flex-direction:var(--details-direction);justify-content:var(--details-justify);gap:var(--details-gap);width:var(--details-w);border:var(--details-border);transition:var(--summary-transitions);max-height:var(--max-h-closed);overflow:clip;border-radius:var(--details-radius)}details::marker{content:none}details summary{display:var(--summary-display);justify-content:var(--summary-justify);align-items:var(--summary-align);padding-inline:var(--summary-px, var(--details-px));padding-block:var(--summary-py, var(--details-py));gap:var(--summary-gap);list-style:none}details summary::-webkit-details-marker{display:none}details summary:hover{cursor:var(--summary-cursor)}details summary>section{width:var(--details-w)}details>section{padding-inline:var(--details-px);padding-block:var(--details-py);border:1px rgba(0,0,0,0) solid}details[open]{max-height:var(--max-h-open);transition:var(--summary-transitions)}details[open]>summary{border-bottom:var(--details-border)}details[open]>section{max-height:var(--max-h-open)}a[href]{--link-decoration: none;--link-color: #085ab7;--link-bg: transparent;--link-px: 0;--link-py: 0;--link-transition: all 0.75s ease-in-out;--link-fs: 1rem;--link-radius: 0.25rem;--link-skip-ink: auto;--link-decoration-offset: 1.5px;--link-decoration-thickness: 3px;--link-decoration: color: var(--link-color) var(--link-decoration-offset) var(--link-decoration-thickness) var(--link-skip-ink);--link-decoration-thickness: 3px;--link-decoration: color: var(--link-color) var(--link-decoration-offset) var(--link-decoration-thickness) var(--link-skip-ink);color:var(--link-color);font-size:var(--link-fs);text-decoration:var(--link-decoration);text-underline-offset:var(--link-decoration-offset);text-decoration-skip-ink:var(--link-skip-ink);background-color:var(--link-bg);border-radius:var(--link-radius);background-color:var(--link-bg);border-radius:var(--link-radius);font-weight:var(--link-weight)}a[href]>i,a[href]>b{font-weight:var(--link-weight);font-style:normal}a[href]:hover{--link-decoration: underline}a[href]:focus{outline:none;--link-decoration: underline}a[href]:visited,a[href]:active{--link-color: currentColor}a[href]:has(>b),a[href][data-link~=btn],a[href]:has(>i){--link-button-color: var(--link-color);--link-bg: transparent;--link-decoration: none;--link-border: 2px currentColor solid;--link-fs: 0.9rem;background-color:var(--link-bg);font-style:normal;font-size:var(--link-fs);color:var(--link-button-color);padding-inline:var(--link-fs);padding-block:calc(var(--link-fs) - .4rem);border-radius:var(--link-radius, 99rem);display:inline-flex;outline:var(--link-border);--scale-transition: transform 0.25s ease;--scale: scale(1);--scale-to: scale(1.05);transform:var(--scale);transition:var(--scale-transition)}a[href]:has(>b):focus,a[href][data-link~=btn]:focus,a[href]:has(>i):focus{outline:var(--link-border);--link-decoration: none}a[href]:has(>b):hover,a[href][data-link~=btn]:hover,a[href]:has(>i):hover{--link-decoration: none}a[href]:has(>b):hover,a[href][data-link~=btn]:hover,a[href]:has(>i):hover{transform:var(--scale-to)}a[href][data-link~=pill],a[href]:has(>i){--link-radius: 99rem;--link-decoration: none;font-style:normal}a[href][data-link~=pill]:hover,a[href][data-link~=pill]:focus,a[href]:has(>i):hover,a[href]:has(>i):focus{--link-decoration: none}header>section{width:auto}header,[data-hero],[data-grid~=overlay]{--overlay-grid-area: overlay;--overlay-placement: center;--overlay-display: grid;--overlay-padding: 2rem;--overlay-w: 100%;--overlay-h: 40vh;--overlay-max-h: 500px;--overlay-color: currentColor;--overlay-content-w: 80%;--overlay-gap: 2rem;--overlay-bg: whitesmoke;--overlay-px: auto;--overlay-py: auto;--overlay-mx: auto;--overlay-my: auto;grid-template-areas:"overlay";display:var(--overlay-display);place-items:var(--overlay-placement);align-items:var(--overlay-placement);min-height:var(--overlay-h);width:var(--overlay-w);color:var(--overlay-color);background-color:var(--overlay-bg);min-width:20rem}header>*,[data-hero]>*,[data-grid~=overlay]>*{grid-area:overlay}header>img,[data-hero]>img,[data-grid~=overlay]>img{width:var(--overlay-w);background-size:contain}header>div,header>section,[data-hero]>div,[data-hero]>section,[data-grid~=overlay]>div,[data-grid~=overlay]>section{--overlay-display: flex;max-width:var(--overlay-content-w);padding-inline:var(--spc-4);margin-inline:var(--overlay-mx);gap:var(--overlay-gap);text-align:center}header>div p,header>section p,[data-hero]>div p,[data-hero]>section p,[data-grid~=overlay]>div p,[data-grid~=overlay]>section p{width:auto;max-width:60ch;font-size:var(--fs-8);line-height:1.4}header>div>h1,header>div>h2,header>section>h1,header>section>h2,[data-hero]>div>h1,[data-hero]>div>h2,[data-hero]>section>h1,[data-hero]>section>h2,[data-grid~=overlay]>div>h1,[data-grid~=overlay]>div>h2,[data-grid~=overlay]>section>h1,[data-grid~=overlay]>section>h2{line-height:var(--header-lh, 1.1);font-weight:500}header>div>h1,header>section>h1,[data-hero]>div>h1,[data-hero]>section>h1,[data-grid~=overlay]>div>h1,[data-grid~=overlay]>section>h1{font-size:var(--fs-12)}header>div>h2,header>section>h2,[data-hero]>div>h2,[data-hero]>section>h2,[data-grid~=overlay]>div>h2,[data-grid~=overlay]>section>h2{font-size:var(--fs-11)}header>div>h3,header>section>h3,[data-hero]>div>h3,[data-hero]>section>h3,[data-grid~=overlay]>div>h3,[data-grid~=overlay]>section>h3{font-size:var(--fs-10)}main,footer{--content-w: min(100%, 1480px);--content-mx: auto;--content-px: 1rem;--content-gap: 2rem;padding-block:var(--overlay-padding)}main>section,footer>section{width:var(--content-w);margin-inline:var(--content-mx);padding-inline:var(--spc-6)}main{flex:1;font-size:var(--fs-3)}main>section[aria-label],main>section{width:var(--content-w);margin-inline:var(--content-mx)}main>section[aria-label]:has(>article,>aside),main>section:has(>article,>aside){display:flex;flex-wrap:wrap;flex:1;gap:var(--content-gap)}main>section[aria-label]:has(>article,>aside)>article,main>section:has(>article,>aside)>article{flex-basis:0;flex-grow:999;min-inline-size:50%}main>section[aria-label]:has(>article,>aside)>aside,main>section:has(>article,>aside)>aside{flex-basis:20rem;flex-grow:1}footer>div{display:flex;align-items:center;justify-content:center;min-height:5rem;text-align:center}:root{--gap: 1.75rem}[data-grid]{--gap: 1.5rem;--grid-column-min-width: 20.3125rem;--grid-gap: var(--gap);--grid-padding: 10px;--grid-justify-content: center;--grid-align-content: center;display:grid;grid-template-columns:repeat(auto-fit, minmax(var(--grid-column-min-width), 1fr));gap:var(--grid-gap);padding:var(--grid-padding);justify-content:var(--grid-justify-content);align-content:var(--grid-align-content)}[data-flex]{display:flex;flex-wrap:wrap;margin-block-end:3rem;margin-inline:auto;justify-content:center;gap:var(--gap)}[data-flex]>*:has(div,aside,article){flex-basis:calc(var(--col-w, 100%) - var(--card-gap));min-width:var(--col-min-w, 18.75rem)}[data-flex~=start]{justify-content:start}[data-flex~=end]{justify-content:end}[data-flex~=cols-2]{--col-w: 50%}[data-flex~=cols-3]{--col-w: 33%}[data-flex~=cols-4]{--col-w: 25%}[data-flex~=cols-5]{--col-w: 20%}[data-flex~=cols-6]{--col-w: 16%}[data-flex~=cols-7]{--col-w: 14%}[data-flex~=cols-8]{--col-w: 12%}[data-flex~=cols-9]{--col-w: 11%}[data-flex~=cols-10]{--col-w: 10%}[data-flex~=cols-11]{--col-w: 9%}[data-flex~=cols-12]{--col-w: 8%}[data-flex-grid]{display:grid;grid-template-columns:repeat(auto-fit, minmax(var(--grid-column-min-width, 20.3125rem), 1fr));gap:var(--gap);margin-block-end:3rem;margin-inline:auto;justify-content:center;align-content:start}sup:has(>span){--badge-bg: lightgray;--badge-color: currentColor;--badge-radius: 0.15rem;--badge-padding: 0.15rem;--badge-v-align: 0.5rem;--badge-fs: clamp(0.4rem, 0.5rem + 0.5vw, 7rem);background-color:var(--badge-bg);color:var(--badge-color);padding:var(--badge-padding);border-radius:var(--badge-radius);vertical-align:var(--badge-v-align)}sup:has(>span) span{color:inherit}sup:has(>span)[data-badge~=rounded]{--badge-radius: 100%;--badge-padding: 0.2rem}body>nav,[aria-label~=navbar],.navbar{padding-inline:var(--nav-px, 1rem);min-height:var(--nav-h, fit-content)}@media(max-width: 580px){body>nav,[aria-label~=navbar],.navbar{flex-direction:column;height:fit-content;min-height:fit-content;padding-block:unset;gap:.5rem}}body>nav ul>li,[aria-label~=navbar] ul>li,.navbar ul>li{display:flex;align-items:center;list-style:none;margin:0;padding:0;min-height:100%;padding-inline:var(--nav-px, 0.75rem)}body>nav ul>li:hover,[aria-label~=navbar] ul>li:hover,.navbar ul>li:hover{background-color:var(--nav-hov-bg, whitesmoke)}body>nav ul>li:hover:where(img),[aria-label~=navbar] ul>li:hover:where(img),.navbar ul>li:hover:where(img){background-color:rgba(0,0,0,0)}nav{display:var(--nav-dsp, flex);flex-direction:var(--nav-direction, row);width:var(--nav-w, auto);place-items:var(--nav-align, center);justify-content:var(--nav-justify, space-between);margin-inline:var(--nav-mx, 0);background-color:var(--nav-bg, initial)}nav>section,nav>ul{--nav-dsp: flex;flex-direction:var(--nav-direction, row);display:var(--nav-dsp, flex);gap:var(--nav-gap, 0);font-size:var(--nav-fs, 0.9rem);align-items:var(--nav-align, center);padding-inline:var(--nav-px, 1rem);padding-block:var(--nav-py, 0);height:100%}nav>section[data-list~=block],nav>ul[data-list~=block]{--nav-direction: column}nav>section>div{--py: 0}nav ul>li{display:flex;align-items:center;list-style:none;margin:0;padding:0;min-height:100%;padding-inline:var(--nav-px, 1rem)}nav img[alt]{--px: 0 var(--s1);--w: var(--brand-w, 3.6rem)}nav[data-variant]{background-color:var(--nav-bg);color:var(--nav-cl);font-size:var(--nav-fs, 0.9rem)}nav>div{margin-block-start:0}:root{--input-border-color: gray;--input-appearance: none;--input-bg: inherit;--input-border: none;--input-outline: thin solid var(--input-border-color);--input-px: 0.6rem;--input-py: 0.4rem;--input-radius: --var(--radius);--input-fs: var(--fs);--input-w: clamp(200px, 100%, 500px);--placeholder-color: gray;--placeholder-style: italic;--placeholder-fs: smaller;--form-direction: column;--select-arrow: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20'><polyline points='6,9 10,13 14,9' stroke='%23000000' stroke-width='1.5' fill='none' /></svg>")}form{display:flex;flex-direction:var(--form-direction);gap:1rem}form>div{display:flex;gap:1rem;flex-direction:var(--form-direction)}form label{display:block}input[type]:not([type=checkbox],[type=radio]),textarea,select{-webkit-appearance:var(--input-appearance);-moz-appearance:var(--input-appearance);appearance:var(--input-appearance);width:var(--input-w);border:var(--input-border);outline:var(--input-outline);padding-inline:var(--input-px);padding-block:var(--input-py);border-radius:var(--input-radius);background-color:var(--input-bg, #fff)}input[type]:not([type=checkbox],[type=radio])::placeholder,textarea::placeholder,select::placeholder{color:var(--placeholder-color);font-style:var(--placeholder-style);font-size:var(--placeholder-fs);text-transform:capitalize}input[type]:not([type=checkbox],[type=radio]):focus-visible,input[type]:not([type=checkbox],[type=radio]):focus,textarea:focus-visible,textarea:focus,select:focus-visible,select:focus{outline-width:medium}input[type]:not([type=checkbox],[type=radio])[aria-required=true]::placeholder,textarea[aria-required=true]::placeholder,select[aria-required=true]::placeholder{color:var(--color-required, var(--placeholder-color));font-weight:600}input[type]:not([type=checkbox],[type=radio])[aria-required=true]::placeholder::after,textarea[aria-required=true]::placeholder::after,select[aria-required=true]::placeholder::after{content:"* "}input[type]:not([type=checkbox],[type=radio])[aria-disabled=true],textarea[aria-disabled=true],select[aria-disabled=true]{--input-border-color: lightgray;cursor:not-allowed;text-transform:capitalize;text-decoration:line-through}select{border:var(--input-outline);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--select-arrow) no-repeat;background-position:right .5rem top 50%;padding-inline-end:0}nav:not(body>nav),nav[data-breadcrumb]{--breadcrumb-px: unset;--breadcrumb-dsp: flex;--breadcrumb-gap: 0.5rem;--breadcrumb-color: currentColor;--breadcrumb-current-color: rgb(46, 46, 46);--breadcrumb-fs: var(--fs-0);margin-inline:unset;padding-inline:unset}nav:not(body>nav) ol,nav[data-breadcrumb] ol{padding-inline:var(--breadcrumb-px);display:var(--breadcrumb-dsp);gap:var(--breadcrumb-gap)}nav:not(body>nav) ol li,nav[data-breadcrumb] ol li{padding-inline:unset;width:var(--breadcrumb-w, fit-content);text-transform:capitalize;display:flex;color:var(--breadcrumb-color);gap:.5rem;font-size:var(--breadcrumb-fs)}nav:not(body>nav) ol li span[aria-hidden=true],nav[data-breadcrumb] ol li span[aria-hidden=true]{opacity:.6}nav:not(body>nav) ol li a[href],nav[data-breadcrumb] ol li a[href]{font-size:var(--breadcrumb-fs)}nav:not(body>nav) ol li a[href][aria-current],nav[data-breadcrumb] ol li a[href][aria-current]{color:var(--breadcrumb-current-color);text-decoration:none}[data-tts]{--tts-gap: 0.5rem;--tts-bg: #fff;--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)}:root{--shadow: 0 0 0.525rem 0 rgba(0, 0, 0, 0.1);--shadow-xs: 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.05);--shadow-sm: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.1), 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.06);--shadow-md: 0 0.25rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.125rem 0.25rem rgba(0, 0, 0, 0.06);--shadow-lg: 0 0.625rem 0.9375rem rgba(0, 0, 0, 0.1), 0 0.25rem 0.375rem rgba(0, 0, 0, 0.08);--shadow-xl: 0 1.25rem 1.5625rem rgba(0, 0, 0, 0.1), 0 0.625rem 0.625rem rgba(0, 0, 0, 0.08)}.shadow-none{box-shadow:none}.shadow{box-shadow:var(--shadow)}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}/*# sourceMappingURL=index.css.map */
|
package/libs/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../src/sass/_reset.scss","../src/sass/_properties.scss","../src/sass/_globals.scss","../src/sass/_elements.scss","../src/components/buttons/button.scss","../src/components/tag/tag.scss","../src/components/images/img.scss","../src/components/cards/card.scss","../src/components/progress/progress.scss","../src/components/details/details.scss","../src/components/link/link.scss","../src/sass/_mixins.scss","../src/components/layout/_header.scss","../src/components/layout/landmarks.scss","../src/sass/_grid.scss","../src/components/badge/badge.scss","../src/components/nav/nav.scss","../src/components/form/form.scss","../src/components/breadcrumbs/breadcrumb.scss","../src/components/text-to-speech/text-to-speech.scss"],"names":[],"mappings":"AAAA,qBAGE,sBAGF,YAGE,iBAIA,WACA,sBAMF,UAEE,YACA,eAIF,kBACE,uBAIF,2CAUE,SAeF,KACE,iBACA,6BACA,gBAIF,eACE,8BAGF,SAEE,eAIF,yBAIE,cACA,eACA,kBAGF,iBAGE,qBACA,gBAGF,IACE,eACA,YACA,sBACA,kBACA,4BACA,sBACA,oBAGF,IACE,qBAIF,sBAGE,oBACA,kBACA,mBACA,oBACA,qBACA,oBACA,yBAIF,eACE,oBAIF,uCACE,kBACE,qBAGF,qBAGE,oCACA,uCACA,qCACA,iCAKJ,cAEE,kBAGF,oBAOE,yBAGF,QACE,aACA,mBAGF,EACE,mBAIF,MACE,yBAGF,IACE,sBAMA,oBAEA,cACE,oBACA,mBACA,WCpLJ,MACE,cACA,2CACA,UACA,eACA,eACA,aACA,eACA,eACA,cACA,iBACA,0BACA,4BACA,0BACA,+BAGA,0CACA,iDACA,8CACA,gDACA,+CACA,gDACA,yCACA,+CACA,2CACA,0CACA,6CACA,gDACA,+CAEA,qBACA,qBACA,uBACA,qBACA,qBACA,qBACA,uBACA,wBAEA,wBAEA,2BACA,2BAGA,mBAEA,kBAEA,kBAEA,kBAEA,kBAEA,kBAEA,WACA,iBACA,gBACA,iBACA,cACA,aACA,cACA,gBACA,cACA,gBACA,eACA,iBACA,eACA,eACA,eACA,eACA,eACA,gBACA,gBACA,gBACA,gBAGA,oBACA,uBACA,uBACA,yBACA,uBACA,uBACA,wBACA,yBAGA,aACA,cACA,cACA,cACA,cACA,eAGA,aACA,cACA,cACA,cACA,cACA,eCxGF,MACE,6LAGA,gBACA,UACA,iBAGF,KACE,+BACA,eAGF,KACE,8BACA,gBACA,6CACA,qBACA,sBAEA,UACE,YAGF,kBACE,kBACA,UACA,OACA,WACA,cACA,2BACA,aACA,YACA,mBACA,gBAEA,yBACA,wBACE,MAKN,qBAGE,wBAGF,2BAIE,sBACA,sGAEE,mBACA,4BAEF,2CACE,kBAKF,iBACE,kCACA,qCAIJ,EACE,eACA,sBACA,gBAEA,IACE,wBAIJ,MAEE,gCACA,2CACA,0BACA,iCACA,gDACA,4EAEE,iCACA,iCACA,mCAEF,4CACE,oBACA,eACA,gBACA,WAIJ,IACE,qBACA,kBAGF,WACE,aACA,8BAGF,OACE,6BAGF,kBAME,6BACA,qBACA,sBACA,gBAGF,GACE,iCAGF,GACE,iCAGF,GACE,iCAGF,GACE,iCAGF,GACE,iCAGF,GACE,iCAGF,GACE,kBACA,sBACA,gBACA,mBACA,YACA,0DACA,0BC1JA,8TAEE,cACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBCdJ,OACE,2BACA,2BACA,2BACA,mBACA,+BACA,cACA,2BACA,oBACA,yBAEA,wBACA,+BACA,iCACA,6BACA,qCACA,yDACA,yDACA,4BACA,uCACA,sCACA,kCACA,oCACA,2BACA,qCACA,yBACA,2BACA,2CACA,aACA,uBAEA,aACE,mDACA,+BAGF,0CAEE,yCACA,mBAGF,4CAEE,sCAGA,gFACE,eAOJ,yBAEE,sDACA,mCACA,+CACA,uCAEA,6CACE,eACA,gCAIJ,mBACE,sBACA,kBACA,2BAGF,oBACE,mCACA,eACA,gCACA,mBAGF,0EAGE,sCAGF,qBACE,wBAGF,qBACE,wBAGF,qBACE,wBAGF,uBACE,sBACA,uBACA,gBACA,oBACA,mBACA,kBACA,kBAEA,yCACE,+BACA,mCACA,iBC/GN,+CAIE,mCACA,oCACA,+BACA,iBACA,iBACA,iBACA,oBACA,oBACA,cACA,0BACA,4BAEA,2BACA,6BACA,4BACA,wBACA,uBACA,+BACA,gCAEA,+GACE,6BAGF,uHACE,gBACA,wBAGF,uIACE,mBACA,4BAGF,+GACE,0BACA,sBAGF,mHACE,0BACA,sBAEF,+GACE,0BACA,sBAGJ,aACE,qBACA,wBCtDF,SACE,sBACA,mBACA,wBACA,8BACA,6BACA,4BAEA,+BACA,qCACA,6BACA,iCACA,2CACA,qCACA,2BACA,sBACA,kBACA,sBACA,4BACA,0BAIA,qBACE,oBACA,gBACA,qCACA,qBACA,2BACA,kBACA,qBACA,+BACA,uBACA,gCACE,kBACA,uCACA,mCACA,qCACA,uCACA,+BCvCN,MACE,eACA,gBACA,uCACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../src/sass/_reset.scss","../src/sass/_properties.scss","../src/sass/_globals.scss","../src/sass/_elements.scss","../src/components/buttons/button.scss","../src/components/tag/tag.scss","../src/components/images/img.scss","../src/components/cards/card.scss","../src/components/progress/progress.scss","../src/components/details/details.scss","../src/components/link/link.scss","../src/sass/_mixins.scss","../src/components/layout/_header.scss","../src/components/layout/landmarks.scss","../src/sass/_grid.scss","../src/components/badge/badge.scss","../src/components/nav/nav.scss","../src/components/form/form.scss","../src/components/breadcrumbs/breadcrumb.scss","../src/components/text-to-speech/text-to-speech.scss","../src/sass/styles/_shadows.scss"],"names":[],"mappings":"AAAA,qBAGE,sBAGF,YAGE,iBAIA,WACA,sBAMF,UAEE,YACA,eAIF,kBACE,uBAIF,2CAUE,SAeF,KACE,iBACA,6BACA,gBAIF,eACE,8BAGF,SAEE,eAIF,yBAIE,cACA,eACA,kBAGF,iBAGE,qBACA,gBAGF,IACE,eACA,YACA,sBACA,kBACA,4BACA,sBACA,oBAGF,IACE,qBAIF,sBAGE,oBACA,kBACA,mBACA,oBACA,qBACA,oBACA,yBAIF,eACE,oBAIF,uCACE,kBACE,qBAGF,qBAGE,oCACA,uCACA,qCACA,iCAKJ,cAEE,kBAGF,oBAOE,yBAGF,QACE,aACA,mBAGF,EACE,mBAIF,MACE,yBAGF,IACE,sBAMA,oBAEA,cACE,oBACA,mBACA,WCpLJ,MACE,cACA,2CACA,UACA,eACA,eACA,aACA,eACA,eACA,cACA,iBACA,0BACA,4BACA,0BACA,+BAGA,0CACA,iDACA,8CACA,gDACA,+CACA,gDACA,yCACA,+CACA,2CACA,0CACA,6CACA,gDACA,+CAEA,qBACA,qBACA,uBACA,qBACA,qBACA,qBACA,uBACA,wBAEA,wBAEA,2BACA,2BAGA,mBAEA,kBAEA,kBAEA,kBAEA,kBAEA,kBAEA,WACA,iBACA,gBACA,iBACA,cACA,aACA,cACA,gBACA,cACA,gBACA,eACA,iBACA,eACA,eACA,eACA,eACA,eACA,gBACA,gBACA,gBACA,gBAGA,oBACA,uBACA,uBACA,yBACA,uBACA,uBACA,wBACA,yBAGA,aACA,cACA,cACA,cACA,cACA,eAGA,aACA,cACA,cACA,cACA,cACA,eCxGF,MACE,6LAGA,gBACA,UACA,iBAGF,KACE,+BACA,eAGF,KACE,8BACA,gBACA,6CACA,qBACA,sBAEA,UACE,YAGF,kBACE,kBACA,UACA,OACA,WACA,cACA,2BACA,aACA,YACA,mBACA,gBAEA,yBACA,wBACE,MAKN,qBAGE,wBAGF,2BAIE,sBACA,sGAEE,mBACA,4BAEF,2CACE,kBAKF,iBACE,kCACA,qCAIJ,EACE,eACA,sBACA,gBAEA,IACE,wBAIJ,MAEE,gCACA,2CACA,0BACA,iCACA,gDACA,4EAEE,iCACA,iCACA,mCAEF,4CACE,oBACA,eACA,gBACA,WAIJ,IACE,qBACA,kBAGF,WACE,aACA,8BAGF,OACE,6BAGF,kBAME,6BACA,qBACA,sBACA,gBAGF,GACE,iCAGF,GACE,iCAGF,GACE,iCAGF,GACE,iCAGF,GACE,iCAGF,GACE,iCAGF,GACE,kBACA,sBACA,gBACA,mBACA,YACA,0DACA,0BC1JA,8TAEE,cACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBCdJ,OACE,2BACA,2BACA,2BACA,mBACA,+BACA,cACA,2BACA,oBACA,yBAEA,wBACA,+BACA,iCACA,6BACA,qCACA,yDACA,yDACA,4BACA,uCACA,sCACA,kCACA,oCACA,2BACA,qCACA,yBACA,2BACA,2CACA,aACA,uBAEA,aACE,mDACA,+BAGF,0CAEE,yCACA,mBAGF,4CAEE,sCAGA,gFACE,eAOJ,yBAEE,sDACA,mCACA,+CACA,uCAEA,6CACE,eACA,gCAIJ,mBACE,sBACA,kBACA,2BAGF,oBACE,mCACA,eACA,gCACA,mBAGF,0EAGE,sCAGF,qBACE,wBAGF,qBACE,wBAGF,qBACE,wBAGF,uBACE,sBACA,uBACA,gBACA,oBACA,mBACA,kBACA,kBAEA,yCACE,+BACA,mCACA,iBC/GN,+CAIE,mCACA,oCACA,+BACA,iBACA,iBACA,iBACA,oBACA,oBACA,cACA,0BACA,4BAEA,2BACA,6BACA,4BACA,wBACA,uBACA,+BACA,gCAEA,+GACE,6BAGF,uHACE,gBACA,wBAGF,uIACE,mBACA,4BAGF,+GACE,0BACA,sBAGF,mHACE,0BACA,sBAEF,+GACE,0BACA,sBAGJ,aACE,qBACA,wBCtDF,SACE,sBACA,mBACA,wBACA,8BACA,6BACA,4BAEA,+BACA,qCACA,6BACA,iCACA,2CACA,qCACA,2BACA,sBACA,kBACA,sBACA,4BACA,0BAIA,qBACE,oBACA,gBACA,qCACA,qBACA,2BACA,kBACA,qBACA,+BACA,uBACA,gCACE,kBACA,uCACA,mCACA,qCACA,uCACA,+BCvCN,MACE,eACA,gBACA,uCACA,0BACA,qBACA,yBACA,mBAEF,mCAEE,4BACA,qCACA,oBACA,iCACA,gCACA,mCAEA,6JAGE,mBAEF,2CACE,qBAEF,mDACE,aACA,sBACA,OAGF,yDACE,6BAEF,+EAEE,gCAEF,iFACE,gDCxCJ,SAEE,WACA,mBACA,mBACA,uBACA,mCACA,+CAKA,gBAEE,wBACA,yBACA,oCACA,0CAGA,wCAEE,8CACA,0CAIF,mCAEE,8CACA,0CAIF,sCAEE,kDACA,0CAKJ,oBAEE,wBACA,yBAEA,0CAEA,4CAGE,0CAGF,uCAGE,0CAIF,0CAGE,0CCjEN,QACE,kBACA,yBACA,oCACA,wBACA,8BACA,6BACA,oBACA,qBACA,qBACA,yBACA,0BACA,wCACA,wBACA,8BACA,wBACA,sBACA,wBACA,oBAEA,+BACA,wCACA,uCACA,uBACA,uBACA,6BACA,sCACA,+BACA,cACA,oCAEA,gBACE,aAGF,gBACE,+BACA,uCACA,iCACA,oDACA,mDACA,uBACA,gBAEA,wCACE,aAKF,sBACE,6BAEF,wBACE,uBAIJ,gBACE,iCACA,gCACA,+BAGF,cACE,6BACA,sCACA,sBACE,oCAEF,sBACE,6BCrEN,QACE,wBACA,sBACA,uBACA,aACA,aACA,yCACA,gBACA,uBACA,sBACA,gCACA,iCACA,gIAEA,iCACA,gIAGA,wBACA,yBACA,uCACA,oDACA,8CACA,gCACA,iCACA,gCACA,iCACA,+BAEA,oBAEE,+BACA,kBAGF,cACE,6BAGF,cACE,aACA,6BAGF,+BAEE,2BAGF,wDAGE,uCACA,uBACA,wBACA,sCACA,kBACA,gCACA,kBACA,yBACA,+BACA,8BACA,2CACA,wCACA,oBACA,2BClEF,yCACA,kBACA,wBACA,uBACA,mCD+DE,0EACE,2BACA,wBAEF,0EACE,wBCnEJ,0EACE,0BDsEF,yCAEE,qBACA,wBACA,kBACA,0GAEE,wBAKN,eACE,WE1FF,wCAIE,6BAEA,4BAEA,wBAEA,wBACA,kBACA,kBACA,uBACA,8BACA,yBACA,oBACA,yBACA,mBACA,mBACA,mBACA,mBAEA,8BACA,+BACA,qCACA,qCACA,4BACA,uBACA,2BACA,mCACA,gBACA,8CACE,kBAEF,oDACE,uBAEA,wBAEF,oHAEE,wBACA,mCACA,4BACA,gCACA,uBACA,kBACA,gIACE,WACA,eACA,sBACA,gBAEF,4QAEE,kCACA,gBAGF,sIACE,uBAEF,sIACE,uBAEF,sIACE,uBChEN,YAEE,+BACA,mBACA,mBACA,oBACA,qCACA,4BACE,uBACA,gCACA,4BAIJ,KACE,OACA,sBACA,sCAEE,uBACA,gCACA,gFACE,aACA,eACA,OACA,uBACA,gGACE,aACA,cACA,oBAEF,4FACE,iBACA,YAON,WACE,aACA,mBACA,uBACA,gBACA,kBChDJ,MACE,eAGF,YACE,cACA,oCACA,uBACA,qBACA,+BACA,6BACA,aACA,kFAIA,oBACA,4BACA,4CACA,wCAGF,YACE,aACA,eACA,sBAEA,mBACA,uBACA,eACA,qCACE,sDACA,qCAIJ,mBACE,sBAGF,iBACE,oBAGF,oBACE,aAGF,oBACE,aAGF,oBACE,aAGF,oBACE,aAGF,oBACE,aAGF,oBACE,aAGF,oBACE,aAGF,oBACE,aAGF,qBACE,aAGF,qBACE,YAGF,qBACE,YAGF,iBACE,aACA,8FAIA,eACA,sBACA,mBACA,uBACA,oBClGF,eACE,sBACA,4BACA,wBACA,yBACA,wBACA,gDACA,iCACA,yBACA,6BACA,kCACA,oCACA,oBACE,cAEF,oCACE,qBACA,wBCjBJ,sCAEE,mCACA,qCAEA,yBALF,sCAMI,sBACA,mBACA,uBACA,oBACA,WAGA,wDACE,aACA,mBACA,gBACA,SACA,UACA,gBACA,sCAEA,0EACE,+CAEF,2GACE,+BAMR,IACE,6BACA,yCACA,yBACA,qCACA,kDACA,+BACA,wCAEA,mBAEE,gBACA,yCACA,6BACA,sBACA,gCACA,qCACA,mCACA,+BACA,YACA,uDACE,wBAKF,gBACE,QAKF,UACE,aACA,mBACA,gBACA,SACA,UACA,gBACA,mCAIJ,aACE,kBACA,4BAGF,kBACE,+BACA,oBACA,gCAGF,QACE,qBCvFJ,MACE,2BACA,yBACA,oBACA,qBACA,sDACA,mBACA,mBACA,gCACA,sBACA,qCACA,0BACA,4BACA,0BACA,yBACA,2MAGF,KACE,aACA,qCACA,SACA,SACE,aACA,SACA,qCAGF,WACE,cAIJ,8DAGE,2CACA,wCACA,mCACA,qBACA,2BACA,6BACA,+BACA,8BACA,kCACA,uCAEA,qGACE,+BACA,oCACA,gCACA,0BAGF,wLACE,qBAKA,iKACE,sDACA,gBACA,sLACE,aAKN,0HACE,gCACA,mBACA,0BACA,6BAIJ,OACE,4BACA,aACA,wBACA,qBACA,gBACA,yCACA,wCACA,qBCrFF,uCAEE,uBACA,uBACA,yBACA,iCACA,4CACA,6BACA,oBACA,qBACA,6CACE,oCACA,8BACA,0BACA,mDACE,qBACA,uCACA,0BACA,aACA,8BACA,UACA,+BACA,iGACE,WAEF,mEACE,+BACA,+FACE,sCACA,qBC7BV,WACE,kBACA,eACA,6BACA,0BACA,iCACA,oBACA,sBACA,4BACA,0BACA,8BAEA,aACA,mBACA,mCACA,2CACA,+BACA,YACA,gFAEA,gCACA,2BACA,+BACA,4DAEE,aACA,wEACE,wDC3BN,MACE,4CACA,sDACA,gGAEA,2FAEA,6FAEA,6FAIF,aACE,gBAEF,QACE,yBAEF,WACE,4BAEF,WACE,4BAEF,WACE,4BAEF,WACE,4BAEF,WACE","file":"index.css"}
|
package/libs/index.js
CHANGED
|
@@ -4,8 +4,8 @@ export { b as Icon } from './chunk-QHIABQNQ.js';
|
|
|
4
4
|
import * as c from 'react';
|
|
5
5
|
import c__default, { useState, useEffect } from 'react';
|
|
6
6
|
|
|
7
|
-
var M=({type:e="button",children:t,styles:o,disabled:r,classes:n,onPointerDown:s,onPointerOver:i,onPointerLeave:p,...l})=>{let d=h=>{r||s?.(h);};return c__default.createElement(a,{as:"button",type:e,onPointerOver:h=>{r||i?.(h);},onPointerDown:d,onPointerLeave:h=>{r||p?.(h);},style:o,className:n,"aria-disabled":r,onClick:d,...l},t)};M.displayName="Button";var se=({children:e,className:t,styles:o,as:r="h3",...n})=>c__default.createElement(a,{as:r,className:`card-title ${t||""}`,styles:o,...n},e);se.displayName="Title";var ae=({children:e,className:t,styles:o,...r})=>c__default.createElement(a,{as:"article",className:`card-content ${t||""}`,styles:o,...r},e);ae.displayName="Content";var pe=({children:e,className:t,styles:o,...r})=>c__default.createElement(a,{as:"div",className:`card-footer ${t||""}`,styles:o,...r},e);pe.displayName="Footer";var w=({elm:e="div",styles:t,children:o,classes:r,id:n,...s})=>c__default.createElement(a,{as:e,id:n,styles:t,className:r,"data-card":!0,...s},o);w.displayName="Card";w.Title=se;w.Content=ae;w.Footer=pe;var V=({id:e,children:t,classes:o,modalRef:r,openOnMount:n,...s})=>c__default.createElement(a,{as:"dialog",id:e,classes:o,ref:r,open:n,onClick:p=>{p.currentTarget===p.target&&p.currentTarget.close();},...s},t);V.displayName="Dialog";var le=({label:e,labelFor:t,id:o,styles:r,classes:n,children:s,...i})=>c__default.createElement(a,{as:"div",id:o,styles:r,className:n,"data-style":"fields",...i},c__default.createElement("label",{htmlFor:t},e),s);le.displayName="Field";var R=e=>c__default.createElement(c__default.Fragment,null,e),be=({id:e,children:t,headerBackground:o,styles:r,classes:n,...s})=>c__default.createElement(a,{as:"header",id:e,styles:r,className:n,...s},o,c__default.createElement(a,{as:"section"},t)),Ue=({id:e,children:t,styles:o,classes:r,...n})=>c__default.createElement(a,{as:"main",id:e,styles:o,...n,className:r},t),Re=({id:e,classes:t,children:o,styles:r={},...n})=>c__default.createElement(a,{as:"footer",id:e,className:t,styles:r,...n},c__default.createElement(a,{as:"section"},o||"Copyright \xA9 2022")),Le=({id:e,children:t,styles:o={},classes:r,...n})=>c__default.createElement(a,{as:"aside",id:e,styles:o,className:r,...n},c__default.createElement(a,{as:"section"},t)),Ee=({id:e,children:t,styles:o,classes:r,...n})=>c__default.createElement(a,{as:"section",id:e,styles:o,className:r,...n},t),ke=({id:e,children:t,styles:o,classes:r,...n})=>c__default.createElement(a,{as:"article",id:e,styles:o,className:r,...n},t);R.displayName="Landmarks";R.Header=be;R.Main=Ue;R.Footer=Re;R.Aside=Le;R.Section=Ee;R.Article=ke;var me=({src:e="//",alt:t,width:o=480,height:r,styles:n,loading:s="lazy",placeholder:i=`https://via.placeholder.com/${o}?text=PLACEHOLDER`,fetchpriority:p="low",decoding:l="auto",imgLoaded:d,imgError:u,...T})=>c__default.createElement(a,{as:"img",src:e,alt:t,width:o,height:r||"auto",loading:s,style:n,onError:y=>{if(u){u?.(y);return}y.currentTarget.src!==i&&(y.currentTarget.src=i);},onLoad:y=>{d?.(y);},fetchPriority:p,decoding:l,...T});me.displayName="Img";var Me=c__default.forwardRef(({as:e,styles:t,classes:o,children:r,defaultStyles:n,...s},i)=>{let p=e||"div",l={...n,...t};return c__default.createElement(p,{ref:i,style:l,className:o,...s},r)}),N=Me;var de=({type:e="text",name:t,value:o,placeholder:r,id:n,styles:s,classes:i,isDisabled:p,disabled:l,readonly:d,required:u,ref:T,onChange:h,onBlur:x,onPointerDown:y,...I})=>{let P=m=>{h&&!l&&h?.(m);},f=m=>{x&&!l&&x?.(m);},C=m=>{y&&!l&&(m.preventDefault(),y?.(m));};return c__default.createElement(N,{as:"input",id:n,type:e,placeholder:r||`${u?"*":""} ${e} input `,className:i,styles:s,onChange:P,onBlur:f,onKeyDown:C,value:o,name:t,ref:T,"aria-disabled":p,tabIndex:p?-1:void 0,"aria-readonly":d,"aria-required":u,required:u,readOnly:d,...I})};de.displayName="Input";var J=({href:e,target:t,rel:o,children:r,styles:n,prefetch:s,btnStyle:i,onPointerDown:p,...l})=>{let d=o;return t==="_blank"&&(d=`noopener noreferrer ${s?"prefetch":""}`),c__default.createElement(a,{as:"a",href:e,target:t,styles:n,rel:d,onPointerDown:T=>{p&&p?.(T);},"data-btn":i,prefetch:s,...l},r)},He=J;J.displayName="Link";var De=({type:e="li",id:t,styles:o,children:r,classes:n,...s})=>c.createElement(a,{id:t,as:e,className:n,...s,style:o},r),A=({children:e,classes:t,type:o="ul",variant:r,styles:n,role:s,...i})=>c.createElement(a,{as:o,"data-variant":r,className:t,style:n,role:s,...i},e),X=A;A.displayName="List";A.ListItem=De;var ue=({openChild:e,closeChild:t,modalHeader:o,modalFooter:r,children:n,showOpen:s=!1,...i})=>{let p=c__default.useRef(null),l=()=>{p.current&&(s?p.current.show():p.current.showModal());},d=()=>{p.current&&p.current.close();};return c__default.createElement(c__default.Fragment,null,c__default.createElement(V,{modalRef:p,openOnMount:s,...i},c__default.createElement("section",null,o,n,r??c__default.createElement("div",null,c__default.createElement(M,{type:"button",pointerDown:()=>{d();}},t||"Close")," "))),!s&&c__default.createElement(M,{type:"button",pointerDown:l},e||"Open Modal"))};ue.displayName="Modal";var Ve=({isBlock:e,children:t,...o})=>c__default.createElement(X,{type:"ul",...o,"data-list":`unstyled ${e?"block":""}`},t),Ae=({id:e,styles:t,classes:o,children:r,...n})=>c__default.createElement(X.ListItem,{type:"li",id:e,classes:o,styles:t,...n},r),q=({children:e,...t})=>c__default.createElement(a,{as:"nav",...t},e);q.displayName="Nav";q.List=Ve;q.Item=Ae;var Oe={display:"block",position:"absolute",background:"#000",border:"1px solid #010101",padding:"10px",color:"#fff",transition:"opacity .5s ease-in-out"},_=({children:e,popoverTrigger:t,styles:o,...r})=>{let n=c__default.useRef(null),s=c__default.useRef(null),{isVisible:i,popoverPosition:p,handlePointerEvent:l,handlePointerLeave:d}=b(n,s),u={opacity:i?1:0,top:p.top,left:p.left,zIndex:999};return c__default.createElement(c__default.Fragment,null,c__default.createElement("div",{ref:n,onPointerEnter:l,onPointerLeave:d,...r},t),i&&c__default.createElement("div",{ref:s,style:{...u,...o}},e))};_.displayName="Popover";_.styles=Oe;var G=({children:e,...t})=>c__default.createElement(N,{as:"caption",...t},e),Q=({children:e,...t})=>c__default.createElement(N,{as:"thead",...t},e),O=({children:e,...t})=>c__default.createElement(N,{as:"tbody",...t},e),Y=({children:e,...t})=>c__default.createElement(N,{as:"tr",...t},e),$e=({children:e,...t})=>c__default.createElement(N,{as:"td",...t},e),Z=({id:e,dataStyle:t,children:o,...r})=>c__default.createElement(N,{as:"section",id:e,...r,"data-style":"table-wrapper"},c__default.createElement("table",null,o));Z.displayName="Table";G.displayName="Caption";Q.displayName="Thead";O.displayName="Tbody";Y.displayName="Tr";$e.displayName="Td";var fe=({tblBody:e,tblCaption:t,tblHead:o})=>c__default.createElement(Z,null,t&&c__default.createElement(G,null,t),c__default.createElement(Q,null,c__default.createElement(Y,null,o)),c__default.createElement(O,null,e));fe.displayName="TBL";var Ke=({elm:e="span",role:t="note",children:o,styles:r,...n})=>c__default.createElement(a,{as:e,role:t,styles:r,...n},o);Ke.displayName="Tag";var Xe=({summary:e,icon:t,styles:o,classes:r,ariaLabel:n,name:s,open:i,onPointerDown:p,onToggle:l,children:d,ref:u,...T})=>{let h={...o},x=I=>{p&&p?.(I),p&&p?.(I);};return c__default.createElement(a,{as:"details",style:h,className:r,onToggle:I=>{l&&p?.(I);},ref:u,open:i,"aria-label":n||"Details dropdown",name:s,...T},c__default.createElement(a,{as:"summary",role:"group",onPointerDown:x},t,e),c__default.createElement(a,{as:"section"},d))};Xe.displayName="Details";var ye=({elm:e="p",id:t,text:o,styles:r,classes:n,children:s,...i})=>c__default.createElement(a,{as:e,id:t,styles:r,className:n,...i},c__default.createElement(a,{as:e,id:t,styles:r,className:n,...i},s||o)),je=({elm:e="h3",id:t,children:o,styles:r,classes:n,...s})=>c__default.createElement(ye,{as:e,id:t,styles:r,className:n,...s},o);ye.displayName="Text";je.displayName="Title";var Pe=({id:e,classes:t,value:o,rows:r=5,cols:n=25,name:s,required:i,disabled:p,readOnly:l,onBlur:d,onPointerDown:u,onChange:T,ref:h,styles:x,placeholder:y,...I})=>c__default.createElement(a,{as:"textarea",id:e,name:s,rows:r,cols:n,styles:x,className:t,"data-style":"textarea",required:i,value:o,"aria-disabled":p,readOnly:l,onChange:m=>{T&&!p&&T?.(m);},onBlur:m=>{d&&!p&&d?.(m);},onPointerDown:m=>{u&&!p&&u?.(m);},ref:h,placeholder:y||`${i?"*":""} Message`,...I}),he=Pe;Pe.displayName="Textarea";var oe=(e,t=15)=>e.length>t?`${e.slice(0,t)}...`:e;var $=({styles:e,id:t,classes:o,children:r,...n})=>c__default.createElement("li",{"data-list":"unstyled inline",...n},r),xe=({children:e,...t})=>c__default.createElement(a,{as:"ol","data-list":"unstyled inline",...t},e),Ce=({styles:e,id:t,classes:o,children:r,...n})=>c__default.createElement(a,{as:"nav",id:t,styles:e,className:o,...n},c__default.createElement(xe,null,r)),z=({startRoute:e="Home",currentRoute:t,spacer:o=c__default.createElement(c__default.Fragment,null,"/"),routes:r,styles:n,id:s,classes:i,ariaLabelPrefix:p,truncateLength:l=15,...d})=>{let[u,T]=c__default.useState("");c__default.useEffect(()=>{let P=t||window.location.pathname;P.length&&T(P);},[]);let h=P=>{let f=r?.find(C=>C.path===P);return {path:f?.path||P,name:f?.name||P,url:f?.url||P}},x=u.split("/").filter(P=>P),y=x.length-1,I=c__default.useId();return u.length?c__default.createElement(Ce,{id:s,...d,styles:n,className:i,"aria-label":p},c__default.createElement($,{key:`${e}-${I}`},c__default.createElement("a",{href:"/"},e)),x.length?x.map((P,f)=>{let C=h(P),{name:m,url:g,path:k}=C;return f===y?c__default.createElement(c__default.Fragment,null,typeof x[y]=="string"&&x[y].length>3&&x[y]!==x[y-1]&&c__default.createElement($,{key:`${k||f}-${I}`},c__default.createElement(c__default.Fragment,null,c__default.createElement("span",{"aria-hidden":"true"},o),c__default.createElement("a",{"aria-current":"page","aria-label":m.length>l?m:void 0},oe(decodeURIComponent(m),l)))," ")):c__default.createElement($,{key:`${C?.name}-${I}`},c__default.createElement("span",{"aria-hidden":"true"},o),c__default.createElement("span",null,c__default.createElement("a",{href:g,"aria-label":m.length>l?m:void 0},oe(decodeURIComponent(m),l))))}):c__default.createElement(c__default.Fragment,null)):c__default.createElement(c__default.Fragment,null)};z.displayName="BreadCrumb";z.Nav=Ce;z.List=xe;z.Items=$;var Te=e=>{let[t,o]=useState([]),[r,n]=useState(e),[s,i]=useState(!1),[p,l]=useState(!1),[d,u]=useState(null);return useEffect(()=>{let f=()=>{let C=window.speechSynthesis.getVoices();o(C);let m=C.find(g=>g.name==="Google US English");if(m)n(m);else {let g=C.find(k=>k.lang.startsWith("en-"));g&&n(g);}};return f(),window.speechSynthesis.onvoiceschanged=f,()=>{window.speechSynthesis.onvoiceschanged=null;}},[]),{speak:(f,C={},m)=>{let g=new SpeechSynthesisUtterance(f);g.lang=C.lang??"en-US",g.pitch=C.pitch??1,g.rate=C.rate??1,g.voice=r??C.voice??null,g.onend=()=>{i(!1),l(!1),m&&m();},"speechSynthesis"in window?(window.speechSynthesis.speak(g),u(g),i(!0),l(!1)):console.error("Speech synthesis not supported");},pause:()=>{s&&!p&&(window.speechSynthesis.pause(),l(!0));},resume:()=>{s&&p&&(window.speechSynthesis.resume(),l(!1));},cancel:()=>{s&&(window.speechSynthesis.cancel(),i(!1),l(!1));},isSpeaking:s,isPaused:p,availableVoices:t,changeVoice:f=>{n(f);},currentVoice:r,getAvailableLanguages:()=>[...new Set(t.map(f=>f.lang))]}};var Ye=({children:e,onClick:t})=>c__default.createElement(a,{as:"button",type:"button",className:"tts-border","data-btn":"sm text pill",onClick:t},e),H=c__default.memo(Ye),re=({label:e,isSpeaking:t,isPaused:o,onSpeak:r,onPause:n,onResume:s,onCancel:i})=>c__default.createElement(a,{as:"div","data-tts":!0},e&&c__default.createElement("p",null,e),!t&&c__default.createElement(H,{"aria-label":"Speak",onClick:r},c__default.createElement(c$1.PlaySolid,{size:16})),t&&!o&&c__default.createElement(H,{"aria-label":"Pause",onClick:n},c__default.createElement(c$1.PauseSolid,{size:16})),o&&c__default.createElement(H,{"aria-label":"Resume",onClick:s},c__default.createElement(c$1.ResumeSolid,{size:16})),c__default.createElement(H,{"aria-label":"Stop",onClick:i},c__default.createElement(c$1.StopSolid,{size:16})));re.displayName="TextToSpeechControls";re.TTSButton=H;var ge=re;var Ie=({initialText:e="",showTextInput:t=!1,voice:o,pitch:r=1,rate:n=1,language:s,label:i,onEnd:p})=>{let{speak:l,pause:d,resume:u,cancel:T,isSpeaking:h,isPaused:x,getAvailableLanguages:y,availableVoices:I}=Te(),[P,f]=useState(e);console.log(y()),useEffect(()=>{f(e);},[e]);let C=()=>{P.trim()!==""&&l(P,{voice:o,pitch:r,rate:n},g);},m=k=>{f(k.target.value);},g=()=>{p&&p();};return c__default.createElement(c__default.Fragment,null,t&&c__default.createElement(he,{value:P,onChange:m}),c__default.createElement(ge,{label:i,isSpeaking:h,isPaused:x,onSpeak:C,onPause:d,onResume:u,onCancel:T}))};Ie.displayName="TextToSpeechComponent";
|
|
7
|
+
var w=({type:e="button",children:t,styles:o,disabled:r,classes:n,onPointerDown:s,onPointerOver:i,onPointerLeave:p,...l})=>{let d=h=>{r||s?.(h);};return c__default.createElement(a,{as:"button",type:e,onPointerOver:h=>{r||i?.(h);},onPointerDown:d,onPointerLeave:h=>{r||p?.(h);},style:o,className:n,"aria-disabled":r,onClick:d,...l},t)};w.displayName="Button";var se=({children:e,className:t,styles:o,as:r="h3",...n})=>c__default.createElement(a,{as:r,className:`card-title ${t||""}`,styles:o,...n},e);se.displayName="Title";var ae=({children:e,className:t,styles:o,...r})=>c__default.createElement(a,{as:"article",className:`card-content ${t||""}`,styles:o,...r},e);ae.displayName="Content";var pe=({children:e,className:t,styles:o,...r})=>c__default.createElement(a,{as:"div",className:`card-footer ${t||""}`,styles:o,...r},e);pe.displayName="Footer";var M=({elm:e="div",styles:t,children:o,classes:r="shadow",id:n,...s})=>c__default.createElement(a,{as:e,id:n,styles:t,className:r,"data-card":!0,...s},o);M.displayName="Card";M.Title=se;M.Content=ae;M.Footer=pe;var V=({id:e,children:t,classes:o,modalRef:r,openOnMount:n,...s})=>c__default.createElement(a,{as:"dialog",id:e,classes:o,ref:r,open:n,onClick:p=>{p.currentTarget===p.target&&p.currentTarget.close();},...s},t);V.displayName="Dialog";var le=({label:e,labelFor:t,id:o,styles:r,classes:n,children:s,...i})=>c__default.createElement(a,{as:"div",id:o,styles:r,className:n,"data-style":"fields",...i},c__default.createElement("label",{htmlFor:t},e),s);le.displayName="Field";var R=e=>c__default.createElement(c__default.Fragment,null,e),be=({id:e,children:t,headerBackground:o,styles:r,classes:n,...s})=>c__default.createElement(a,{as:"header",id:e,styles:r,className:n,...s},o,c__default.createElement(a,{as:"section"},t)),Ue=({id:e,children:t,styles:o,classes:r,...n})=>c__default.createElement(a,{as:"main",id:e,styles:o,...n,className:r},t),Re=({id:e,classes:t,children:o,styles:r={},...n})=>c__default.createElement(a,{as:"footer",id:e,className:t,styles:r,...n},c__default.createElement(a,{as:"section"},o||"Copyright \xA9 2022")),Le=({id:e,children:t,styles:o={},classes:r,...n})=>c__default.createElement(a,{as:"aside",id:e,styles:o,className:r,...n},c__default.createElement(a,{as:"section"},t)),Ee=({id:e,children:t,styles:o,classes:r,...n})=>c__default.createElement(a,{as:"section",id:e,styles:o,className:r,...n},t),ke=({id:e,children:t,styles:o,classes:r,...n})=>c__default.createElement(a,{as:"article",id:e,styles:o,className:r,...n},t);R.displayName="Landmarks";R.Header=be;R.Main=Ue;R.Footer=Re;R.Aside=Le;R.Section=Ee;R.Article=ke;var me=({src:e="//",alt:t,width:o=480,height:r,styles:n,loading:s="lazy",placeholder:i=`https://via.placeholder.com/${o}?text=PLACEHOLDER`,fetchpriority:p="low",decoding:l="auto",imgLoaded:d,imgError:u,...T})=>c__default.createElement(a,{as:"img",src:e,alt:t,width:o,height:r||"auto",loading:s,style:n,onError:y=>{if(u){u?.(y);return}y.currentTarget.src!==i&&(y.currentTarget.src=i);},onLoad:y=>{d?.(y);},fetchPriority:p,decoding:l,...T});me.displayName="Img";var we=c__default.forwardRef(({as:e,styles:t,classes:o,children:r,defaultStyles:n,...s},i)=>{let p=e||"div",l={...n,...t};return c__default.createElement(p,{ref:i,style:l,className:o,...s},r)}),N=we;var de=({type:e="text",name:t,value:o,placeholder:r,id:n,styles:s,classes:i,isDisabled:p,disabled:l,readonly:d,required:u,ref:T,onChange:h,onBlur:x,onPointerDown:y,...I})=>{let P=m=>{h&&!l&&h?.(m);},f=m=>{x&&!l&&x?.(m);},C=m=>{y&&!l&&(m.preventDefault(),y?.(m));};return c__default.createElement(N,{as:"input",id:n,type:e,placeholder:r||`${u?"*":""} ${e} input `,className:i,styles:s,onChange:P,onBlur:f,onKeyDown:C,value:o,name:t,ref:T,"aria-disabled":p,tabIndex:p?-1:void 0,"aria-readonly":d,"aria-required":u,required:u,readOnly:d,...I})};de.displayName="Input";var J=({href:e,target:t,rel:o,children:r,styles:n,prefetch:s,btnStyle:i,onPointerDown:p,...l})=>{let d=o;return t==="_blank"&&(d=`noopener noreferrer ${s?"prefetch":""}`),c__default.createElement(a,{as:"a",href:e,target:t,styles:n,rel:d,onPointerDown:T=>{p&&p?.(T);},"data-btn":i,prefetch:s,...l},r)},He=J;J.displayName="Link";var De=({type:e="li",id:t,styles:o,children:r,classes:n,...s})=>c.createElement(a,{id:t,as:e,className:n,...s,style:o},r),A=({children:e,classes:t,type:o="ul",variant:r,styles:n,role:s,...i})=>c.createElement(a,{as:o,"data-variant":r,className:t,style:n,role:s,...i},e),X=A;A.displayName="List";A.ListItem=De;var ue=({openChild:e,closeChild:t,modalHeader:o,modalFooter:r,children:n,showOpen:s=!1,...i})=>{let p=c__default.useRef(null),l=()=>{p.current&&(s?p.current.show():p.current.showModal());},d=()=>{p.current&&p.current.close();};return c__default.createElement(c__default.Fragment,null,c__default.createElement(V,{modalRef:p,openOnMount:s,...i},c__default.createElement("section",null,o,n,r??c__default.createElement("div",null,c__default.createElement(w,{type:"button",pointerDown:()=>{d();}},t||"Close")," "))),!s&&c__default.createElement(w,{type:"button",pointerDown:l},e||"Open Modal"))};ue.displayName="Modal";var Ve=({isBlock:e,children:t,...o})=>c__default.createElement(X,{type:"ul",...o,"data-list":`unstyled ${e?"block":""}`},t),Ae=({id:e,styles:t,classes:o,children:r,...n})=>c__default.createElement(X.ListItem,{type:"li",id:e,classes:o,styles:t,...n},r),q=({children:e,...t})=>c__default.createElement(a,{as:"nav",...t},e);q.displayName="Nav";q.List=Ve;q.Item=Ae;var Oe={display:"block",position:"absolute",background:"#000",border:"1px solid #010101",padding:"10px",color:"#fff",transition:"opacity .5s ease-in-out"},_=({children:e,popoverTrigger:t,styles:o,...r})=>{let n=c__default.useRef(null),s=c__default.useRef(null),{isVisible:i,popoverPosition:p,handlePointerEvent:l,handlePointerLeave:d}=b(n,s),u={opacity:i?1:0,top:p.top,left:p.left,zIndex:999};return c__default.createElement(c__default.Fragment,null,c__default.createElement("div",{ref:n,onPointerEnter:l,onPointerLeave:d,...r},t),i&&c__default.createElement("div",{ref:s,style:{...u,...o}},e))};_.displayName="Popover";_.styles=Oe;var G=({children:e,...t})=>c__default.createElement(N,{as:"caption",...t},e),Q=({children:e,...t})=>c__default.createElement(N,{as:"thead",...t},e),O=({children:e,...t})=>c__default.createElement(N,{as:"tbody",...t},e),Y=({children:e,...t})=>c__default.createElement(N,{as:"tr",...t},e),$e=({children:e,...t})=>c__default.createElement(N,{as:"td",...t},e),Z=({id:e,dataStyle:t,children:o,...r})=>c__default.createElement(N,{as:"section",id:e,...r,"data-style":"table-wrapper"},c__default.createElement("table",null,o));Z.displayName="Table";G.displayName="Caption";Q.displayName="Thead";O.displayName="Tbody";Y.displayName="Tr";$e.displayName="Td";var fe=({tblBody:e,tblCaption:t,tblHead:o})=>c__default.createElement(Z,null,t&&c__default.createElement(G,null,t),c__default.createElement(Q,null,c__default.createElement(Y,null,o)),c__default.createElement(O,null,e));fe.displayName="TBL";var Ke=({elm:e="span",role:t="note",children:o,styles:r,...n})=>c__default.createElement(a,{as:e,role:t,styles:r,...n},o);Ke.displayName="Tag";var Xe=({summary:e,icon:t,styles:o,classes:r,ariaLabel:n,name:s,open:i,onPointerDown:p,onToggle:l,children:d,ref:u,...T})=>{let h={...o},x=I=>{p&&p?.(I),p&&p?.(I);};return c__default.createElement(a,{as:"details",style:h,className:r,onToggle:I=>{l&&p?.(I);},ref:u,open:i,"aria-label":n||"Details dropdown",name:s,...T},c__default.createElement(a,{as:"summary",role:"group",onPointerDown:x},t,e),c__default.createElement(a,{as:"section"},d))};Xe.displayName="Details";var ye=({elm:e="p",id:t,text:o,styles:r,classes:n,children:s,...i})=>c__default.createElement(a,{as:e,id:t,styles:r,className:n,...i},c__default.createElement(a,{as:e,id:t,styles:r,className:n,...i},s||o)),je=({elm:e="h3",id:t,children:o,styles:r,classes:n,...s})=>c__default.createElement(ye,{as:e,id:t,styles:r,className:n,...s},o);ye.displayName="Text";je.displayName="Title";var Pe=({id:e,classes:t,value:o,rows:r=5,cols:n=25,name:s,required:i,disabled:p,readOnly:l,onBlur:d,onPointerDown:u,onChange:T,ref:h,styles:x,placeholder:y,...I})=>c__default.createElement(a,{as:"textarea",id:e,name:s,rows:r,cols:n,styles:x,className:t,"data-style":"textarea",required:i,value:o,"aria-disabled":p,readOnly:l,onChange:m=>{T&&!p&&T?.(m);},onBlur:m=>{d&&!p&&d?.(m);},onPointerDown:m=>{u&&!p&&u?.(m);},ref:h,placeholder:y||`${i?"*":""} Message`,...I}),he=Pe;Pe.displayName="Textarea";var oe=(e,t=15)=>e.length>t?`${e.slice(0,t)}...`:e;var $=({styles:e,id:t,classes:o,children:r,...n})=>c__default.createElement("li",{"data-list":"unstyled inline",...n},r),xe=({children:e,...t})=>c__default.createElement(a,{as:"ol","data-list":"unstyled inline",...t},e),Ce=({styles:e,id:t,classes:o,children:r,...n})=>c__default.createElement(a,{as:"nav",id:t,styles:e,className:o,...n},c__default.createElement(xe,null,r)),z=({startRoute:e="Home",currentRoute:t,spacer:o=c__default.createElement(c__default.Fragment,null,"/"),routes:r,styles:n,id:s,classes:i,ariaLabelPrefix:p,truncateLength:l=15,...d})=>{let[u,T]=c__default.useState("");c__default.useEffect(()=>{let P=t||window.location.pathname;P.length&&T(P);},[]);let h=P=>{let f=r?.find(C=>C.path===P);return {path:f?.path||P,name:f?.name||P,url:f?.url||P}},x=u.split("/").filter(P=>P),y=x.length-1,I=c__default.useId();return u.length?c__default.createElement(Ce,{id:s,...d,styles:n,className:i,"aria-label":p},c__default.createElement($,{key:`${e}-${I}`},c__default.createElement("a",{href:"/"},e)),x.length?x.map((P,f)=>{let C=h(P),{name:m,url:g,path:k}=C;return f===y?c__default.createElement(c__default.Fragment,null,typeof x[y]=="string"&&x[y].length>3&&x[y]!==x[y-1]&&c__default.createElement($,{key:`${k||f}-${I}`},c__default.createElement(c__default.Fragment,null,c__default.createElement("span",{"aria-hidden":"true"},o),c__default.createElement("a",{"aria-current":"page","aria-label":m.length>l?m:void 0},oe(decodeURIComponent(m),l)))," ")):c__default.createElement($,{key:`${C?.name}-${I}`},c__default.createElement("span",{"aria-hidden":"true"},o),c__default.createElement("span",null,c__default.createElement("a",{href:g,"aria-label":m.length>l?m:void 0},oe(decodeURIComponent(m),l))))}):c__default.createElement(c__default.Fragment,null)):c__default.createElement(c__default.Fragment,null)};z.displayName="BreadCrumb";z.Nav=Ce;z.List=xe;z.Items=$;var Te=e=>{let[t,o]=useState([]),[r,n]=useState(e),[s,i]=useState(!1),[p,l]=useState(!1),[d,u]=useState(null);return useEffect(()=>{let f=()=>{let C=window.speechSynthesis.getVoices();o(C);let m=C.find(g=>g.name==="Google US English");if(m)n(m);else {let g=C.find(k=>k.lang.startsWith("en-"));g&&n(g);}};return f(),window.speechSynthesis.onvoiceschanged=f,()=>{window.speechSynthesis.onvoiceschanged=null;}},[]),{speak:(f,C={},m)=>{let g=new SpeechSynthesisUtterance(f);g.lang=C.lang??"en-US",g.pitch=C.pitch??1,g.rate=C.rate??1,g.voice=r??C.voice??null,g.onend=()=>{i(!1),l(!1),m&&m();},"speechSynthesis"in window?(window.speechSynthesis.speak(g),u(g),i(!0),l(!1)):console.error("Speech synthesis not supported");},pause:()=>{s&&!p&&(window.speechSynthesis.pause(),l(!0));},resume:()=>{s&&p&&(window.speechSynthesis.resume(),l(!1));},cancel:()=>{s&&(window.speechSynthesis.cancel(),i(!1),l(!1));},isSpeaking:s,isPaused:p,availableVoices:t,changeVoice:f=>{n(f);},currentVoice:r,getAvailableLanguages:()=>[...new Set(t.map(f=>f.lang))]}};var Ye=({children:e,onClick:t})=>c__default.createElement(a,{as:"button",type:"button",className:"tts-border","data-btn":"sm text pill",onClick:t},e),H=c__default.memo(Ye),re=({label:e,isSpeaking:t,isPaused:o,onSpeak:r,onPause:n,onResume:s,onCancel:i})=>c__default.createElement(a,{as:"div","data-tts":!0},e&&c__default.createElement("p",null,e),!t&&c__default.createElement(H,{"aria-label":"Speak",onClick:r},c__default.createElement(c$1.PlaySolid,{size:16})),t&&!o&&c__default.createElement(H,{"aria-label":"Pause",onClick:n},c__default.createElement(c$1.PauseSolid,{size:16})),o&&c__default.createElement(H,{"aria-label":"Resume",onClick:s},c__default.createElement(c$1.ResumeSolid,{size:16})),c__default.createElement(H,{"aria-label":"Stop",onClick:i},c__default.createElement(c$1.StopSolid,{size:16})));re.displayName="TextToSpeechControls";re.TTSButton=H;var ge=re;var Ie=({initialText:e="",showTextInput:t=!1,voice:o,pitch:r=1,rate:n=1,language:s,label:i,onEnd:p})=>{let{speak:l,pause:d,resume:u,cancel:T,isSpeaking:h,isPaused:x,getAvailableLanguages:y,availableVoices:I}=Te(),[P,f]=useState(e);console.log(y()),useEffect(()=>{f(e);},[e]);let C=()=>{P.trim()!==""&&l(P,{voice:o,pitch:r,rate:n},g);},m=k=>{f(k.target.value);},g=()=>{p&&p();};return c__default.createElement(c__default.Fragment,null,t&&c__default.createElement(he,{value:P,onChange:m}),c__default.createElement(ge,{label:i,isSpeaking:h,isPaused:x,onSpeak:C,onPause:d,onResume:u,onCancel:T}))};Ie.displayName="TextToSpeechComponent";
|
|
8
8
|
|
|
9
|
-
export { ke as Article, Le as Aside, N as Box, z as Breadcrumb,
|
|
9
|
+
export { ke as Article, Le as Aside, N as Box, z as Breadcrumb, w as Button, G as Caption, M as Card, Xe as Details, V as Dialog, N as FP, le as Field, Re as Footer, be as Header, me as Img, de as Input, R as Landmarks, J as Link, A as List, Ue as Main, ue as Modal, q as Nav, Ae as NavItem, Ve as NavList, _ as Popover, Ee as Section, fe as TBL, Z as Table, Ke as Tag, O as Tbody, $e as Td, ye as Text, Ie as TextToSpeech, Pe as Textarea, Q as Thead, je as Title, He as To, Y as Tr };
|
|
10
10
|
//# sourceMappingURL=out.js.map
|
|
11
11
|
//# sourceMappingURL=index.js.map
|