@zonos/amino 5.1.85 → 5.1.87

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.
Files changed (110) hide show
  1. package/amino.css +6 -2
  2. package/components/alert-dialog/AlertContext.js +1 -1
  3. package/components/alert-dialog/AlertDialog.js +1 -1
  4. package/components/alert-dialog/useAlert.js +1 -1
  5. package/components/announcement-dialog/AnnouncementDialog.js +1 -1
  6. package/components/banner/Banner.js +1 -1
  7. package/components/button/Button.js +1 -1
  8. package/components/button/ButtonIcon.js +1 -1
  9. package/components/card/Card.js +1 -1
  10. package/components/checkbox/Checkbox.js +1 -1
  11. package/components/confirm-dialog/ConfirmContext.js +1 -1
  12. package/components/confirm-dialog/ConfirmDialog.js +1 -1
  13. package/components/confirm-dialog/useConfirm.js +1 -1
  14. package/components/connection-map/ConnectionMap.js +1 -1
  15. package/components/cover-sheet/CoverSheetActions.js +1 -1
  16. package/components/currency/Currency.js +1 -1
  17. package/components/currency/DualCurrency.js +1 -1
  18. package/components/danger-zone/DangerZone.js +1 -1
  19. package/components/dialog/Dialog.js +1 -1
  20. package/components/drop-zone/DropZone.js +1 -1
  21. package/components/file-upload/FileUpload.js +1 -1
  22. package/components/filter/FilterWrapper.js +1 -1
  23. package/components/filter/filter-amount/FilterAmount.js +1 -1
  24. package/components/filter/filter-date/DateControls.js +1 -1
  25. package/components/filter/filter-date/FilterDate.js +1 -1
  26. package/components/filter/filter-date/_DateControls/_IsAfter.js +1 -1
  27. package/components/filter/filter-date/_DateControls/_IsBefore.js +1 -1
  28. package/components/filter/filter-date/_DateControls/_IsBeforeOrOn.js +1 -1
  29. package/components/filter/filter-date/_DateControls/_IsBetween.js +1 -1
  30. package/components/filter/filter-date/_DateControls/_IsEqualTo.js +1 -1
  31. package/components/filter/filter-date/_DateControls/_IsInTheLast.js +1 -1
  32. package/components/filter/filter-date/_DateControls/_IsOnOrAfter.js +1 -1
  33. package/components/filter/filter-multi-select/FilterMultiSelect.js +1 -1
  34. package/components/filter/filter-select/FilterSelect.js +1 -1
  35. package/components/filter/filter-text/FilterText.js +1 -1
  36. package/components/filter/useFilterWrapper.js +1 -1
  37. package/components/graph-matrix/GraphMatrix.js +1 -1
  38. package/components/graph-matrix/_LoadingIcon.js +1 -1
  39. package/components/help-text/HelpText.js +1 -1
  40. package/components/input/Input.js +1 -1
  41. package/components/list/CollapsibleList.js +1 -1
  42. package/components/list-item/ListItem.js +1 -1
  43. package/components/nested-data-table/NestedDataTable.js +1 -1
  44. package/components/nested-data-table/NestedDataTableHasura.js +1 -1
  45. package/components/nested-data-table/_Filter.js +1 -1
  46. package/components/nested-data-table/_TableData.js +1 -1
  47. package/components/radio/Radio.js +1 -1
  48. package/components/radio/RadioGroup.js +1 -1
  49. package/components/rest-state/RestState.js +1 -1
  50. package/components/rich-card-select/RichCardStateSelect.js +1 -1
  51. package/components/rich-checkbox/RichCheckbox.js +1 -1
  52. package/components/rich-radio/RichRadio.js +1 -1
  53. package/components/section/HSection.js +1 -1
  54. package/components/section/VSection.js +1 -1
  55. package/components/section/_SectionHeader.d.ts +3 -3
  56. package/components/section/_SectionHeader.js +1 -1
  57. package/components/section/_SectionInnerWrapper.d.ts +3 -3
  58. package/components/section/_SectionInnerWrapper.js +1 -1
  59. package/components/section/_SectionSubheader.d.ts +3 -3
  60. package/components/section/_SectionSubheader.js +1 -1
  61. package/components/select/CountryMultiSelect.js +1 -1
  62. package/components/select/CountryPhoneSelect.js +1 -1
  63. package/components/select/CountrySelect.js +1 -1
  64. package/components/select/MultiSelect.js +1 -1
  65. package/components/select/Select.js +1 -1
  66. package/components/select/_StyledReactSelect.d.ts +1 -1
  67. package/components/select/_StyledReactSelect.js +1 -1
  68. package/components/simple-table/SimpleTable.js +1 -1
  69. package/components/skeleton/Skeleton.d.ts +1 -1
  70. package/components/skeleton/Skeleton.js +1 -1
  71. package/components/slide-over/SlideOver.js +1 -1
  72. package/components/slider/Slider.js +1 -1
  73. package/components/sortable-list/SortableList.js +1 -1
  74. package/components/sortable-list/SortableListItem.js +1 -1
  75. package/components/spinner/Spinner.d.ts +1 -1
  76. package/components/spinner/Spinner.js +1 -1
  77. package/components/split-panel/SplitPanel.d.ts +3 -3
  78. package/components/split-panel/SplitPanel.js +1 -1
  79. package/components/stack/HStack.d.ts +1 -1
  80. package/components/stack/HStack.js +1 -1
  81. package/components/stack/Stack.d.ts +6 -1
  82. package/components/stack/Stack.js +1 -1
  83. package/components/stack/VStack.d.ts +1 -1
  84. package/components/stack/VStack.js +1 -1
  85. package/components/surface/Surface.d.ts +3 -3
  86. package/components/surface/Surface.js +1 -1
  87. package/components/switch/Switch.js +1 -1
  88. package/components/table/Table.d.ts +3 -3
  89. package/components/table/Table.js +1 -1
  90. package/components/table/TableCell.d.ts +3 -3
  91. package/components/table/TableCell.js +1 -1
  92. package/components/table/TableRow.d.ts +3 -3
  93. package/components/table/TableRow.js +1 -1
  94. package/components/table/TableRowCollapse.d.ts +3 -3
  95. package/components/table/TableRowCollapse.js +1 -1
  96. package/components/tabs/Tabs.js +1 -1
  97. package/components/tag/Tag.js +1 -1
  98. package/components/text/LegacyText.d.ts +3 -3
  99. package/components/text/LegacyText.js +1 -1
  100. package/components/text/Text.d.ts +3 -3
  101. package/components/text/Text.js +1 -1
  102. package/components/text-avatar/TextAvatar.js +1 -1
  103. package/components/textarea/Textarea.js +1 -1
  104. package/components/theme-select/ThemeSelect.js +1 -1
  105. package/components/thumbnail/Thumbnail.js +1 -1
  106. package/components/toast/Toast.js +1 -1
  107. package/components/toast/ToastContext.js +1 -1
  108. package/components/tooltip/Tooltip.js +1 -1
  109. package/package.json +1 -1
  110. package/utils/hooks/useNotify.js +1 -1
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),t=require("styled-components"),n=require("./Stack.js"),s=require("../../styles/constants/theme.js");function i(e){return e&&e.__esModule?e:{default:e}}var a,c=i(t).default(n.Stack)(a||(a=e.__makeTemplateObject(["\n grid-row-gap: ",";\n grid-auto-flow: row;\n"],["\n grid-row-gap: ",";\n grid-auto-flow: row;\n"])),(function(e){return s.theme["space".concat(e.$spacing)]}));exports.VStack=function(t){var n=t.children,s=t.spacing,i=void 0===s?24:s,a=t.style,o=e.__rest(t,["children","spacing","style"]);return r.jsx(c,e.__assign({$spacing:i,style:a},o,{children:n}))};
1
+ "use strict";var e=require("../../_tslib-ccfac372.js"),s=require("react/jsx-runtime"),a=require("clsx"),t=require("./Stack.js"),r=require("../../style-inject.es-d4ddeae4.js");function c(e){return e&&e.__esModule?e:{default:e}}var i=c(a),n="Amino_VStack-module__styledVStack--GCZhv";r.styleInject(".Amino_VStack-module__styledVStack--GCZhv{grid-row-gap:var(--amino-v-stack-gap);grid-auto-flow:row}");exports.VStack=function(a){var r=a.children,c=a.className,l=a.spacing,u=void 0===l?24:l,_=a.style,o=e.__rest(a,["children","className","spacing","style"]);return s.jsx(t.Stack,e.__assign({className:i.default(c,n),style:e.__assign(e.__assign({},_),{"--amino-v-stack-gap":"".concat(u,"px")})},o,{children:r}))};
@@ -1,13 +1,13 @@
1
1
  import type { ReactNode } from 'react';
2
+ import type { BaseProps } from "../../types/BaseProps";
2
3
  import type { Depth } from "../../types/Depth";
