@nayhoo/ui 0.18.0 → 0.19.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunk-TCGR6PEH.mjs +19 -0
- package/dist/chunk-TCGR6PEH.mjs.map +1 -0
- package/dist/{chunk-BBTIKGXS.mjs → chunk-VMWZ4AUH.mjs} +1 -1
- package/dist/components/accordion.css +79 -0
- package/dist/components/accordion.css.map +1 -0
- package/dist/components/accordion.d.mts +10 -0
- package/dist/components/accordion.d.ts +10 -0
- package/dist/components/accordion.js +111 -0
- package/dist/components/accordion.js.map +1 -0
- package/dist/components/accordion.mjs +72 -0
- package/dist/components/accordion.mjs.map +1 -0
- package/dist/components/dialog.css +79 -0
- package/dist/components/dialog.css.map +1 -1
- package/dist/components/dialog.mjs +7 -6
- package/dist/components/dialog.mjs.map +1 -1
- package/dist/components/popover.mjs +1 -1
- package/dist/patterns/index.css +79 -0
- package/dist/patterns/index.css.map +1 -1
- package/dist/patterns/index.mjs +9 -8
- package/dist/patterns/index.mjs.map +1 -1
- package/dist/providers/index.js.map +1 -1
- package/dist/providers/index.mjs.map +1 -1
- package/dist/theme/index.css +79 -0
- package/dist/theme/index.css.map +1 -1
- package/dist/theme/index.d.mts +16 -8
- package/dist/theme/index.d.ts +16 -8
- package/dist/theme/index.js +23 -0
- package/dist/theme/index.js.map +1 -1
- package/dist/theme/index.mjs +26 -10
- package/package.json +8 -2
- /package/dist/{chunk-BBTIKGXS.mjs.map → chunk-VMWZ4AUH.mjs.map} +0 -0
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
// src/theme/styles/accordion.css.ts
|
|
2
|
+
var accordion = "accordion_accordion__17vdyva0";
|
|
3
|
+
var accordionContent = "accordion_accordionContent__17vdyva5";
|
|
4
|
+
var accordionContentText = "accordion_accordionContentText__17vdyva6";
|
|
5
|
+
var accordionHeader = "accordion_accordionHeader__17vdyva7";
|
|
6
|
+
var accordionItem = "accordion_accordionItem__17vdyva1";
|
|
7
|
+
var accordionTrigger = "accordion_accordionTrigger__17vdyva8";
|
|
8
|
+
var chevron = "accordion_chevron__17vdyva2";
|
|
9
|
+
|
|
10
|
+
export {
|
|
11
|
+
accordion,
|
|
12
|
+
accordionContent,
|
|
13
|
+
accordionContentText,
|
|
14
|
+
accordionHeader,
|
|
15
|
+
accordionItem,
|
|
16
|
+
accordionTrigger,
|
|
17
|
+
chevron
|
|
18
|
+
};
|
|
19
|
+
//# sourceMappingURL=chunk-TCGR6PEH.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/theme/styles/accordion.css.ts"],"sourcesContent":["import 'src/theme/styles/accordion.css.ts.vanilla.css?source=#H4sIAAAAAAAAA61Vy27bMBC8+ysWOSVAGEh20rgMCgRID+m56akoDEpcSdtQpEDSzyL/XpCyZDWxU7voSYTs2Zkdzq7un3FdWFGjA5HnxkoyeuYUSfxslno2S28Xcr0QE/g1AiisqeMBoEIqK88huRsBvIwAvHn1y0LYc8askLRifWmWG+1Re9b+66JFv4zuD8r41vQirg+JOIFqj9CkE3G1o96dOvIkojJjJdpINXdDYmLj2Sz9qDOcynFJkW1J0lccJknSrO4O1P/ise450shRC1uSZt40HNKABDALtIUySw4VSYn6uGq8IOs8yytScqjem4YpLPzeNtJBG1VsY4CywbEjYcM2kiMFK7FPb2a8N/U/SN4Cj1d9nKsmnzu2JF+RjjIb48iT0RwsKuFpgUHDhpGWuOKQvqqbV7iwg2SNYxFvhe7KxHNhbB2yUzvI5xnlLMMNoT1Prqa3l5BcQnKVTi4hjbK/S+EFc154/GQa1D/gOMJAwsGaADxPp4nE8qAND+089WVu2nE02jNHG+ycDS++0gYdm/TuZhenpPgN0bC7s9De2Y/ILTTVorXs/eV1rI2nq8mVcSj/quePLfYf1DzhaqfoQ5tCISXpkkN606xg/M7OeUQh0fbw21a7Uhzm2qEPVyXJNUqsORQKD9Z5slSWg0LTPYWEolIz8lg7DjlqjzYOqMifS2vmWrLcKGO3mW+ERe3bCV4xVwkZ0pKENQjJNl8Oa6E95Q8B55gijbspLvBij3yIzziJ28AWoia15kC6Qkv+7rQgd1+O65t2Pf+cO0/FuvvicHCNyJFl6JcYYg4QVLIOFmX015W8e1dvPOZVGKN2Pb4xca9DA2cfA3bgVhFy9hvpHNAJAwgAAA==';\nexport var accordion = 'accordion_accordion__17vdyva0';\nexport var accordionContent = 'accordion_accordionContent__17vdyva5';\nexport var accordionContentText = 'accordion_accordionContentText__17vdyva6';\nexport var accordionHeader = 'accordion_accordionHeader__17vdyva7';\nexport var accordionItem = 'accordion_accordionItem__17vdyva1';\nexport var accordionTrigger = 'accordion_accordionTrigger__17vdyva8';\nexport var chevron = 'accordion_chevron__17vdyva2';"],"mappings":";AACO,IAAI,YAAY;AAChB,IAAI,mBAAmB;AACvB,IAAI,uBAAuB;AAC3B,IAAI,kBAAkB;AACtB,IAAI,gBAAgB;AACpB,IAAI,mBAAmB;AACvB,IAAI,UAAU;","names":[]}
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
/* vanilla-extract-css-ns:src/theme/styles/accordion.css.ts.vanilla.css?source=#H4sIAAAAAAAAA61Vy27bMBC8+ysWOSVAGEh20rgMCgRID+m56akoDEpcSdtQpEDSzyL/XpCyZDWxU7voSYTs2Zkdzq7un3FdWFGjA5HnxkoyeuYUSfxslno2S28Xcr0QE/g1AiisqeMBoEIqK88huRsBvIwAvHn1y0LYc8askLRifWmWG+1Re9b+66JFv4zuD8r41vQirg+JOIFqj9CkE3G1o96dOvIkojJjJdpINXdDYmLj2Sz9qDOcynFJkW1J0lccJknSrO4O1P/ise450shRC1uSZt40HNKABDALtIUySw4VSYn6uGq8IOs8yytScqjem4YpLPzeNtJBG1VsY4CywbEjYcM2kiMFK7FPb2a8N/U/SN4Cj1d9nKsmnzu2JF+RjjIb48iT0RwsKuFpgUHDhpGWuOKQvqqbV7iwg2SNYxFvhe7KxHNhbB2yUzvI5xnlLMMNoT1Prqa3l5BcQnKVTi4hjbK/S+EFc154/GQa1D/gOMJAwsGaADxPp4nE8qAND+089WVu2nE02jNHG+ycDS++0gYdm/TuZhenpPgN0bC7s9De2Y/ILTTVorXs/eV1rI2nq8mVcSj/quePLfYf1DzhaqfoQ5tCISXpkkN606xg/M7OeUQh0fbw21a7Uhzm2qEPVyXJNUqsORQKD9Z5slSWg0LTPYWEolIz8lg7DjlqjzYOqMifS2vmWrLcKGO3mW+ERe3bCV4xVwkZ0pKENQjJNl8Oa6E95Q8B55gijbspLvBij3yIzziJ28AWoia15kC6Qkv+7rQgd1+O65t2Pf+cO0/FuvvicHCNyJFl6JcYYg4QVLIOFmX015W8e1dvPOZVGKN2Pb4xca9DA2cfA3bgVhFy9hvpHNAJAwgAAA== */
|
|
2
|
+
@keyframes accordion_slideDown__17vdyva3 {
|
|
3
|
+
from {
|
|
4
|
+
height: 0;
|
|
5
|
+
}
|
|
6
|
+
to {
|
|
7
|
+
height: var(--radix-accordion-content-height);
|
|
8
|
+
}
|
|
9
|
+
}
|
|
10
|
+
@keyframes accordion_slideUp__17vdyva4 {
|
|
11
|
+
from {
|
|
12
|
+
height: var(--radix-accordion-content-height);
|
|
13
|
+
}
|
|
14
|
+
to {
|
|
15
|
+
height: 0;
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
.accordion_accordion__17vdyva0 {
|
|
19
|
+
border-radius: var(--radii-2__19nbe8d2gi);
|
|
20
|
+
width: 300px;
|
|
21
|
+
}
|
|
22
|
+
.accordion_accordionItem__17vdyva1 {
|
|
23
|
+
margin-top: 1px;
|
|
24
|
+
overflow: hidden;
|
|
25
|
+
}
|
|
26
|
+
.accordion_accordionItem__17vdyva1:first-child {
|
|
27
|
+
border-top-left-radius: var(--radii-1__19nbe8d2gh);
|
|
28
|
+
border-top-right-radius: var(--radii-1__19nbe8d2gh);
|
|
29
|
+
margin-top: 0;
|
|
30
|
+
}
|
|
31
|
+
.accordion_accordionItem__17vdyva1:last-child {
|
|
32
|
+
border-bottom-left-radius: var(--radii-1__19nbe8d2gh);
|
|
33
|
+
border-bottom-right-radius: var(--radii-1__19nbe8d2gh);
|
|
34
|
+
}
|
|
35
|
+
.accordion_accordionItem__17vdyva1:focus-within {
|
|
36
|
+
position: relative;
|
|
37
|
+
z-index: 1;
|
|
38
|
+
}
|
|
39
|
+
.accordion_chevron__17vdyva2 {
|
|
40
|
+
transition: transform 300ms cubic-bezier(0.87, 0, 0.13, 1);
|
|
41
|
+
}
|
|
42
|
+
[data-state=open] .accordion_chevron__17vdyva2 {
|
|
43
|
+
transform: rotate(180deg);
|
|
44
|
+
}
|
|
45
|
+
.accordion_accordionContent__17vdyva5 {
|
|
46
|
+
font-size: var(--fontSizes-3__19nbe8db);
|
|
47
|
+
overflow: hidden;
|
|
48
|
+
}
|
|
49
|
+
.accordion_accordionContent__17vdyva5[data-state=open] {
|
|
50
|
+
animation: accordion_slideDown__17vdyva3 300ms cubic-bezier(0.87, 0, 0.13, 1);
|
|
51
|
+
}
|
|
52
|
+
.accordion_accordionContent__17vdyva5[data-state=closed] {
|
|
53
|
+
animation: accordion_slideUp__17vdyva4 300ms cubic-bezier(0.87, 0, 0.13, 1);
|
|
54
|
+
}
|
|
55
|
+
.accordion_accordionContentText__17vdyva6 {
|
|
56
|
+
padding: 15px 20px;
|
|
57
|
+
}
|
|
58
|
+
.accordion_accordionHeader__17vdyva7 {
|
|
59
|
+
all: unset;
|
|
60
|
+
display: flex;
|
|
61
|
+
}
|
|
62
|
+
.accordion_accordionTrigger__17vdyva8 {
|
|
63
|
+
all: unset;
|
|
64
|
+
align-items: center;
|
|
65
|
+
background-color: transparent;
|
|
66
|
+
box-shadow: 0 1px 0 var(--semanticColors-line__19nbe8d2fe);
|
|
67
|
+
display: flex;
|
|
68
|
+
flex: 1;
|
|
69
|
+
font-family: inherit;
|
|
70
|
+
font-size: var(--fontSizes-3__19nbe8db);
|
|
71
|
+
height: 45px;
|
|
72
|
+
justify-content: space-between;
|
|
73
|
+
line-height: 1;
|
|
74
|
+
padding: 0 20px;
|
|
75
|
+
}
|
|
76
|
+
.accordion_accordionTrigger__17vdyva8:hover {
|
|
77
|
+
background-color: var(--semanticColors-transparentHover__19nbe8d2ff);
|
|
78
|
+
}
|
|
79
|
+
/*# sourceMappingURL=accordion.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/theme/styles/accordion.css.ts.vanilla.css?source=#H4sIAAAAAAAAA61Vy27bMBC8+ysWOSVAGEh20rgMCgRID+m56akoDEpcSdtQpEDSzyL/XpCyZDWxU7voSYTs2Zkdzq7un3FdWFGjA5HnxkoyeuYUSfxslno2S28Xcr0QE/g1AiisqeMBoEIqK88huRsBvIwAvHn1y0LYc8askLRifWmWG+1Re9b+66JFv4zuD8r41vQirg+JOIFqj9CkE3G1o96dOvIkojJjJdpINXdDYmLj2Sz9qDOcynFJkW1J0lccJknSrO4O1P/ise450shRC1uSZt40HNKABDALtIUySw4VSYn6uGq8IOs8yytScqjem4YpLPzeNtJBG1VsY4CywbEjYcM2kiMFK7FPb2a8N/U/SN4Cj1d9nKsmnzu2JF+RjjIb48iT0RwsKuFpgUHDhpGWuOKQvqqbV7iwg2SNYxFvhe7KxHNhbB2yUzvI5xnlLMMNoT1Prqa3l5BcQnKVTi4hjbK/S+EFc154/GQa1D/gOMJAwsGaADxPp4nE8qAND+089WVu2nE02jNHG+ycDS++0gYdm/TuZhenpPgN0bC7s9De2Y/ILTTVorXs/eV1rI2nq8mVcSj/quePLfYf1DzhaqfoQ5tCISXpkkN606xg/M7OeUQh0fbw21a7Uhzm2qEPVyXJNUqsORQKD9Z5slSWg0LTPYWEolIz8lg7DjlqjzYOqMifS2vmWrLcKGO3mW+ERe3bCV4xVwkZ0pKENQjJNl8Oa6E95Q8B55gijbspLvBij3yIzziJ28AWoia15kC6Qkv+7rQgd1+O65t2Pf+cO0/FuvvicHCNyJFl6JcYYg4QVLIOFmX015W8e1dvPOZVGKN2Pb4xca9DA2cfA3bgVhFy9hvpHNAJAwgAAA=="],"sourcesContent":["@keyframes accordion_slideDown__17vdyva3 {\n from {\n height: 0;\n }\n to {\n height: var(--radix-accordion-content-height);\n }\n}\n@keyframes accordion_slideUp__17vdyva4 {\n from {\n height: var(--radix-accordion-content-height);\n }\n to {\n height: 0;\n }\n}\n.accordion_accordion__17vdyva0 {\n border-radius: var(--radii-2__19nbe8d2gi);\n width: 300px;\n}\n.accordion_accordionItem__17vdyva1 {\n margin-top: 1px;\n overflow: hidden;\n}\n.accordion_accordionItem__17vdyva1:first-child {\n border-top-left-radius: var(--radii-1__19nbe8d2gh);\n border-top-right-radius: var(--radii-1__19nbe8d2gh);\n margin-top: 0;\n}\n.accordion_accordionItem__17vdyva1:last-child {\n border-bottom-left-radius: var(--radii-1__19nbe8d2gh);\n border-bottom-right-radius: var(--radii-1__19nbe8d2gh);\n}\n.accordion_accordionItem__17vdyva1:focus-within {\n position: relative;\n z-index: 1;\n}\n.accordion_chevron__17vdyva2 {\n transition: transform 300ms cubic-bezier(0.87, 0, 0.13, 1);\n}\n[data-state=open] .accordion_chevron__17vdyva2 {\n transform: rotate(180deg);\n}\n.accordion_accordionContent__17vdyva5 {\n font-size: var(--fontSizes-3__19nbe8db);\n overflow: hidden;\n}\n.accordion_accordionContent__17vdyva5[data-state=\"open\"] {\n animation: accordion_slideDown__17vdyva3 300ms cubic-bezier(0.87, 0, 0.13, 1);\n}\n.accordion_accordionContent__17vdyva5[data-state=\"closed\"] {\n animation: accordion_slideUp__17vdyva4 300ms cubic-bezier(0.87, 0, 0.13, 1);\n}\n.accordion_accordionContentText__17vdyva6 {\n padding: 15px 20px;\n}\n.accordion_accordionHeader__17vdyva7 {\n all: unset;\n display: flex;\n}\n.accordion_accordionTrigger__17vdyva8 {\n all: unset;\n align-items: center;\n background-color: transparent;\n box-shadow: 0 1px 0 var(--semanticColors-line__19nbe8d2fe);\n display: flex;\n flex: 1;\n font-family: inherit;\n font-size: var(--fontSizes-3__19nbe8db);\n height: 45px;\n justify-content: space-between;\n line-height: 1;\n padding: 0 20px;\n}\n.accordion_accordionTrigger__17vdyva8:hover {\n background-color: var(--semanticColors-transparentHover__19nbe8d2ff);\n}"],"mappings":";AAAA,WAAW;AACT;AACE,YAAQ;AACV;AACA;AACE,YAAQ,IAAI;AACd;AACF;AACA,WAAW;AACT;AACE,YAAQ,IAAI;AACd;AACA;AACE,YAAQ;AACV;AACF;AACA,CAAC;AACC,iBAAe,IAAI;AACnB,SAAO;AACT;AACA,CAAC;AACC,cAAY;AACZ,YAAU;AACZ;AACA,CAJC,iCAIiC;AAChC,0BAAwB,IAAI;AAC5B,2BAAyB,IAAI;AAC7B,cAAY;AACd;AACA,CATC,iCASiC;AAChC,6BAA2B,IAAI;AAC/B,8BAA4B,IAAI;AAClC;AACA,CAbC,iCAaiC;AAChC,YAAU;AACV,WAAS;AACX;AACA,CAAC;AACC,cAAY,UAAU,MAAM,aAAa,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE;AAC1D;AACA,CAAC,iBAAiB,CAHjB;AAIC,aAAW,OAAO;AACpB;AACA,CAAC;AACC,aAAW,IAAI;AACf,YAAU;AACZ;AACA,CAJC,oCAIoC,CAAC;AACpC,aAAW,8BAA8B,MAAM,aAAa,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE;AAC7E;AACA,CAPC,oCAOoC,CAAC;AACpC,aAAW,4BAA4B,MAAM,aAAa,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE;AAC3E;AACA,CAAC;AACC,WAAS,KAAK;AAChB;AACA,CAAC;AACC,OAAK;AACL,WAAS;AACX;AACA,CAAC;AACC,OAAK;AACL,eAAa;AACb,oBAAkB;AAClB,cAAY,EAAE,IAAI,EAAE,IAAI;AACxB,WAAS;AACT,QAAM;AACN,eAAa;AACb,aAAW,IAAI;AACf,UAAQ;AACR,mBAAiB;AACjB,eAAa;AACb,WAAS,EAAE;AACb;AACA,CAdC,oCAcoC;AACnC,oBAAkB,IAAI;AACxB;","names":[]}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
3
|
+
|
|
4
|
+
type AccordionProps = AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps;
|
|
5
|
+
declare const Accordion: ({ children, ...props }: AccordionProps) => react_jsx_runtime.JSX.Element;
|
|
6
|
+
declare const AccordionContent: ({ children, ...props }: AccordionPrimitive.AccordionContentProps) => react_jsx_runtime.JSX.Element;
|
|
7
|
+
declare const AccordionItem: ({ children, ...props }: AccordionPrimitive.AccordionItemProps) => react_jsx_runtime.JSX.Element;
|
|
8
|
+
declare const AccordionTrigger: ({ children, ...props }: AccordionPrimitive.AccordionTriggerProps) => react_jsx_runtime.JSX.Element;
|
|
9
|
+
|
|
10
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
3
|
+
|
|
4
|
+
type AccordionProps = AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps;
|
|
5
|
+
declare const Accordion: ({ children, ...props }: AccordionProps) => react_jsx_runtime.JSX.Element;
|
|
6
|
+
declare const AccordionContent: ({ children, ...props }: AccordionPrimitive.AccordionContentProps) => react_jsx_runtime.JSX.Element;
|
|
7
|
+
declare const AccordionItem: ({ children, ...props }: AccordionPrimitive.AccordionItemProps) => react_jsx_runtime.JSX.Element;
|
|
8
|
+
declare const AccordionTrigger: ({ children, ...props }: AccordionPrimitive.AccordionTriggerProps) => react_jsx_runtime.JSX.Element;
|
|
9
|
+
|
|
10
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
|
|
@@ -0,0 +1,111 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __create = Object.create;
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
+
var __export = (target, all) => {
|
|
9
|
+
for (var name in all)
|
|
10
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
+
};
|
|
12
|
+
var __copyProps = (to, from, except, desc) => {
|
|
13
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
+
for (let key of __getOwnPropNames(from))
|
|
15
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
+
}
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
+
mod
|
|
27
|
+
));
|
|
28
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
+
|
|
30
|
+
// src/components/accordion.tsx
|
|
31
|
+
var accordion_exports = {};
|
|
32
|
+
__export(accordion_exports, {
|
|
33
|
+
Accordion: () => Accordion,
|
|
34
|
+
AccordionContent: () => AccordionContent,
|
|
35
|
+
AccordionItem: () => AccordionItem,
|
|
36
|
+
AccordionTrigger: () => AccordionTrigger
|
|
37
|
+
});
|
|
38
|
+
module.exports = __toCommonJS(accordion_exports);
|
|
39
|
+
|
|
40
|
+
// src/theme/styles/accordion.css.ts
|
|
41
|
+
var accordion = "accordion_accordion__17vdyva0";
|
|
42
|
+
var accordionContent = "accordion_accordionContent__17vdyva5";
|
|
43
|
+
var accordionContentText = "accordion_accordionContentText__17vdyva6";
|
|
44
|
+
var accordionHeader = "accordion_accordionHeader__17vdyva7";
|
|
45
|
+
var accordionItem = "accordion_accordionItem__17vdyva1";
|
|
46
|
+
var accordionTrigger = "accordion_accordionTrigger__17vdyva8";
|
|
47
|
+
var chevron = "accordion_chevron__17vdyva2";
|
|
48
|
+
|
|
49
|
+
// src/utils/merge-classes.ts
|
|
50
|
+
function mergeClasses(...classes) {
|
|
51
|
+
return classes.filter((cls) => Boolean(cls)).join(" ");
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
// src/components/accordion.tsx
|
|
55
|
+
var AccordionPrimitive = __toESM(require("@radix-ui/react-accordion"));
|
|
56
|
+
var import_react_icons = require("@radix-ui/react-icons");
|
|
57
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
58
|
+
var Accordion = ({ children, ...props }) => {
|
|
59
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
60
|
+
AccordionPrimitive.Root,
|
|
61
|
+
{
|
|
62
|
+
...props,
|
|
63
|
+
className: mergeClasses(accordion, props.className),
|
|
64
|
+
children
|
|
65
|
+
}
|
|
66
|
+
);
|
|
67
|
+
};
|
|
68
|
+
var AccordionContent = ({
|
|
69
|
+
children,
|
|
70
|
+
...props
|
|
71
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
72
|
+
AccordionPrimitive.Content,
|
|
73
|
+
{
|
|
74
|
+
...props,
|
|
75
|
+
className: mergeClasses(accordionContent, props.className),
|
|
76
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: accordionContentText, children })
|
|
77
|
+
}
|
|
78
|
+
);
|
|
79
|
+
var AccordionItem = ({
|
|
80
|
+
children,
|
|
81
|
+
...props
|
|
82
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
83
|
+
AccordionPrimitive.Item,
|
|
84
|
+
{
|
|
85
|
+
...props,
|
|
86
|
+
className: mergeClasses(accordionItem, props.className),
|
|
87
|
+
children
|
|
88
|
+
}
|
|
89
|
+
);
|
|
90
|
+
var AccordionTrigger = ({
|
|
91
|
+
children,
|
|
92
|
+
...props
|
|
93
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AccordionPrimitive.Header, { className: accordionHeader, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
94
|
+
AccordionPrimitive.Trigger,
|
|
95
|
+
{
|
|
96
|
+
...props,
|
|
97
|
+
className: mergeClasses(accordionTrigger, props.className),
|
|
98
|
+
children: [
|
|
99
|
+
children,
|
|
100
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_icons.ChevronDownIcon, { "aria-hidden": true, className: chevron })
|
|
101
|
+
]
|
|
102
|
+
}
|
|
103
|
+
) });
|
|
104
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
105
|
+
0 && (module.exports = {
|
|
106
|
+
Accordion,
|
|
107
|
+
AccordionContent,
|
|
108
|
+
AccordionItem,
|
|
109
|
+
AccordionTrigger
|
|
110
|
+
});
|
|
111
|
+
//# sourceMappingURL=accordion.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/components/accordion.tsx","../../src/theme/styles/accordion.css.ts","../../src/utils/merge-classes.ts"],"sourcesContent":["import {\n accordion,\n accordionContent,\n accordionContentText,\n accordionHeader,\n accordionItem,\n accordionTrigger,\n chevron,\n} from \"@/theme/styles/accordion.css\";\nimport { mergeClasses } from \"@/utils\";\nimport * as AccordionPrimitive from \"@radix-ui/react-accordion\";\nimport { ChevronDownIcon } from \"@radix-ui/react-icons\";\n\ntype AccordionProps =\n | AccordionPrimitive.AccordionSingleProps\n | AccordionPrimitive.AccordionMultipleProps;\n\nexport const Accordion = ({ children, ...props }: AccordionProps) => {\n return (\n <AccordionPrimitive.Root\n {...props}\n className={mergeClasses(accordion, props.className)}\n >\n {children}\n </AccordionPrimitive.Root>\n );\n};\n\nexport const AccordionContent = ({\n children,\n ...props\n}: AccordionPrimitive.AccordionContentProps) => (\n <AccordionPrimitive.Content\n {...props}\n className={mergeClasses(accordionContent, props.className)}\n >\n <div className={accordionContentText}>{children}</div>\n </AccordionPrimitive.Content>\n);\n\nexport const AccordionItem = ({\n children,\n ...props\n}: AccordionPrimitive.AccordionItemProps) => (\n <AccordionPrimitive.Item\n {...props}\n className={mergeClasses(accordionItem, props.className)}\n >\n {children}\n </AccordionPrimitive.Item>\n);\n\nexport const AccordionTrigger = ({\n children,\n ...props\n}: AccordionPrimitive.AccordionTriggerProps) => (\n <AccordionPrimitive.Header className={accordionHeader}>\n <AccordionPrimitive.Trigger\n {...props}\n className={mergeClasses(accordionTrigger, props.className)}\n >\n {children}\n\n <ChevronDownIcon aria-hidden className={chevron} />\n </AccordionPrimitive.Trigger>\n </AccordionPrimitive.Header>\n);\n","import 'src/theme/styles/accordion.css.ts.vanilla.css?source=#H4sIAAAAAAAAA61Vy27bMBC8+ysWOSVAGEh20rgMCgRID+m56akoDEpcSdtQpEDSzyL/XpCyZDWxU7voSYTs2Zkdzq7un3FdWFGjA5HnxkoyeuYUSfxslno2S28Xcr0QE/g1AiisqeMBoEIqK88huRsBvIwAvHn1y0LYc8askLRifWmWG+1Re9b+66JFv4zuD8r41vQirg+JOIFqj9CkE3G1o96dOvIkojJjJdpINXdDYmLj2Sz9qDOcynFJkW1J0lccJknSrO4O1P/ise450shRC1uSZt40HNKABDALtIUySw4VSYn6uGq8IOs8yytScqjem4YpLPzeNtJBG1VsY4CywbEjYcM2kiMFK7FPb2a8N/U/SN4Cj1d9nKsmnzu2JF+RjjIb48iT0RwsKuFpgUHDhpGWuOKQvqqbV7iwg2SNYxFvhe7KxHNhbB2yUzvI5xnlLMMNoT1Prqa3l5BcQnKVTi4hjbK/S+EFc154/GQa1D/gOMJAwsGaADxPp4nE8qAND+089WVu2nE02jNHG+ycDS++0gYdm/TuZhenpPgN0bC7s9De2Y/ILTTVorXs/eV1rI2nq8mVcSj/quePLfYf1DzhaqfoQ5tCISXpkkN606xg/M7OeUQh0fbw21a7Uhzm2qEPVyXJNUqsORQKD9Z5slSWg0LTPYWEolIz8lg7DjlqjzYOqMifS2vmWrLcKGO3mW+ERe3bCV4xVwkZ0pKENQjJNl8Oa6E95Q8B55gijbspLvBij3yIzziJ28AWoia15kC6Qkv+7rQgd1+O65t2Pf+cO0/FuvvicHCNyJFl6JcYYg4QVLIOFmX015W8e1dvPOZVGKN2Pb4xca9DA2cfA3bgVhFy9hvpHNAJAwgAAA==';\nexport var accordion = 'accordion_accordion__17vdyva0';\nexport var accordionContent = 'accordion_accordionContent__17vdyva5';\nexport var accordionContentText = 'accordion_accordionContentText__17vdyva6';\nexport var accordionHeader = 'accordion_accordionHeader__17vdyva7';\nexport var accordionItem = 'accordion_accordionItem__17vdyva1';\nexport var accordionTrigger = 'accordion_accordionTrigger__17vdyva8';\nexport var chevron = 'accordion_chevron__17vdyva2';","export function mergeClasses(...classes: (string | undefined)[]): string {\n return classes.filter((cls): cls is string => Boolean(cls)).join(\" \");\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCO,IAAI,YAAY;AAChB,IAAI,mBAAmB;AACvB,IAAI,uBAAuB;AAC3B,IAAI,kBAAkB;AACtB,IAAI,gBAAgB;AACpB,IAAI,mBAAmB;AACvB,IAAI,UAAU;;;ACPd,SAAS,gBAAgB,SAAyC;AACvE,SAAO,QAAQ,OAAO,CAAC,QAAuB,QAAQ,GAAG,CAAC,EAAE,KAAK,GAAG;AACtE;;;AFQA,yBAAoC;AACpC,yBAAgC;AAQ5B;AAFG,IAAM,YAAY,CAAC,EAAE,UAAU,GAAG,MAAM,MAAsB;AACnE,SACE;AAAA,IAAoB;AAAA,IAAnB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,WAAW,MAAM,SAAS;AAAA,MAEjD;AAAA;AAAA,EACH;AAEJ;AAEO,IAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA,GAAG;AACL,MACE;AAAA,EAAoB;AAAA,EAAnB;AAAA,IACE,GAAG;AAAA,IACJ,WAAW,aAAa,kBAAkB,MAAM,SAAS;AAAA,IAEzD,sDAAC,SAAI,WAAW,sBAAuB,UAAS;AAAA;AAClD;AAGK,IAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA,GAAG;AACL,MACE;AAAA,EAAoB;AAAA,EAAnB;AAAA,IACE,GAAG;AAAA,IACJ,WAAW,aAAa,eAAe,MAAM,SAAS;AAAA,IAErD;AAAA;AACH;AAGK,IAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA,GAAG;AACL,MACE,4CAAoB,2BAAnB,EAA0B,WAAW,iBACpC;AAAA,EAAoB;AAAA,EAAnB;AAAA,IACE,GAAG;AAAA,IACJ,WAAW,aAAa,kBAAkB,MAAM,SAAS;AAAA,IAExD;AAAA;AAAA,MAED,4CAAC,sCAAgB,eAAW,MAAC,WAAW,SAAS;AAAA;AAAA;AACnD,GACF;","names":[]}
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
import {
|
|
2
|
+
accordion,
|
|
3
|
+
accordionContent,
|
|
4
|
+
accordionContentText,
|
|
5
|
+
accordionHeader,
|
|
6
|
+
accordionItem,
|
|
7
|
+
accordionTrigger,
|
|
8
|
+
chevron
|
|
9
|
+
} from "../chunk-TCGR6PEH.mjs";
|
|
10
|
+
import "../chunk-HGLO5LDS.mjs";
|
|
11
|
+
import "../chunk-UPZYS6TE.mjs";
|
|
12
|
+
import {
|
|
13
|
+
mergeClasses
|
|
14
|
+
} from "../chunk-7EGQM3ZL.mjs";
|
|
15
|
+
|
|
16
|
+
// src/components/accordion.tsx
|
|
17
|
+
import * as AccordionPrimitive from "@radix-ui/react-accordion";
|
|
18
|
+
import { ChevronDownIcon } from "@radix-ui/react-icons";
|
|
19
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
20
|
+
var Accordion = ({ children, ...props }) => {
|
|
21
|
+
return /* @__PURE__ */ jsx(
|
|
22
|
+
AccordionPrimitive.Root,
|
|
23
|
+
{
|
|
24
|
+
...props,
|
|
25
|
+
className: mergeClasses(accordion, props.className),
|
|
26
|
+
children
|
|
27
|
+
}
|
|
28
|
+
);
|
|
29
|
+
};
|
|
30
|
+
var AccordionContent = ({
|
|
31
|
+
children,
|
|
32
|
+
...props
|
|
33
|
+
}) => /* @__PURE__ */ jsx(
|
|
34
|
+
AccordionPrimitive.Content,
|
|
35
|
+
{
|
|
36
|
+
...props,
|
|
37
|
+
className: mergeClasses(accordionContent, props.className),
|
|
38
|
+
children: /* @__PURE__ */ jsx("div", { className: accordionContentText, children })
|
|
39
|
+
}
|
|
40
|
+
);
|
|
41
|
+
var AccordionItem = ({
|
|
42
|
+
children,
|
|
43
|
+
...props
|
|
44
|
+
}) => /* @__PURE__ */ jsx(
|
|
45
|
+
AccordionPrimitive.Item,
|
|
46
|
+
{
|
|
47
|
+
...props,
|
|
48
|
+
className: mergeClasses(accordionItem, props.className),
|
|
49
|
+
children
|
|
50
|
+
}
|
|
51
|
+
);
|
|
52
|
+
var AccordionTrigger = ({
|
|
53
|
+
children,
|
|
54
|
+
...props
|
|
55
|
+
}) => /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: accordionHeader, children: /* @__PURE__ */ jsxs(
|
|
56
|
+
AccordionPrimitive.Trigger,
|
|
57
|
+
{
|
|
58
|
+
...props,
|
|
59
|
+
className: mergeClasses(accordionTrigger, props.className),
|
|
60
|
+
children: [
|
|
61
|
+
children,
|
|
62
|
+
/* @__PURE__ */ jsx(ChevronDownIcon, { "aria-hidden": true, className: chevron })
|
|
63
|
+
]
|
|
64
|
+
}
|
|
65
|
+
) });
|
|
66
|
+
export {
|
|
67
|
+
Accordion,
|
|
68
|
+
AccordionContent,
|
|
69
|
+
AccordionItem,
|
|
70
|
+
AccordionTrigger
|
|
71
|
+
};
|
|
72
|
+
//# sourceMappingURL=accordion.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/components/accordion.tsx"],"sourcesContent":["import {\n accordion,\n accordionContent,\n accordionContentText,\n accordionHeader,\n accordionItem,\n accordionTrigger,\n chevron,\n} from \"@/theme/styles/accordion.css\";\nimport { mergeClasses } from \"@/utils\";\nimport * as AccordionPrimitive from \"@radix-ui/react-accordion\";\nimport { ChevronDownIcon } from \"@radix-ui/react-icons\";\n\ntype AccordionProps =\n | AccordionPrimitive.AccordionSingleProps\n | AccordionPrimitive.AccordionMultipleProps;\n\nexport const Accordion = ({ children, ...props }: AccordionProps) => {\n return (\n <AccordionPrimitive.Root\n {...props}\n className={mergeClasses(accordion, props.className)}\n >\n {children}\n </AccordionPrimitive.Root>\n );\n};\n\nexport const AccordionContent = ({\n children,\n ...props\n}: AccordionPrimitive.AccordionContentProps) => (\n <AccordionPrimitive.Content\n {...props}\n className={mergeClasses(accordionContent, props.className)}\n >\n <div className={accordionContentText}>{children}</div>\n </AccordionPrimitive.Content>\n);\n\nexport const AccordionItem = ({\n children,\n ...props\n}: AccordionPrimitive.AccordionItemProps) => (\n <AccordionPrimitive.Item\n {...props}\n className={mergeClasses(accordionItem, props.className)}\n >\n {children}\n </AccordionPrimitive.Item>\n);\n\nexport const AccordionTrigger = ({\n children,\n ...props\n}: AccordionPrimitive.AccordionTriggerProps) => (\n <AccordionPrimitive.Header className={accordionHeader}>\n <AccordionPrimitive.Trigger\n {...props}\n className={mergeClasses(accordionTrigger, props.className)}\n >\n {children}\n\n <ChevronDownIcon aria-hidden className={chevron} />\n </AccordionPrimitive.Trigger>\n </AccordionPrimitive.Header>\n);\n"],"mappings":";;;;;;;;;;;;;;;;AAUA,YAAY,wBAAwB;AACpC,SAAS,uBAAuB;AAQ5B,cAsCA,YAtCA;AAFG,IAAM,YAAY,CAAC,EAAE,UAAU,GAAG,MAAM,MAAsB;AACnE,SACE;AAAA,IAAoB;AAAA,IAAnB;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,aAAa,WAAW,MAAM,SAAS;AAAA,MAEjD;AAAA;AAAA,EACH;AAEJ;AAEO,IAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA,GAAG;AACL,MACE;AAAA,EAAoB;AAAA,EAAnB;AAAA,IACE,GAAG;AAAA,IACJ,WAAW,aAAa,kBAAkB,MAAM,SAAS;AAAA,IAEzD,8BAAC,SAAI,WAAW,sBAAuB,UAAS;AAAA;AAClD;AAGK,IAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA,GAAG;AACL,MACE;AAAA,EAAoB;AAAA,EAAnB;AAAA,IACE,GAAG;AAAA,IACJ,WAAW,aAAa,eAAe,MAAM,SAAS;AAAA,IAErD;AAAA;AACH;AAGK,IAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA,GAAG;AACL,MACE,oBAAoB,2BAAnB,EAA0B,WAAW,iBACpC;AAAA,EAAoB;AAAA,EAAnB;AAAA,IACE,GAAG;AAAA,IACJ,WAAW,aAAa,kBAAkB,MAAM,SAAS;AAAA,IAExD;AAAA;AAAA,MAED,oBAAC,mBAAgB,eAAW,MAAC,WAAW,SAAS;AAAA;AAAA;AACnD,GACF;","names":[]}
|
|
@@ -4097,6 +4097,85 @@
|
|
|
4097
4097
|
}
|
|
4098
4098
|
}
|
|
4099
4099
|
|
|
4100
|
+
/* vanilla-extract-css-ns:src/theme/styles/accordion.css.ts.vanilla.css?source=#H4sIAAAAAAAAA61Vy27bMBC8+ysWOSVAGEh20rgMCgRID+m56akoDEpcSdtQpEDSzyL/XpCyZDWxU7voSYTs2Zkdzq7un3FdWFGjA5HnxkoyeuYUSfxslno2S28Xcr0QE/g1AiisqeMBoEIqK88huRsBvIwAvHn1y0LYc8askLRifWmWG+1Re9b+66JFv4zuD8r41vQirg+JOIFqj9CkE3G1o96dOvIkojJjJdpINXdDYmLj2Sz9qDOcynFJkW1J0lccJknSrO4O1P/ise450shRC1uSZt40HNKABDALtIUySw4VSYn6uGq8IOs8yytScqjem4YpLPzeNtJBG1VsY4CywbEjYcM2kiMFK7FPb2a8N/U/SN4Cj1d9nKsmnzu2JF+RjjIb48iT0RwsKuFpgUHDhpGWuOKQvqqbV7iwg2SNYxFvhe7KxHNhbB2yUzvI5xnlLMMNoT1Prqa3l5BcQnKVTi4hjbK/S+EFc154/GQa1D/gOMJAwsGaADxPp4nE8qAND+089WVu2nE02jNHG+ycDS++0gYdm/TuZhenpPgN0bC7s9De2Y/ILTTVorXs/eV1rI2nq8mVcSj/quePLfYf1DzhaqfoQ5tCISXpkkN606xg/M7OeUQh0fbw21a7Uhzm2qEPVyXJNUqsORQKD9Z5slSWg0LTPYWEolIz8lg7DjlqjzYOqMifS2vmWrLcKGO3mW+ERe3bCV4xVwkZ0pKENQjJNl8Oa6E95Q8B55gijbspLvBij3yIzziJ28AWoia15kC6Qkv+7rQgd1+O65t2Pf+cO0/FuvvicHCNyJFl6JcYYg4QVLIOFmX015W8e1dvPOZVGKN2Pb4xca9DA2cfA3bgVhFy9hvpHNAJAwgAAA== */
|
|
4101
|
+
@keyframes accordion_slideDown__17vdyva3 {
|
|
4102
|
+
from {
|
|
4103
|
+
height: 0;
|
|
4104
|
+
}
|
|
4105
|
+
to {
|
|
4106
|
+
height: var(--radix-accordion-content-height);
|
|
4107
|
+
}
|
|
4108
|
+
}
|
|
4109
|
+
@keyframes accordion_slideUp__17vdyva4 {
|
|
4110
|
+
from {
|
|
4111
|
+
height: var(--radix-accordion-content-height);
|
|
4112
|
+
}
|
|
4113
|
+
to {
|
|
4114
|
+
height: 0;
|
|
4115
|
+
}
|
|
4116
|
+
}
|
|
4117
|
+
.accordion_accordion__17vdyva0 {
|
|
4118
|
+
border-radius: var(--radii-2__19nbe8d2gi);
|
|
4119
|
+
width: 300px;
|
|
4120
|
+
}
|
|
4121
|
+
.accordion_accordionItem__17vdyva1 {
|
|
4122
|
+
margin-top: 1px;
|
|
4123
|
+
overflow: hidden;
|
|
4124
|
+
}
|
|
4125
|
+
.accordion_accordionItem__17vdyva1:first-child {
|
|
4126
|
+
border-top-left-radius: var(--radii-1__19nbe8d2gh);
|
|
4127
|
+
border-top-right-radius: var(--radii-1__19nbe8d2gh);
|
|
4128
|
+
margin-top: 0;
|
|
4129
|
+
}
|
|
4130
|
+
.accordion_accordionItem__17vdyva1:last-child {
|
|
4131
|
+
border-bottom-left-radius: var(--radii-1__19nbe8d2gh);
|
|
4132
|
+
border-bottom-right-radius: var(--radii-1__19nbe8d2gh);
|
|
4133
|
+
}
|
|
4134
|
+
.accordion_accordionItem__17vdyva1:focus-within {
|
|
4135
|
+
position: relative;
|
|
4136
|
+
z-index: 1;
|
|
4137
|
+
}
|
|
4138
|
+
.accordion_chevron__17vdyva2 {
|
|
4139
|
+
transition: transform 300ms cubic-bezier(0.87, 0, 0.13, 1);
|
|
4140
|
+
}
|
|
4141
|
+
[data-state=open] .accordion_chevron__17vdyva2 {
|
|
4142
|
+
transform: rotate(180deg);
|
|
4143
|
+
}
|
|
4144
|
+
.accordion_accordionContent__17vdyva5 {
|
|
4145
|
+
font-size: var(--fontSizes-3__19nbe8db);
|
|
4146
|
+
overflow: hidden;
|
|
4147
|
+
}
|
|
4148
|
+
.accordion_accordionContent__17vdyva5[data-state=open] {
|
|
4149
|
+
animation: accordion_slideDown__17vdyva3 300ms cubic-bezier(0.87, 0, 0.13, 1);
|
|
4150
|
+
}
|
|
4151
|
+
.accordion_accordionContent__17vdyva5[data-state=closed] {
|
|
4152
|
+
animation: accordion_slideUp__17vdyva4 300ms cubic-bezier(0.87, 0, 0.13, 1);
|
|
4153
|
+
}
|
|
4154
|
+
.accordion_accordionContentText__17vdyva6 {
|
|
4155
|
+
padding: 15px 20px;
|
|
4156
|
+
}
|
|
4157
|
+
.accordion_accordionHeader__17vdyva7 {
|
|
4158
|
+
all: unset;
|
|
4159
|
+
display: flex;
|
|
4160
|
+
}
|
|
4161
|
+
.accordion_accordionTrigger__17vdyva8 {
|
|
4162
|
+
all: unset;
|
|
4163
|
+
align-items: center;
|
|
4164
|
+
background-color: transparent;
|
|
4165
|
+
box-shadow: 0 1px 0 var(--semanticColors-line__19nbe8d2fe);
|
|
4166
|
+
display: flex;
|
|
4167
|
+
flex: 1;
|
|
4168
|
+
font-family: inherit;
|
|
4169
|
+
font-size: var(--fontSizes-3__19nbe8db);
|
|
4170
|
+
height: 45px;
|
|
4171
|
+
justify-content: space-between;
|
|
4172
|
+
line-height: 1;
|
|
4173
|
+
padding: 0 20px;
|
|
4174
|
+
}
|
|
4175
|
+
.accordion_accordionTrigger__17vdyva8:hover {
|
|
4176
|
+
background-color: var(--semanticColors-transparentHover__19nbe8d2ff);
|
|
4177
|
+
}
|
|
4178
|
+
|
|
4100
4179
|
/* vanilla-extract-css-ns:src/theme/styles/avatar.css.ts.vanilla.css?source=LmF2YXRhcl9hdmF0YXJJbWFnZV9fbjljc3VjMCB7CiAgZGlzcGxheTogZmxleDsKICBvYmplY3QtZml0OiBjb3ZlcjsKICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogIGhlaWdodDogMTAwJTsKICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlOwogIHdpZHRoOiAxMDAlOwp9 */
|
|
4101
4180
|
.avatar_avatarImage__n9csuc0 {
|
|
4102
4181
|
display: flex;
|