@fpkit/acss 0.5.4 → 0.5.6
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/chunk-PWVRDQ3R.js +8 -0
- package/libs/chunk-PWVRDQ3R.js.map +1 -0
- package/libs/chunk-SVS4MX3U.cjs +31 -0
- package/libs/chunk-SVS4MX3U.cjs.map +1 -0
- package/libs/{icons-2f29127c.d.ts → icons-31ace3de.d.ts} +87 -81
- package/libs/icons.cjs +2 -2
- package/libs/icons.d.cts +1 -1
- package/libs/icons.d.ts +1 -1
- package/libs/icons.js +1 -1
- package/libs/index.cjs +42 -42
- package/libs/index.cjs.map +1 -1
- package/libs/index.d.cts +59 -29
- package/libs/index.d.ts +59 -29
- package/libs/index.js +7 -7
- package/libs/index.js.map +1 -1
- package/package.json +4 -3
- package/src/components/README.mdx +84 -0
- package/src/components/alert/README.mdx +86 -0
- package/src/components/alert/alert.mdx +74 -0
- package/src/components/alert/alert.scss +80 -0
- package/src/components/alert/alert.stories.tsx +132 -0
- package/src/components/alert/alert.tsx +154 -0
- package/src/components/alert/elements/README.mdx +77 -0
- package/src/components/alert/elements/dismiss-button.stories.tsx +31 -0
- package/src/components/alert/elements/dismiss-button.tsx +28 -0
- package/src/components/badge/badge.mdx +124 -0
- package/src/components/badge/badge.scss +4 -4
- package/src/components/badge/badge.stories.tsx +21 -23
- package/src/components/breadcrumbs/breadcrumb.scss +2 -2
- package/src/components/breadcrumbs/breadcrumb.stories.tsx +42 -47
- package/src/components/buttons/button.scss +41 -15
- package/src/components/buttons/button.stories.tsx +8 -1
- package/src/components/buttons/button.test.tsx +72 -72
- package/src/components/cards/card.stories.tsx +15 -15
- package/src/components/details/details.scss +26 -6
- package/src/components/details/details.stories.tsx +33 -30
- package/src/components/details/details.tsx +17 -17
- package/src/components/dialog/README.mdx +187 -0
- package/src/components/dialog/dialog-modal.stories.tsx +113 -0
- package/src/components/dialog/dialog-modal.tsx +111 -0
- package/src/components/dialog/dialog.scss +76 -0
- package/src/components/dialog/dialog.stories.tsx +116 -0
- package/src/components/dialog/dialog.tsx +128 -0
- package/src/components/dialog/hooks/useClickOutside.ts +33 -0
- package/src/components/dialog/views/README.mdx +182 -0
- package/src/components/dialog/views/dialog-footer.tsx +45 -0
- package/src/components/dialog/views/dialog-header.stories.tsx +42 -0
- package/src/components/dialog/views/dialog-header.tsx +61 -0
- package/src/components/form/form.stories.tsx +16 -16
- package/src/components/form/input.stories.tsx +62 -62
- package/src/components/form/select.stories.tsx +22 -15
- package/src/components/heading/heading.stories.tsx +32 -33
- package/src/components/heading/heading.tsx +1 -1
- package/src/components/icons/components/add.tsx +14 -14
- package/src/components/icons/components/alert-solid.tsx +36 -0
- package/src/components/icons/components/alert-square-solid.tsx +36 -0
- package/src/components/icons/components/info-solid.tsx +40 -0
- package/src/components/icons/components/info.tsx +36 -0
- package/src/components/icons/components/question-solid.tsx +36 -0
- package/src/components/icons/components/success-solid.tsx +36 -0
- package/src/components/icons/components/svg.tsx +0 -1
- package/src/components/icons/components/warn-solid.tsx +36 -0
- package/src/components/icons/icon.scss +1 -3
- package/src/components/icons/icon.stories.tsx +87 -78
- package/src/components/icons/icon.tsx +57 -52
- package/src/components/icons/index.ts +36 -29
- package/src/components/icons/types.ts +1 -1
- package/src/components/images/figure.stories.tsx +13 -13
- package/src/components/images/img.stories.tsx +12 -12
- package/src/components/link/link.stories.tsx +32 -35
- package/src/components/link/link.tsx +27 -14
- package/src/components/list/list.stories.tsx +16 -16
- package/src/components/modal/dialog.tsx +13 -12
- package/src/components/modal/modal.tsx +28 -30
- package/src/components/nav/nav.stories.tsx +25 -24
- package/src/components/popover/popover.stories.tsx +17 -18
- package/src/components/progress/progress.stories.tsx +14 -20
- package/src/components/tag/tag.stories.tsx +17 -18
- package/src/components/text/text.stories.tsx +28 -29
- package/src/components/text-to-speech/TextToSpeech.stories.tsx +100 -101
- package/src/components/ui.tsx +28 -25
- package/src/decorators/instructions.tsx +44 -0
- package/src/hooks/useDialogClickHandler.ts +26 -0
- package/src/index.scss +23 -22
- package/src/index.ts +31 -30
- package/src/patterns/page/page-header.stories.tsx +17 -21
- package/src/sass/_globals.scss +14 -32
- package/src/sass/_styles.scss +2 -1
- package/src/sass/styles/_colors.scss +13 -0
- package/src/styles/alert/alert.css +68 -0
- package/src/styles/alert/alert.css.map +1 -0
- package/src/styles/badge/badge.css +3 -3
- package/src/styles/breadcrumbs/breadcrumb.css +1 -1
- package/src/styles/buttons/button.css +25 -2
- package/src/styles/buttons/button.css.map +1 -1
- package/src/styles/details/details.css +19 -4
- package/src/styles/details/details.css.map +1 -1
- package/src/styles/dialog/dialog.css +76 -0
- package/src/styles/dialog/dialog.css.map +1 -0
- package/src/styles/icons/icon.css +1 -3
- package/src/styles/icons/icon.css.map +1 -1
- package/src/styles/index.css +213 -60
- package/src/styles/index.css.map +1 -1
- package/libs/chunk-TBM2QIVT.js +0 -8
- package/libs/chunk-TBM2QIVT.js.map +0 -1
- package/libs/chunk-VAH6X2DZ.cjs +0 -31
- package/libs/chunk-VAH6X2DZ.cjs.map +0 -1
- package/libs/components/badge/badge.css +0 -1
- package/libs/components/badge/badge.css.map +0 -1
- package/libs/components/badge/badge.min.css +0 -3
- package/libs/components/breadcrumbs/breadcrumb.css +0 -1
- package/libs/components/breadcrumbs/breadcrumb.css.map +0 -1
- package/libs/components/breadcrumbs/breadcrumb.min.css +0 -3
- package/libs/components/buttons/button.css +0 -1
- package/libs/components/buttons/button.css.map +0 -1
- package/libs/components/buttons/button.min.css +0 -3
- package/libs/components/cards/card-style.css +0 -1
- package/libs/components/cards/card-style.css.map +0 -1
- package/libs/components/cards/card-style.min.css +0 -3
- package/libs/components/cards/card.css +0 -1
- package/libs/components/cards/card.css.map +0 -1
- package/libs/components/cards/card.min.css +0 -3
- package/libs/components/details/details.css +0 -1
- package/libs/components/details/details.css.map +0 -1
- package/libs/components/details/details.min.css +0 -3
- package/libs/components/form/form.css +0 -1
- package/libs/components/form/form.css.map +0 -1
- package/libs/components/form/form.min.css +0 -3
- package/libs/components/icons/icon.css +0 -1
- package/libs/components/icons/icon.css.map +0 -1
- package/libs/components/icons/icon.min.css +0 -3
- package/libs/components/images/img.css +0 -1
- package/libs/components/images/img.css.map +0 -1
- package/libs/components/images/img.min.css +0 -3
- package/libs/components/layout/landmarks.css +0 -1
- package/libs/components/layout/landmarks.css.map +0 -1
- package/libs/components/layout/landmarks.min.css +0 -3
- package/libs/components/link/link.css +0 -1
- package/libs/components/link/link.css.map +0 -1
- package/libs/components/link/link.min.css +0 -3
- package/libs/components/nav/nav.css +0 -1
- package/libs/components/nav/nav.css.map +0 -1
- package/libs/components/nav/nav.min.css +0 -3
- package/libs/components/progress/progress.css +0 -1
- package/libs/components/progress/progress.css.map +0 -1
- package/libs/components/progress/progress.min.css +0 -3
- package/libs/components/styles/index.css +0 -1
- package/libs/components/styles/index.css.map +0 -1
- package/libs/components/styles/index.min.css +0 -3
- package/libs/components/tag/tag.css +0 -1
- package/libs/components/tag/tag.css.map +0 -1
- package/libs/components/tag/tag.min.css +0 -3
- package/libs/components/text-to-speech/text-to-speech.css +0 -1
- package/libs/components/text-to-speech/text-to-speech.css.map +0 -1
- package/libs/components/text-to-speech/text-to-speech.min.css +0 -3
- package/libs/index.css +0 -1
- package/libs/index.css.map +0 -1
- package/src/components/readme.stories.mdx +0 -7
package/src/styles/index.css
CHANGED
|
@@ -260,6 +260,9 @@ svg[role=img] {
|
|
|
260
260
|
--TRUE: initial;
|
|
261
261
|
--FALSE: ;
|
|
262
262
|
--fs-weight: 500;
|
|
263
|
+
--min-w: 20rem;
|
|
264
|
+
--border-radius: 0.25rem;
|
|
265
|
+
--padding: 1.5rem;
|
|
263
266
|
}
|
|
264
267
|
|
|
265
268
|
html {
|
|
@@ -299,6 +302,11 @@ body > a[href^="#"]:focus {
|
|
|
299
302
|
* + section {
|
|
300
303
|
margin-block-start: 1rem;
|
|
301
304
|
}
|
|
305
|
+
* + div:empty,
|
|
306
|
+
* + ul:empty,
|
|
307
|
+
* + section:empty {
|
|
308
|
+
display: none;
|
|
309
|
+
}
|
|
302
310
|
|
|
303
311
|
main,
|
|
304
312
|
header,
|
|
@@ -345,7 +353,7 @@ ol {
|
|
|
345
353
|
flex-direction: var(--li-direction, column);
|
|
346
354
|
gap: var(--li-gap, 0.2rem);
|
|
347
355
|
flex-wrap: var(--li-wrap, nowrap);
|
|
348
|
-
padding-inline-start: var(--li-ps, var(--spc-
|
|
356
|
+
padding-inline-start: var(--li-ps, var(--spc-3));
|
|
349
357
|
}
|
|
350
358
|
ul[role=list], ul[data-list~=unstyled],
|
|
351
359
|
ol[role=list],
|
|
@@ -389,30 +397,6 @@ h6 {
|
|
|
389
397
|
line-height: 1.2;
|
|
390
398
|
}
|
|
391
399
|
|
|
392
|
-
h1 {
|
|
393
|
-
font-size: var(--h1, var(--fs-6));
|
|
394
|
-
}
|
|
395
|
-
|
|
396
|
-
h2 {
|
|
397
|
-
font-size: var(--h2, var(--fs-5));
|
|
398
|
-
}
|
|
399
|
-
|
|
400
|
-
h3 {
|
|
401
|
-
font-size: var(--h3, var(--fs-4));
|
|
402
|
-
}
|
|
403
|
-
|
|
404
|
-
h4 {
|
|
405
|
-
font-size: var(--h4, var(--fs-3));
|
|
406
|
-
}
|
|
407
|
-
|
|
408
|
-
h5 {
|
|
409
|
-
font-size: var(--h5, var(--fs-2));
|
|
410
|
-
}
|
|
411
|
-
|
|
412
|
-
h6 {
|
|
413
|
-
font-size: var(--h6, var(--fs-1));
|
|
414
|
-
}
|
|
415
|
-
|
|
416
400
|
hr {
|
|
417
401
|
--hr-h: 0.0625rem;
|
|
418
402
|
--hr-color: lightgray;
|
|
@@ -444,8 +428,9 @@ h6:has(span:first-of-type) > span {
|
|
|
444
428
|
}
|
|
445
429
|
|
|
446
430
|
button {
|
|
447
|
-
--btn-
|
|
448
|
-
--btn-
|
|
431
|
+
--btn-xs: 0.6rem;
|
|
432
|
+
--btn-sm: 0.7rem;
|
|
433
|
+
--btn-md: 0.85rem;
|
|
449
434
|
--btn-lg: calc(21rem / 16);
|
|
450
435
|
--btn-pill: 100rem;
|
|
451
436
|
--btn-height: 2.5rem;
|
|
@@ -472,6 +457,9 @@ button {
|
|
|
472
457
|
background-color: var(--btn-bg, var(--btn));
|
|
473
458
|
outline: none;
|
|
474
459
|
width: var(--btn-width);
|
|
460
|
+
display: inline-flex;
|
|
461
|
+
align-items: center;
|
|
462
|
+
line-height: 0cap;
|
|
475
463
|
}
|
|
476
464
|
button[type] {
|
|
477
465
|
background-color: var(--btn-bg, var(--neutral-300));
|
|
@@ -511,14 +499,33 @@ button[type=submit] {
|
|
|
511
499
|
button[data-fp-btn~=pill], button[data-btn~=pill], button[data-style~=pill] {
|
|
512
500
|
border-radius: var(--btn-pill, 100rem);
|
|
513
501
|
}
|
|
502
|
+
button[data-btn~=xs] {
|
|
503
|
+
padding-inline: var(--btn-xs);
|
|
504
|
+
--btn-fs: var(--btn-xs);
|
|
505
|
+
--btn-height: 1.5rem;
|
|
506
|
+
text-transform: uppercase;
|
|
507
|
+
}
|
|
514
508
|
button[data-btn~=sm] {
|
|
515
509
|
--btn-fs: var(--btn-sm);
|
|
510
|
+
--btn-height: 1.75rem;
|
|
516
511
|
}
|
|
517
512
|
button[data-btn~=md] {
|
|
518
513
|
--btn-fs: var(--btn-md);
|
|
514
|
+
--btn-height: 2rem;
|
|
519
515
|
}
|
|
520
516
|
button[data-btn~=lg] {
|
|
521
517
|
--btn-fs: var(--btn-lg);
|
|
518
|
+
--btn-height: 2.5rem;
|
|
519
|
+
}
|
|
520
|
+
button[data-btn~=icon] {
|
|
521
|
+
padding: unset;
|
|
522
|
+
height: unset;
|
|
523
|
+
min-width: 1.5rem;
|
|
524
|
+
min-height: 1.5rem;
|
|
525
|
+
text-align: center;
|
|
526
|
+
display: inline-flex;
|
|
527
|
+
align-items: center;
|
|
528
|
+
justify-content: center;
|
|
522
529
|
}
|
|
523
530
|
button[data-btn~=text] {
|
|
524
531
|
--btn-bg: transparent;
|
|
@@ -750,7 +757,7 @@ progress[aria-busy]::-webkit-progress-bar {
|
|
|
750
757
|
|
|
751
758
|
details {
|
|
752
759
|
--details-w: 100%;
|
|
753
|
-
--details-h:
|
|
760
|
+
--details-h: max-content;
|
|
754
761
|
--details-border: 1px solid #dfdfdf;
|
|
755
762
|
--details-display: flex;
|
|
756
763
|
--details-justify: flex-start;
|
|
@@ -758,15 +765,16 @@ details {
|
|
|
758
765
|
--details-gap: 0rem;
|
|
759
766
|
--details-px: 1.5rem;
|
|
760
767
|
--details-py: 1rem;
|
|
761
|
-
--details-radius:
|
|
768
|
+
--details-radius: var(--border-radius);
|
|
762
769
|
--summary-cursor: pointer;
|
|
763
|
-
--summary-transitions: all 0.75s
|
|
770
|
+
--summary-transitions: all 0.75s ease-in-out;
|
|
764
771
|
--summary-display: flex;
|
|
765
772
|
--summary-justify: flex-start;
|
|
766
773
|
--summary-align: center;
|
|
767
774
|
--summary-gap: 0.5rem;
|
|
768
775
|
--max-h-closed: 6.25rem;
|
|
769
776
|
--max-h-open: 50rem;
|
|
777
|
+
interpolate-size: allow-keywords;
|
|
770
778
|
display: var(--details-display);
|
|
771
779
|
flex-direction: var(--details-direction);
|
|
772
780
|
justify-content: var(--details-justify);
|
|
@@ -778,6 +786,19 @@ details {
|
|
|
778
786
|
overflow: clip;
|
|
779
787
|
border-radius: var(--details-radius);
|
|
780
788
|
}
|
|
789
|
+
details + details {
|
|
790
|
+
border-radius: 0;
|
|
791
|
+
border-top: none;
|
|
792
|
+
}
|
|
793
|
+
details:first-of-type {
|
|
794
|
+
border-radius: var(--details-radius) var(--details-radius) 0 0;
|
|
795
|
+
}
|
|
796
|
+
details:last-of-type {
|
|
797
|
+
border-radius: 0 0 var(--details-radius) var(--details-radius);
|
|
798
|
+
}
|
|
799
|
+
details:only-of-type {
|
|
800
|
+
border-radius: var(--details-radius);
|
|
801
|
+
}
|
|
781
802
|
details::marker {
|
|
782
803
|
content: none;
|
|
783
804
|
}
|
|
@@ -791,6 +812,7 @@ details summary {
|
|
|
791
812
|
list-style: none;
|
|
792
813
|
border-top-left-radius: var(--details-radius);
|
|
793
814
|
border-top-right-radius: var(--details-radius);
|
|
815
|
+
transition: var(--summary-transitions);
|
|
794
816
|
/* This ensures no bullet points are shown */
|
|
795
817
|
}
|
|
796
818
|
details summary::-webkit-details-marker {
|
|
@@ -814,7 +836,7 @@ details > section {
|
|
|
814
836
|
border: 1px transparent solid;
|
|
815
837
|
}
|
|
816
838
|
details[open] {
|
|
817
|
-
max-height:
|
|
839
|
+
max-height: max-content;
|
|
818
840
|
transition: var(--summary-transitions);
|
|
819
841
|
}
|
|
820
842
|
details[open] > summary {
|
|
@@ -939,20 +961,17 @@ header,
|
|
|
939
961
|
background-color: var(--overlay-bg);
|
|
940
962
|
min-width: 20rem;
|
|
941
963
|
}
|
|
942
|
-
|
|
943
964
|
header > *,
|
|
944
965
|
[data-hero] > *,
|
|
945
966
|
[data-grid~=overlay] > * {
|
|
946
967
|
grid-area: overlay;
|
|
947
968
|
}
|
|
948
|
-
|
|
949
969
|
header > img,
|
|
950
970
|
[data-hero] > img,
|
|
951
971
|
[data-grid~=overlay] > img {
|
|
952
972
|
width: var(--overlay-w);
|
|
953
973
|
background-size: contain;
|
|
954
974
|
}
|
|
955
|
-
|
|
956
975
|
header > div,
|
|
957
976
|
header > section,
|
|
958
977
|
[data-hero] > div,
|
|
@@ -966,7 +985,6 @@ header > section,
|
|
|
966
985
|
gap: var(--overlay-gap);
|
|
967
986
|
text-align: center;
|
|
968
987
|
}
|
|
969
|
-
|
|
970
988
|
header > div p,
|
|
971
989
|
header > section p,
|
|
972
990
|
[data-hero] > div p,
|
|
@@ -978,7 +996,6 @@ header > section p,
|
|
|
978
996
|
font-size: var(--fs-8);
|
|
979
997
|
line-height: 1.4;
|
|
980
998
|
}
|
|
981
|
-
|
|
982
999
|
header > div > h1,
|
|
983
1000
|
header > div > h2,
|
|
984
1001
|
header > section > h1,
|
|
@@ -994,7 +1011,6 @@ header > section > h2,
|
|
|
994
1011
|
line-height: var(--header-lh, 1.1);
|
|
995
1012
|
font-weight: 500;
|
|
996
1013
|
}
|
|
997
|
-
|
|
998
1014
|
header > div > h1,
|
|
999
1015
|
header > section > h1,
|
|
1000
1016
|
[data-hero] > div > h1,
|
|
@@ -1003,7 +1019,6 @@ header > section > h1,
|
|
|
1003
1019
|
[data-grid~=overlay] > section > h1 {
|
|
1004
1020
|
font-size: var(--fs-12);
|
|
1005
1021
|
}
|
|
1006
|
-
|
|
1007
1022
|
header > div > h2,
|
|
1008
1023
|
header > section > h2,
|
|
1009
1024
|
[data-hero] > div > h2,
|
|
@@ -1012,7 +1027,6 @@ header > section > h2,
|
|
|
1012
1027
|
[data-grid~=overlay] > section > h2 {
|
|
1013
1028
|
font-size: var(--fs-11);
|
|
1014
1029
|
}
|
|
1015
|
-
|
|
1016
1030
|
header > div > h3,
|
|
1017
1031
|
header > section > h3,
|
|
1018
1032
|
[data-hero] > div > h3,
|
|
@@ -1073,6 +1087,81 @@ footer > div {
|
|
|
1073
1087
|
text-align: center;
|
|
1074
1088
|
}
|
|
1075
1089
|
|
|
1090
|
+
:root {
|
|
1091
|
+
--dialog-min-w: max(20rem, 80%);
|
|
1092
|
+
--dialog-gap: 0.625rem;
|
|
1093
|
+
--dialog-border-color: lightgray;
|
|
1094
|
+
--dialog-border-width: thin;
|
|
1095
|
+
--dialog-border-style: solid;
|
|
1096
|
+
--dialog-border-radius: var(--border-radius);
|
|
1097
|
+
--dialog-padding: 1.5rem;
|
|
1098
|
+
--dialog-padding-inline: 1rem;
|
|
1099
|
+
--dialog-close-color: gray;
|
|
1100
|
+
--dialog-button-bg: transparent;
|
|
1101
|
+
--dialog-button-border: transparent thin solid;
|
|
1102
|
+
--dialog-button-hover-bg: whitesmoke;
|
|
1103
|
+
--dialog-display: flex;
|
|
1104
|
+
--dialog-flex-direction: column;
|
|
1105
|
+
}
|
|
1106
|
+
|
|
1107
|
+
dialog {
|
|
1108
|
+
width: var(--dialog-min-w);
|
|
1109
|
+
min-width: var(--min-w);
|
|
1110
|
+
gap: var(--dialog-gap);
|
|
1111
|
+
border: var(--dialog-border-color) var(--dialog-border-width) solid;
|
|
1112
|
+
border-radius: var(--dialog-border-radius);
|
|
1113
|
+
padding: var(--dialog-padding);
|
|
1114
|
+
padding-block-start: calc(var(--dialog-padding) - 0rem);
|
|
1115
|
+
}
|
|
1116
|
+
dialog[open] {
|
|
1117
|
+
display: var(--dialog-display);
|
|
1118
|
+
flex-direction: var(--dialog-flex-direction);
|
|
1119
|
+
gap: var(--dialog-gap);
|
|
1120
|
+
}
|
|
1121
|
+
dialog section {
|
|
1122
|
+
width: 100%;
|
|
1123
|
+
display: flex;
|
|
1124
|
+
justify-content: start;
|
|
1125
|
+
gap: var(--dialog-gap);
|
|
1126
|
+
flex-direction: var(--dialog-flex-direction);
|
|
1127
|
+
margin-block-start: 0;
|
|
1128
|
+
--sect-y: 0;
|
|
1129
|
+
}
|
|
1130
|
+
|
|
1131
|
+
.dialog-header {
|
|
1132
|
+
display: flex;
|
|
1133
|
+
justify-content: space-between;
|
|
1134
|
+
align-items: center;
|
|
1135
|
+
width: 100%;
|
|
1136
|
+
min-width: 100%;
|
|
1137
|
+
}
|
|
1138
|
+
.dialog-header h3 {
|
|
1139
|
+
margin-block-start: 0;
|
|
1140
|
+
margin-block-end: 0;
|
|
1141
|
+
}
|
|
1142
|
+
.dialog-header .dialog-close {
|
|
1143
|
+
margin-block-end: 0;
|
|
1144
|
+
}
|
|
1145
|
+
.dialog-header button[type=button] {
|
|
1146
|
+
background-color: var(--dialog-button-bg);
|
|
1147
|
+
border: var(--dialog-button-border);
|
|
1148
|
+
cursor: pointer;
|
|
1149
|
+
}
|
|
1150
|
+
.dialog-header button[type=button]:hover, .dialog-header button[type=button]:focus {
|
|
1151
|
+
border-color: var(--dialog-close-color);
|
|
1152
|
+
background-color: var(--dialog-button-hover-bg);
|
|
1153
|
+
}
|
|
1154
|
+
|
|
1155
|
+
.alert-dialog-actions,
|
|
1156
|
+
.dialog-footer {
|
|
1157
|
+
display: flex;
|
|
1158
|
+
flex-direction: row;
|
|
1159
|
+
flex-wrap: wrap;
|
|
1160
|
+
justify-content: var(--dialog-footer-justify, flex-end);
|
|
1161
|
+
gap: var(--dialog-gap);
|
|
1162
|
+
width: 100%;
|
|
1163
|
+
}
|
|
1164
|
+
|
|
1076
1165
|
:root {
|
|
1077
1166
|
--gap: 1.75rem;
|
|
1078
1167
|
}
|
|
@@ -1170,10 +1259,10 @@ footer > div {
|
|
|
1170
1259
|
sup:has(> span) {
|
|
1171
1260
|
--badge-bg: lightgray;
|
|
1172
1261
|
--badge-color: currentColor;
|
|
1173
|
-
--badge-radius: 0.
|
|
1174
|
-
--badge-padding: 0.
|
|
1262
|
+
--badge-radius: 0.5rem;
|
|
1263
|
+
--badge-padding: 0.3rem;
|
|
1175
1264
|
--badge-v-align: 0.5rem;
|
|
1176
|
-
--badge-fs:
|
|
1265
|
+
--badge-fs: var(--fs-1);
|
|
1177
1266
|
background-color: var(--badge-bg);
|
|
1178
1267
|
color: var(--badge-color);
|
|
1179
1268
|
padding: var(--badge-padding);
|
|
@@ -1372,7 +1461,7 @@ nav[data-breadcrumb] {
|
|
|
1372
1461
|
--breadcrumb-gap: 0.5rem;
|
|
1373
1462
|
--breadcrumb-color: currentColor;
|
|
1374
1463
|
--breadcrumb-current-color: rgb(46, 46, 46);
|
|
1375
|
-
--breadcrumb-fs: var(--fs-
|
|
1464
|
+
--breadcrumb-fs: var(--fs-3);
|
|
1376
1465
|
margin-inline: unset;
|
|
1377
1466
|
padding-inline: unset;
|
|
1378
1467
|
}
|
|
@@ -1406,6 +1495,73 @@ nav[data-breadcrumb] ol li a[href][aria-current] {
|
|
|
1406
1495
|
text-decoration: none;
|
|
1407
1496
|
}
|
|
1408
1497
|
|
|
1498
|
+
[role=alert] {
|
|
1499
|
+
/* Success colors */
|
|
1500
|
+
--alert-success-bg: #e6f4ea;
|
|
1501
|
+
--alert-success-border: #34a853;
|
|
1502
|
+
--alert-success-text: #1e4620;
|
|
1503
|
+
/* Error colors */
|
|
1504
|
+
--alert-error-bg: #fdeded;
|
|
1505
|
+
--alert-error-border: #d32f2f;
|
|
1506
|
+
--alert-error-text: #5f2120;
|
|
1507
|
+
/* Warning colors */
|
|
1508
|
+
--alert-warning-bg: #fff4e5;
|
|
1509
|
+
--alert-warning-border: #ff9800;
|
|
1510
|
+
--alert-warning-text: #663c00;
|
|
1511
|
+
/* Info colors */
|
|
1512
|
+
--alert-info-bg: #e5f6fd;
|
|
1513
|
+
--alert-info-border: #0288d1;
|
|
1514
|
+
--alert-info-text: #084154;
|
|
1515
|
+
--alert-border: thin solid currentColor;
|
|
1516
|
+
background-color: var(--alert-bg, whitesmoke);
|
|
1517
|
+
border: var(--alert-border, currentColor);
|
|
1518
|
+
color: var(--alert-color, currentColor);
|
|
1519
|
+
padding: var(--alert-padding, var(--spc-4));
|
|
1520
|
+
margin-block-end: var(--alert-margin-block-end);
|
|
1521
|
+
font-size: var(--fs-0);
|
|
1522
|
+
line-height: 1.6;
|
|
1523
|
+
display: flex;
|
|
1524
|
+
flex-direction: row;
|
|
1525
|
+
border-radius: var(--alert-border-radius, var(--border-radius));
|
|
1526
|
+
border: var(--alert-border);
|
|
1527
|
+
gap: var(--alert-gap, var(--spc-4));
|
|
1528
|
+
}
|
|
1529
|
+
[role=alert] div {
|
|
1530
|
+
margin-block-start: 0;
|
|
1531
|
+
align-items: center;
|
|
1532
|
+
}
|
|
1533
|
+
[role=alert] .alert-message {
|
|
1534
|
+
flex: 2;
|
|
1535
|
+
margin-block-start: 0;
|
|
1536
|
+
}
|
|
1537
|
+
[role=alert] .alert-message h3 {
|
|
1538
|
+
margin-block-end: 0;
|
|
1539
|
+
}
|
|
1540
|
+
[role=alert][data-alert~=info] {
|
|
1541
|
+
--alert-bg: var(--alert-info-bg);
|
|
1542
|
+
--alert-color: var(--alert-info-text);
|
|
1543
|
+
border-color: var(--alert-info-border);
|
|
1544
|
+
}
|
|
1545
|
+
[role=alert][data-alert~=warning] {
|
|
1546
|
+
--alert-bg: var(--alert-warning-bg);
|
|
1547
|
+
--alert-color: var(--alert-warning-text);
|
|
1548
|
+
border-color: var(--alert-warning-border);
|
|
1549
|
+
}
|
|
1550
|
+
[role=alert][data-alert~=error] {
|
|
1551
|
+
--alert-bg: var(--alert-error-bg);
|
|
1552
|
+
--alert-color: var(--alert-error-text);
|
|
1553
|
+
border-color: var(--alert-error-border);
|
|
1554
|
+
}
|
|
1555
|
+
[role=alert][data-alert~=success] {
|
|
1556
|
+
--alert-bg: var(--alert-success-bg);
|
|
1557
|
+
--alert-color: var(--alert-success-text);
|
|
1558
|
+
border-color: var(--alert-success-border);
|
|
1559
|
+
}
|
|
1560
|
+
[role=alert] button[data-btn~=icon] {
|
|
1561
|
+
--btn-bg: transparent;
|
|
1562
|
+
max-height: fit-content;
|
|
1563
|
+
}
|
|
1564
|
+
|
|
1409
1565
|
[data-tts] {
|
|
1410
1566
|
--tts-gap: 0.5rem;
|
|
1411
1567
|
--tts-bg: #fff;
|
|
@@ -1437,23 +1593,6 @@ nav[data-breadcrumb] ol li a[href][aria-current] {
|
|
|
1437
1593
|
outline: var(--tts-border-width) var(--tts-border-style);
|
|
1438
1594
|
}
|
|
1439
1595
|
|
|
1440
|
-
[data-icon] {
|
|
1441
|
-
--icon-display: inline-flex;
|
|
1442
|
-
--icon-direction: row;
|
|
1443
|
-
--icons-placement: center;
|
|
1444
|
-
--icon-width: max-content;
|
|
1445
|
-
--icon-gap: 0.2rem;
|
|
1446
|
-
--icon-height: max-content;
|
|
1447
|
-
--icon-fs: inherit;
|
|
1448
|
-
display: var(--icon-display);
|
|
1449
|
-
flex-direction: var(--icon-direction);
|
|
1450
|
-
gap: var(--icon-gap);
|
|
1451
|
-
align-items: var(--icons-placement);
|
|
1452
|
-
width: var(--icon-width);
|
|
1453
|
-
height: var(--icon-height);
|
|
1454
|
-
font-size: var(--icon-fs);
|
|
1455
|
-
}
|
|
1456
|
-
|
|
1457
1596
|
:root {
|
|
1458
1597
|
--shadow: 0 0 0.525rem 0 rgba(0, 0, 0, 0.1);
|
|
1459
1598
|
--shadow-xs: 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.05);
|
|
@@ -1495,4 +1634,18 @@ nav[data-breadcrumb] ol li a[href][aria-current] {
|
|
|
1495
1634
|
box-shadow: var(--shadow-xl);
|
|
1496
1635
|
}
|
|
1497
1636
|
|
|
1637
|
+
:root {
|
|
1638
|
+
--transparent: transparent;
|
|
1639
|
+
}
|
|
1640
|
+
|
|
1641
|
+
.transparent {
|
|
1642
|
+
background-color: var(--transparent);
|
|
1643
|
+
}
|
|
1644
|
+
.transparent-border {
|
|
1645
|
+
border-color: var(--transparent);
|
|
1646
|
+
}
|
|
1647
|
+
.transparent-color {
|
|
1648
|
+
color: var(--transparent);
|
|
1649
|
+
}
|
|
1650
|
+
|
|
1498
1651
|
/*# sourceMappingURL=index.css.map */
|
package/src/styles/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../sass/_reset.scss","../sass/_properties.scss","../sass/_globals.scss","../sass/_elements.scss","../components/buttons/button.scss","../components/tag/tag.scss","../components/images/img.scss","../components/cards/card.scss","../components/progress/progress.scss","../components/details/details.scss","../components/link/link.scss","../sass/_mixins.scss","../components/layout/_header.scss","../components/layout/landmarks.scss","../sass/_grid.scss","../components/badge/badge.scss","../components/nav/nav.scss","../components/form/form.scss","../components/breadcrumbs/breadcrumb.scss","../components/text-to-speech/text-to-speech.scss","../
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../sass/_reset.scss","../sass/_properties.scss","../sass/_globals.scss","../sass/_elements.scss","../components/buttons/button.scss","../components/tag/tag.scss","../components/images/img.scss","../components/cards/card.scss","../components/progress/progress.scss","../components/details/details.scss","../components/link/link.scss","../sass/_mixins.scss","../components/layout/_header.scss","../components/layout/landmarks.scss","../components/dialog/dialog.scss","../sass/_grid.scss","../components/badge/badge.scss","../components/nav/nav.scss","../components/form/form.scss","../components/breadcrumbs/breadcrumb.scss","../components/alert/alert.scss","../components/text-to-speech/text-to-speech.scss","../sass/styles/_shadows.scss","../sass/styles/_colors.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;EAGE;;;AAGF;AACE;AACA;EACA;AAEA;AACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAGA;AAAA;EAEE;EACA;;;AAGF;AACA;EACE;;;AAGF;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAUE;;;AAGF;AAWA;AACA;EACE;EACA;EACA;;;AAGF;AACA;EACE;;;AAGF;AAAA;EAEE;;;AAGF;AACA;AAAA;AAAA;AAAA;EAIE;EACA;EACA;;;AAGF;AAAA;AAAA;EAGE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;AACA;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;IACE;;EAGF;AAAA;AAAA;IAGE;IACA;IACA;IACA;;;AAIJ;AACA;AAAA;EAEE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;AACA;EACE;;;AAGF;EACE;AAEA;AAGA;EACA;;AAEA;EACE;EACA;EACA;;;ACpLJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EAGA;EAEA;EAEA;EAEA;EAEA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;;;ACxGF;EACE;AAAA;AAAA;EAGA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AACA;EACE;;;AAKN;AAAA;AAAA;EAGE;;AACA;AAAA;AAAA;EACE;;;AAIJ;AAAA;AAAA;AAAA;EAIE;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;;AAEF;AAAA;AAAA;AAAA;EACE;;;AAKF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;AAAA;EAEE;EACA;EACA;EACA;EACA;;AACA;AAAA;AAAA;EAEE;EACA;EACA;;AAEF;AAAA;EACE;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AC1IA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;;;ACdJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EAEE;EACA;;AAGF;EAEE;;AAGA;EACE;;AAOJ;EAEE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EAGE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;;ACvIN;AAAA;AAAA;AAAA;EAIE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;EACE;EACA;;AAEF;AAAA;AAAA;AAAA;EACE;EACA;;;AAGJ;EACE;EACA;;;ACtDF;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;;ACvCN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;EAEE;EACA;;AAEF;AAAA;EACE;;AAEF;AAAA;EACE;EACA;EACA;;AAGF;AAAA;EACE;;AAEF;AAAA;EAEE;;AAEF;AAAA;EACE;;;ACzCJ;AACE;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;AACA;AACA;AA8BA;;AA7BA;EAEE;EACA;EACA;EACA;AAgBA;;AAbA;AACE;EACA;EACA;;AAIF;AACE;EACA;EACA;;AAIF;AACE;EACA;EACA;;AAKJ;EAEE;EACA;EAEA;AAcA;;AAZA;AACE;EAEA;;AAGF;EAGE;;AAIF;AACE;EAEA;;;ACjEN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAIF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAYA;;AAVA;EACE;;AAGF;EACE;EACA;EACA;;AAIF;EACE;;AAEF;EACE;;AAIJ;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AACA;EACE;;AAEF;EACE;;;AClGN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;EAEA;EACA;AAAA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EAEE;;AAGF;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EClEF;EACA;EACA;EACA;EACA;;AD+DE;EACE;EACA;;AAEF;EACE;;ACnEJ;EACE;;ADsEF;EAEE;EACA;EACA;;AACA;EAEE;;;AAKN;EACE;;;AE1FF;AAAA;AAAA;EAIE;EAEA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;AAAA;AAAA;EACE;;AAEF;AAAA;AAAA;EACE;EAEA;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEE;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;;AChEN;AAAA;EAEE;EACA;EACA;EACA;EACA;;AACA;AAAA;EACE;EACA;EACA;;;AAIJ;EACE;EACA;;AACA;AAAA;EAEE;EACA;;AACA;AAAA;EACE;EACA;EACA;EACA;;AACA;AAAA;EACE;EACA;EACA;;AAEF;AAAA;EACE;EACA;;;AAON;EACE;EACA;EACA;EACA;EACA;;;AChDJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;;AACA;EAEE;EACA;;;AAKN;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;;;AC1EF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAIA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EAEA;EACA;EACA;;AACA;EACE;EACA;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EAIA;EACA;EACA;EACA;EACA;;;AClGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AAEF;EACE;EACA;;;AClBJ;AAAA;EAEE;EACA;;AAEA;EALF;AAAA;IAMI;IACA;IACA;IACA;IACA;;;AAGA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;;AAEF;AAAA;EACE;;;AAMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;AAAA;EACE;;AAKF;EACE;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;;ACvFJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;;AAGF;EACE;;;AAIJ;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EACE;EACA;EACA;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;EACE;;AAKA;AAAA;AAAA;EACE;EACA;;AACA;AAAA;AAAA;EACE;;AAKN;AAAA;AAAA;EACE;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACrFF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;AAAA;EACE;EACA;EACA;;AACA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;AAAA;EACE;;AAEF;AAAA;EACE;;AACA;AAAA;EACE;EACA;;;AC7BV;AACE;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;;AACA;EACE;EACA;;AAGF;EACE;EACA;;AACA;EACE;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAIA;EACE;EACA;;;AC5EN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;;AACA;AAAA;EAEE;;AACA;AAAA;EACE;;;AC3BN;EACE;EACA;EACA;AAAA;EAEA;AAAA;EAEA;AAAA;EAEA;AAAA;;;AAIF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AChCF;EACE;;;AAGF;EACE;;AACA;EACE;;AAEF;EACE","file":"index.css"}
|
package/libs/chunk-TBM2QIVT.js
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import * as m from 'react';
|
|
2
|
-
import m__default from 'react';
|
|
3
|
-
|
|
4
|
-
var fo=m__default.forwardRef(({as:o,styles:t,classes:r,children:l,defaultStyles:s,...i},p)=>{let K=o||"div",co={...s,...t};return m__default.createElement(K,{ref:p,style:co,className:r,...i},l)}),po=fo;var yo={display:"inline-flex",alignItems:"center",width:"auto",fontSize:"inherit"},Q=({fill:o,strokeColor:t,styles:r,size:l=24,role:s="img",alt:i,children:p,...K})=>m.createElement("svg",{fill:o,stroke:t,height:l,width:l,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",style:r,role:s,"aria-label":i,...K},p),e=Q;Q.displayName="Svg";Q.styles=yo;var uo={...e.styles,fill:"none",stroke:"currentColor"},Y=({strokeColor:o="currentColor",fill:t="none",size:r=16,styles:l,role:s="img",alt:i="Code icon",...p}={})=>m.createElement(e,{size:r,role:s,alt:i,styles:l,...p},m.createElement("g",{fill:t,stroke:o,strokeLinecap:"square",strokeLinejoin:"miter",strokeMiterlimit:"10",strokeWidth:"2"},m.createElement("rect",{height:"22",width:"18",fill:"none",stroke:o,x:"3",y:"1"}),m.createElement("polyline",{fill:"none",points:"9 9 6 12 9 15"}),m.createElement("polyline",{fill:"none",points:"15 15 18 12 15 9"})));Y.styles=uo;var ao={...e.styles,fill:"currentColor",stroke:"none"},k=({strokeColor:o="currentColor",fill:t="none",size:r=16,styles:l=ao,role:s="img",alt:i="Home icon",...p})=>m__default.createElement(e,{size:r,styles:l,role:s,alt:i,...p},m__default.createElement("g",{fill:t,stroke:o,strokeLinecap:"square",strokeLinejoin:"miter",strokeMiterlimit:"10",strokeWidth:"2"},m__default.createElement("polygon",{fill:"none",points:"12 2 2 10 2 23 9 23 9 16 15 16 15 23 22 23 22 10 12 2",stroke:o})));k.displayName="Home";k.styles=ao;var go={...e.styles,fill:"currentColor"},S=({fill:o="currentColor",size:t=24,role:r="img",alt:l="Add icon",...s})=>m.createElement(e,{size:t,role:r,alt:l,...s},m.createElement("g",{fill:o},m.createElement("path",{d:"M17,11h-4V7c0-.553-.447-1-1-1s-1,.447-1,1v4H7c-.553,0-1,.447-1,1s.447,1,1,1h4v4c0,.553,.447,1,1,1s1-.447,1-1v-4h4c.553,0,1-.447,1-1s-.447-1-1-1Z",fill:o})));S.styles=go;S.displayName="Add";var ko={...e.styles},x=({strokeColor:o="currentColor",fill:t="currentColor",size:r=16,styles:l,role:s="img",alt:i="Arrow pointing left",...p})=>m.createElement(e,{size:r,styles:l,role:s,...p,alt:i},m.createElement("g",{fill:t,strokeMiterlimit:"10"},m.createElement("line",{fill:"none",stroke:o,strokeLinecap:"butt",strokeLinejoin:"miter",strokeWidth:"2",x1:"22",x2:"2",y1:"12",y2:"12"}),m.createElement("polyline",{fill:"none",points:"9,19 2,12 9,5 ",stroke:o,strokeLinecap:"square",strokeLinejoin:"miter",strokeWidth:"2"})));x.styles=ko;x.displayName="ArrowLeft";var Po={...e.styles},h=({size:o=16,strokeColor:t="currentcolor",styles:r,role:l="img",alt:s="Chat icon",...i})=>m.createElement(e,{size:o,styles:r,role:l,alt:s,...i},m.createElement("g",{fill:t,strokeMiterlimit:"10"},m.createElement("path",{d:"M21,2H3c-1.105,0-2,.895-2,2V15c0,1.105,.895,2,2,2h5l4,5,4-5h5c1.105,0,2-.895,2-2V4c0-1.105-.895-2-2-2Z",fill:"none",stroke:t,strokeLinecap:"square",strokeLinejoin:"miter",strokeWidth:"2"})));h.styles=Po;h.displayName="Chat";var So={...e.styles},v=({fill:o="currentColor",styles:t,size:r=16,role:l="img",alt:s="Down icon",...i})=>m.createElement(e,{size:r,role:l,styles:t,alt:s,...i},m.createElement("g",{fill:o,strokeMiterlimit:"10"},m.createElement("line",{fill:"none",stroke:o,strokeLinecap:"butt",strokeLinejoin:"miter",strokeWidth:"2",x1:"12",x2:"12",y1:"2",y2:"22"}),m.createElement("polyline",{fill:"none",points:"19,15 12,22 5,15 ",stroke:o,strokeLinecap:"square",strokeLinejoin:"miter",strokeWidth:"2"})));v.styles=So;v.displayName="ArrowDown";var xo={...e.styles,fill:"none",stroke:"currentColor"},I=({strokeColor:o="currentColor",styles:t,size:r=16,role:l="img",alt:s="Up arrow icon",...i})=>m.createElement(e,{size:r,styles:t,role:l,alt:s,...i},m.createElement("g",{fill:"none",stroke:o,strokeLinecap:"square",strokeLinejoin:"miter",strokeMiterlimit:"10",strokeWidth:"2"},m.createElement("line",{fill:"none",strokeLinecap:"butt",x1:"12",x2:"12",y1:"22",y2:"2"}),m.createElement("polyline",{fill:"none",points:"5,9 12,2 19,9 ",stroke:o})));I.displayName="ArrowUp";I.style=xo;({...e.styles,fill:"currentColor"});var $=({size:o=16,fill:t="currentColor",strokeColor:r="currentColor",styles:l,role:s="img",alt:i="Right arrow icon",...p})=>m__default.createElement(e,{size:o,styles:l,role:s,alt:i,...p},m__default.createElement("g",{fill:t,stroke:r,strokeLinecap:"square",strokeLinejoin:"miter",strokeMiterlimit:"10",strokeWidth:"2"},m__default.createElement("line",{fill:"none",strokeLinecap:"butt",x1:"2",x2:"22",y1:"12",y2:"12"}),m__default.createElement("polyline",{fill:"none",points:"15,5 22,12 15,19 ",stroke:r})));$.displayName="ArrowRight";var Co={...e.styles,fill:"none",stroke:"currentColor"},z=({size:o=16,fill:t="none",strokeColor:r="currentColor",styles:l,alt:s="User Icon",role:i,...p})=>m__default.createElement(e,{size:o,role:i,alt:s,styles:l,...p},m__default.createElement("g",{fill:t,stroke:r,strokeLinecap:"square",strokeLinejoin:"miter",strokeMiterlimit:"10",strokeWidth:"2"},m__default.createElement("circle",{cx:"12",cy:"5.5",fill:"none",r:"4.5"}),m__default.createElement("path",{d:"M12,14c-4.971,0-9,4.029-9,9H21c0-4.971-4.029-9-9-9Z",fill:"none",stroke:r})));z.styles=Co;z.displayName="User";var ho={fill:"currentColor"},R=({size:o=16,fill:t="currentColor",styles:r,role:l="img",alt:s="Right arrow icon",...i})=>m__default.createElement(e,{size:o,alt:s,styles:r,role:l,...i},m__default.createElement("g",{fill:t},m__default.createElement("path",{d:"M7,23a1,1,0,0,1-.707-1.707L15.586,12,6.293,2.707A1,1,0,0,1,7.707,1.293l10,10a1,1,0,0,1,0,1.414l-10,10A1,1,0,0,1,7,23Z",fill:t})));R.displayName="Right";R.styles=ho;var vo={...e.styles,fill:"currentColor"},A=({fill:o="currentColor",size:t=16,styles:r,role:l="img",alt:s="Left arrow icon",...i})=>m__default.createElement(e,{size:t,styles:r,alt:s,role:l,...i},m__default.createElement("g",{fill:o},m__default.createElement("path",{d:"M17,23a1,1,0,0,1-.707-.293l-10-10a1,1,0,0,1,0-1.414l10-10a1,1,0,0,1,1.414,1.414L8.414,12l9.293,9.293A1,1,0,0,1,17,23Z",fill:o})));A.displayName="Left";A.styles=vo;var Io={fill:"currentColor"},M=({size:o=24,fill:t="currentColor",styles:r,role:l="img",alt:s="Minus icon",...i})=>m__default.createElement(e,{size:o,styles:r,role:l,alt:s,...i},m__default.createElement("g",{fill:t},m__default.createElement("path",{d:"M17,11H7c-.553,0-1,.447-1,1s.447,1,1,1h10c.553,0,1-.447,1-1s-.447-1-1-1Z",fill:t})));M.displayName="Minus";M.styles=Io;var wo={fill:"currenStyle"},N=({size:o=16,fill:t="currentColor",styles:r,role:l="img",alt:s="Remove icon",...i})=>m__default.createElement(e,{size:o,alt:s,styles:r,role:l,...i},m__default.createElement("g",{fill:t},m__default.createElement("path",{d:"M19.7,4.3c-0.4-0.4-1-0.4-1.4,0L12,10.6L5.7,4.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l6.3,6.3l-6.3,6.3 c-0.4,0.4-0.4,1,0,1.4C4.5,19.9,4.7,20,5,20s0.5-0.1,0.7-0.3l6.3-6.3l6.3,6.3c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3 c0.4-0.4,0.4-1,0-1.4L13.4,12l6.3-6.3C20.1,5.3,20.1,4.7,19.7,4.3z",fill:t})));N.displayName="Remove";N.styles=wo;var Lo={...e.styles,stroke:"currentColor"},j=({size:o=16,strokeColor:t="currentColor",styles:r,role:l="img",alt:s="Copy icon",...i})=>m__default.createElement(e,{size:o,styles:r,role:l,alt:s,...i},m__default.createElement("g",{fill:"none",stroke:t,strokeLinecap:"square",strokeLinejoin:"miter",strokeMiterlimit:"10",strokeWidth:"2"},m__default.createElement("polyline",{fill:"none",points:"8 19 2 19 2 1 17 1 17 6",stroke:t}),m__default.createElement("rect",{height:"13",width:"10",fill:"none",x:"12",y:"10"})));j.displayName="Copy";j.styles=Lo;var zo={...e.styles},W=({size:o=16,fill:t="currentColor",styles:r,role:l="img",alt:s="Up arrow icon",...i})=>m__default.createElement(e,{size:o,alt:s,styles:r,role:l,...i},m__default.createElement("g",{fill:t},m__default.createElement("path",{d:"M22,18a1,1,0,0,1-.707-.293L12,8.414,2.707,17.707a1,1,0,0,1-1.414-1.414l10-10a1,1,0,0,1,1.414,0l10,10A1,1,0,0,1,22,18Z",fill:t})));W.displayName="Up";W.styles=zo;var Ro={...e.styles},Z=({size:o=16,fill:t="currentColor",styles:r,role:l="img",alt:s="Down arrow icon",...i})=>m.createElement(e,{size:o,alt:s,styles:r,role:l,...i},m.createElement("g",{fill:t},m.createElement("path",{d:"M12,18a1,1,0,0,1-.707-.293l-10-10A1,1,0,0,1,2.707,6.293L12,15.586l9.293-9.293a1,1,0,1,1,1.414,1.414l-10,10A1,1,0,0,1,12,18Z",fill:t})));Z.displayName="Down";Z.styles=Ro;function io({size:o=16,fill:t,strokeColor:r="currentColor",styles:l,role:s="img",alt:i="Star icon",...p}){return m__default.createElement(e,{size:o,alt:i,styles:l,role:s,...p},m__default.createElement("g",{fill:t,stroke:r,strokeLinecap:"square",strokeLinejoin:"miter",strokeMiterlimit:"10",strokeWidth:"2"},m__default.createElement("polygon",{fill:"none",points:"12,2.49 15.09,8.75 22,9.754 17,14.628 18.18,21.51 12,18.262 5.82,21.51 7,14.628 2,9.754 8.91,8.75 ",stroke:r})))}io.displayName="Star";var Ao={...e.styles,fill:"none",stroke:"currentColor"},E=({strokeColor:o="currentColor",styles:t,size:r=24,role:l="img",alt:s="Up arrow icon",...i})=>m.createElement(e,{size:r,styles:t,role:l,alt:s,...i},m.createElement("g",{fill:"none","stroke-linecap":"square","stroke-linejoin":"miter","stroke-miterlimit":"10"},m.createElement("path",{d:"M7 21L7 3L19 12L7 21Z",stroke:o,"stroke-width":"2",fill:"none"})," "));E.displayName="PlayIcon";E.style=Ao;var Mo={...e.styles,fill:"none",stroke:"currentColor"},D=({strokeColor:o="currentColor",styles:t,size:r=16,role:l="img",alt:s="Up arrow icon",...i})=>m.createElement(e,{size:r,styles:t,role:l,alt:s,...i},m.createElement("g",{fill:"none","stroke-linecap":"square","stroke-linejoin":"miter","stroke-miterlimit":"10"},m.createElement("rect",{x:"2",y:"2",width:"6",height:"20",fill:"none",stroke:o,"stroke-width":"2"}),m.createElement("rect",{x:"16",y:"2",width:"6",height:"20",fill:"none",stroke:o,"stroke-width":"2"})));D.displayName="Pause";D.style=Mo;var No={...e.styles,fill:"none",stroke:"currentColor"},T=({strokeColor:o="currentColor",styles:t,size:r=16,role:l="img",alt:s="Up arrow icon",...i})=>m.createElement(e,{size:r,styles:t,role:l,alt:s,...i},m.createElement("g",{fill:"none","stroke-linecap":"square","stroke-linejoin":"miter","stroke-miterlimit":"10"},m.createElement("path",{d:"M20 21L20 3",stroke:o,"stroke-width":"2",fill:"none"}),m.createElement("path",{d:"M4 4L4 20L16 12L4 4Z",stroke:o,"stroke-width":"2",fill:"none"})));T.displayName="Resume";T.style=No;var Uo={...e.styles,fill:"none",stroke:"currentColor"},b=({strokeColor:o="currentColor",styles:t,size:r=16,role:l="img",alt:s="Up arrow icon",...i})=>m.createElement(e,{size:r,styles:t,role:l,alt:s,...i},m.createElement("g",{fill:"none","stroke-linecap":"square","stroke-linejoin":"miter","stroke-miterlimit":"10"},m.createElement("rect",{x:"2",y:"2",fill:"none",stroke:o,"stroke-width":"2",width:"20",height:"20"})));b.displayName="Stop";b.style=Uo;var jo={...e.styles,fill:"none",stroke:"currentColor"},O=({strokeColor:o="currentColor",styles:t,size:r=24,role:l="img",alt:s="Stop icon",...i})=>m.createElement(e,{size:r,styles:t,role:l,alt:s,...i},m.createElement("g",{fill:o},m.createElement("path",{fill:o,d:"M22,1H2C1.447,1,1,1.447,1,2v20c0,0.553,0.447,1,1,1h20c0.553,0,1-0.447,1-1V2C23,1.447,22.553,1,22,1z"})));O.displayName="StopSolid";O.style=jo;var Wo={...e.styles,fill:"none",stroke:"currentColor"},X=({strokeColor:o="currentColor",styles:t,size:r=24,role:l="img",alt:s="Up arrow icon",...i})=>m.createElement(e,{size:r,styles:t,role:l,alt:s,...i},m.createElement("g",{fill:o},m.createElement("path",{fill:o,d:"M20.555,11.168l-15-10c-0.307-0.204-0.702-0.224-1.026-0.05C4.203,1.292,4,1.631,4,2v20 c0,0.369,0.203,0.708,0.528,0.882C4.676,22.961,4.838,23,5,23c0.194,0,0.388-0.057,0.555-0.168l15-10C20.833,12.646,21,12.334,21,12 S20.833,11.354,20.555,11.168z"})));X.displayName="PlaySolid";X.style=Wo;var qo={...e.styles,fill:"none",stroke:"currentColor"},B=({strokeColor:o="currentColor",styles:t,size:r=24,role:l="img",alt:s="Pause arrow icon",...i})=>m.createElement(e,{size:r,styles:t,role:l,alt:s,...i},m.createElement("g",{fill:o},m.createElement("path",{d:"M7,1H2A1,1,0,0,0,1,2V22a1,1,0,0,0,1,1H7a1,1,0,0,0,1-1V2A1,1,0,0,0,7,1Z",fill:o}),m.createElement("path",{d:"M22,1H17a1,1,0,0,0-1,1V22a1,1,0,0,0,1,1h5a1,1,0,0,0,1-1V2A1,1,0,0,0,22,1Z",fill:o})));B.displayName="PauseSolid";B.style=qo;var Zo={...e.styles,fill:"none",stroke:"currentColor"},G=({strokeColor:o="currentColor",styles:t,size:r=16,role:l="img",alt:s="Up arrow icon",...i})=>m.createElement(e,{size:r,styles:t,role:l,alt:s,...i},m.createElement("g",{fill:o},m.createElement("path",{fill:o,"fill-rule":"evenodd","clip-rule":"evenodd",d:"M3 21.8685L17.8028 12L3 2.1315L3 21.8685Z"}),m.createElement("path",{fill:o,"fill-rule":"evenodd","clip-rule":"evenodd",d:"M19 2L19 22L21 22L21 2L19 2Z"})));G.displayName="ResumeSolid";G.style=Zo;var Eo={display:"inline-flex",direction:"row",gap:".2rem",placeItems:"center",width:"auto"},n=({id:o,classes:t,children:r,styles:l,...s})=>m__default.createElement(po,{id:o,as:"span",styles:l,className:t,"data-icon":!0,"data-style":"icons",...s},r),Rt=n;n.displayName="Icon";n.styles=Eo;n.Add=S;n.ArrowDown=v;n.ArrowLeft=x;n.ArrowRight=$;n.ArrowUp=I;n.Chat=h;n.Code=Y;n.Copy=j;n.Home=k;n.Left=A;n.Minus=M;n.Remove=N;n.Right=R;n.Star=io;n.Up=W;n.Down=Z;n.User=z;n.Play=E;n.Pause=D;n.Stop=b;n.Resume=T;n.ResumeSolid=G;n.PlaySolid=X;n.PauseSolid=B;n.StopSolid=O;
|
|
5
|
-
|
|
6
|
-
export { po as a, n as b, Rt as c };
|
|
7
|
-
//# sourceMappingURL=out.js.map
|
|
8
|
-
//# sourceMappingURL=chunk-TBM2QIVT.js.map
|