3
- type Props = {
4
+ type Props = BaseProps & {
4
5
  children: ReactNode;
5
- className?: string;
6
6
  /**
7
7
  * @default false
8
8
  */
9
9
  dense?: boolean;
10
10
  depth?: Depth;
11
11
  };
12
- export declare const Surface: ({ children, className, dense, depth, }: Props) => import("react/jsx-runtime").JSX.Element;
12
+ export declare const Surface: ({ children, className, dense, depth, style, }: Props) => import("react/jsx-runtime").JSX.Element;
13
13
  export {};
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-ccfac372.js"),a=require("react/jsx-runtime"),n=require("styled-components"),t=require("../../styles/constants/theme.js");function d(e){return e&&e.__esModule?e:{default:e}}var r,s,o,c,h,l=d(n),u=l.default.div(r||(r=e.__makeTemplateObject(["\n background: ",";\n padding: ",";\n color: ",";\n border-radius: ",";\n"],["\n background: ",";\n padding: ",";\n color: ",";\n border-radius: ",";\n"])),t.theme.surfaceColor,t.theme.space24,t.theme.textColor,(function(e){return e.$dense?t.theme.radius6:t.theme.radius8})),m=l.default(u)(s||(s=e.__makeTemplateObject(["\n box-shadow: ",";\n border: ",";\n"],["\n box-shadow: ",";\n border: ",";\n"])),t.theme.v3ShadowBase,t.theme.border),i=l.default(u)(o||(o=e.__makeTemplateObject(["\n box-shadow: ",";\n"],["\n box-shadow: ",";\n"])),t.theme.v3ShadowMedium),b=l.default(u)(c||(c=e.__makeTemplateObject(["\n box-shadow: ",";\n"],["\n box-shadow: ",";\n"])),t.theme.v3ShadowLarge),x=l.default(u)(h||(h=e.__makeTemplateObject(["\n box-shadow: ",";\n"],["\n box-shadow: ",";\n"])),t.theme.v3ShadowXl);exports.Surface=function(e){var n=e.children,t=e.className,d=e.dense,r=void 0!==d&&d,s=e.depth,o=[t||"","elevated"].join(" ");switch(s){case"depth64":return a.jsx(x,{$dense:r,className:o,children:n});case"depth16":return a.jsx(b,{$dense:r,className:o,children:n});case"depth8":return a.jsx(i,{$dense:r,className:o,children:n});default:return a.jsx(m,{$dense:r,className:o,children:n})}};
1
+ "use strict";var e=require("react/jsx-runtime"),a=require("clsx"),r=require("../../style-inject.es-d4ddeae4.js");function o(e){return e&&e.__esModule?e:{default:e}}var d=o(a),u={surfaceBase:"Amino_Surface-module__surfaceBase--kTy01",dense:"Amino_Surface-module__dense--kLwc3",depth4:"Amino_Surface-module__depth4--B3yw8",depth8:"Amino_Surface-module__depth8--NDOvt",depth16:"Amino_Surface-module__depth16--vDCOy",depth64:"Amino_Surface-module__depth64--pyxEJ"};r.styleInject(".Amino_Surface-module__surfaceBase--kTy01{background:var(--amino-surface-color);border-radius:var(--amino-radius-8);color:var(--amino-text-color);padding:24px}.Amino_Surface-module__surfaceBase--kTy01.Amino_Surface-module__dense--kLwc3{border-radius:var(--amino-radius-6)}.Amino_Surface-module__surfaceBase--kTy01.Amino_Surface-module__depth4--B3yw8{border:var(--amino-border);box-shadow:var(--amino-v3-shadow-base)}.Amino_Surface-module__surfaceBase--kTy01.Amino_Surface-module__depth8--NDOvt{box-shadow:var(--amino-v3-shadow-medium)}.Amino_Surface-module__surfaceBase--kTy01.Amino_Surface-module__depth16--vDCOy{box-shadow:var(--amino-v3-shadow-large)}.Amino_Surface-module__surfaceBase--kTy01.Amino_Surface-module__depth64--pyxEJ{box-shadow:var(--amino-v3-shadow-xl)}");exports.Surface=function(a){var r=a.children,o=a.className,s=a.dense,_=void 0!==s&&s,m=a.depth,c=void 0===m?"depth4":m,i=a.style,n=d.default(o,u.surfaceBase,"elevated",_&&u.dense,c&&u[c]);return e.jsx("div",{className:n,style:i,children:r})};
@@ -1 +1 @@
1
- "use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("clsx"),i=require("styled-components"),a=require("../text/Text.js"),r=require("../../styles/constants/theme.js");function p(n){return n&&n.__esModule?n:{default:n}}var o,l,x,h,d,c,s,g,u,m,b=p(t),f=p(i),k=f.default.div(o||(o=n.__makeTemplateObject(["\n background: ",";\n box-shadow: ",";\n height: 14px;\n width: 14px;\n border-radius: 50%;\n transition: ",";\n position: absolute;\n top: 1px;\n left: ",";\n [data-theme='night'] & {\n background: ",";\n }\n"],["\n background: ",";\n box-shadow: ",";\n height: 14px;\n width: 14px;\n border-radius: 50%;\n transition: ",";\n position: absolute;\n top: 1px;\n left: ",";\n [data-theme='night'] & {\n background: ",";\n }\n"])),r.theme.gray0,(function(n){return n.$checked?"0px -1px 1px 0px rgba(68, 94, 238, 0.08) inset, 0px 1px 3px 0px rgba(0, 0, 0, 0.20)":"0px -1px 1px 0px rgba(0, 0, 0, 0.08) inset, 0px 1px 3px 0px rgba(0, 0, 0, 0.20)"}),r.theme.transition,(function(n){return n.$checked?"calc(100% - 15px)":"1px"}),r.theme.gray1200),w=f.default(k)(l||(l=n.__makeTemplateObject(["\n height: 28px;\n width: 28px;\n top: 2px;\n left: ",";\n box-shadow:\n 0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n 0px 1px 3px 0px rgba(0, 0, 0, 0.4);\n [data-theme='night'] & {\n background: ",";\n }\n"],["\n height: 28px;\n width: 28px;\n top: 2px;\n left: ",";\n box-shadow:\n 0px -1px 1px 0px rgba(0, 0, 0, 0.2) inset,\n 0px 1px 3px 0px rgba(0, 0, 0, 0.4);\n [data-theme='night'] & {\n background: ",";\n }\n"])),(function(n){return n.$checked?"calc(100% - 30px)":"2px"}),r.theme.gray200),j=f.default.div(x||(x=n.__makeTemplateObject(["\n margin-right: ",";\n width: 32px;\n height: 16px;\n min-width: 32px;\n min-height: 16px;\n line-height: 16px;\n border-radius: 20px;\n background: ",";\n box-shadow: ",";\n display: block;\n user-select: none;\n position: relative;\n"],["\n margin-right: ",";\n width: 32px;\n height: 16px;\n min-width: 32px;\n min-height: 16px;\n line-height: 16px;\n border-radius: 20px;\n background: ",";\n box-shadow: ",";\n display: block;\n user-select: none;\n position: relative;\n"])),r.theme.space16,(function(n){return n.$checked?r.theme.primary:r.theme.gray100}),r.theme.v3ShadowInset),y=f.default(j)(h||(h=n.__makeTemplateObject(["\n && {\n width: 62px;\n height: 32px;\n min-width: 24px;\n background: ",";\n }\n"],["\n && {\n width: 62px;\n height: 32px;\n min-width: 24px;\n background: ",";\n }\n"])),r.theme.gray50),_=f.default(a.Text)(d||(d=n.__makeTemplateObject(["\n margin-bottom: 0;\n"],["\n margin-bottom: 0;\n"]))),v=f.default(a.Text)(c||(c=n.__makeTemplateObject([""],[""]))),T=f.default.span(s||(s=n.__makeTemplateObject(["\n margin-left: 4px;\n color: ",";\n"],["\n margin-left: 4px;\n color: ",";\n"])),r.theme.gray600),$=f.default.div(g||(g=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n line-height: 16px;\n\n svg {\n margin-right: 4px;\n }\n"],["\n display: flex;\n align-items: center;\n line-height: 16px;\n\n svg {\n margin-right: 4px;\n }\n"]))),O=f.default.label(u||(u=n.__makeTemplateObject(["\n display: flex;\n flex-direction: row;\n cursor: pointer;\n\n &.disabled {\n "," {\n opacity: 0.6;\n }\n "," {\n opacity: 0.95;\n }\n "," {\n color: ",";\n }\n "," {\n color: ",";\n }\n\n cursor: not-allowed;\n }\n"],["\n display: flex;\n flex-direction: row;\n cursor: pointer;\n\n &.disabled {\n "," {\n opacity: 0.6;\n }\n "," {\n opacity: 0.95;\n }\n "," {\n color: ",";\n }\n "," {\n color: ",";\n }\n\n cursor: not-allowed;\n }\n"])),j,k,_,r.theme.gray600,v,r.theme.gray400),q=f.default.div(m||(m=n.__makeTemplateObject(["\n position: absolute;\n top: 4px;\n left: ",";\n right: ",";\n svg {\n height: 24px;\n width: 24px;\n }\n"],["\n position: absolute;\n top: 4px;\n left: ",";\n right: ",";\n svg {\n height: 24px;\n width: 24px;\n }\n"])),(function(n){return n.$left?"4px":"auto"}),(function(n){return n.$left?"auto":"4px"}));exports.Switch=function(n){var t=n.checked,i=n.className,a=n.disabled,r=n.label,p=n.labelDescription,o=n.labelIcon,l=n.onChange,x=n.subtitle,h=n.switchIconLeft,d=n.switchIconRight,c=null==r?void 0:r.replace(/\s/g,"-").toLowerCase(),s=Boolean(h||d);return e.jsxs(O,{className:b.default(i,{disabled:a}),htmlFor:c,onClick:function(){return!a&&l(!t)},children:[s?e.jsxs(y,{$checked:t,children:[e.jsx(w,{$checked:t,id:c}),e.jsx(q,{$left:!0,children:h}),e.jsx(q,{children:d})]}):e.jsx(j,{$checked:t,children:e.jsx(k,{$checked:t,id:c})}),e.jsxs("div",{children:[e.jsxs($,{children:[o,e.jsxs(_,{type:"input-label",children:[r,p&&e.jsx(T,{children:p})]})]}),x&&e.jsx(v,{type:"subtitle",children:x})]})]})};
1
+ "use strict";var i=require("react/jsx-runtime"),e=require("clsx"),o=require("../text/Text.js"),t=require("../../style-inject.es-d4ddeae4.js");function n(i){return i&&i.__esModule?i:{default:i}}require("../../_tslib-ccfac372.js"),require("../../styles/constants/theme.js");var l=n(e),c="Amino_Switch-module__aminoSwitch--V20lQ",a="Amino_Switch-module__checked--cgbVH",m="Amino_Switch-module__aminoSwitchWithIcons--WNTDb",_="Amino_Switch-module__aminoSwitchWrapper--OrqKy",h="Amino_Switch-module__aminoSwitchWrapperWithIcons--YPYDn",d="Amino_Switch-module__styledLabel--mmtjI",r="Amino_Switch-module__styledLabelDescription--5xNoS",s="Amino_Switch-module__labelWrapper--l4iEG",w="Amino_Switch-module__switchContainer--ZM-Jo",u="Amino_Switch-module__disabled--drg1V",p="Amino_Switch-module__styledSubtitle--Zgig5",S="Amino_Switch-module__switchIcon--mIgO1",x="Amino_Switch-module__left--Q--oT";t.styleInject(".Amino_Switch-module__aminoSwitch--V20lQ{background:var(--amino-gray-0);border-radius:50%;box-shadow:inset 0 -1px 1px 0 #00000014,0 1px 3px 0 #0003;height:14px;left:1px;position:absolute;top:1px;transition:var(--amino-transition);width:14px}.Amino_Switch-module__aminoSwitch--V20lQ.Amino_Switch-module__checked--cgbVH{box-shadow:inset 0 -1px 1px 0 #445eee14,0 1px 3px 0 #0003;left:calc(100% - 15px)}[data-theme=night] .Amino_Switch-module__aminoSwitch--V20lQ{background:var(--amino-gray-1200)}.Amino_Switch-module__aminoSwitchWithIcons--WNTDb{box-shadow:inset 0 -1px 1px 0 #0003,0 1px 3px 0 #0006;height:28px;left:2px;top:2px;width:28px}.Amino_Switch-module__aminoSwitchWithIcons--WNTDb.Amino_Switch-module__checked--cgbVH{left:calc(100% - 30px)}[data-theme=night] .Amino_Switch-module__aminoSwitchWithIcons--WNTDb{background:var(--amino-gray-200)}.Amino_Switch-module__aminoSwitchWrapper--OrqKy{background:var(--amino-gray-100);border-radius:20px;box-shadow:var(--amino-v3-shadow-inset);display:block;height:16px;line-height:16px;margin-right:16px;min-height:16px;min-width:32px;position:relative;-webkit-user-select:none;user-select:none;width:32px}.Amino_Switch-module__aminoSwitchWrapper--OrqKy.Amino_Switch-module__checked--cgbVH{background:var(--amino-primary)}.Amino_Switch-module__aminoSwitchWrapperWithIcons--YPYDn.Amino_Switch-module__aminoSwitchWrapperWithIcons--YPYDn{background:var(--amino-gray-50);height:32px;min-width:24px;width:62px}.Amino_Switch-module__styledLabel--mmtjI{margin-bottom:0}.Amino_Switch-module__styledLabelDescription--5xNoS{color:var(--amino-gray-600);margin-left:4px}.Amino_Switch-module__labelWrapper--l4iEG{align-items:center;display:flex;line-height:16px}.Amino_Switch-module__labelWrapper--l4iEG svg{margin-right:4px}.Amino_Switch-module__switchContainer--ZM-Jo{cursor:pointer;display:flex;flex-direction:row}.Amino_Switch-module__switchContainer--ZM-Jo.Amino_Switch-module__disabled--drg1V{cursor:not-allowed}.Amino_Switch-module__switchContainer--ZM-Jo.Amino_Switch-module__disabled--drg1V .Amino_Switch-module__aminoSwitchWrapper--OrqKy{opacity:.6}.Amino_Switch-module__switchContainer--ZM-Jo.Amino_Switch-module__disabled--drg1V .Amino_Switch-module__aminoSwitch--V20lQ{opacity:.95}.Amino_Switch-module__switchContainer--ZM-Jo.Amino_Switch-module__disabled--drg1V .Amino_Switch-module__styledLabel--mmtjI{color:var(--amino-gray-600)}.Amino_Switch-module__switchContainer--ZM-Jo.Amino_Switch-module__disabled--drg1V .Amino_Switch-module__styledSubtitle--Zgig5{color:var(--amino-gray-400)}.Amino_Switch-module__switchIcon--mIgO1{left:auto;position:absolute;right:4px;top:4px}.Amino_Switch-module__switchIcon--mIgO1.Amino_Switch-module__left--Q--oT{left:4px;right:auto}.Amino_Switch-module__switchIcon--mIgO1 svg{height:24px;width:24px}");exports.Switch=function(e){var t=e.checked,n=e.className,g=e.disabled,b=e.label,A=e.labelDescription,y=e.labelIcon,v=e.onChange,f=e.subtitle,j=e.switchIconLeft,I=e.switchIconRight,W=null==b?void 0:b.replace(/\s/g,"-").toLowerCase(),N=Boolean(j||I);return i.jsxs("label",{className:l.default(n,w,g&&u),htmlFor:W,onClick:function(){return!g&&v(!t)},children:[N?i.jsxs("div",{className:l.default(_,h,t&&a),children:[i.jsx("div",{className:l.default(c,m,t&&a),id:W}),i.jsx("div",{className:l.default(S,x),children:j}),i.jsx("div",{className:S,children:I})]}):i.jsx("div",{className:l.default(_,t&&a),children:i.jsx("div",{className:l.default(c,t&&a),id:W})}),i.jsxs("div",{children:[i.jsxs("div",{className:s,children:[y,i.jsxs(o.Text,{className:d,type:"input-label",children:[b,A&&i.jsx("span",{className:r,children:A})]})]}),f&&i.jsx(o.Text,{className:p,type:"subtitle",children:f})]})]})};
@@ -1,7 +1,7 @@
1
1
  import type { ReactNode } from 'react';
