@baton8/general-components 3.1.0-alpha.1 → 3.1.0-alpha.2
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/components/atoms/badge/badge.d.ts +1 -1
- package/dist/components/atoms/button/button.d.ts +1 -1
- package/dist/components/atoms/iconButton/iconButton.d.ts +1 -1
- package/dist/components/index.d.ts +1 -0
- package/dist/components/modules/card/cardButton.d.ts +1 -1
- package/dist/components/modules/dialog/dialogButton.d.ts +1 -1
- package/dist/components/modules/drawer/drawerButton.d.ts +1 -1
- package/dist/components/modules/popover/index.d.ts +1 -0
- package/dist/components/modules/popover/popover.d.ts +38 -0
- package/dist/index.js +43 -31
- package/dist/index.js.map +1 -1
- package/dist/stories/modules/popover/popover.stories.d.ts +33 -0
- package/package.json +1 -1
|
@@ -21,7 +21,7 @@ export declare const Badge: import("react").ForwardRefExoticComponent<import("..
|
|
|
21
21
|
* 見た目のバリアント。
|
|
22
22
|
* @defaultValue `"solid"`
|
|
23
23
|
*/
|
|
24
|
-
variant?: "
|
|
24
|
+
variant?: "outline" | "solid" | "light" | undefined;
|
|
25
25
|
/**
|
|
26
26
|
* サイズ。
|
|
27
27
|
* @defaultValue `"medium"`
|
|
@@ -46,7 +46,7 @@ export declare const Button: import("react").ForwardRefExoticComponent<import(".
|
|
|
46
46
|
* HTML と違ってデフォルト値が `"button"` になっているので、フォームの送信ボタンとして使う場合は明示的に `"submit"` を指定してください。
|
|
47
47
|
* @defaultValue `"button"`
|
|
48
48
|
*/
|
|
49
|
-
type?: "button" | "
|
|
49
|
+
type?: "button" | "reset" | "submit" | undefined;
|
|
50
50
|
/**
|
|
51
51
|
* 無効にするかどうか。
|
|
52
52
|
*/
|
|
@@ -38,7 +38,7 @@ export declare const IconButton: import("react").ForwardRefExoticComponent<impor
|
|
|
38
38
|
* HTML と違ってデフォルト値が `"button"` になっているので、フォームの送信ボタンとして使う場合は明示的に `"submit"` を指定してください。
|
|
39
39
|
* @defaultValue `"button"`
|
|
40
40
|
*/
|
|
41
|
-
type?: "button" | "
|
|
41
|
+
type?: "button" | "reset" | "submit" | undefined;
|
|
42
42
|
/**
|
|
43
43
|
* 無効にするかどうか。
|
|
44
44
|
*/
|
|
@@ -45,6 +45,7 @@ export * from "./modules/fractionView";
|
|
|
45
45
|
export * from "./modules/header";
|
|
46
46
|
export * from "./modules/menu";
|
|
47
47
|
export * from "./modules/pagination";
|
|
48
|
+
export * from "./modules/popover";
|
|
48
49
|
export * from "./modules/rankView";
|
|
49
50
|
export * from "./modules/stepper";
|
|
50
51
|
export * from "./modules/tabList";
|
|
@@ -26,7 +26,7 @@ export declare const CardButton: import("react").ForwardRefExoticComponent<impor
|
|
|
26
26
|
* `onClick` に文字列値が指定されていてリンクとして表示される際は、これは無視されます。
|
|
27
27
|
* @defaultValue `"button"`
|
|
28
28
|
*/
|
|
29
|
-
type?: "button" | "
|
|
29
|
+
type?: "button" | "reset" | "submit" | undefined;
|
|
30
30
|
/**
|
|
31
31
|
* ボタンを縦に伸ばすかどうか。
|
|
32
32
|
* 設定ボタン等は伸ばさない方が自然です。
|
|
@@ -15,7 +15,7 @@ export declare const DialogButton: import("react").ForwardRefExoticComponent<imp
|
|
|
15
15
|
variant?: "solid" | "light" | "underline" | "simple" | "unstyledUnderline" | "unstyledSimple" | undefined;
|
|
16
16
|
size?: "small" | "medium" | "large" | undefined;
|
|
17
17
|
isCompact?: boolean | undefined;
|
|
18
|
-
type?: "button" | "
|
|
18
|
+
type?: "button" | "reset" | "submit" | undefined;
|
|
19
19
|
isDisabled?: boolean | undefined;
|
|
20
20
|
isLoading?: boolean | undefined;
|
|
21
21
|
onClick?: ((event: import("react").MouseEvent<HTMLButtonElement, MouseEvent>) => unknown) | undefined;
|
|
@@ -15,7 +15,7 @@ export declare const DrawerButton: import("react").ForwardRefExoticComponent<imp
|
|
|
15
15
|
variant?: "solid" | "light" | "underline" | "simple" | "unstyledUnderline" | "unstyledSimple" | undefined;
|
|
16
16
|
size?: "small" | "medium" | "large" | undefined;
|
|
17
17
|
isCompact?: boolean | undefined;
|
|
18
|
-
type?: "button" | "
|
|
18
|
+
type?: "button" | "reset" | "submit" | undefined;
|
|
19
19
|
isDisabled?: boolean | undefined;
|
|
20
20
|
isLoading?: boolean | undefined;
|
|
21
21
|
onClick?: ((event: import("react").MouseEvent<HTMLButtonElement, MouseEvent>) => unknown) | undefined;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./popover";
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { Placement } from "@floating-ui/react";
|
|
2
|
+
import { FunctionComponent, ReactElement, ReactNode } from "react";
|
|
3
|
+
type PopoverProps = {
|
|
4
|
+
/**
|
|
5
|
+
* トリガーとなる要素。
|
|
6
|
+
* ここに要素を指定すると、そこにインタラクションがあったときにポップオーバーが表示されるようになります。
|
|
7
|
+
*/
|
|
8
|
+
trigger?: ReactElement;
|
|
9
|
+
/**
|
|
10
|
+
* トリガーの種類。
|
|
11
|
+
* @defaultValue `"click"`
|
|
12
|
+
*/
|
|
13
|
+
triggerType?: "click" | "focus" | "hover";
|
|
14
|
+
/**
|
|
15
|
+
* トリガーの持続時間 (ミリ秒単位)。
|
|
16
|
+
* @defaultValue `null`
|
|
17
|
+
*/
|
|
18
|
+
triggerRest?: number | null;
|
|
19
|
+
/**
|
|
20
|
+
* @defaultValue `false`
|
|
21
|
+
*/
|
|
22
|
+
isInline?: boolean;
|
|
23
|
+
/**
|
|
24
|
+
* ポップオーバーの位置。
|
|
25
|
+
* @defaultValue `"bottom-start"`
|
|
26
|
+
*/
|
|
27
|
+
placement?: Placement;
|
|
28
|
+
/** */
|
|
29
|
+
className?: string;
|
|
30
|
+
/** */
|
|
31
|
+
children?: ReactNode;
|
|
32
|
+
};
|
|
33
|
+
/**
|
|
34
|
+
* @group React コンポーネント
|
|
35
|
+
* @category React コンポーネント
|
|
36
|
+
*/
|
|
37
|
+
export declare const Popover: FunctionComponent<PopoverProps>;
|
|
38
|
+
export {};
|
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(()=>{var e={714:e=>{e.exports={"dialogCloseButton.close":"Close dialog","loadingIcon.label":"Loading","select.select":"Select","select.noOption":"No options","select.loading":"Loading","sortOrderSelect.ascending":"Asc","sortOrderSelect.descending":"Desc","bulkOperationButton.text":"Action","cardListEmpty.empty":"No data found","cardListLoading.loading":"Loading","pagination.label":"Pagination","pagination.first":"First","pagination.previous":"Previous","pagination.next":"Next","pagination.last":"Last","rankView.label":"{rank, selectordinal, one {#st} two {#nd} few {#rd} other {#th}} place","toast.rootLabel":"Notification","toast.viewportLabel":"Notifications (F8)","quizCardTitle.emptyQuestion":"No question","quizCardTitle.emptyAnswer":"No correct options","groupFootnote.noGroup":"Deleted group","privateFootnote.private":"Limited","privateFootnote.public":"Public","userFootnote.noUser":"Deleted user","imageView.noImage":"No image found","mediumView.unsupported":"Unsupported media"}},62:e=>{e.exports={"dialogCloseButton.close":"ダイアログを閉じる","loadingIcon.label":"読み込み中","select.select":"選択してください","select.noOption":"該当する項目がありません","select.loading":"読み込み中","sortOrderSelect.ascending":"昇順","sortOrderSelect.descending":"降順","bulkOperationButton.text":"一括操作","cardListEmpty.empty":"該当するデータがありません","cardListLoading.loading":"読み込み中","pagination.label":"ページネーション","pagination.first":"最初へ","pagination.previous":"前へ","pagination.next":"次へ","pagination.last":"最後へ","rankView.label":"{rank, number}位","toast.rootLabel":"お知らせ","toast.viewportLabel":"お知らせ (F8)","quizCardTitle.emptyQuestion":"問題文がありません","quizCardTitle.emptyAnswer":"正答選択肢がありません","groupFootnote.noGroup":"削除されたグループ","privateFootnote.private":"限定公開","privateFootnote.public":"全体公開","userFootnote.noUser":"退会したユーザー","imageView.noImage":"画像がありません","mediumView.unsupported":"サポートされていないメディアです"}}},r={};function o(t){var n=r[t];if(void 0!==n)return n.exports;var i=r[t]={exports:{}};return e[t](i,i.exports,o),i.exports}o.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return o.d(r,{a:r}),r},o.d=(e,r)=>{for(var t in r)o.o(r,t)&&!o.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},o.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var t={};(()=>{"use strict";o.r(t),o.d(t,{AlignedRadioGroup:()=>co,AsyncSelect:()=>de,AsyncSelectOption:()=>ue,Avatar:()=>ye,AvatarFallbackIcon:()=>ve,AvatarFallbackLetter:()=>we,Badge:()=>qe,BadgeIconContainer:()=>Ne,BarMeter:()=>De,BarMeterValue:()=>Fe,BarMeterValueIconContainer:()=>Ae,BarProgress:()=>Te,BulkOperationButton:()=>xt,BulkOperationContainer:()=>vt,Button:()=>Ge,ButtonIconContainer:()=>Qe,Card:()=>qt,CardBody:()=>St,CardButton:()=>zt,CardButtonList:()=>Et,CardButtonListColumn:()=>Mt,CardControlContainer:()=>Ft,CardGrip:()=>At,CardHeadnote:()=>Nt,CardList:()=>Yt,CardListAuto:()=>an,CardListBody:()=>_t,CardListBodyAuto:()=>ln,CardListEmpty:()=>Kt,CardListFooter:()=>Wt,CardListFooterAuto:()=>sn,CardListHeader:()=>Zt,CardListHeaderLeft:()=>en,CardListHeaderRight:()=>on,CardListLoading:()=>nn,CardTitle:()=>Tt,CheckableContainer:()=>Je,CheckableLabel:()=>Xe,Checkbox:()=>or,ContentHeader:()=>dn,ContentTitle:()=>pn,ControlContainer:()=>nr,ControlErrorMessage:()=>sr,ControlGroup:()=>fr,ControlHelper:()=>dr,ControlLabel:()=>pr,CountIndicator:()=>fn,Dialog:()=>hn,DialogBody:()=>On,DialogButton:()=>xn,DialogCloseButton:()=>wn,DialogFooter:()=>qn,DialogHeader:()=>Nn,DialogTitle:()=>Sn,Divider:()=>yr,Drawer:()=>En,DrawerBody:()=>Mn,DrawerButton:()=>Rn,DrawerCaption:()=>Fn,DrawerHeader:()=>An,DrawerHeaderLeft:()=>Tn,DrawerHeaderRight:()=>Yn,DrawerTitle:()=>_n,FileInput:()=>vr,Footnote:()=>Wn,FootnoteIconContainer:()=>Zn,FootnoteList:()=>ei,FootnoteListRow:()=>oi,FractionView:()=>ai,FractionViewDenominator:()=>si,FractionViewNumerator:()=>di,GeneralIcon:()=>gr,Header:()=>pi,HeaderLeft:()=>fi,HeaderMenu:()=>yi,HeaderMenuItem:()=>hi,HeaderMenuItemIconContainer:()=>Oi,Heading:()=>jr,Icon:()=>$r,IconButton:()=>kr,Input:()=>Ir,InputLeftAddon:()=>Pr,InputRightAddon:()=>Cr,LEVELED_COLOR_SCHEMES:()=>u,Link:()=>Lr,LinkIconContainer:()=>Br,LoadingIcon:()=>Hr,Menu:()=>Pi,MenuDivider:()=>Ei,MenuItem:()=>qi,MenuItemIconContainer:()=>zi,Modal:()=>_r,MultiLineText:()=>ar,NumberInput:()=>Wr,NumberInputLeftAddon:()=>Kr,PageSizeSelect:()=>Xo,PageSizeSelectAuto:()=>tt,Pagination:()=>Mi,PaginationAuto:()=>Ri,PasswordInput:()=>oo,PasswordInputLeftAddon:()=>Zr,PasswordInputRightAddon:()=>eo,Radio:()=>ao,RadioGroup:()=>lo,RankView:()=>
|
|
1
|
+
(()=>{var e={714:e=>{e.exports={"dialogCloseButton.close":"Close dialog","loadingIcon.label":"Loading","select.select":"Select","select.noOption":"No options","select.loading":"Loading","sortOrderSelect.ascending":"Asc","sortOrderSelect.descending":"Desc","bulkOperationButton.text":"Action","cardListEmpty.empty":"No data found","cardListLoading.loading":"Loading","pagination.label":"Pagination","pagination.first":"First","pagination.previous":"Previous","pagination.next":"Next","pagination.last":"Last","rankView.label":"{rank, selectordinal, one {#st} two {#nd} few {#rd} other {#th}} place","toast.rootLabel":"Notification","toast.viewportLabel":"Notifications (F8)","quizCardTitle.emptyQuestion":"No question","quizCardTitle.emptyAnswer":"No correct options","groupFootnote.noGroup":"Deleted group","privateFootnote.private":"Limited","privateFootnote.public":"Public","userFootnote.noUser":"Deleted user","imageView.noImage":"No image found","mediumView.unsupported":"Unsupported media"}},62:e=>{e.exports={"dialogCloseButton.close":"ダイアログを閉じる","loadingIcon.label":"読み込み中","select.select":"選択してください","select.noOption":"該当する項目がありません","select.loading":"読み込み中","sortOrderSelect.ascending":"昇順","sortOrderSelect.descending":"降順","bulkOperationButton.text":"一括操作","cardListEmpty.empty":"該当するデータがありません","cardListLoading.loading":"読み込み中","pagination.label":"ページネーション","pagination.first":"最初へ","pagination.previous":"前へ","pagination.next":"次へ","pagination.last":"最後へ","rankView.label":"{rank, number}位","toast.rootLabel":"お知らせ","toast.viewportLabel":"お知らせ (F8)","quizCardTitle.emptyQuestion":"問題文がありません","quizCardTitle.emptyAnswer":"正答選択肢がありません","groupFootnote.noGroup":"削除されたグループ","privateFootnote.private":"限定公開","privateFootnote.public":"全体公開","userFootnote.noUser":"退会したユーザー","imageView.noImage":"画像がありません","mediumView.unsupported":"サポートされていないメディアです"}}},r={};function o(t){var n=r[t];if(void 0!==n)return n.exports;var i=r[t]={exports:{}};return e[t](i,i.exports,o),i.exports}o.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return o.d(r,{a:r}),r},o.d=(e,r)=>{for(var t in r)o.o(r,t)&&!o.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},o.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var t={};(()=>{"use strict";o.r(t),o.d(t,{AlignedRadioGroup:()=>co,AsyncSelect:()=>de,AsyncSelectOption:()=>ue,Avatar:()=>ye,AvatarFallbackIcon:()=>ve,AvatarFallbackLetter:()=>we,Badge:()=>qe,BadgeIconContainer:()=>Ne,BarMeter:()=>De,BarMeterValue:()=>Fe,BarMeterValueIconContainer:()=>Ae,BarProgress:()=>Te,BulkOperationButton:()=>xt,BulkOperationContainer:()=>vt,Button:()=>Ge,ButtonIconContainer:()=>Qe,Card:()=>qt,CardBody:()=>St,CardButton:()=>zt,CardButtonList:()=>Et,CardButtonListColumn:()=>Mt,CardControlContainer:()=>Ft,CardGrip:()=>At,CardHeadnote:()=>Nt,CardList:()=>Yt,CardListAuto:()=>an,CardListBody:()=>_t,CardListBodyAuto:()=>ln,CardListEmpty:()=>Kt,CardListFooter:()=>Wt,CardListFooterAuto:()=>sn,CardListHeader:()=>Zt,CardListHeaderLeft:()=>en,CardListHeaderRight:()=>on,CardListLoading:()=>nn,CardTitle:()=>Tt,CheckableContainer:()=>Je,CheckableLabel:()=>Xe,Checkbox:()=>or,ContentHeader:()=>dn,ContentTitle:()=>pn,ControlContainer:()=>nr,ControlErrorMessage:()=>sr,ControlGroup:()=>fr,ControlHelper:()=>dr,ControlLabel:()=>pr,CountIndicator:()=>fn,Dialog:()=>hn,DialogBody:()=>On,DialogButton:()=>xn,DialogCloseButton:()=>wn,DialogFooter:()=>qn,DialogHeader:()=>Nn,DialogTitle:()=>Sn,Divider:()=>yr,Drawer:()=>En,DrawerBody:()=>Mn,DrawerButton:()=>Rn,DrawerCaption:()=>Fn,DrawerHeader:()=>An,DrawerHeaderLeft:()=>Tn,DrawerHeaderRight:()=>Yn,DrawerTitle:()=>_n,FileInput:()=>vr,Footnote:()=>Wn,FootnoteIconContainer:()=>Zn,FootnoteList:()=>ei,FootnoteListRow:()=>oi,FractionView:()=>ai,FractionViewDenominator:()=>si,FractionViewNumerator:()=>di,GeneralIcon:()=>gr,Header:()=>pi,HeaderLeft:()=>fi,HeaderMenu:()=>yi,HeaderMenuItem:()=>hi,HeaderMenuItemIconContainer:()=>Oi,Heading:()=>jr,Icon:()=>$r,IconButton:()=>kr,Input:()=>Ir,InputLeftAddon:()=>Pr,InputRightAddon:()=>Cr,LEVELED_COLOR_SCHEMES:()=>u,Link:()=>Lr,LinkIconContainer:()=>Br,LoadingIcon:()=>Hr,Menu:()=>Pi,MenuDivider:()=>Ei,MenuItem:()=>qi,MenuItemIconContainer:()=>zi,Modal:()=>_r,MultiLineText:()=>ar,NumberInput:()=>Wr,NumberInputLeftAddon:()=>Kr,PageSizeSelect:()=>Xo,PageSizeSelectAuto:()=>tt,Pagination:()=>Mi,PaginationAuto:()=>Ri,PasswordInput:()=>oo,PasswordInputLeftAddon:()=>Zr,PasswordInputRightAddon:()=>eo,Popover:()=>Fi,Radio:()=>ao,RadioGroup:()=>lo,RankView:()=>Ai,Root:()=>Yo,SecondaryHeading:()=>_o,Select:()=>Ko,SelectOption:()=>Wo,SelectOptionIconContainer:()=>Zo,SimpleToast:()=>va,SingleLineText:()=>Re,SortOrderSelect:()=>nt,Stepper:()=>Qi,StepperBody:()=>Zi,StepperItem:()=>Gi,StepperNumber:()=>ea,StepperTitle:()=>oa,Switch:()=>lt,Tab:()=>aa,TabIconContainer:()=>sa,TabList:()=>na,Tag:()=>ct,TagIconContainer:()=>bt,TagList:()=>ut,Textarea:()=>mt,Toast:()=>pa,ToastBody:()=>fa,ToastMessage:()=>ya,ToastSupplement:()=>ha,UNLEVELED_COLOR_SCHEMES:()=>f,VisuallyHidden:()=>gt,alpha:()=>j,borderWidth:()=>q,boxShadow:()=>k,color:()=>x,createColorDefinition:()=>m,createTrans:()=>Bo,dimension:()=>wa,fixedLineHeight:()=>C,flexHorizontal:()=>xa,flexVertical:()=>Oa,fontFamily:()=>v,fontWeight:()=>O,intlSubject:()=>Io,lineHeight:()=>S,localeSubject:()=>Eo,margin:()=>ja,mergeLocalizationMessages:()=>$o,resolveResponsiveValue:()=>ko,size:()=>$,toResponsiveValue:()=>qo,useBehaviorSubject:()=>Co,useDialog:()=>qa,useIntl:()=>Do,useLocale:()=>Mo,useRadioGroup:()=>ka,useResponsiveValue:()=>Po,useSetLocale:()=>Ro,useSmartphone:()=>No,useSubject:()=>So,useToast:()=>Na,useTrans:()=>Lo,useTranslation:()=>Fo,whenDesktop:()=>P,whenSmartphone:()=>N});const e=require("@emotion/react/jsx-runtime"),r=require("react"),n=require("react-select/async");var i=o.n(n);const a=require("@emotion/react"),l=require("@fortawesome/react-fontawesome"),s=require("@fortawesome/sharp-regular-svg-icons"),c=require("react-select");var d=o.n(c);const b=require("color");var p=o.n(b);const u=["primary","secondary","blue","red","green","pink","yellow","purple","orange","gray","gold","silver","bronze"],f=["white","black","whiteText","blackText","background","deepBackground"],m=(e,r)=>{const o=p()(e),t=p()("black"),n=p()("white");return{9:o.saturate(4*r.dark.saturation/4).mix(t,4*r.dark.mix/4).hex(),8:o.saturate(3*r.dark.saturation/4).mix(t,3*r.dark.mix/4).hex(),7:o.saturate(2*r.dark.saturation/4).mix(t,2*r.dark.mix/4).hex(),6:o.saturate(1*r.dark.saturation/4).mix(t,1*r.dark.mix/4).hex(),5:o.hex(),4:o.saturate(1*r.light.saturation/5).mix(n,1*r.light.mix/5).hex(),3:o.saturate(2*r.light.saturation/5).mix(n,2*r.light.mix/5).hex(),2:o.saturate(3*r.light.saturation/5).mix(n,3*r.light.mix/5).hex(),1:o.saturate(4*r.light.saturation/5).mix(n,4*r.light.mix/5).hex(),0:o.saturate(5*r.light.saturation/5).mix(n,5*r.light.mix/5).hex()}},y={primary:m("hsl(203, 100%, 38%)",{dark:{mix:.55,saturation:-.3},light:{mix:.96,saturation:.3}}),secondary:m("hsl(2, 77%, 64%)",{dark:{mix:.55,saturation:-.3},light:{mix:.96,saturation:.3}}),blue:m("hsl(230, 70%, 55%)",{dark:{mix:.55,saturation:-.3},light:{mix:.96,saturation:.3}}),red:m("hsl(0, 65%, 60%)",{dark:{mix:.55,saturation:-.3},light:{mix:.95,saturation:.3}}),green:m("hsl(110, 45%, 45%)",{dark:{mix:.55,saturation:-.3},light:{mix:.95,saturation:.3}}),pink:m("hsl(340, 60%, 60%)",{dark:{mix:.55,saturation:-.3},light:{mix:.96,saturation:.2}}),yellow:m("hsl(60, 65%, 50%)",{dark:{mix:.55,saturation:-.3},light:{mix:.93,saturation:.1}}),purple:m("hsl(260, 55%, 57%)",{dark:{mix:.55,saturation:-.3},light:{mix:.95,saturation:.3}}),orange:m("hsl(30, 75%, 55%)",{dark:{mix:.55,saturation:-.3},light:{mix:.95,saturation:.2}}),gray:m("hsl(203, 20%, 65%)",{dark:{mix:.55,saturation:-.3},light:{mix:.93,saturation:.3}}),gold:m("hsl(50, 80%, 43%)",{dark:{mix:.55,saturation:-.3},light:{mix:.95,saturation:.3}}),silver:m("hsl(240, 15%, 65%)",{dark:{mix:.55,saturation:-.3},light:{mix:.93,saturation:.3}}),bronze:m("hsl(20, 50%, 50%)",{dark:{mix:.55,saturation:-.3},light:{mix:.96,saturation:.3}}),white:p()("hsl(203, 0%, 100%)").hex(),black:p()("hsl(203, 33%, 10%)").hex(),whiteText:p()("hsl(203, 0%, 87%)").hex(),blackText:p()("hsl(203, 0%, 27%)").hex(),background:p()("hsl(203, 20%, 98%)").hex(),deepBackground:p()("hsl(203, 20%, 96%)").hex()},g=(e,r)=>null!=r?`var(--qlib-cs-${e}-${r})`:`var(--qlib-cs-${e})`,h=e=>{const r=[],o=Object.assign(Object.assign({},y),e);for(const[e,t]of Object.entries(o))if("string"==typeof t)r.push(`--qlib-cs-${e}: ${p()(t).rgb().array().join(", ")};`);else for(const[o,n]of Object.entries(t))r.push(`--qlib-cs-${e}-${o}: ${p()(n).rgb().array().join(", ")};`);return a.css`
|
|
2
2
|
:root {
|
|
3
3
|
${r.join("\n")}
|
|
4
4
|
}
|
|
@@ -2238,7 +2238,19 @@
|
|
|
2238
2238
|
flex-shrink: 1;
|
|
2239
2239
|
`,small:a.css`
|
|
2240
2240
|
font-size: 80%;
|
|
2241
|
-
`},Mi=(0,r.forwardRef)(((o,t)=>{var{page:n,pageCount:i,setPage:a,className:l}=o,s=function(e,r){var o={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(o[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(t=Object.getOwnPropertySymbols(e);n<t.length;n++)r.indexOf(t[n])<0&&Object.prototype.propertyIsEnumerable.call(e,t[n])&&(o[t[n]]=e[t[n]])}return o}(o,["page","pageCount","setPage","className"]);const{trans:c,transNumber:d}=D("pagination"),b=i>=2&&n>0,p=n<i-1,u=(0,r.useCallback)((()=>{null==a||a(0)}),[a]),f=(0,r.useCallback)((()=>{null==a||a(i-1)}),[a,i]),m=(0,r.useCallback)((()=>{null==a||a((e=>Math.max(e-1,0)))}),[a]),y=(0,r.useCallback)((()=>{null==a||a((e=>Math.min(e+1,i-1)))}),[a,i]);return(0,e.jsxs)("nav",Object.assign({css:Di.root,className:l,ref:t,"aria-label":c("label")},s,{children:[(0,e.jsxs)("div",{css:Di.button,children:[(0,e.jsx)(kr,{scheme:"gray",variant:"light",label:c("first"),isDisabled:!b,onClick:u,children:(0,e.jsx)($r,{name:"first"})}),(0,e.jsx)(kr,{scheme:"gray",variant:"light",label:c("previous"),isDisabled:!b,onClick:m,children:(0,e.jsx)($r,{name:"previous"})})]}),(0,e.jsx)("div",{css:Di.center,children:(0,e.jsxs)(ai,{orientation:"horizontal",children:[(0,e.jsx)(di,{children:d(n+1)}),(0,e.jsx)(si,{children:d(i)})]})}),(0,e.jsxs)("div",{css:Di.button,children:[(0,e.jsx)(kr,{scheme:"gray",variant:"light",label:c("next"),isDisabled:!p,onClick:y,children:(0,e.jsx)($r,{name:"next"})}),(0,e.jsx)(kr,{scheme:"gray",variant:"light",label:c("last"),isDisabled:!p,onClick:f,children:(0,e.jsx)($r,{name:"last"})})]})]}))}));Mi.displayName="Pagination";const Ri=(0,r.forwardRef)(((o,t)=>{var{className:n}=o,i=function(e,r){var o={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(o[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(t=Object.getOwnPropertySymbols(e);n<t.length;n++)r.indexOf(t[n])<0&&Object.prototype.propertyIsEnumerable.call(e,t[n])&&(o[t[n]]=e[t[n]])}return o}(o,["className"]);const{resolvedPageProps:{isLoading:a,isEmpty:l,page:s,pageCount:c,setPage:d}}=(0,r.useContext)(et);return a||l?null:(0,e.jsx)(Mi,Object.assign({className:n,page:s,pageCount:c,setPage:d,ref:t},i))}));Ri.displayName="PaginationAuto";const Li={
|
|
2241
|
+
`},Mi=(0,r.forwardRef)(((o,t)=>{var{page:n,pageCount:i,setPage:a,className:l}=o,s=function(e,r){var o={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(o[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(t=Object.getOwnPropertySymbols(e);n<t.length;n++)r.indexOf(t[n])<0&&Object.prototype.propertyIsEnumerable.call(e,t[n])&&(o[t[n]]=e[t[n]])}return o}(o,["page","pageCount","setPage","className"]);const{trans:c,transNumber:d}=D("pagination"),b=i>=2&&n>0,p=n<i-1,u=(0,r.useCallback)((()=>{null==a||a(0)}),[a]),f=(0,r.useCallback)((()=>{null==a||a(i-1)}),[a,i]),m=(0,r.useCallback)((()=>{null==a||a((e=>Math.max(e-1,0)))}),[a]),y=(0,r.useCallback)((()=>{null==a||a((e=>Math.min(e+1,i-1)))}),[a,i]);return(0,e.jsxs)("nav",Object.assign({css:Di.root,className:l,ref:t,"aria-label":c("label")},s,{children:[(0,e.jsxs)("div",{css:Di.button,children:[(0,e.jsx)(kr,{scheme:"gray",variant:"light",label:c("first"),isDisabled:!b,onClick:u,children:(0,e.jsx)($r,{name:"first"})}),(0,e.jsx)(kr,{scheme:"gray",variant:"light",label:c("previous"),isDisabled:!b,onClick:m,children:(0,e.jsx)($r,{name:"previous"})})]}),(0,e.jsx)("div",{css:Di.center,children:(0,e.jsxs)(ai,{orientation:"horizontal",children:[(0,e.jsx)(di,{children:d(n+1)}),(0,e.jsx)(si,{children:d(i)})]})}),(0,e.jsxs)("div",{css:Di.button,children:[(0,e.jsx)(kr,{scheme:"gray",variant:"light",label:c("next"),isDisabled:!p,onClick:y,children:(0,e.jsx)($r,{name:"next"})}),(0,e.jsx)(kr,{scheme:"gray",variant:"light",label:c("last"),isDisabled:!p,onClick:f,children:(0,e.jsx)($r,{name:"last"})})]})]}))}));Mi.displayName="Pagination";const Ri=(0,r.forwardRef)(((o,t)=>{var{className:n}=o,i=function(e,r){var o={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(o[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(t=Object.getOwnPropertySymbols(e);n<t.length;n++)r.indexOf(t[n])<0&&Object.prototype.propertyIsEnumerable.call(e,t[n])&&(o[t[n]]=e[t[n]])}return o}(o,["className"]);const{resolvedPageProps:{isLoading:a,isEmpty:l,page:s,pageCount:c,setPage:d}}=(0,r.useContext)(et);return a||l?null:(0,e.jsx)(Mi,Object.assign({className:n,page:s,pageCount:c,setPage:d,ref:t},i))}));Ri.displayName="PaginationAuto";const Li={pane:a.css`
|
|
2242
|
+
padding: ${$(2)};
|
|
2243
|
+
border-radius: ${$(1)};
|
|
2244
|
+
background-color: ${x("white")};
|
|
2245
|
+
border: solid ${q(1)} ${x("gray",1)};
|
|
2246
|
+
box-shadow: ${k(j(x("gray",5),.2),1)};
|
|
2247
|
+
transition: opacity 0.2s ease;
|
|
2248
|
+
opacity: 0;
|
|
2249
|
+
z-index: 2000;
|
|
2250
|
+
&[data-qlib-status="open"] {
|
|
2251
|
+
opacity: 1;
|
|
2252
|
+
}
|
|
2253
|
+
`},Fi=({trigger:o,triggerType:t="click",triggerRest:n=null,isInline:i=!1,placement:a="bottom-start",className:l,children:s})=>{const[c,d]=(0,r.useState)(!1),{refs:b,floatingStyles:p,context:u}=(0,er.useFloating)({open:c,onOpenChange:d,placement:a,whileElementsMounted:er.autoUpdate,middleware:[(0,er.offset)(2),(0,er.flip)(),i&&(0,er.inline)()]}),{isMounted:f,status:m}=(0,er.useTransitionStatus)(u,{duration:200}),y=(0,er.useClick)(u,{enabled:"click"===t}),g=(0,er.useFocus)(u,{enabled:"focus"===t}),h=(0,er.useHover)(u,{enabled:"hover"===t,restMs:null!=n?n:0,handleClose:(0,er.safePolygon)()}),v=(0,er.useDismiss)(u),O=(0,er.useRole)(u,{role:"tooltip"}),{getReferenceProps:x,getFloatingProps:j}=(0,er.useInteractions)([y,g,h,v,O]);return(0,e.jsxs)(e.Fragment,{children:[null!=o&&(0,r.cloneElement)(o,Object.assign({ref:b.setReference},x())),f&&(0,e.jsx)(er.FloatingPortal,{children:(0,e.jsx)("div",Object.assign({css:Li.pane,className:l,style:p,ref:b.setFloating,"data-qlib-status":m},j(),{children:s}))})]})};const Bi={root:a.css`
|
|
2242
2254
|
inline-size: ${1.6}em;
|
|
2243
2255
|
block-size: ${1.6}em;
|
|
2244
2256
|
vertical-align: -0.27em;
|
|
@@ -2295,26 +2307,26 @@
|
|
|
2295
2307
|
stroke: ${x(e,5)};
|
|
2296
2308
|
}
|
|
2297
2309
|
}
|
|
2298
|
-
`},
|
|
2310
|
+
`},Ai=(0,r.forwardRef)(((r,o)=>{var{rank:t,scheme:n="primary",useMedalColors:i=!0,className:a}=r,l=function(e,r){var o={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(o[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(t=Object.getOwnPropertySymbols(e);n<t.length;n++)r.indexOf(t[n])<0&&Object.prototype.propertyIsEnumerable.call(e,t[n])&&(o[t[n]]=e[t[n]])}return o}(r,["rank","scheme","useMedalColors","className"]);const{trans:s,transNumber:c}=D("rankView"),d=i?t<=1?"gold":t<=2?"silver":t<=3?"bronze":"normal":"normal";return(0,e.jsx)("span",Object.assign({css:Bi.root,className:a,ref:o},l,{children:(0,e.jsxs)("svg",{css:Bi.icon(n),viewBox:"0 0 576 512","aria-label":s("label",{rank:t}),"data-qlib-type":d,children:[(0,e.jsx)("path",{d:"M309 106c11.4-7 19-19.7 19-34c0-22.1-17.9-40-40-40s-40 17.9-40 40c0 14.4 7.6 27 19 34L209.7 220.6c-9.1 18.2-32.7 23.4-48.6 10.7L72 160c5-6.7 8-15 8-24c0-22.1-17.9-40-40-40S0 113.9 0 136s17.9 40 40 40c.2 0 .5 0 .7 0L86.4 427.4c5.5 30.4 32 52.6 63 52.6H426.6c30.9 0 57.4-22.1 63-52.6L535.3 176c.2 0 .5 0 .7 0c22.1 0 40-17.9 40-40s-17.9-40-40-40s-40 17.9-40 40c0 9 3 17.3 8 24l-89.1 71.3c-15.9 12.7-39.5 7.5-48.6-10.7L309 106z"}),(0,e.jsx)("text",{x:"50%",y:"62%",fontSize:"320",textAnchor:"middle",dominantBaseline:"central","aria-hidden":!0,children:c(t)}),(0,e.jsx)("text",{x:"50%",y:"62%",fontSize:"320",textAnchor:"middle",dominantBaseline:"central","aria-hidden":!0,children:c(t)})]})}))}));Ai.displayName="RankView";const Hi=(0,r.createContext)({activeIndex:-1,count:0}),Ti=Hi.Provider,Vi=(0,r.createContext)({index:0}),Yi=Vi.Provider;var Ui=function(e,r){var o={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(o[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(t=Object.getOwnPropertySymbols(e);n<t.length;n++)r.indexOf(t[n])<0&&Object.prototype.propertyIsEnumerable.call(e,t[n])&&(o[t[n]]=e[t[n]])}return o};const _i=e=>a.css`
|
|
2299
2311
|
--qlib-highlight-color: ${x(e,5)};
|
|
2300
2312
|
column-gap: ${$(2)};
|
|
2301
2313
|
display: flex;
|
|
2302
2314
|
flex-direction: column;
|
|
2303
2315
|
flex-grow: 0;
|
|
2304
2316
|
flex-shrink: 0;
|
|
2305
|
-
`,
|
|
2317
|
+
`,Gi=(0,r.forwardRef)(((o,t)=>{var{scheme:n="primary",children:i,className:a}=o;const l=Ui(o,["scheme","children","className"]),{index:s}=l,c=Ui(l,["index"]),d=(0,r.useMemo)((()=>({index:s})),[s]);return(0,e.jsx)("li",Object.assign({css:_i(n),className:a,ref:t},c,{children:(0,e.jsx)(Yi,{value:d,children:i})}))}));Gi.displayName="StepperItem";const Ki={root:a.css`
|
|
2306
2318
|
column-gap: ${$(4)};
|
|
2307
2319
|
row-gap: ${$(4)};
|
|
2308
2320
|
display: flex;
|
|
2309
2321
|
flex-direction: row;
|
|
2310
2322
|
flex-wrap: wrap;
|
|
2311
|
-
`},
|
|
2323
|
+
`},Qi=(0,r.forwardRef)(((o,t)=>{var n,{activeIndex:i=-1,children:a,className:l}=o,s=function(e,r){var o={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(o[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(t=Object.getOwnPropertySymbols(e);n<t.length;n++)r.indexOf(t[n])<0&&Object.prototype.propertyIsEnumerable.call(e,t[n])&&(o[t[n]]=e[t[n]])}return o}(o,["activeIndex","children","className"]);const c=Wi(a),d=null!==(n=null==c?void 0:c.length)&&void 0!==n?n:0,b=(0,r.useMemo)((()=>({activeIndex:i,count:d})),[i,d]);return(0,e.jsx)("ol",Object.assign({css:Ki.root,className:l,ref:t},s,{children:(0,e.jsx)(Ti,{value:b,children:c})}))})),Wi=e=>{let o=-1;return r.Children.map(e,(e=>(0,Pe.isElement)(e)?e.type===Gi?(o++,(0,r.cloneElement)(e,{index:o})):e:void 0))};Qi.displayName="Stepper";const Ji={root:a.css`
|
|
2312
2324
|
margin-block-start: ${$(2)};
|
|
2313
2325
|
display: flex;
|
|
2314
2326
|
flex-direction: column;
|
|
2315
2327
|
flex-grow: 1;
|
|
2316
2328
|
flex-shrink: 1;
|
|
2317
|
-
`},
|
|
2329
|
+
`},Zi=(0,r.forwardRef)(((r,o)=>{var{children:t,className:n}=r,i=function(e,r){var o={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(o[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(t=Object.getOwnPropertySymbols(e);n<t.length;n++)r.indexOf(t[n])<0&&Object.prototype.propertyIsEnumerable.call(e,t[n])&&(o[t[n]]=e[t[n]])}return o}(r,["children","className"]);return(0,e.jsx)("div",Object.assign({css:Ji.root,className:n,ref:o},i,{children:t}))}));Zi.displayName="StepperBody";const Xi={root:a.css`
|
|
2318
2330
|
column-gap: ${$(1)};
|
|
2319
2331
|
display: flex;
|
|
2320
2332
|
flex-direction: row;
|
|
@@ -2362,17 +2374,17 @@
|
|
|
2362
2374
|
&[data-highlight="true"] {
|
|
2363
2375
|
background-color: var(--qlib-highlight-color);
|
|
2364
2376
|
}
|
|
2365
|
-
`},
|
|
2377
|
+
`},ea=(0,r.forwardRef)(((o,t)=>{var{children:n,className:i}=o,a=function(e,r){var o={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(o[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(t=Object.getOwnPropertySymbols(e);n<t.length;n++)r.indexOf(t[n])<0&&Object.prototype.propertyIsEnumerable.call(e,t[n])&&(o[t[n]]=e[t[n]])}return o}(o,["children","className"]);const{transNumber:c}=Fo("stepper"),{index:d}=(0,r.useContext)(Vi),{activeIndex:b,count:p}=(0,r.useContext)(Hi),u=d<b?"completed":d===b?"active":"upcoming";return(0,e.jsxs)("div",Object.assign({css:Xi.root,className:i,ref:t},a,{children:[(0,e.jsx)("div",{css:Xi.number,"data-status":u,children:d<b?(0,e.jsx)(l.FontAwesomeIcon,{icon:s.faCheck}):null!=n?n:c(d+1)}),(0,e.jsx)("div",{css:Xi.border,"aria-hidden":!0,"data-visible":d<p-1,"data-highlight":d+1<=b})]}))}));ea.displayName="StepperNumber";const ra={root:a.css`
|
|
2366
2378
|
font-size: ${$(4)};
|
|
2367
2379
|
font-weight: ${O("bold")};
|
|
2368
|
-
`},
|
|
2380
|
+
`},oa=(0,r.forwardRef)(((r,o)=>{var{as:t,children:n,className:i}=r,a=function(e,r){var o={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(o[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(t=Object.getOwnPropertySymbols(e);n<t.length;n++)r.indexOf(t[n])<0&&Object.prototype.propertyIsEnumerable.call(e,t[n])&&(o[t[n]]=e[t[n]])}return o}(r,["as","children","className"]);return(0,e.jsx)(ar,Object.assign({css:ra.root,className:i,as:t,lineHeight:"normal",ref:o},a,{children:n}))}));oa.displayName="StepperTitle";const ta={root:a.css`
|
|
2369
2381
|
inline-size: 100%;
|
|
2370
2382
|
margin-block-end: ${q(-1)};
|
|
2371
2383
|
column-gap: ${$(6)};
|
|
2372
2384
|
border-block-end: solid ${q(1)} ${x("gray",1)};
|
|
2373
2385
|
display: flex;
|
|
2374
2386
|
align-items: flex-end;
|
|
2375
|
-
`},
|
|
2387
|
+
`},na=(0,r.forwardRef)(((r,o)=>{var{children:t,className:n}=r,i=function(e,r){var o={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(o[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(t=Object.getOwnPropertySymbols(e);n<t.length;n++)r.indexOf(t[n])<0&&Object.prototype.propertyIsEnumerable.call(e,t[n])&&(o[t[n]]=e[t[n]])}return o}(r,["children","className"]);return(0,e.jsx)("div",Object.assign({css:ta.root,className:n,ref:o},i,{children:t}))}));na.displayName="TabList";const ia=e=>a.css`
|
|
2376
2388
|
padding-block-end: calc(${$(3)} + ${q(4)});
|
|
2377
2389
|
padding-inline: ${$(0)};
|
|
2378
2390
|
color: ${x("gray",5)};
|
|
@@ -2405,12 +2417,12 @@
|
|
|
2405
2417
|
&[data-qlib-disabled="true"] {
|
|
2406
2418
|
opacity: 0.5;
|
|
2407
2419
|
}
|
|
2408
|
-
`,
|
|
2420
|
+
`,aa=(0,r.forwardRef)(((r,o)=>{var{scheme:t="primary",isDisabled:n=!1,isActive:i=!1,href:a,onClick:l,children:s,className:c}=r,d=function(e,r){var o={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(o[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(t=Object.getOwnPropertySymbols(e);n<t.length;n++)r.indexOf(t[n])<0&&Object.prototype.propertyIsEnumerable.call(e,t[n])&&(o[t[n]]=e[t[n]])}return o}(r,["scheme","isDisabled","isActive","href","onClick","children","className"]);return null!=a?(0,e.jsx)("a",Object.assign({css:ia(t),className:c,ref:o,href:n?void 0:a,role:n?"link":void 0,onClick:l,"data-qlib-disabled":n,"data-qlib-active":i,"aria-disabled":n},d,{children:s})):(0,e.jsx)("button",Object.assign({css:ia(t),className:c,ref:o,disabled:n,onClick:l,"data-qlib-disabled":n,"data-qlib-active":i},d,{children:s}))}));aa.displayName="Tab";const la={root:a.css`
|
|
2409
2421
|
margin-inline-end: ${$("gap")};
|
|
2410
2422
|
display: inline;
|
|
2411
2423
|
flex-grow: 0;
|
|
2412
2424
|
flex-shrink: 0;
|
|
2413
|
-
`},
|
|
2425
|
+
`},sa=(0,r.forwardRef)(((r,o)=>{var{children:t,className:n}=r,i=function(e,r){var o={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(o[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(t=Object.getOwnPropertySymbols(e);n<t.length;n++)r.indexOf(t[n])<0&&Object.prototype.propertyIsEnumerable.call(e,t[n])&&(o[t[n]]=e[t[n]])}return o}(r,["children","className"]);return(0,e.jsx)("span",Object.assign({css:la.root,className:n,ref:o},i,{children:t}))}));sa.displayName="HeaderMenuItemIconContainer";const ca=a.keyframes`
|
|
2414
2426
|
from {
|
|
2415
2427
|
opacity: 0;
|
|
2416
2428
|
transform: translate(${$(0)}, ${$(2)});
|
|
@@ -2419,7 +2431,7 @@
|
|
|
2419
2431
|
opacity: 1;
|
|
2420
2432
|
transform: translate(${$(0)}, ${$(0)});
|
|
2421
2433
|
}
|
|
2422
|
-
`,
|
|
2434
|
+
`,da=a.keyframes`
|
|
2423
2435
|
to {
|
|
2424
2436
|
opacity: 0;
|
|
2425
2437
|
transform: translate(${$(0)}, ${$(2)});
|
|
@@ -2428,7 +2440,7 @@
|
|
|
2428
2440
|
opacity: 1;
|
|
2429
2441
|
transform: translate(${$(0)}, ${$(0)});
|
|
2430
2442
|
}
|
|
2431
|
-
`,
|
|
2443
|
+
`,ba={root:e=>a.css`
|
|
2432
2444
|
inline-size: 100%;
|
|
2433
2445
|
border-radius: ${$(1)};
|
|
2434
2446
|
background-color: ${x("white")};
|
|
@@ -2449,10 +2461,10 @@
|
|
|
2449
2461
|
content: "";
|
|
2450
2462
|
}
|
|
2451
2463
|
&[data-state="open"] {
|
|
2452
|
-
animation: ${
|
|
2464
|
+
animation: ${ca} 0.2s ease;
|
|
2453
2465
|
}
|
|
2454
2466
|
&[data-state="closed"] {
|
|
2455
|
-
animation: ${
|
|
2467
|
+
animation: ${da} 0.2s ease;
|
|
2456
2468
|
}
|
|
2457
2469
|
`,icon:e=>a.css`
|
|
2458
2470
|
margin-inline-start: ${$(3)};
|
|
@@ -2470,34 +2482,34 @@
|
|
|
2470
2482
|
&:first-of-type {
|
|
2471
2483
|
margin-inline-start: ${$(3)};
|
|
2472
2484
|
}
|
|
2473
|
-
`},
|
|
2485
|
+
`},pa=(0,r.forwardRef)(((r,o)=>{var{isOpen:t,duration:n=5e3,scheme:i="primary",iconNode:a,onOpenSet:l,children:s,className:c}=r,d=function(e,r){var o={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(o[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(t=Object.getOwnPropertySymbols(e);n<t.length;n++)r.indexOf(t[n])<0&&Object.prototype.propertyIsEnumerable.call(e,t[n])&&(o[t[n]]=e[t[n]])}return o}(r,["isOpen","duration","scheme","iconNode","onOpenSet","children","className"]);return(0,e.jsxs)(yo.Root,Object.assign({css:ba.root(i),className:c,duration:null!=n?n:864e5,open:t,onOpenChange:l,ref:o},d,{children:[null!=a&&(0,e.jsx)("div",{css:ba.icon(i),children:a}),(0,e.jsx)(yo.Description,{css:ba.container,children:s})]}))}));pa.displayName="Toast";const ua={root:a.css`
|
|
2474
2486
|
row-gap: ${$(2)};
|
|
2475
2487
|
display: flex;
|
|
2476
2488
|
flex-direction: column;
|
|
2477
|
-
`},
|
|
2489
|
+
`},fa=(0,r.forwardRef)(((r,o)=>{var{children:t,className:n}=r,i=function(e,r){var o={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(o[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(t=Object.getOwnPropertySymbols(e);n<t.length;n++)r.indexOf(t[n])<0&&Object.prototype.propertyIsEnumerable.call(e,t[n])&&(o[t[n]]=e[t[n]])}return o}(r,["children","className"]);return(0,e.jsx)("div",Object.assign({css:ua.root,className:n,ref:o},i,{children:t}))}));fa.displayName="ToastBody";const ma={root:a.css`
|
|
2478
2490
|
font-size: ${$(4)};
|
|
2479
|
-
`},
|
|
2491
|
+
`},ya=(0,r.forwardRef)(((r,o)=>{var{children:t,className:n}=r,i=function(e,r){var o={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(o[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(t=Object.getOwnPropertySymbols(e);n<t.length;n++)r.indexOf(t[n])<0&&Object.prototype.propertyIsEnumerable.call(e,t[n])&&(o[t[n]]=e[t[n]])}return o}(r,["children","className"]);return(0,e.jsx)(ar,Object.assign({css:ma.root,className:n,as:"p",lineHeight:"normal",ref:o},i,{children:t}))}));ya.displayName="ToastMessage";const ga={root:a.css`
|
|
2480
2492
|
font-size: ${$(3)};
|
|
2481
2493
|
color: ${x("gray",5)};
|
|
2482
|
-
`},
|
|
2494
|
+
`},ha=(0,r.forwardRef)(((r,o)=>{var{children:t,className:n}=r,i=function(e,r){var o={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(o[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(t=Object.getOwnPropertySymbols(e);n<t.length;n++)r.indexOf(t[n])<0&&Object.prototype.propertyIsEnumerable.call(e,t[n])&&(o[t[n]]=e[t[n]])}return o}(r,["children","className"]);return(0,e.jsx)(ar,Object.assign({css:ga.root,className:n,as:"p",lineHeight:"narrow",ref:o},i,{children:t}))}));ha.displayName="ToastSupplement";const va=(0,r.forwardRef)(((r,o)=>{var{isOpen:t,duration:n=5e3,intent:i="success",onOpenSet:a,children:l,className:s}=r,c=function(e,r){var o={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(o[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(t=Object.getOwnPropertySymbols(e);n<t.length;n++)r.indexOf(t[n])<0&&Object.prototype.propertyIsEnumerable.call(e,t[n])&&(o[t[n]]=e[t[n]])}return o}(r,["isOpen","duration","intent","onOpenSet","children","className"]);return(0,e.jsx)(pa,Object.assign({className:s,isOpen:t,duration:n,scheme:"success"===i?"green":"error"===i?"red":"primary",iconNode:(0,e.jsx)($r,{name:i}),onOpenSet:a,ref:o},c,{children:(0,e.jsx)(fa,{children:(0,e.jsx)(ya,{children:l})})}))}));function Oa(e){return a.css`
|
|
2483
2495
|
display: flex;
|
|
2484
2496
|
flex-direction: column;
|
|
2485
|
-
${(null==e?void 0:e.gap)?a.css`row-gap: ${
|
|
2497
|
+
${(null==e?void 0:e.gap)?a.css`row-gap: ${$a(e.gap)};`:""}
|
|
2486
2498
|
${(null==e?void 0:e.align)?a.css`align-items: ${e.align};`:""}
|
|
2487
2499
|
${(null==e?void 0:e.justify)?a.css`justify-content: ${e.justify};`:""}
|
|
2488
|
-
`}function
|
|
2500
|
+
`}function xa(e){return a.css`
|
|
2489
2501
|
display: flex;
|
|
2490
2502
|
flex-direction: row;
|
|
2491
|
-
${(null==e?void 0:e.gap)?a.css`column-gap: ${
|
|
2503
|
+
${(null==e?void 0:e.gap)?a.css`column-gap: ${$a(e.gap)};`:""}
|
|
2492
2504
|
${(null==e?void 0:e.align)?a.css`align-items: ${e.align};`:""}
|
|
2493
2505
|
${(null==e?void 0:e.justify)?a.css`justify-content: ${e.justify};`:""}
|
|
2494
|
-
`}function
|
|
2495
|
-
${(null==e?void 0:e.top)?a.css`margin-block-start: ${
|
|
2496
|
-
${(null==e?void 0:e.bottom)?a.css`margin-block-end: ${
|
|
2497
|
-
${(null==e?void 0:e.left)?a.css`margin-inline-start: ${
|
|
2498
|
-
${(null==e?void 0:e.right)?a.css`margin-inline-end: ${
|
|
2499
|
-
`}function
|
|
2500
|
-
${(null==e?void 0:e.width)?a.css`inline-size: ${
|
|
2501
|
-
${(null==e?void 0:e.height)?a.css`block-size: ${
|
|
2502
|
-
`}function
|
|
2506
|
+
`}function ja(e){return a.css`
|
|
2507
|
+
${(null==e?void 0:e.top)?a.css`margin-block-start: ${$a(e.top)};`:""}
|
|
2508
|
+
${(null==e?void 0:e.bottom)?a.css`margin-block-end: ${$a(e.bottom)};`:""}
|
|
2509
|
+
${(null==e?void 0:e.left)?a.css`margin-inline-start: ${$a(e.left)};`:""}
|
|
2510
|
+
${(null==e?void 0:e.right)?a.css`margin-inline-end: ${$a(e.right)};`:""}
|
|
2511
|
+
`}function wa(e){return a.css`
|
|
2512
|
+
${(null==e?void 0:e.width)?a.css`inline-size: ${$a(e.width)};`:""}
|
|
2513
|
+
${(null==e?void 0:e.height)?a.css`block-size: ${$a(e.height)};`:""}
|
|
2514
|
+
`}function $a(e){return"number"==typeof e?$(e):e}va.displayName="SimpleToast";const qa=()=>{const{open:e,close:o,setDialogSpec:t}=(0,r.useContext)(po);return(0,r.useCallback)((r=>{return n=void 0,i=void 0,l=function*(){const n={element:r(o)};t(n),yield e()},new((a=void 0)||(a=Promise))((function(e,r){function o(e){try{s(l.next(e))}catch(e){r(e)}}function t(e){try{s(l.throw(e))}catch(e){r(e)}}function s(r){var n;r.done?e(r.value):(n=r.value,n instanceof a?n:new a((function(e){e(n)}))).then(o,t)}s((l=l.apply(n,i||[])).next())}));var n,i,a,l}),[e,o,t])},ka=()=>{const e=(0,r.useContext)(to);if(void 0===e)throw new Error("Not inside `RadioGroup`");const{value:o}=e;return{value:o}},Na=()=>{const{setToastSpecs:e}=(0,r.useContext)(vo);return(0,r.useCallback)((o=>{const t=I()().valueOf().toString(),n={element:(0,r.cloneElement)(o,{key:t,onOpenChange:r=>{r||setTimeout((()=>{e((e=>e.filter((e=>e!==n))))}),200)}})};e((e=>[...e,n]))}),[e])}})();var n=exports;for(var i in t)n[i]=t[i];t.__esModule&&Object.defineProperty(n,"__esModule",{value:!0})})();
|
|
2503
2515
|
//# sourceMappingURL=index.js.map
|