2
- export type TableProps = {
2
+ import type { BaseProps } from "../../types/BaseProps";
3
+ export type TableProps = BaseProps & {
3
4
  children: ReactNode;
4
- className?: string;
5
5
  size?: 'medium' | 'small';
6
6
  };
7
- export declare const Table: ({ children, className, size }: TableProps) => import("react/jsx-runtime").JSX.Element;
7
+ export declare const Table: ({ children, className, size, style, }: TableProps) => import("react/jsx-runtime").JSX.Element;
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-ccfac372.js"),t=require("react/jsx-runtime");function r(e){return e&&e.__esModule?e:{default:e}}var i,n=r(require("styled-components")).default.table(i||(i=e.__makeTemplateObject(["\n width: 100%;\n"],["\n width: 100%;\n"])));exports.Table=function(e){var r=e.children,i=e.className,a=e.size,s=void 0===a?"medium":a;return t.jsx(n,{className:[i,"Amino-table-size-".concat(s)].filter(Boolean).join(" "),children:r})};
1
+ "use strict";var e=require("react/jsx-runtime"),l=require("clsx"),t=require("../../style-inject.es-d4ddeae4.js");function r(e){return e&&e.__esModule?e:{default:e}}var s=r(l),a="Amino_Table-module__styledTable--vhUru";t.styleInject(".Amino_Table-module__styledTable--vhUru{width:100%}");exports.Table=function(l){var t=l.children,r=l.className,i=l.size,u=void 0===i?"medium":i,n=l.style;return e.jsx("table",{className:s.default(r,a,"Amino-table-size-".concat(u)),style:n,children:t})};
@@ -1,14 +1,14 @@
1
1
  import type { ReactNode } from 'react';
2
+ import type { BaseProps } from "../../types/BaseProps";
2
3
  type StyledProps = {
3
4
  align?: 'center' | 'justify' | 'left' | 'right';
4
5
  borderBottom?: string;
5
6
  padding?: string;
6
7
  };
7
- export type TableCellProps = {
8
+ export type TableCellProps = BaseProps & {
8
9
  children?: ReactNode;
9
- className?: string;
10
10
  colSpan?: number;
11
11
  tag?: 'td' | 'th';
12
12
  } & StyledProps;
13
- export declare const TableCell: ({ align, borderBottom, children, className, colSpan, padding, tag, }: TableCellProps) => import("react/jsx-runtime").JSX.Element;
13
+ export declare const TableCell: ({ align, borderBottom, children, className, colSpan, padding, style, tag, }: TableCellProps) => import("react/jsx-runtime").JSX.Element;
14
14
  export {};
@@ -1 +1 @@
1
- "use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("styled-components"),i=require("../../styles/constants/theme.js");function a(n){return n&&n.__esModule?n:{default:n}}var l,s,o,r,d,m=a(t),p=t.css(l||(l=n.__makeTemplateObject(["\n padding: 0;\n &:first-of-type {\n padding-left: ",";\n }\n &:last-of-type {\n padding-right: ",";\n }\n"],["\n padding: 0;\n &:first-of-type {\n padding-left: ",";\n }\n &:last-of-type {\n padding-right: ",";\n }\n"])),i.theme.space16,i.theme.space16),c=t.css(o||(o=n.__makeTemplateObject(["\n ","\n"],["\n ","\n"])),(function(e){return e.padding?t.css(s||(s=n.__makeTemplateObject(["\n padding: ",";\n "],["\n padding: ",";\n "])),e.padding):p})),u=m.default.td(r||(r=n.__makeTemplateObject(["\n font-variant-numeric: tabular-nums;\n text-align: ",";\n border-bottom: ",";\n /* Reset space for display inline-block */\n font-size: 0;\n > * {\n font-size: ",";\n }\n\n .Amino-table-size-medium & {\n height: 56px;\n }\n .Amino-table-size-small & {\n height: 48px;\n }\n ","\n"],["\n font-variant-numeric: tabular-nums;\n text-align: ",";\n border-bottom: ",";\n /* Reset space for display inline-block */\n font-size: 0;\n > * {\n font-size: ",";\n }\n\n .Amino-table-size-medium & {\n height: 56px;\n }\n .Amino-table-size-small & {\n height: 48px;\n }\n ","\n"])),(function(n){return n.align}),(function(n){return n.borderBottom||"1px solid ".concat(i.theme.gray200)}),i.theme.fontSizeBase,c),f=m.default.div(d||(d=n.__makeTemplateObject(["\n display: inline-block;\n"],["\n display: inline-block;\n"])));exports.TableCell=function(n){var t=n.align,i=void 0===t?"left":t,a=n.borderBottom,l=n.children,s=n.className,o=n.colSpan,r=n.padding,d=n.tag;return e.jsx(u,{align:i,as:d,borderBottom:a,className:s,colSpan:o,padding:r,children:e.jsx(f,{children:l})})};
1
+ "use strict";var e=require("../../_tslib-ccfac372.js"),l=require("react/jsx-runtime"),a=require("clsx"),i=require("../../styles/constants/theme.js"),t=require("../../style-inject.es-d4ddeae4.js");function n(e){return e&&e.__esModule?e:{default:e}}var o=n(a),d="Amino_TableCell-module__styledTableCell--GHouc",s="Amino_TableCell-module__defaultPadding--4QMqw",m="Amino_TableCell-module__inlineWrapper--6Y44x";t.styleInject('.Amino_TableCell-module__styledTableCell--GHouc{font-feature-settings:"tnum";border-bottom:var(--amino-table-cell-border-bottom);font-size:0;font-variant-numeric:tabular-nums;padding:var(--amino-table-cell-padding);text-align:var(--amino-table-cell-align)}.Amino_TableCell-module__styledTableCell--GHouc.Amino_TableCell-module__defaultPadding--4QMqw{padding:0}.Amino_TableCell-module__styledTableCell--GHouc.Amino_TableCell-module__defaultPadding--4QMqw:first-of-type{padding-left:16px}.Amino_TableCell-module__styledTableCell--GHouc.Amino_TableCell-module__defaultPadding--4QMqw:last-of-type{padding-right:16px}.Amino_TableCell-module__styledTableCell--GHouc>*{font-size:var(--amino-font-size-base)}.Amino-table-size-medium .Amino_TableCell-module__styledTableCell--GHouc{height:56px}.Amino-table-size-small .Amino_TableCell-module__styledTableCell--GHouc{height:48px}.Amino_TableCell-module__inlineWrapper--6Y44x{display:inline-block}');exports.TableCell=function(a){var t=a.align,n=void 0===t?"left":t,_=a.borderBottom,r=a.children,u=a.className,b=a.colSpan,c=a.padding,g=a.style,C=a.tag,T={align:n,className:o.default(u,d,!c&&s),colSpan:b,style:e.__assign(e.__assign({},g),{"--amino-table-cell-align":n,"--amino-table-cell-border-bottom":_||"1px solid ".concat(i.theme.gray200),"--amino-table-cell-padding":c||""})},p=l.jsx("div",{className:m,children:r});return"th"===C?l.jsx("th",e.__assign({},T,{children:p})):l.jsx("td",e.__assign({},T,{children:p}))};
@@ -1,9 +1,9 @@
1
1
  import type { MouseEventHandler, ReactNode } from 'react';
2
- export type TableRowProps = {
2
+ import type { BaseProps } from "../../types/BaseProps";
3
+ export type TableRowProps = BaseProps & {
3
4
  active?: boolean;
4
5
  children: ReactNode;
5
- className?: string;
6
6
  onClick?: MouseEventHandler<HTMLTableRowElement>;
7
7
  withHover?: boolean;
8
8
  };
9
- export declare function TableRow({ active, children, className, onClick, withHover, }: TableRowProps): import("react/jsx-runtime").JSX.Element;
9
+ export declare function TableRow({ active, children, className, onClick, style, withHover, }: TableRowProps): import("react/jsx-runtime").JSX.Element;
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("styled-components"),r=require("../../styles/constants/theme.js");function o(e){return e&&e.__esModule?e:{default:e}}var a,c=o(t).default.tr(a||(a=e.__makeTemplateObject(["\n &.with-hover:hover {\n background-color: ",";\n }\n th {\n color: ",";\n text-transform: uppercase;\n & > * {\n font-size: ",";\n }\n }\n /** Only affect on tr inside tbody */\n tbody &.active {\n background: ",";\n }\n"],["\n &.with-hover:hover {\n background-color: ",";\n }\n th {\n color: ",";\n text-transform: uppercase;\n & > * {\n font-size: ",";\n }\n }\n /** Only affect on tr inside tbody */\n tbody &.active {\n background: ",";\n }\n"])),r.theme.gray50,r.theme.gray800,r.theme.fontSizeS,r.theme.gray50);exports.TableRow=function(e){var t=e.active,r=e.children,o=e.className,a=e.onClick,i=e.withHover;return n.jsx(c,{className:[o||"",t?"active":"",i?"with-hover":""].join(" "),onClick:a,children:r})};
1
+ "use strict";var e=require("react/jsx-runtime"),o=require("clsx"),l=require("../../style-inject.es-d4ddeae4.js");function a(e){return e&&e.__esModule?e:{default:e}}var t=a(o),r={styledTableRow:"Amino_TableRow-module__styledTableRow--cWSfc","with-hover":"Amino_TableRow-module__with-hover--SXuG2",active:"Amino_TableRow-module__active---KQVs"};l.styleInject(".Amino_TableRow-module__styledTableRow--cWSfc.Amino_TableRow-module__with-hover--SXuG2:hover{background-color:var(--amino-gray-50)}.Amino_TableRow-module__styledTableRow--cWSfc th{color:var(--amino-gray-800);text-transform:uppercase}.Amino_TableRow-module__styledTableRow--cWSfc th>*{font-size:var(--amino-font-size-s)}tbody .Amino_TableRow-module__styledTableRow--cWSfc.Amino_TableRow-module__active---KQVs{background:var(--amino-gray-50)}"),exports.TableRow=function(o){var l=o.active,a=o.children,i=o.className,c=o.onClick,n=o.style,s=o.withHover;return e.jsx("tr",{className:t.default(i,r.styledTableRow,l&&r.active,s&&r.withHover),onClick:c,style:n,children:a})};
@@ -1,7 +1,7 @@
1
1
  import type { MouseEventHandler, ReactNode } from 'react';
2
- export type TableRowCollapseProps = {
2
+ import type { BaseProps } from "../../types/BaseProps";
3
+ export type TableRowCollapseProps = BaseProps & {
3
4
  children?: ReactNode;
4
- className?: string;
5
5
  /**
6
6
  * @param collapsed
7
7
  * @default false
@@ -10,4 +10,4 @@ export type TableRowCollapseProps = {
10
10
  onToggleCollapse: MouseEventHandler<HTMLTableRowElement>;
11
11
  rowContent: ReactNode;
12
12
  };
13
- export declare const TableRowCollapse: ({ children, className, collapsed, onToggleCollapse, rowContent, }: TableRowCollapseProps) => import("react/jsx-runtime").JSX.Element;
13
+ export declare const TableRowCollapse: ({ children, className, collapsed, onToggleCollapse, rowContent, style, }: TableRowCollapseProps) => import("react/jsx-runtime").JSX.Element;
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("styled-components"),t=require("../button/Button.js"),o=require("../collapse/Collapse.js"),l=require("./TableCell.js"),i=require("./TableRow.js"),s=require("../../icons/ChevronUpIcon.js"),a=require("../../styles/constants/theme.js");function c(e){return e&&e.__esModule?e:{default:e}}require("react"),require("clsx"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../style-inject.es-d4ddeae4.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("@mui/material/Collapse"),require("../../icons/icon-base/_IconBase.js");var u,d,p,m,b,j,h=c(r),q=h.default(i.TableRow)(p||(p=e.__makeTemplateObject(["\n ","\n ","\n"],["\n ","\n ","\n"])),(function(n){return!n.collapsed&&r.css(u||(u=e.__makeTemplateObject(["\n td {\n border-bottom: 0;\n }\n "],["\n td {\n border-bottom: 0;\n }\n "])))}),(function(n){return n.collapsible&&r.css(d||(d=e.__makeTemplateObject(["\n cursor: pointer;\n "],["\n cursor: pointer;\n "])))})),_=h.default(o.Collapse)(m||(m=e.__makeTemplateObject(["\n > div {\n padding-bottom: ",";\n }\n"],["\n > div {\n padding-bottom: ",";\n }\n"])),a.theme.space16),f=h.default(l.TableCell)(b||(b=e.__makeTemplateObject(["\n border-bottom: ",";\n &&& {\n height: ",";\n }\n > div {\n width: 100%;\n }\n"],["\n border-bottom: ",";\n &&& {\n height: ",";\n }\n > div {\n width: 100%;\n }\n"])),(function(e){return e.$collapsed?0:"inherit"}),(function(e){return e.$collapsed?0:"inherit"})),g=h.default(t.Button)(j||(j=e.__makeTemplateObject(["\n svg {\n transition: ",";\n\n &.collapsed {\n transform: rotate(180deg);\n }\n }\n"],["\n svg {\n transition: ",";\n\n &.collapsed {\n transform: rotate(180deg);\n }\n }\n"])),a.theme.transition);exports.TableRowCollapse=function(e){var r=e.children,t=e.className,o=e.collapsed,a=void 0!==o&&o,c=e.onToggleCollapse,u=e.rowContent,d=!!r;return n.jsxs(n.Fragment,{children:[n.jsxs(q,{className:t,collapsed:a,collapsible:d,onClick:function(e){return d&&c(e)},withHover:d,children:[u,n.jsx(l.TableCell,{align:"right",children:d&&n.jsx(g,{icon:n.jsx(s.ChevronUpIcon,{className:a?"collapsed":""}),variant:"plain"})})]}),d&&n.jsx(i.TableRow,{children:n.jsx(f,{$collapsed:a,colSpan:100,children:n.jsx(_,{collapsed:a,children:r})})})]})};
1
+ "use strict";var l=require("react/jsx-runtime"),e=require("clsx"),o=require("../button/Button.js"),a=require("../collapse/Collapse.js"),s=require("./TableCell.js"),i=require("./TableRow.js"),r=require("../../icons/ChevronUpIcon.js"),n=require("../../style-inject.es-d4ddeae4.js");function t(l){return l&&l.__esModule?l:{default:l}}require("../../_tslib-ccfac372.js"),require("react"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("@mui/material/Collapse"),require("../../icons/icon-base/_IconBase.js");var _=t(e),u="Amino_TableRowCollapse-module__styledTableRow--Rj3l-",p="Amino_TableRowCollapse-module__collapsed--G4z46",m="Amino_TableRowCollapse-module__collapsible--obYyn",c="Amino_TableRowCollapse-module__styledCollapse--CWTEw",b="Amino_TableRowCollapse-module__collapsibleCell--a2cGw",d="Amino_TableRowCollapse-module__collapseButton--8aDL-";n.styleInject(".Amino_TableRowCollapse-module__styledTableRow--Rj3l-:not(.Amino_TableRowCollapse-module__collapsed--G4z46) td{border-bottom:0}.Amino_TableRowCollapse-module__styledTableRow--Rj3l-.Amino_TableRowCollapse-module__collapsible--obYyn{cursor:pointer}.Amino_TableRowCollapse-module__styledCollapse--CWTEw>div{padding-bottom:16px}.Amino_TableRowCollapse-module__collapsibleCell--a2cGw.Amino_TableRowCollapse-module__collapsibleCell--a2cGw.Amino_TableRowCollapse-module__collapsibleCell--a2cGw{border-bottom:inherit;height:inherit}.Amino_TableRowCollapse-module__collapsed--G4z46 .Amino_TableRowCollapse-module__collapsibleCell--a2cGw.Amino_TableRowCollapse-module__collapsibleCell--a2cGw.Amino_TableRowCollapse-module__collapsibleCell--a2cGw{border-bottom:0;height:0}.Amino_TableRowCollapse-module__collapsibleCell--a2cGw.Amino_TableRowCollapse-module__collapsibleCell--a2cGw.Amino_TableRowCollapse-module__collapsibleCell--a2cGw>div{width:100%}.Amino_TableRowCollapse-module__collapseButton--8aDL- svg{transition:var(--amino-transition)}.Amino_TableRowCollapse-module__collapsed--G4z46 .Amino_TableRowCollapse-module__collapseButton--8aDL- svg{transform:rotate(180deg)}");exports.TableRowCollapse=function(e){var n=e.children,t=e.className,C=e.collapsed,w=void 0!==C&&C,R=e.onToggleCollapse,T=e.rowContent,j=e.style,A=!!n;return l.jsxs(l.Fragment,{children:[l.jsxs(i.TableRow,{className:_.default(t,u,w&&p,A&&m),onClick:function(l){return A&&R(l)},withHover:A,children:[T,l.jsx(s.TableCell,{align:"right",children:A&&l.jsx(o.Button,{className:d,icon:l.jsx(r.ChevronUpIcon,{}),variant:"plain"})})]}),A&&l.jsx(i.TableRow,{children:l.jsx(s.TableCell,{className:b,colSpan:100,children:l.jsx(a.Collapse,{className:c,collapsed:w,style:j,children:n})})})]})};
@@ -1 +1 @@
1
- "use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("styled-components"),r=require("../text/Text.js"),o=require("../../styles/constants/theme.js");function a(n){return n&&n.__esModule?n:{default:n}}var s,i,l,c,d,f=a(t),m=f.default.div(s||(s=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n"],["\n display: flex;\n align-items: center;\n"]))),u=f.default.div(i||(i=n.__makeTemplateObject(["\n position: relative;\n cursor: pointer;\n user-select: none;\n text-align: center;\n padding: "," 0;\n transition: ",";\n color: ",";\n\n &::after {\n position: absolute;\n bottom: 0px;\n left: 0;\n content: '';\n background-color: ",";\n transition: ",";\n height: 2px;\n width: 100%;\n transform: scaleX(0);\n }\n\n &.is-selected {\n color: ",";\n\n &::after {\n background-color: ",";\n transform: scaleX(1);\n }\n }\n\n &:not(.is-selected):hover {\n color: ",";\n\n &::after {\n transform: scaleX(1);\n }\n }\n\n &:not(.is-selected):active {\n color: ",";\n\n &::after {\n background-color: ",";\n transform: scaleX(1);\n }\n }\n"],["\n position: relative;\n cursor: pointer;\n user-select: none;\n text-align: center;\n padding: "," 0;\n transition: ",";\n color: ",";\n\n &::after {\n position: absolute;\n bottom: 0px;\n left: 0;\n content: '';\n background-color: ",";\n transition: ",";\n height: 2px;\n width: 100%;\n transform: scaleX(0);\n }\n\n &.is-selected {\n color: ",";\n\n &::after {\n background-color: ",";\n transform: scaleX(1);\n }\n }\n\n &:not(.is-selected):hover {\n color: ",";\n\n &::after {\n transform: scaleX(1);\n }\n }\n\n &:not(.is-selected):active {\n color: ",";\n\n &::after {\n background-color: ",";\n transform: scaleX(1);\n }\n }\n"])),o.theme.space12,o.theme.transition,o.theme.gray800,o.theme.gray200,o.theme.transition,o.theme.primary,o.theme.primary,o.theme.gray1000,o.theme.gray1000,o.theme.gray300),b=f.default(m)(l||(l=n.__makeTemplateObject(["\n border: ",";\n border-radius: ",";\n"],["\n border: ",";\n border-radius: ",";\n"])),o.theme.border,o.theme.radius8),h=f.default(u)(c||(c=n.__makeTemplateObject(["\n flex: 1;\n font-weight: 500;\n\n &::after {\n height: 4px;\n }\n\n &:first-of-type::after {\n border-bottom-left-radius: ",";\n }\n\n &:last-of-type::after {\n border-bottom-right-radius: ",";\n }\n\n & + & {\n border-left: ",";\n }\n\n &:not(.is-selected):hover {\n background: rgba(0, 0, 0, 0.03);\n }\n\n &:not(.is-selected):active {\n background: rgba(0, 0, 0, 0.08);\n }\n"],["\n flex: 1;\n font-weight: 500;\n\n &::after {\n height: 4px;\n }\n\n &:first-of-type::after {\n border-bottom-left-radius: ",";\n }\n\n &:last-of-type::after {\n border-bottom-right-radius: ",";\n }\n\n & + & {\n border-left: ",";\n }\n\n &:not(.is-selected):hover {\n background: rgba(0, 0, 0, 0.03);\n }\n\n &:not(.is-selected):active {\n background: rgba(0, 0, 0, 0.08);\n }\n"])),o.theme.radius8,o.theme.radius8,o.theme.border),g=f.default(m)(d||(d=n.__makeTemplateObject(["\n justify-content: ",";\n gap: ",";\n border-bottom: 1px solid ",";\n"],["\n justify-content: ",";\n gap: ",";\n border-bottom: 1px solid ",";\n"])),(function(n){return n.$align}),o.theme.space24,o.theme.gray200),p=u;exports.Tabs=function(n){var t=n.align,o=void 0===t?"start":t,a=n.className,s=n.items,i=n.onChange,l=n.selected,c=n.subtle;return void 0!==c&&c?e.jsx(g,{$align:o,className:a,children:s.map((function(n){return e.jsx(p,{className:l===s.indexOf(n)?"is-selected":"",onClick:function(){return i(s.indexOf(n))},children:e.jsx(r.Text,{type:"label",children:n})},n)}))}):e.jsx(b,{className:a,children:s.map((function(n){return e.jsx(h,{className:l===s.indexOf(n)?"is-selected":"",onClick:function(){return i(s.indexOf(n))},children:n},n)}))})};
1
+ "use strict";var a=require("react/jsx-runtime"),e=require("clsx"),o=require("../text/Text.js"),s=require("../../style-inject.es-d4ddeae4.js");function i(a){return a&&a.__esModule?a:{default:a}}require("../../_tslib-ccfac372.js"),require("../../styles/constants/theme.js");var n=i(e),t="Amino_Tabs-module__baseTabs--ZLgAl",_="Amino_Tabs-module__aminoTabs--XHvSA",r="Amino_Tabs-module__subtleTabs--acvMB",b="Amino_Tabs-module__baseTab--0-7Os",m="Amino_Tabs-module__isSelected--xoR0q",l="Amino_Tabs-module__tab--TpsKY";s.styleInject('.Amino_Tabs-module__baseTabs--ZLgAl{align-items:center;display:flex}.Amino_Tabs-module__baseTabs--ZLgAl.Amino_Tabs-module__aminoTabs--XHvSA{border:var(--amino-border);border-radius:var(--amino-radius-8)}.Amino_Tabs-module__baseTabs--ZLgAl.Amino_Tabs-module__subtleTabs--acvMB{border-bottom:1px solid var(--amino-gray-200);gap:24px;justify-content:var(--amino-tabs-align)}.Amino_Tabs-module__baseTab--0-7Os{color:var(--amino-gray-800);cursor:pointer;padding:12px 0;position:relative;text-align:center;transition:var(--amino-transition);-webkit-user-select:none;user-select:none}.Amino_Tabs-module__baseTab--0-7Os:after{background-color:var(--amino-gray-200);bottom:0;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transition:var(--amino-transition);width:100%}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__isSelected--xoR0q{color:var(--amino-primary)}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__isSelected--xoR0q:after{background-color:var(--amino-primary);transform:scaleX(1)}.Amino_Tabs-module__baseTab--0-7Os:not(.Amino_Tabs-module__isSelected--xoR0q):hover{color:var(--amino-gray-1000)}.Amino_Tabs-module__baseTab--0-7Os:not(.Amino_Tabs-module__isSelected--xoR0q):hover:after{transform:scaleX(1)}.Amino_Tabs-module__baseTab--0-7Os:not(.Amino_Tabs-module__isSelected--xoR0q):active{color:var(--amino-gray-1000)}.Amino_Tabs-module__baseTab--0-7Os:not(.Amino_Tabs-module__isSelected--xoR0q):active:after{background-color:var(--amino-gray-300);transform:scaleX(1)}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY{flex:1;font-weight:500}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY:after{height:4px}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY:first-of-type:after{border-bottom-left-radius:var(--amino-radius-8)}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY:last-of-type:after{border-bottom-right-radius:var(--amino-radius-8)}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY+.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY{border-left:var(--amino-border)}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY:not(.Amino_Tabs-module__isSelected--xoR0q):hover{background:#00000008}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY:not(.Amino_Tabs-module__isSelected--xoR0q):active{background:#00000014}');exports.Tabs=function(e){var s=e.align,i=void 0===s?"start":s,d=e.className,u=e.items,T=e.onChange,c=e.selected,A=e.subtle;return void 0!==A&&A?a.jsx("div",{className:n.default(d,t,r),style:{"--amino-tabs-align":i},children:u.map((function(e){return a.jsx("div",{className:n.default(b,c===u.indexOf(e)&&m),onClick:function(){return T(u.indexOf(e))},role:"button",tabIndex:0,children:a.jsx(o.Text,{type:"label",children:e})},e)}))}):a.jsx("div",{className:n.default(d,t,_),children:u.map((function(e){return a.jsx("div",{className:n.default(b,l,c===u.indexOf(e)&&m),onClick:function(){return T(u.indexOf(e))},role:"button",tabIndex:0,children:e},e)}))})};
@@ -1 +1 @@
1
- "use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("styled-components"),r=require("../../icons/RemoveIcon.js"),i=require("../../styles/constants/theme.js");function o(n){return n&&n.__esModule?n:{default:n}}require("react"),require("../../icons/icon-base/_IconBase.js");var a,s,c,l,d=o(t),u=d.default.div(a||(a=n.__makeTemplateObject(["\n display: inline-flex;\n // default background color (gray)\n background-color: ",";\n border-radius: ",";\n\n height: ",";\n"],["\n display: inline-flex;\n // default background color (gray)\n background-color: ",";\n border-radius: ",";\n\n height: ",";\n"])),i.theme.gray100,i.theme.radius4,(function(n){return"base"===n.$size?i.theme.space20:i.theme.space24})),g=d.default.button(s||(s=n.__makeTemplateObject(["\n display: inline-flex;\n font-size: ",";\n background-color: ",";\n border-radius: "," 0 0 ",";\n font-weight: normal;\n padding: ",";\n gap: ",";\n color: ",";\n align-items: center;\n text-align: center;\n font-weight: 600;\n &:focus {\n outline: none;\n }\n p {\n margin: 0;\n font-weight: 600;\n }\n\n svg {\n order: ",";\n }\n"],["\n display: inline-flex;\n font-size: ",";\n background-color: ",";\n border-radius: "," 0 0 ",";\n font-weight: normal;\n padding: ",";\n gap: ",";\n color: ",";\n align-items: center;\n text-align: center;\n font-weight: 600;\n &:focus {\n outline: none;\n }\n p {\n margin: 0;\n font-weight: 600;\n }\n\n svg {\n order: ",";\n }\n"])),i.theme.fontSizeS,i.theme.gray100,i.theme.radius6,i.theme.radius6,(function(n){return"base"===n.size?"2px ".concat(i.theme.space4):"".concat(i.theme.space4," ").concat(i.theme.space4," ").concat(i.theme.space4," ").concat(i.theme.space8)}),i.theme.space4,i.theme.textColor,(function(n){return n.iconRight?"2":""})),m=d.default.button(c||(c=n.__makeTemplateObject(["\n border-radius: ",";\n display: inline-flex;\n align-items: center;\n padding: ",";\n"],["\n border-radius: ",";\n display: inline-flex;\n align-items: center;\n padding: ",";\n"])),i.theme.radius4,(function(n){return"base"===n.$size?"2px 3px":"4px 5px"})),h=d.default.div(l||(l=n.__makeTemplateObject(["\n display: flex;\n\n ",":hover & {\n background-color: ",";\n border-radius: 50%;\n }\n"],["\n display: flex;\n\n ",":hover & {\n background-color: ",";\n border-radius: 50%;\n }\n"])),m,i.theme.gray300);exports.Tag=function(n){var t=n.children,i=n.className,o=n.icon,a=n.iconRight,s=n.onClick,c=n.onClose,l=n.size,d=void 0===l?"base":l;return e.jsxs(u,{$size:d,className:i,children:[e.jsxs(g,{iconRight:a,onClick:s,size:d,type:"button",children:[o,e.jsx("p",{children:t})]}),e.jsx(m,{$size:d,onClick:c,type:"button",children:e.jsx(h,{children:e.jsx(r.RemoveIcon,{size:14})})})]})};
1
+ "use strict";var e=require("react/jsx-runtime"),a=require("clsx"),o=require("../../icons/RemoveIcon.js"),i=require("../../style-inject.es-d4ddeae4.js");function n(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js");var r=n(a),t="Amino_Tag-module__tagWrapper--5McNK",s="Amino_Tag-module__base--z0-9-",l="Amino_Tag-module__styledTagLeft--2XXDe",d="Amino_Tag-module__iconRight--LHvji",_="Amino_Tag-module__styledTagRight--5GHpr",m="Amino_Tag-module__styledRemoveBtn--nSh7A";i.styleInject(".Amino_Tag-module__tagWrapper--5McNK{background-color:var(--amino-gray-100);border-radius:var(--amino-radius-4);display:inline-flex;height:24px}.Amino_Tag-module__tagWrapper--5McNK.Amino_Tag-module__base--z0-9-{height:20px}.Amino_Tag-module__styledTagLeft--2XXDe{align-items:center;background-color:var(--amino-gray-100);border-radius:var(--amino-radius-6) 0 0 var(--amino-radius-6);color:var(--amino-text-color);display:inline-flex;font-size:var(--amino-font-size-s);font-weight:400;font-weight:600;gap:4px;padding:4px 4px 4px 8px;text-align:center}.Amino_Tag-module__styledTagLeft--2XXDe:focus{outline:none}.Amino_Tag-module__styledTagLeft--2XXDe p{font-weight:600;margin:0}.Amino_Tag-module__styledTagLeft--2XXDe.Amino_Tag-module__iconRight--LHvji svg{order:2}.Amino_Tag-module__base--z0-9- .Amino_Tag-module__styledTagLeft--2XXDe{padding:2px 4px}.Amino_Tag-module__styledTagRight--5GHpr{align-items:center;border-radius:var(--amino-radius-4);display:inline-flex;padding:4px 5px}.Amino_Tag-module__base--z0-9- .Amino_Tag-module__styledTagRight--5GHpr{padding:2px 3px}.Amino_Tag-module__styledRemoveBtn--nSh7A{display:flex}.Amino_Tag-module__styledTagRight--5GHpr:hover .Amino_Tag-module__styledRemoveBtn--nSh7A{background-color:var(--amino-gray-300);border-radius:50%}");exports.Tag=function(a){var i=a.children,n=a.className,g=a.icon,u=a.iconRight,c=a.onClick,p=a.onClose,T=a.size,x=void 0===T?"base":T;return e.jsxs("div",{className:r.default(n,t,"base"===x&&s),children:[e.jsxs("button",{className:r.default(l,u&&d),onClick:c,type:"button",children:[g,e.jsx("p",{children:i})]}),e.jsx("button",{className:_,onClick:p,type:"button",children:e.jsx("div",{className:m,children:e.jsx(o.RemoveIcon,{size:14})})})]})};
@@ -1,10 +1,10 @@
1
1
  import type { ReactNode } from 'react';
2
+ import type { BaseProps } from "../../types/BaseProps";
2
3
  type LegacyTextStyle = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'code' | 'subtitle' | 'small-header' | 'input-label';
3
- export type LegacyTextProps = {
4
+ export type LegacyTextProps = BaseProps & {
4
5
  children: ReactNode;
5
- className?: string;
6
6
  title?: string;
7
7
  type?: LegacyTextStyle;
8
8
  };
9
- export declare const LegacyText: ({ children, className, title, type, }: LegacyTextProps) => import("react/jsx-runtime").JSX.Element;
9
+ export declare const LegacyText: ({ children, className, style, title, type, }: LegacyTextProps) => import("react/jsx-runtime").JSX.Element;
10
10
  export {};
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),n=require("styled-components"),s=require("../../styles/constants/theme.js");function a(e){return e&&e.__esModule?e:{default:e}}var l,r,i,c=a(n),h=c.default.span(l||(l=e.__makeTemplateObject(["\n font-size: ",";\n line-height: 16px;\n color: ",";\n"],["\n font-size: ",";\n line-height: 16px;\n color: ",";\n"])),s.theme.fontSizeS,s.theme.gray900),o=c.default.span(r||(r=e.__makeTemplateObject(["\n font-size: 13px;\n font-weight: 500;\n letter-spacing: 0.05em;\n opacity: 0.5;\n text-transform: uppercase;\n"],["\n font-size: 13px;\n font-weight: 500;\n letter-spacing: 0.05em;\n opacity: 0.5;\n text-transform: uppercase;\n"]))),m=c.default.span(i||(i=e.__makeTemplateObject(["\n color: ",";\n display: block;\n font-family: ",";\n font-size: 14px;\n font-weight: 400;\n line-height: 16px;\n margin-bottom: ",";\n"],["\n color: ",";\n display: block;\n font-family: ",";\n font-size: 14px;\n font-weight: 400;\n line-height: 16px;\n margin-bottom: ",";\n"])),s.theme.gray1200,s.theme.fontSans,s.theme.space8);exports.LegacyText=function(e){var n=e.children,s=e.className,a=e.title;switch(e.type){case"h1":return t.jsx("h1",{className:s,title:a,children:n});case"h2":return t.jsx("h2",{className:s,title:a,children:n});case"h3":return t.jsx("h3",{className:s,title:a,children:n});case"h4":return t.jsx("h4",{className:s,title:a,children:n});case"h5":return t.jsx("h5",{className:s,title:a,children:n});case"h6":return t.jsx("h6",{className:s,title:a,children:n});case"subtitle":return t.jsx(h,{className:s,title:a,children:n});case"small-header":return t.jsx(o,{className:s,title:a,children:n});case"input-label":return t.jsx(m,{className:s,title:a,children:n});default:return t.jsx("p",{className:s,title:a,children:n})}};
1
+ "use strict";var e=require("react/jsx-runtime"),t=require("clsx"),s=require("../../style-inject.es-d4ddeae4.js");function l(e){return e&&e.__esModule?e:{default:e}}var a=l(t),i="Amino_LegacyText-module__subtitle--OBcTs",r="Amino_LegacyText-module__smallHeader--KFt66",n="Amino_LegacyText-module__inputLabel--obv0J";s.styleInject(".Amino_LegacyText-module__subtitle--OBcTs{color:var(--amino-gray-900);font-size:var(--amino-font-size-s);line-height:16px}.Amino_LegacyText-module__smallHeader--KFt66{font-size:13px;font-weight:500;letter-spacing:.05em;opacity:.5;text-transform:uppercase}.Amino_LegacyText-module__inputLabel--obv0J{color:var(--amino-gray-1200);display:block;font-family:var(--amino-font-sans);font-size:14px;font-weight:400;line-height:16px;margin-bottom:8px}");exports.LegacyText=function(t){var s=t.children,l=t.className,c=t.style,o=t.title;switch(t.type){case"h1":return e.jsx("h1",{className:l,style:c,title:o,children:s});case"h2":return e.jsx("h2",{className:l,style:c,title:o,children:s});case"h3":return e.jsx("h3",{className:l,style:c,title:o,children:s});case"h4":return e.jsx("h4",{className:l,style:c,title:o,children:s});case"h5":return e.jsx("h5",{className:l,style:c,title:o,children:s});case"h6":return e.jsx("h6",{className:l,style:c,title:o,children:s});case"subtitle":return e.jsx("span",{className:a.default(l,i),style:c,title:o,children:s});case"small-header":return e.jsx("span",{className:a.default(l,r),style:c,title:o,children:s});case"input-label":return e.jsx("span",{className:a.default(l,n),style:c,title:o,children:s});default:return e.jsx("p",{className:l,style:c,title:o,children:s})}};
@@ -1,5 +1,6 @@
1
1
  import type { ReactNode } from 'react';
2
2
  import { type Color } from "../../types";
3
+ import type { BaseProps } from "../../types/BaseProps";
3
4
  export declare const textOthers: readonly ["code", "subtitle", "small-header", "input-label"];
4
5
  type OtherText = (typeof textOthers)[number];
5
6
  export declare const textOptions: readonly [{
@@ -92,13 +93,12 @@ type TypographyOverrides = {
92
93
  lineHeight?: Size;
93
94
  };
94
95
  type TextStyle = Type | OtherText;
95
- export type TextProps = {
96
+ export type TextProps = BaseProps & {
96
97
  children: ReactNode;
97
- className?: string;
98
98
  isUppercase?: boolean;
99
99
  tag?: Tag;
100
100
  title?: string;
101
101
  type?: TextStyle;
102
102
  } & TypographyOverrides;
103
- export declare const Text: ({ children, className, color, fontSize, fontWeight, isUppercase, lineHeight, tag, title, type, }: TextProps) => import("react/jsx-runtime").JSX.Element;
103
+ export declare const Text: ({ children, className, color, fontSize, fontWeight, isUppercase, lineHeight, style, tag, title, type, }: TextProps) => import("react/jsx-runtime").JSX.Element;
104
104
  export {};
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),i=require("styled-components"),a=require("../../styles/constants/theme.js");function s(e){return e&&e.__esModule?e:{default:e}}var n,r,l,h=s(i),o=h.default.span(n||(n=e.__makeTemplateObject(["\n font-size: ",";\n line-height: 16px;\n color: ",";\n"],["\n font-size: ",";\n line-height: 16px;\n color: ",";\n"])),a.theme.fontSizeS,a.theme.gray900),p=h.default.span(r||(r=e.__makeTemplateObject(["\n color: ",";\n display: block;\n font-family: ",";\n font-size: 14px;\n font-weight: 400;\n line-height: 16px;\n margin-bottom: ",";\n"],["\n color: ",";\n display: block;\n font-family: ",";\n font-size: 14px;\n font-weight: 400;\n line-height: 16px;\n margin-bottom: ",";\n"])),a.theme.gray1200,a.theme.fontSans,a.theme.space8),g=[{label:"Page Header (3XL) · 34px (2.125rem)",size:"3xl",tag:"h2",type:"page-header",weight:700},{label:"Header (2XL) · 28px (1.75rem)",size:"2xl",tag:"h3",type:"header",weight:600},{label:"Description Header (2XL) · 28px (1.75rem)",size:"2xl",tag:"h3",type:"description-header",weight:700},{label:"Title (XL) • 22px (1.375rem)",size:"xl",tag:"h4",type:"title",weight:600},{label:"Bold Subheader (L) • 18px (1.125rem)",size:"l",tag:"h5",type:"bold-subheader",weight:700},{label:"Semi Bold Subheader (L / H4) • 18px (1.125rem)",size:"l",tag:"h5",type:"semi-bold-subheader",weight:600},{label:"Subheader (L) • 18px (1.125rem)",size:"l",tag:"h5",type:"subheader",weight:500},{label:"Bold Label (Base) • 14px (.875rem)",size:"base",tag:"span",type:"bold-label",weight:700},{label:"Label (Base) • 14px (.875rem)",size:"base",tag:"span",type:"label",weight:500},{label:"Body (Base) • 14px (.875rem)",size:"base",tag:"span",type:"body",weight:400},{label:"Small header (S) • 12px (.75rem)",size:"s",tag:"span",type:"small-header",weight:600},{label:"Caption (S) • 12px (.75rem)",size:"s",tag:"span",type:"caption",weight:400},{label:"Hint text (XS) • 10px (.625rem)",size:"xs",tag:"span",type:"hint-text",weight:400}],c=e.__read(g,13),d=c[0],u=c[1],z=c[2],b=c[3],f=c[4],m=c[5],x=c[6],w=c[7],y=c[8],U=c[9],W=c[10],S=c[11],$=c[12],_=h.default.h1(l||(l=e.__makeTemplateObject(["\n font-size: ",";\n font-weight: ",";\n line-height: ",";\n margin: 0;\n color: ",";\n text-transform: ",";\n\n svg {\n display: inline-block;\n vertical-align: middle;\n }\n"],["\n font-size: ",";\n font-weight: ",";\n line-height: ",";\n margin: 0;\n color: ",";\n text-transform: ",";\n\n svg {\n display: inline-block;\n vertical-align: middle;\n }\n"])),(function(e){return"var(--amino-font-size-".concat(e.$fontSize||e.$size,")")}),(function(e){return e.$fontWeight}),(function(e){return"var(--amino-line-height-".concat(e.$lineHeight||e.$size,")")}),(function(e){return e.$color&&a.theme[e.$color]}),(function(e){return e.$isUppercase&&"uppercase"}));exports.Text=function(e){var i=e.children,a=e.className,s=e.color,n=e.fontSize,r=e.fontWeight,l=e.isUppercase,h=e.lineHeight,g=e.tag,c=e.title,v=function(e){var r=e.as,l=e.fontWeight,o=e.isUppercase,p=e.size;return t.jsx(_,{$color:s,$fontSize:n,$fontWeight:l,$isUppercase:!!o,$lineHeight:h,$size:p,as:r,className:a,title:c,children:i})};switch(e.type){case"page-header":return v({as:g||d.tag,fontWeight:r||d.weight,isUppercase:l,size:d.size});case"header":return v({as:g||u.tag,fontWeight:r||u.weight,isUppercase:l,size:u.size});case"description-header":return v({as:g||z.tag,fontWeight:r||z.weight,isUppercase:l,size:z.size});case"title":return v({as:g||b.tag,fontWeight:r||b.weight,isUppercase:l,size:b.size});case"bold-subheader":return v({as:g||f.tag,fontWeight:r||f.weight,isUppercase:l,size:f.size});case"semi-bold-subheader":return v({as:g||m.tag,fontWeight:r||m.weight,isUppercase:l,size:m.size});case"subheader":return v({as:g||x.tag,fontWeight:r||x.weight,isUppercase:l,size:x.size});case"bold-label":return v({as:g||w.tag,fontWeight:r||w.weight,isUppercase:l,size:w.size});case"label":return v({as:g||y.tag,fontWeight:r||y.weight,isUppercase:l,size:y.size});case"small-header":return v({as:g||W.tag,fontWeight:r||W.weight,isUppercase:"boolean"!=typeof l||l,size:W.size});case"caption":return v({as:g||S.tag,fontWeight:r||S.weight,isUppercase:l,size:S.size});case"hint-text":return v({as:g||$.tag,fontWeight:r||$.weight,isUppercase:l,size:$.size});case"subtitle":return t.jsx(o,{className:a,title:c,children:i});case"input-label":return t.jsx(p,{className:a,title:c,children:i});default:return v({as:g||U.tag,fontWeight:r||U.weight,isUppercase:l,size:U.size})}},exports.textOptions=g,exports.textOthers=["code","subtitle","small-header","input-label"];
1
+ "use strict";var e=require("../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),a=require("clsx"),i=require("../../styles/constants/theme.js"),s=require("../../style-inject.es-d4ddeae4.js");function r(e){return e&&e.__esModule?e:{default:e}}var n=r(a),l="Amino_Text-module__subTitle--ar8xY",o="Amino_Text-module__inputLabel--7RwJ6",h="Amino_Text-module__typography--Ucf02";s.styleInject(".Amino_Text-module__subTitle--ar8xY{color:var(--amino-gray-900);font-size:var(--amino-font-size-s);line-height:16px}.Amino_Text-module__inputLabel--7RwJ6{color:var(--amino-gray-1200);display:block;font-family:var(--amino-font-sans);font-size:14px;font-weight:400;line-height:16px;margin-bottom:8px}.Amino_Text-module__typography--Ucf02{color:var(--amino-text-color);font-size:var(--amino-text-font-size);font-weight:var(--amino-text-font-weight);line-height:var(--amino-text-line-height);margin:0;text-transform:var(--amino-text-transform)}.Amino_Text-module__typography--Ucf02 svg{display:inline-block;vertical-align:middle}");var g=[{label:"Page Header (3XL) · 34px (2.125rem)",size:"3xl",tag:"h2",type:"page-header",weight:700},{label:"Header (2XL) · 28px (1.75rem)",size:"2xl",tag:"h3",type:"header",weight:600},{label:"Description Header (2XL) · 28px (1.75rem)",size:"2xl",tag:"h3",type:"description-header",weight:700},{label:"Title (XL) • 22px (1.375rem)",size:"xl",tag:"h4",type:"title",weight:600},{label:"Bold Subheader (L) • 18px (1.125rem)",size:"l",tag:"h5",type:"bold-subheader",weight:700},{label:"Semi Bold Subheader (L / H4) • 18px (1.125rem)",size:"l",tag:"h5",type:"semi-bold-subheader",weight:600},{label:"Subheader (L) • 18px (1.125rem)",size:"l",tag:"h5",type:"subheader",weight:500},{label:"Bold Label (Base) • 14px (.875rem)",size:"base",tag:"span",type:"bold-label",weight:700},{label:"Label (Base) • 14px (.875rem)",size:"base",tag:"span",type:"label",weight:500},{label:"Body (Base) • 14px (.875rem)",size:"base",tag:"span",type:"body",weight:400},{label:"Small header (S) • 12px (.75rem)",size:"s",tag:"span",type:"small-header",weight:600},{label:"Caption (S) • 12px (.75rem)",size:"s",tag:"span",type:"caption",weight:400},{label:"Hint text (XS) • 10px (.625rem)",size:"xs",tag:"span",type:"hint-text",weight:400}],p=e.__read(g,13),c=p[0],m=p[1],d=p[2],u=p[3],x=p[4],b=p[5],z=p[6],f=p[7],_=p[8],w=p[9],y=p[10],v=p[11],U=p[12];exports.Text=function(a){var s=a.children,r=a.className,g=a.color,p=a.fontSize,W=a.fontWeight,j=a.isUppercase,L=a.lineHeight,T=a.style,S=a.tag,A=a.title,B=function(a){var l=a.as,o=a.fontWeight,c=a.isUppercase,m=a.size,d={className:n.default(r,h),style:e.__assign(e.__assign({},T),{"--amino-text-color":g?i.theme[g]:"","--amino-text-font-size":"var(--amino-font-size-".concat(p||m,")"),"--amino-text-font-weight":o||"","--amino-text-line-height":"var(--amino-line-height-".concat(L||m,")"),"--amino-text-transform":c?"uppercase":""}),title:A};switch(l){case"h2":return t.jsx("h2",e.__assign({},d,{children:s}));case"h3":return t.jsx("h3",e.__assign({},d,{children:s}));case"h4":return t.jsx("h4",e.__assign({},d,{children:s}));case"h5":return t.jsx("h5",e.__assign({},d,{children:s}));default:return t.jsx("span",e.__assign({},d,{children:s}))}};switch(a.type){case"page-header":return B({as:S||c.tag,fontWeight:W||c.weight,isUppercase:j,size:c.size});case"header":return B({as:S||m.tag,fontWeight:W||m.weight,isUppercase:j,size:m.size});case"description-header":return B({as:S||d.tag,fontWeight:W||d.weight,isUppercase:j,size:d.size});case"title":return B({as:S||u.tag,fontWeight:W||u.weight,isUppercase:j,size:u.size});case"bold-subheader":return B({as:S||x.tag,fontWeight:W||x.weight,isUppercase:j,size:x.size});case"semi-bold-subheader":return B({as:S||b.tag,fontWeight:W||b.weight,isUppercase:j,size:b.size});case"subheader":return B({as:S||z.tag,fontWeight:W||z.weight,isUppercase:j,size:z.size});case"bold-label":return B({as:S||f.tag,fontWeight:W||f.weight,isUppercase:j,size:f.size});case"label":return B({as:S||_.tag,fontWeight:W||_.weight,isUppercase:j,size:_.size});case"small-header":return B({as:S||y.tag,fontWeight:W||y.weight,isUppercase:"boolean"!=typeof j||j,size:y.size});case"caption":return B({as:S||v.tag,fontWeight:W||v.weight,isUppercase:j,size:v.size});case"hint-text":return B({as:S||U.tag,fontWeight:W||U.weight,isUppercase:j,size:U.size});case"subtitle":return t.jsx("span",{className:n.default(r,l),title:A,children:s});case"input-label":return t.jsx("span",{className:n.default(r,o),title:A,children:s});default:return B({as:S||w.tag,fontWeight:W||w.weight,isUppercase:j,size:w.size})}},exports.textOptions=g,exports.textOthers=["code","subtitle","small-header","input-label"];
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),n=require("styled-components"),r=require("../../styles/constants/theme.js");function i(e){return e&&e.__esModule?e:{default:e}}var a,o=i(n).default.div.attrs((function(e){return{style:{background:"linear-gradient(\n 137deg,\n ".concat(e.gradientStart,",\n ").concat(e.gradientEnd,"\n )")}}}))(a||(a=e.__makeTemplateObject(["\n width: 32px;\n height: 32px;\n border-radius: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n font-weight: 500;\n color: ",";\n font-weight: 500;\n"],["\n width: 32px;\n height: 32px;\n border-radius: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n font-weight: 500;\n color: ",";\n font-weight: 500;\n"])),r.theme.radius6,r.theme.gray1000),c=function(e,t){var n=Array.from(e).reduce((function(e,t){return t.charCodeAt(0)+((e<<5)-e)}),0);return"hsl(".concat(n%360,", 95%, ").concat(t,"%)")};exports.TextAvatar=function(e){var n,r=e.label;return t.jsx(o,{gradientEnd:c(r&&r.split("").reverse().join("")||"default label",30),gradientStart:c(r||"default label",75),children:r&&(null===(n=r[0])||void 0===n?void 0:n.toUpperCase())||"D"})};
1
+ "use strict";var e=require("react/jsx-runtime"),a=require("../../style-inject.es-d4ddeae4.js"),t="Amino_TextAvatar-module__gradientSquare--XZznH";a.styleInject(".Amino_TextAvatar-module__gradientSquare--XZznH{align-items:center;background:linear-gradient(137deg,var(--amino-text-avatar-gradient-start),var(--amino-text-avatar-gradient-end));border-radius:var(--amino-radius-6);color:var(--amino-gray-1000);display:flex;font-weight:500;height:32px;justify-content:center;width:32px}");var r=function(e,a){var t=Array.from(e).reduce((function(e,a){return a.charCodeAt(0)+((e<<5)-e)}),0);return"hsl(".concat(t%360,", 95%, ").concat(a,"%)")};exports.TextAvatar=function(a){var n,i=a.label;return e.jsx("div",{className:t,style:{"--amino-text-avatar-gradient-end":r(i&&i.split("").reverse().join("")||"default label",30),"--amino-text-avatar-gradient-start":r(i||"default label",75)},children:i&&(null===(n=i[0])||void 0===n?void 0:n.toUpperCase())||"D"})};
@@ -1 +1 @@
1
- "use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("react"),o=require("styled-components"),r=require("../help-text/HelpText.js"),a=require("../../styles/constants/theme.js"),i=require("../../utils/hooks/useHeightAdjustTextarea.js");function l(n){return n&&n.__esModule?n:{default:n}}require("clsx"),require("../text/Text.js"),require("../../style-inject.es-d4ddeae4.js");var s,d,u,c,p,h=l(o),b=h.default.div(s||(s=n.__makeTemplateObject(["\n border-radius: ",";\n border: ",";\n position: relative;\n &:hover {\n border: 1px solid ",";\n }\n"],["\n border-radius: ",";\n border: ",";\n position: relative;\n &:hover {\n border: 1px solid ",";\n }\n"])),a.theme.radius12,a.theme.border,a.theme.gray300),f=h.default.div(d||(d=n.__makeTemplateObject(["\n &::after {\n content: '';\n position: absolute;\n z-index: 1;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n border-radius: ",";\n }\n"],["\n &::after {\n content: '';\n position: absolute;\n z-index: 1;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n border-radius: ",";\n }\n"])),a.theme.radius12),m=h.default.label(u||(u=n.__makeTemplateObject(["\n color: ",";\n font-size: ",";\n line-height: ",";\n position: absolute;\n filter: blur(0);\n top: calc("," + 6px);\n transform-origin: left top;\n transition: ",";\n left: ",";\n z-index: 3;\n"],["\n color: ",";\n font-size: ",";\n line-height: ",";\n position: absolute;\n filter: blur(0);\n top: calc("," + 6px);\n transform-origin: left top;\n transition: ",";\n left: ",";\n z-index: 3;\n"])),a.theme.gray800,a.theme.fontSizeBase,a.theme.fontSizeBase,a.theme.fontSizeBase,a.theme.transition,a.theme.space16),x=h.default.textarea(c||(c=n.__makeTemplateObject(["\n box-sizing: border-box;\n position: relative;\n padding: 0 ",";\n padding-top: ",";\n outline: none;\n order: 2;\n width: 100%;\n border-radius: ",";\n background: ",";\n border: 0;\n font-size: ",";\n font-weight: 500;\n z-index: 2;\n display: block;\n\n :-internal-autofill-selected {\n border-radius: "," 0 0 ",";\n && + label + div {\n background-color: #e8f0fe;\n }\n }\n &.has-label {\n margin-top: ",";\n padding: 0 4px "," ",";\n\n &::placeholder {\n opacity: 0;\n }\n\n &.has-content,\n &:focus {\n &::placeholder {\n opacity: 0.6;\n }\n & + "," {\n top: 11px;\n transform: scale(0.8);\n & + "," {\n &::before {\n content: '';\n position: absolute;\n z-index: 2;\n left: 0;\n top: 0;\n height: 25px;\n right: 0;\n background: ",";\n border-radius: ",";\n }\n }\n }\n }\n }\n\n &::placeholder {\n transition: ",";\n color: ",";\n font-weight: 400;\n opacity: 0.6;\n }\n\n :focus {\n outline: none;\n & ~ ","::after {\n box-shadow: ",";\n }\n }\n\n &.has-error ~ ","::after {\n box-shadow: ",";\n }\n"],["\n box-sizing: border-box;\n position: relative;\n padding: 0 ",";\n padding-top: ",";\n outline: none;\n order: 2;\n width: 100%;\n border-radius: ",";\n background: ",";\n border: 0;\n font-size: ",";\n font-weight: 500;\n z-index: 2;\n display: block;\n\n :-internal-autofill-selected {\n border-radius: "," 0 0 ",";\n && + label + div {\n background-color: #e8f0fe;\n }\n }\n &.has-label {\n margin-top: ",";\n padding: 0 4px "," ",";\n\n &::placeholder {\n opacity: 0;\n }\n\n &.has-content,\n &:focus {\n &::placeholder {\n opacity: 0.6;\n }\n & + "," {\n top: 11px;\n transform: scale(0.8);\n & + "," {\n &::before {\n content: '';\n position: absolute;\n z-index: 2;\n left: 0;\n top: 0;\n height: 25px;\n right: 0;\n background: ",";\n border-radius: ",";\n }\n }\n }\n }\n }\n\n &::placeholder {\n transition: ",";\n color: ",";\n font-weight: 400;\n opacity: 0.6;\n }\n\n :focus {\n outline: none;\n & ~ ","::after {\n box-shadow: ",";\n }\n }\n\n &.has-error ~ ","::after {\n box-shadow: ",";\n }\n"])),a.theme.space16,a.theme.space8,a.theme.radius6,a.theme.inputBackground,a.theme.fontSizeBase,a.theme.radius6,a.theme.radius6,a.theme.space24,a.theme.space8,a.theme.space16,m,f,a.theme.inputBackground,a.theme.radius6,a.theme.transition,a.theme.gray400,f,a.theme.glowBlue,f,a.theme.glowError),g=h.default.div(p||(p=n.__makeTemplateObject(["\n position: relative;\n width: ",";\n\n &.disabled {\n * {\n cursor: not-allowed;\n }\n "," {\n opacity: 0.4;\n }\n "," {\n user-select: none;\n }\n }\n"],["\n position: relative;\n width: ",";\n\n &.disabled {\n * {\n cursor: not-allowed;\n }\n "," {\n opacity: 0.4;\n }\n "," {\n user-select: none;\n }\n }\n"])),(function(n){return n.$width?"".concat(n.$width,"px"):"100%"}),b,x),w=t.forwardRef((function(o,a){var l=o.className,s=o.disabled,d=o.error,u=o.expandable,c=o.helpText,p=o.label,h=o.maxRows,w=o.rows,v=o.value,j=o.width,k=n.__rest(o,["className","disabled","error","expandable","helpText","label","maxRows","rows","value","width"]),z=!!v,y=t.useRef(null);return i.useHeightAdjustTextarea({maxRows:h,ref:y,shouldExpand:!!u,textareaValue:(null==v?void 0:v.toString())||""}),e.jsxs(g,{$width:j,className:"amino-input-wrapper ".concat(l||""," ").concat(s?"disabled":""),children:[e.jsxs(b,{onClick:function(){var n;return null===(n=null==y?void 0:y.current)||void 0===n?void 0:n.focus()},children:[e.jsx(x,n.__assign({ref:function(n){a&&"function"==typeof a?a(n):a&&(a.current=n),y.current=n},className:[d?"has-error":"",p?"has-label":"",z?"has-content":""].join(" "),disabled:s,label:p,rows:w,value:v},k)),e.jsx(m,{"data-label":p,onClick:function(){var n;return null===(n=null==y?void 0:y.current)||void 0===n?void 0:n.focus()},children:p}),e.jsx(f,{})]}),e.jsx(r.HelpText,{error:d,helpText:c})]})}));exports.Textarea=w;
1
+ "use strict";var e=require("../../_tslib-ccfac372.js"),a=require("react/jsx-runtime"),o=require("react"),r=require("clsx"),t=require("../help-text/HelpText.js"),l=require("../../utils/hooks/useHeightAdjustTextarea.js"),i=require("../../style-inject.es-d4ddeae4.js");function n(e){return e&&e.__esModule?e:{default:e}}require("../text/Text.js"),require("../../styles/constants/theme.js");var d=n(r),_="Amino_Textarea-module__fields--z7afT",s="Amino_Textarea-module__styledBorder--yOPdL",u="Amino_Textarea-module__styledLabelInput--Q6-k8",m="Amino_Textarea-module__styledTextarea--Mk9DH",x="Amino_Textarea-module__hasLabel--qqvuZ",T="Amino_Textarea-module__hasContent--xpSft",p="Amino_Textarea-module__hasError--LdKr8",b="Amino_Textarea-module__aminoInputWrapper--h9Y-6",c="Amino_Textarea-module__disabled--YH6dm";i.styleInject('.Amino_Textarea-module__fields--z7afT{border:var(--amino-border);border-radius:var(--amino-radius-12);position:relative}.Amino_Textarea-module__fields--z7afT:hover{border:1px solid var(--amino-gray-300)}.Amino_Textarea-module__styledBorder--yOPdL:after{border-radius:var(--amino-radius-12);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.Amino_Textarea-module__styledLabelInput--Q6-k8{color:var(--amino-gray-800);filter:blur(0);font-size:var(--amino-font-size-base);left:16px;line-height:var(--amino-font-size-base);position:absolute;top:calc(var(--amino-font-size-base) + 6px);transform-origin:left top;transition:var(--amino-transition);z-index:3}.Amino_Textarea-module__styledTextarea--Mk9DH{background:var(--amino-input-background);border:0;border-radius:var(--amino-radius-6);box-sizing:border-box;display:block;font-size:var(--amino-font-size-base);font-weight:500;order:2;outline:none;padding:8px 16px 0;position:relative;width:100%;z-index:2}.Amino_Textarea-module__styledTextarea--Mk9DH :-internal-autofill-selected{border-radius:var(--amino-radius-6) 0 0 var(--amino-radius-6)}.Amino_Textarea-module__styledTextarea--Mk9DH :-internal-autofill-selected+label+div{background-color:#e8f0fe}.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ{margin-top:24px;padding:0 4px 8px 16px}.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ::placeholder{opacity:0}.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ.Amino_Textarea-module__hasContent--xpSft::placeholder,.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ:focus::placeholder{opacity:.6}.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ.Amino_Textarea-module__hasContent--xpSft+.Amino_Textarea-module__styledLabelInput--Q6-k8,.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ:focus+.Amino_Textarea-module__styledLabelInput--Q6-k8{top:11px;transform:scale(.8)}.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ.Amino_Textarea-module__hasContent--xpSft+.Amino_Textarea-module__styledLabelInput--Q6-k8+.Amino_Textarea-module__styledBorder--yOPdL:before,.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasLabel--qqvuZ:focus+.Amino_Textarea-module__styledLabelInput--Q6-k8+.Amino_Textarea-module__styledBorder--yOPdL:before{background:var(--amino-input-background);border-radius:var(--amino-radius-6);content:"";height:25px;left:0;position:absolute;right:0;top:0;z-index:2}.Amino_Textarea-module__styledTextarea--Mk9DH::placeholder{color:var(--amino-gray-400);font-weight:400;opacity:.6;transition:var(--amino-transition)}.Amino_Textarea-module__styledTextarea--Mk9DH:focus{outline:none}.Amino_Textarea-module__styledTextarea--Mk9DH:focus~.Amino_Textarea-module__styledBorder--yOPdL:after{box-shadow:var(--amino-glow-blue)}.Amino_Textarea-module__styledTextarea--Mk9DH.Amino_Textarea-module__hasError--LdKr8~.Amino_Textarea-module__styledBorder--yOPdL:after{box-shadow:var(--amino-glow-error)}.Amino_Textarea-module__aminoInputWrapper--h9Y-6{position:relative;width:var(--amino-textarea-width)}.Amino_Textarea-module__aminoInputWrapper--h9Y-6.Amino_Textarea-module__disabled--YH6dm *{cursor:not-allowed}.Amino_Textarea-module__aminoInputWrapper--h9Y-6.Amino_Textarea-module__disabled--YH6dm .Amino_Textarea-module__fields--z7afT{opacity:.4}.Amino_Textarea-module__aminoInputWrapper--h9Y-6.Amino_Textarea-module__disabled--YH6dm .Amino_Textarea-module__styledTextarea--Mk9DH{-webkit-user-select:none;user-select:none}');var A=o.forwardRef((function(r,i){var n,A=r.className,f=r.disabled,v=r.error,h=r.expandable,y=r.helpText,k=r.label,q=r.maxRows,g=r.rows,H=r.value,L=r.width,w=e.__rest(r,["className","disabled","error","expandable","helpText","label","maxRows","rows","value","width"]),M=!!H,j=o.useRef(null);return l.useHeightAdjustTextarea({maxRows:q,ref:j,shouldExpand:!!h,textareaValue:(null==H?void 0:H.toString())||""}),a.jsxs("div",{className:d.default(A,b,"amino-input-wrapper",f&&c),style:{"--amino-textarea-width":L||"100%"},children:[a.jsxs("div",{className:_,onClick:function(){var e;return null===(e=null==j?void 0:j.current)||void 0===e?void 0:e.focus()},role:"button",tabIndex:0,children:[a.jsx("textarea",e.__assign({ref:function(e){i&&"function"==typeof i?i(e):i&&(i.current=e),j.current=e},className:d.default(m,v&&p,k&&x,M&&T),disabled:f,rows:g,value:H},w)),a.jsx("label",{className:u,"data-label":k,htmlFor:null===(n=null==j?void 0:j.current)||void 0===n?void 0:n.id,onClick:function(){var e;return null===(e=null==j?void 0:j.current)||void 0===e?void 0:e.focus()},children:k}),a.jsx("div",{className:s})]}),a.jsx(t.HelpText,{error:v,helpText:y})]})}));exports.Textarea=A;
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("styled-components"),t=require("../card/Card.js"),i=require("../select/Select.js"),s=require("../stack/HStack.js"),c=require("../switch/Switch.js"),o=require("../text/Text.js"),a=require("../../icons/custom/theme/ThemeDarkIcon.js"),u=require("../../icons/custom/theme/ThemeLightIcon.js"),l=require("../../icons/NightIcon.js"),d=require("../../icons/SunnyIcon.js"),h=require("../../styles/constants/theme.js"),m=require("../../utils/hooks/useAminoTheme.js");function j(e){return e&&e.__esModule?e:{default:e}}require("clsx"),require("../../style-inject.es-d4ddeae4.js"),require("../help-text/HelpText.js"),require("../select/_StyledReactSelect.js"),require("react"),require("react-select"),require("../checkbox/Checkbox.js"),require("framer-motion"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../stack/Stack.js"),require("../../icons/flag-icon/useStableUniqueId.js"),require("uuid"),require("../../icons/icon-base/_ThemeIconBase.js"),require("../../Theme-61f4342c.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr");var q,x,g=j(r),b=g.default.button(q||(q=e.__makeTemplateObject(["\n border: ",";\n color: ",";\n border-radius: ",";\n\n &:not([disabled]) {\n &:active,\n &:focus {\n outline: none;\n }\n }\n"],["\n border: ",";\n color: ",";\n border-radius: ",";\n\n &:not([disabled]) {\n &:active,\n &:focus {\n outline: none;\n }\n }\n"])),(function(e){return"2px solid ".concat(e.$isActive?h.theme.blue400:"transparent")}),(function(e){return e.$isActive?h.theme.primary:h.theme.textColor}),h.theme.radius8),p=g.default(t.Card)(x||(x=e.__makeTemplateObject(["\n background: ",";\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: ",";\n\n svg {\n height: 64px;\n width: 110px;\n box-shadow: ",";\n margin-bottom: ",";\n }\n"],["\n background: ",";\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: ",";\n\n svg {\n height: 64px;\n width: 110px;\n box-shadow: ",";\n margin-bottom: ",";\n }\n"])),h.theme.gray0,h.theme.space16,h.theme.v3ShadowLarge,h.theme.space16),y=[{label:"Light",value:"day"},{label:"Dark",value:"night"}];exports.ThemeSelect=function(e){var r=e.className,t=e.disabled,h=void 0!==t&&t,j=e.type,q=void 0===j?"select":j,x=m.useAminoTheme(),g=x.aminoTheme,f=x.setAminoTheme,k="day"===g;return n.jsxs(n.Fragment,{children:["cards"===q&&n.jsxs(s.HStack,{className:r,children:[n.jsx(b,{$isActive:"day"===g,"data-theme":"day",onClick:function(){return f("day")},type:"button",children:n.jsxs(p,{children:[n.jsx(u.ThemeLightIcon,{}),n.jsx(o.Text,{type:"bold-label",children:"Light"})]})}),n.jsx(b,{$isActive:"night"===g,"data-theme":"night",onClick:function(){return f("night")},type:"button",children:n.jsxs(p,{children:[n.jsx(a.ThemeDarkIcon,{}),n.jsx(o.Text,{type:"bold-label",children:"Dark"})]})})]}),"select"===q&&n.jsx(i.Select,{className:r,icon:function(){switch(g){case"day":default:return n.jsx(d.SunnyIcon,{});case"night":return n.jsx(l.NightIcon,{})}}(),isClearable:!1,isDisabled:h,onChange:function(e){return f((null==e?void 0:e.value)||"day")},options:y,value:y.filter((function(e){return e.value===g}))}),"toggle"===q&&n.jsx(c.Switch,{checked:k,className:r,disabled:h,onChange:function(){return!h&&f("day"===g?"night":"day")},switchIconLeft:n.jsx(l.NightIcon,{}),switchIconRight:n.jsx(d.SunnyIcon,{})})]})};
1
+ "use strict";var e=require("react/jsx-runtime"),r=require("clsx"),t=require("../card/Card.js"),i=require("../select/Select.js"),s=require("../stack/HStack.js"),o=require("../switch/Switch.js"),n=require("../text/Text.js"),c=require("../../icons/custom/theme/ThemeDarkIcon.js"),a=require("../../icons/custom/theme/ThemeLightIcon.js"),l=require("../../icons/NightIcon.js"),u=require("../../icons/SunnyIcon.js"),d=require("../../utils/hooks/useAminoTheme.js"),m=require("../../style-inject.es-d4ddeae4.js");function h(e){return e&&e.__esModule?e:{default:e}}require("../../_tslib-ccfac372.js"),require("../../styles/constants/theme.js"),require("../help-text/HelpText.js"),require("../select/_StyledReactSelect.js"),require("react"),require("react-select"),require("../checkbox/Checkbox.js"),require("framer-motion"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../stack/Stack.js"),require("../../icons/flag-icon/useStableUniqueId.js"),require("uuid"),require("../../icons/icon-base/_ThemeIconBase.js"),require("../../Theme-61f4342c.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr");var j=h(r),q="Amino_ThemeSelect-module__buttonStyled--wBHjJ",x="Amino_ThemeSelect-module__isActive--ZPXYh",_="Amino_ThemeSelect-module__themeCard--hAr8l";m.styleInject(".Amino_ThemeSelect-module__buttonStyled--wBHjJ{border:2px solid #0000;border-radius:var(--amino-radius-8);color:var(--amino-text-color)}.Amino_ThemeSelect-module__buttonStyled--wBHjJ.Amino_ThemeSelect-module__isActive--ZPXYh{border-color:var(--amino-blue-400);color:var(--amino-primary)}.Amino_ThemeSelect-module__buttonStyled--wBHjJ:not([disabled]):active,.Amino_ThemeSelect-module__buttonStyled--wBHjJ:not([disabled]):focus{outline:none}.Amino_ThemeSelect-module__themeCard--hAr8l{align-items:center;background:var(--amino-gray-0);display:flex;flex-direction:column;padding:16px}.Amino_ThemeSelect-module__themeCard--hAr8l svg{box-shadow:var(--amino-v3-shadow-large);height:64px;margin-bottom:16px;width:110px}");var b=[{label:"Light",value:"day"},{label:"Dark",value:"night"}];exports.ThemeSelect=function(r){var m=r.className,h=r.disabled,g=void 0!==h&&h,S=r.type,y=void 0===S?"select":S,v=d.useAminoTheme(),T=v.aminoTheme,I=v.setAminoTheme,k="day"===T;return e.jsxs(e.Fragment,{children:["cards"===y&&e.jsxs(s.HStack,{className:m,children:[e.jsx("button",{className:j.default(q,"day"===T&&x),"data-theme":"day",onClick:function(){return I("day")},type:"button",children:e.jsxs(t.Card,{className:_,children:[e.jsx(a.ThemeLightIcon,{}),e.jsx(n.Text,{type:"bold-label",children:"Light"})]})}),e.jsx("button",{className:j.default(q,"night"===T&&x),"data-theme":"night",onClick:function(){return I("night")},type:"button",children:e.jsxs(t.Card,{className:_,children:[e.jsx(c.ThemeDarkIcon,{}),e.jsx(n.Text,{type:"bold-label",children:"Dark"})]})})]}),"select"===y&&e.jsx(i.Select,{className:m,icon:function(){switch(T){case"day":default:return e.jsx(u.SunnyIcon,{});case"night":return e.jsx(l.NightIcon,{})}}(),isClearable:!1,isDisabled:g,onChange:function(e){return I((null==e?void 0:e.value)||"day")},options:b,value:b.filter((function(e){return e.value===T}))}),"toggle"===y&&e.jsx(o.Switch,{checked:k,className:m,disabled:g,onChange:function(){return!g&&I("day"===T?"night":"day")},switchIconLeft:e.jsx(l.NightIcon,{}),switchIconRight:e.jsx(u.SunnyIcon,{})})]})};
@@ -1 +1 @@
1
- "use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("styled-components"),r=require("../../styles/constants/theme.js");function o(n){return n&&n.__esModule?n:{default:n}}var i,c={round:"50%",rounded:"20%",square:"0px"},a=o(t).default.div(i||(i=n.__makeTemplateObject(["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n width: ",";\n height: ",";\n border-radius: ",";\n border: ",";\n border: ",";\n box-sizing: content-box;\n background-color: ",";\n\n svg {\n color: ",";\n\n width: 60%;\n height: 60%;\n\n path[data-is-secondary-color] {\n fill: ",";\n }\n }\n"],["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n width: ",";\n height: ",";\n border-radius: ",";\n border: ",";\n border: ",";\n box-sizing: content-box;\n background-color: ",";\n\n svg {\n color: ",";\n\n width: 60%;\n height: 60%;\n\n path[data-is-secondary-color] {\n fill: ",";\n }\n }\n"])),(function(n){return"".concat(n.size,"px")}),(function(n){return"".concat(n.size,"px")}),(function(n){return c[n.shape]}),(function(n){return"bordered"===n.intent&&"".concat(n.size/16,"px solid ").concat(r.theme.gray0)}),(function(n){return"outline"===n.intent&&"1px solid ".concat(r.theme.gray200)}),(function(n){return"outline"===n.intent?"transparent":r.theme["".concat(n.color,"100")]}),(function(n){return r.theme["".concat(n.color,"800")]}),(function(n){return r.theme["".concat(n.color,"400")]}));exports.Thumbnail=function(n){var t=n.className,r=n.color,o=void 0===r?"gray":r,i=n.icon,c=n.intent,s=void 0===c?"full":c,u=n.shape,l=void 0===u?"round":u,d=n.size,h=void 0===d?32:d;return e.jsx(a,{className:t,color:o,intent:s,shape:l,size:h,children:i})};
1
+ "use strict";var i=require("react/jsx-runtime"),o=require("clsx"),a=require("../../styles/constants/theme.js"),n=require("../../style-inject.es-d4ddeae4.js");function e(i){return i&&i.__esModule?i:{default:i}}var r=e(o),l="Amino_Thumbnail-module__wrapper--oG7iK",m="Amino_Thumbnail-module__bordered--hqPCS",u="Amino_Thumbnail-module__outline--BntlJ";n.styleInject(".Amino_Thumbnail-module__wrapper--oG7iK{align-items:center;background-color:var(--amino-thumbnail-background-color);border-radius:var(--amino-thumbnail-border-radius);box-sizing:initial;display:inline-flex;height:var(--amino-thumbnail-size);justify-content:center;width:var(--amino-thumbnail-size)}.Amino_Thumbnail-module__wrapper--oG7iK.Amino_Thumbnail-module__bordered--hqPCS{border:calc(var(--amino-thumbnail-size)/16) solid var(--amino-gray-0)}.Amino_Thumbnail-module__wrapper--oG7iK.Amino_Thumbnail-module__outline--BntlJ{background-color:initial;border:1px solid var(--amino-gray-200)}.Amino_Thumbnail-module__wrapper--oG7iK svg{color:var(--amino-thumbnail-svg-main-color);height:60%;width:60%}.Amino_Thumbnail-module__wrapper--oG7iK svg path[data-is-secondary-color]{fill:var(--amino-thumbnail-svg-secondary-color)}");var t={round:"50%",rounded:"20%",square:"0px"};exports.Thumbnail=function(o){var n=o.className,e=o.color,d=void 0===e?"gray":e,s=o.icon,c=o.intent,h=void 0===c?"full":c,b=o.shape,_=void 0===b?"round":b,v=o.size,p=void 0===v?32:v;return i.jsx("div",{className:r.default(n,l,"bordered"===h&&m,"outline"===h&&u),style:{"--amino-thumbnail-background-color":a.theme["".concat(d,"100")],"--amino-thumbnail-border-radius":t[_],"--amino-thumbnail-size":"".concat(p,"px"),"--amino-thumbnail-svg-main-color":a.theme["".concat(d,"800")],"--amino-thumbnail-svg-secondary-color":a.theme["".concat(d,"400")]},children:s})};
@@ -1 +1 @@
1
- "use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),r=require("framer-motion"),a=require("styled-components"),t=require("../../icons/CheckCircleIcon.js"),g=require("../../icons/InfoIcon.js"),o=require("../../icons/RemoveCircleIcon.js"),i=require("../../icons/WarningIcon.js"),s=require("../../styles/constants/theme.js");function c(n){return n&&n.__esModule?n:{default:n}}require("react"),require("../../icons/icon-base/_IconBase.js");var d,l,b,u,h,m=c(a),y=m.default(r.motion.div)(d||(d=n.__makeTemplateObject(["\n background: linear-gradient(\n 90deg,\n rgba(148, 150, 158, 0.4) 0%,\n rgba(148, 150, 158, 0) 50%\n ),\n ",";\n z-index: 999999;\n border-radius: ",";\n color: ",";\n box-shadow: ",";\n padding: ",";\n display: flex;\n align-items: center;\n gap: ",";\n font-weight: 500;\n user-select: none;\n\n & + & {\n margin-top: ",";\n }\n\n & svg {\n color: ",";\n }\n\n [data-theme='night'] & {\n background: linear-gradient(\n 90deg,\n rgba(148, 150, 158, 0.24) 0%,\n rgba(148, 150, 158, 0) 50%\n ),\n ",";\n color: ",";\n\n & svg {\n color: ",";\n }\n }\n"],["\n background: linear-gradient(\n 90deg,\n rgba(148, 150, 158, 0.4) 0%,\n rgba(148, 150, 158, 0) 50%\n ),\n ",";\n z-index: 999999;\n border-radius: ",";\n color: ",";\n box-shadow: ",";\n padding: ",";\n display: flex;\n align-items: center;\n gap: ",";\n font-weight: 500;\n user-select: none;\n\n & + & {\n margin-top: ",";\n }\n\n & svg {\n color: ",";\n }\n\n [data-theme='night'] & {\n background: linear-gradient(\n 90deg,\n rgba(148, 150, 158, 0.24) 0%,\n rgba(148, 150, 158, 0) 50%\n ),\n ",";\n color: ",";\n\n & svg {\n color: ",";\n }\n }\n"])),s.theme.gray1200,s.theme.radius12,s.theme.gray0,s.theme.v3ShadowLarge,s.theme.space16,s.theme.space12,s.theme.space24,s.theme.gray500,s.theme.gray50,s.theme.gray1200,s.theme.gray600),k=m.default(y)(l||(l=n.__makeTemplateObject(["\n background: linear-gradient(\n 90deg,\n rgba(86, 199, 111, 0.4) 0%,\n rgba(86, 199, 111, 0) 50%\n ),\n ",";\n\n & svg {\n color: ",";\n }\n\n [data-theme='night'] & {\n background: linear-gradient(\n 90deg,\n rgba(86, 199, 111, 0.24) 0%,\n rgba(86, 199, 111, 0) 50%\n ),\n ",";\n\n & svg {\n color: ",";\n }\n }\n"],["\n background: linear-gradient(\n 90deg,\n rgba(86, 199, 111, 0.4) 0%,\n rgba(86, 199, 111, 0) 50%\n ),\n ",";\n\n & svg {\n color: ",";\n }\n\n [data-theme='night'] & {\n background: linear-gradient(\n 90deg,\n rgba(86, 199, 111, 0.24) 0%,\n rgba(86, 199, 111, 0) 50%\n ),\n ",";\n\n & svg {\n color: ",";\n }\n }\n"])),s.theme.gray1200,s.theme.green500,s.theme.gray50,s.theme.green600),v=m.default(y)(b||(b=n.__makeTemplateObject(["\n background: linear-gradient(\n 90deg,\n rgba(249, 92, 103, 0.4) 0%,\n rgba(249, 92, 103, 0) 50%\n ),\n ",";\n\n & svg {\n color: ",";\n }\n\n [data-theme='night'] & {\n background: linear-gradient(\n 90deg,\n rgba(249, 92, 103, 0.24) 0%,\n rgba(249, 92, 103, 0) 50%\n ),\n ",";\n\n & svg {\n color: ",";\n }\n }\n"],["\n background: linear-gradient(\n 90deg,\n rgba(249, 92, 103, 0.4) 0%,\n rgba(249, 92, 103, 0) 50%\n ),\n ",";\n\n & svg {\n color: ",";\n }\n\n [data-theme='night'] & {\n background: linear-gradient(\n 90deg,\n rgba(249, 92, 103, 0.24) 0%,\n rgba(249, 92, 103, 0) 50%\n ),\n ",";\n\n & svg {\n color: ",";\n }\n }\n"])),s.theme.gray1200,s.theme.red500,s.theme.gray50,s.theme.red600),p=m.default(y)(u||(u=n.__makeTemplateObject(["\n background: linear-gradient(\n 90deg,\n rgba(248, 140, 83, 0.4) 0%,\n rgba(248, 140, 83, 0) 50%\n ),\n ",";\n\n & svg {\n color: ",";\n }\n\n [data-theme='night'] & {\n background: linear-gradient(\n 90deg,\n rgba(248, 140, 83, 0.24) 0%,\n rgba(248, 140, 83, 0) 50%\n ),\n ",";\n\n & svg {\n color: ",";\n }\n }\n"],["\n background: linear-gradient(\n 90deg,\n rgba(248, 140, 83, 0.4) 0%,\n rgba(248, 140, 83, 0) 50%\n ),\n ",";\n\n & svg {\n color: ",";\n }\n\n [data-theme='night'] & {\n background: linear-gradient(\n 90deg,\n rgba(248, 140, 83, 0.24) 0%,\n rgba(248, 140, 83, 0) 50%\n ),\n ",";\n\n & svg {\n color: ",";\n }\n }\n"])),s.theme.gray1200,s.theme.orange500,s.theme.gray50,s.theme.orange600),_=m.default(y)(h||(h=n.__makeTemplateObject(["\n background: linear-gradient(\n 90deg,\n rgba(95, 146, 246, 0.4) 0%,\n rgba(95, 146, 246, 0) 50%\n ),\n ",";\n\n & svg {\n color: ",";\n }\n\n [data-theme='night'] & {\n background: linear-gradient(\n 90deg,\n rgba(95, 146, 246, 0.24) 0%,\n rgba(95, 146, 246, 0) 50%\n ),\n ",";\n\n & svg {\n color: ",";\n }\n }\n"],["\n background: linear-gradient(\n 90deg,\n rgba(95, 146, 246, 0.4) 0%,\n rgba(95, 146, 246, 0) 50%\n ),\n ",";\n\n & svg {\n color: ",";\n }\n\n [data-theme='night'] & {\n background: linear-gradient(\n 90deg,\n rgba(95, 146, 246, 0.24) 0%,\n rgba(95, 146, 246, 0) 50%\n ),\n ",";\n\n & svg {\n color: ",";\n }\n }\n"])),s.theme.gray1200,s.theme.blue500,s.theme.gray50,s.theme.blue600);exports.Toast=function(r){var a=r.children,s=r.direction,c=r.intent,d=r.toastKey,l=function(){switch(s){case"top":return{opacity:0,translateX:0,translateY:-10};case"bottom":return{opacity:0,translateX:0,translateY:10};case"left":return{opacity:0,translateX:-10,translateY:0};default:return{opacity:0,translateX:10,translateY:0}}},b={animate:{opacity:1,translateX:0,translateY:0},exit:l(),initial:l(),key:d};switch(c){case"success":return e.jsxs(k,n.__assign({layout:!0},b,{children:[e.jsx(t.CheckCircleIcon,{}),a]}));case"error":return e.jsxs(v,n.__assign({layout:!0},b,{children:[e.jsx(o.RemoveCircleIcon,{}),a]}));case"warning":return e.jsxs(p,n.__assign({layout:!0},b,{children:[e.jsx(i.WarningIcon,{}),a]}));case"info":return e.jsxs(_,n.__assign({layout:!0},b,{children:[e.jsx(g.InfoIcon,{}),a]}));default:return e.jsxs(y,n.__assign({layout:!0},b,{children:[e.jsx(g.InfoIcon,{}),a]}))}};
1
+ "use strict";var o=require("../../_tslib-ccfac372.js"),a=require("react/jsx-runtime"),n=require("clsx"),e=require("framer-motion"),i=require("../../icons/CheckCircleIcon.js"),t=require("../../icons/InfoIcon.js"),r=require("../../icons/RemoveCircleIcon.js"),s=require("../../icons/WarningIcon.js"),m=require("../../style-inject.es-d4ddeae4.js");function _(o){return o&&o.__esModule?o:{default:o}}require("react"),require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js");var d=_(n),c="Amino_Toast-module__aminoToast--Q7M1O",l="Amino_Toast-module__aminoSuccessToast--M03g9",u="Amino_Toast-module__aminoErrorToast--8Xban",g="Amino_Toast-module__aminoWarningToast--rFQsd",T="Amino_Toast-module__aminoInfoToast--HSKJi";m.styleInject(".Amino_Toast-module__aminoToast--Q7M1O{align-items:center;background:linear-gradient(90deg,#94969e66 0,#94969e00 50%),var(--amino-gray-1200);border-radius:var(--amino-radius-12);box-shadow:var(--amino-v3-shadow-large);color:var(--amino-gray-0);display:flex;font-weight:500;gap:12px;padding:16px;-webkit-user-select:none;user-select:none;z-index:999999}.Amino_Toast-module__aminoToast--Q7M1O+.Amino_Toast-module__aminoToast--Q7M1O{margin-top:24px}.Amino_Toast-module__aminoToast--Q7M1O svg{color:var(--amino-gray-500)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O{background:linear-gradient(90deg,#94969e3d 0,#94969e00 50%),var(--amino-gray-50);color:var(--amino-gray-1200)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O svg{color:var(--amino-gray-600)}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoSuccessToast--M03g9{background:linear-gradient(90deg,#56c76f66 0,#56c76f00 50%),var(--amino-gray-1200)}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoSuccessToast--M03g9 svg{color:var(--amino-green-500)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoSuccessToast--M03g9{background:linear-gradient(90deg,#56c76f3d 0,#56c76f00 50%),var(--amino-gray-50)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoSuccessToast--M03g9 svg{color:var(--amino-green-600)}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoErrorToast--8Xban{background:linear-gradient(90deg,#f95c6766 0,#f95c6700 50%),var(--amino-gray-1200)}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoErrorToast--8Xban svg{color:var(--amino-red-500)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoErrorToast--8Xban{background:linear-gradient(90deg,#f95c673d 0,#f95c6700 50%),var(--amino-gray-50)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoErrorToast--8Xban svg{color:var(--amino-red-600)}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoWarningToast--rFQsd{background:linear-gradient(90deg,#f88c5366 0,#f88c5300 50%),var(--amino-gray-1200)}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoWarningToast--rFQsd svg{color:var(--amino-orange-500)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoWarningToast--rFQsd{background:linear-gradient(90deg,#f88c533d 0,#f88c5300 50%),var(--amino-gray-50)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoWarningToast--rFQsd svg{color:var(--amino-orange-600)}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoInfoToast--HSKJi{background:linear-gradient(90deg,#5f92f666 0,#5f92f600 50%),var(--amino-gray-1200)}.Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoInfoToast--HSKJi svg{color:var(--amino-blue-500)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoInfoToast--HSKJi{background:linear-gradient(90deg,#5f92f63d 0,#5f92f600 50%),var(--amino-gray-50)}[data-theme=night] .Amino_Toast-module__aminoToast--Q7M1O.Amino_Toast-module__aminoInfoToast--HSKJi svg{color:var(--amino-blue-600)}");exports.Toast=function(n){var m=n.children,_=n.direction,A=n.intent,f=n.toastKey,v=function(){switch(_){case"top":return{opacity:0,translateX:0,translateY:-10};case"bottom":return{opacity:0,translateX:0,translateY:10};case"left":return{opacity:0,translateX:-10,translateY:0};default:return{opacity:0,translateX:10,translateY:0}}},h={animate:{opacity:1,translateX:0,translateY:0},exit:v(),initial:v(),key:f},M=function(){switch(A){case"success":return{class:l,icon:a.jsx(i.CheckCircleIcon,{})};case"error":return{class:u,icon:a.jsx(r.RemoveCircleIcon,{})};case"warning":return{class:g,icon:a.jsx(s.WarningIcon,{})};case"info":return{class:T,icon:a.jsx(t.InfoIcon,{})};default:return{class:c,icon:a.jsx(t.InfoIcon,{})}}}();return a.jsxs(e.motion.div,o.__assign({className:d.default(c,M.class),layout:!0},h,{children:[M.icon,m]}))};
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),r=require("react"),n=require("framer-motion"),o=require("styled-components"),i=require("uuid"),s=require("./Toast.js");function a(e){return e&&e.__esModule?e:{default:e}}require("../../icons/CheckCircleIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js"),require("../../icons/InfoIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/WarningIcon.js");var c,u=a(o),l=r.createContext((function(e,t){})),d=u.default.div(c||(c=e.__makeTemplateObject(["\n bottom: ",";\n left: ",";\n"],["\n bottom: ",";\n left: ",";\n"])),(function(e){var t;return(null===(t=e.$location)||void 0===t?void 0:t.bottom)||""}),(function(e){var t;return(null===(t=e.$location)||void 0===t?void 0:t.left)||""}));exports.ToastContext=l,exports.ToastContextProvider=function(o){var a=o.children,c=e.__read(r.useState([]),2),u=c[0],f=c[1],m=e.__read(r.useState({bottom:"",left:""}),2),v=m[0],j=m[1],_=r.useCallback((function(t,r){f((function(n){return e.__spreadArray(e.__spreadArray([],e.__read(n),!1),[{props:r,toast:t,uuid:i.v4()}],!1)})),setTimeout((function(){return f((function(e){return e.slice(1)}))}),(null==r?void 0:r.duration)||6e3)}),[f]),p=r.useCallback((function(e,t,r){r&&j({bottom:r.bottom||"",left:r.left||""}),_(e,t)}),[_]);return t.jsx(n.AnimatePresence,{children:t.jsxs(l.Provider,{value:p,children:[a,t.jsx("div",{className:"toast-container",children:t.jsx(d,{$location:v,className:"toasts-wrapper",children:t.jsx(n.AnimatePresence,{children:u.map((function(e){var r=e.props,n=e.toast,o=e.uuid,i="toast-".concat(n,"-").concat(o);return t.jsx(s.Toast,{direction:null==r?void 0:r.direction,intent:null==r?void 0:r.intent,toastKey:i,children:n},i)}))})})})]})})};
1
+ "use strict";var e=require("../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),r=require("react"),o=require("clsx"),n=require("framer-motion"),s=require("uuid"),i=require("./Toast.js"),a=require("../../style-inject.es-d4ddeae4.js");function c(e){return e&&e.__esModule?e:{default:e}}require("../../icons/CheckCircleIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js"),require("../../icons/InfoIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/WarningIcon.js");var u=c(o),l="Amino_ToastContext-module__toastsWrapper--W5SKw";a.styleInject(".Amino_ToastContext-module__toastsWrapper--W5SKw{bottom:var(--amino-toast-context-bottom);left:var(--amino-toast-context-left)}");var d=r.createContext((function(e,t){}));exports.ToastContext=d,exports.ToastContextProvider=function(o){var a=o.children,c=e.__read(r.useState([]),2),m=c[0],f=c[1],x=e.__read(r.useState({bottom:"",left:""}),2),_=x[0],j=x[1],v=r.useCallback((function(t,r){f((function(o){return e.__spreadArray(e.__spreadArray([],e.__read(o),!1),[{props:r,toast:t,uuid:s.v4()}],!1)})),setTimeout((function(){return f((function(e){return e.slice(1)}))}),(null==r?void 0:r.duration)||6e3)}),[f]),p=r.useCallback((function(e,t,r){r&&j({bottom:r.bottom||"",left:r.left||""}),v(e,t)}),[v]);return t.jsx(n.AnimatePresence,{children:t.jsxs(d.Provider,{value:p,children:[a,t.jsx("div",{className:"toast-container",style:{"--amino-toast-context-bottom":_.bottom||"40px","--amino-toast-context-left":_.left||""},children:t.jsx("div",{className:u.default(l,"toasts-wrapper"),children:t.jsx(n.AnimatePresence,{children:m.map((function(e){var r=e.props,o=e.toast,n=e.uuid,s="toast-".concat(o,"-").concat(n);return t.jsx(i.Toast,{direction:null==r?void 0:r.direction,intent:null==r?void 0:r.intent,toastKey:s,children:o},s)}))})})})]})})};
@@ -1 +1 @@
1
- "use strict";var e=require("../../_tslib-ccfac372.js"),t=require("react/jsx-runtime"),s=require("@mui/material/styles"),o=require("@mui/material/Tooltip"),a=require("styled-components"),n=require("../stack/VStack.js"),r=require("../text/Text.js"),i=require("../../styles/constants/theme.js"),l=require("../../utils/hooks/useAminoTheme.js");function d(e){return e&&e.__esModule?e:{default:e}}require("../stack/Stack.js"),require("react"),require("../../Theme-61f4342c.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr");var c,u,p,m,h=d(o),g=d(a),b=g.default(n.VStack)(c||(c=e.__makeTemplateObject(["\n padding: ",";\n"],["\n padding: ",";\n"])),i.theme.space0),_=g.default.div(u||(u=e.__makeTemplateObject([""],[""]))),j=g.default.span(p||(p=e.__makeTemplateObject(["\n display: none;\n"],["\n display: none;\n"]))),k=g.default.div(m||(m=e.__makeTemplateObject(["\n position: relative;\n [disabled] + "," {\n display: block;\n cursor: not-allowed;\n /** @desc avoid showing tooltip on top of dialog or coversheet */\n z-index: 10;\n\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n }\n"],["\n position: relative;\n [disabled] + "," {\n display: block;\n cursor: not-allowed;\n /** @desc avoid showing tooltip on top of dialog or coversheet */\n z-index: 10;\n\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n }\n"])),j),T=s.styled((function(s){var o=s.className,a=s.dataTheme,n=e.__rest(s,["className","dataTheme"]);return t.jsx(h.default,e.__assign({},n,{classes:{popper:o},PopperProps:e.__assign(e.__assign({},n.PopperProps),{"data-theme":a})}))}))((function(e){var t,s,a=e.background;return(t={})["& .".concat(o.tooltipClasses.tooltip)]={backgroundColor:a?i.theme[a]:i.theme.gray1200,borderRadius:i.theme.radius10,boxShadow:i.theme.v3ShadowLarge,padding:i.theme.space12},t["&[data-theme='night']"]=((s={})[".".concat(o.tooltipClasses.tooltip)]={backgroundColor:a?i.theme[a]:i.theme.gray50},s),t}));exports.Tooltip=function(s){var o=s.background,a=s.children,n=s.className,i=s.open,d=s.showTooltip,c=s.subtitle,u=s.tag,p=s.themeOverride,m=s.title,h=e.__rest(s,["background","children","className","open","showTooltip","subtitle","tag","themeOverride","title"]),g=l.useAminoTheme().aminoTheme;return d?t.jsx(T,e.__assign({},h,{background:o,className:n,dataTheme:p||g,open:i,title:t.jsxs(b,{spacing:8,children:[m&&t.jsx(r.Text,{isUppercase:!1,type:"small-header",children:m}),"string"==typeof c?t.jsx(r.Text,{type:"caption",children:c}):c]}),children:t.jsxs(k,{as:u,children:[a,t.jsx(j,{})]})})):t.jsx(_,{as:u,children:a})};
1
+ "use strict";var e=require("../../_tslib-ccfac372.js"),s=require("react/jsx-runtime"),t=require("@mui/material/styles"),r=require("@mui/material/Tooltip"),o=require("../stack/VStack.js"),i=require("../text/Text.js"),a=require("../../styles/constants/theme.js"),l=require("../../utils/hooks/useAminoTheme.js"),n=require("../../style-inject.es-d4ddeae4.js");function d(e){return e&&e.__esModule?e:{default:e}}require("clsx"),require("../stack/Stack.js"),require("react"),require("../../Theme-61f4342c.js"),require("zod"),require("../../utils/hooks/useStorage.js"),require("../../utils/storage.js"),require("swr");var p=d(r),c="Amino_Tooltip-module__styledVStack--oMl2F",u="Amino_Tooltip-module__hiddenSpan--jqQ9w",m="Amino_Tooltip-module__childWrapper--srD4p";n.styleInject(".Amino_Tooltip-module__styledVStack--oMl2F{padding:0}.Amino_Tooltip-module__hiddenSpan--jqQ9w{display:none}.Amino_Tooltip-module__childWrapper--srD4p{position:relative}.Amino_Tooltip-module__childWrapper--srD4p [disabled]+.Amino_Tooltip-module__hiddenSpan--jqQ9w{bottom:0;cursor:not-allowed;display:block;left:0;position:absolute;right:0;top:0;z-index:10}");var h=t.styled((function(t){var r=t.className,o=t.dataTheme,i=e.__rest(t,["className","dataTheme"]);return s.jsx(p.default,e.__assign({},i,{classes:{popper:r},PopperProps:e.__assign(e.__assign({},i.PopperProps),{"data-theme":o})}))}))((function(e){var s,t,o=e.background;return(s={})["&& .".concat(r.tooltipClasses.tooltip)]={backgroundColor:o?a.theme[o]:a.theme.gray1200,borderRadius:a.theme.radius10,boxShadow:a.theme.v3ShadowLarge,padding:a.theme.space12},s["&&[data-theme='night']"]=((t={})[".".concat(r.tooltipClasses.tooltip)]={backgroundColor:o?a.theme[o]:a.theme.gray50},t),s}));exports.Tooltip=function(t){var r=t.background,a=t.children,n=t.className,d=t.open,p=t.showTooltip,_=t.subtitle,j=t.tag,g=t.themeOverride,T=t.title,q=e.__rest(t,["background","children","className","open","showTooltip","subtitle","tag","themeOverride","title"]),x=l.useAminoTheme().aminoTheme;return p?s.jsx(h,e.__assign({},q,{background:r,className:n,dataTheme:g||x,open:d,title:s.jsxs(o.VStack,{className:c,spacing:8,children:[T&&s.jsx(i.Text,{isUppercase:!1,type:"small-header",children:T}),"string"==typeof _?s.jsx(i.Text,{type:"caption",children:_}):_]}),children:"span"===j?s.jsxs("span",{className:m,children:[a,s.jsx("span",{className:u})]}):s.jsxs("div",{className:m,children:[a,s.jsx("span",{className:u})]})})):"span"===j?s.jsx("span",{children:a}):s.jsx("div",{children:a})};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zonos/amino",
3
- "version": "5.1.85",
3
+ "version": "5.1.87",
4
4
  "description": "Core UI components for Amino",
5
5
  "repository": "git@github.com:Zonos/amino.git",
6
6
  "license": "MIT",
@@ -1 +1 @@
1
- "use strict";var e=require("react"),r=require("../../components/toast/ToastContext.js");require("../../_tslib-ccfac372.js"),require("react/jsx-runtime"),require("framer-motion"),require("styled-components"),require("uuid"),require("../../components/toast/Toast.js"),require("../../icons/CheckCircleIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js"),require("../../icons/InfoIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/WarningIcon.js");exports.useNotify=function(){return e.useContext(r.ToastContext)};
1
+ "use strict";var e=require("react"),r=require("../../components/toast/ToastContext.js");require("../../_tslib-ccfac372.js"),require("react/jsx-runtime"),require("clsx"),require("framer-motion"),require("uuid"),require("../../components/toast/Toast.js"),require("../../icons/CheckCircleIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js"),require("../../icons/InfoIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/WarningIcon.js"),require("../../style-inject.es-d4ddeae4.js");exports.useNotify=function(){return e.useContext(r.ToastContext)};