@zonos/amino 4.2.1 → 4.2.3

package/components/mdx-code-block/MdxCodeBlock.d.ts

@@ -3,6 +3,7 @@ declare type Props = {
     children?: ReactElement;
     xlabel: string;
     type: 'JSON' | 'GraphQL';
+    maxHeight?: number;
 };
-export declare const MdxCodeBlock: ({ children, xlabel, type }: Props) => JSX.Element;
+export declare const MdxCodeBlock: ({ children, xlabel, type, maxHeight, }: Props) => JSX.Element;
 export {};

package/components/mdx-code-block/MdxCodeBlock.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),r=require("react"),t=require("../badge/Badge.js"),o=require("../button/Button.js"),i=require("../stack/HStack.js"),a=require("../../icons/CopyIcon.js"),s=require("../../styles/constants/theme.js"),l=require("styled-components"),p=require("../../utils/useCopyText.js");function c(n){return n&&n.__esModule?n:{default:n}}require("../spinner/Spinner.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var d,u,g,h,x,f,m=c(l),b=m.default.div(d||(d=n.__makeTemplateObject(["\n  width: 100%;\n  background-color: ",";\n  border-radius: 12px;\n  color: ",";\n  margin-bottom: 16px;\n"],["\n  width: 100%;\n  background-color: ",";\n  border-radius: 12px;\n  color: ",";\n  margin-bottom: 16px;\n"])),s.theme.gray1100,s.theme.gray0),j=m.default.div(u||(u=n.__makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  background-color: ",";\n  padding: 8px 16px;\n  border-top-left-radius: 12px;\n  border-top-right-radius: 12px;\n\n  p {\n    margin: 0;\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n  }\n"],["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  background-color: ",";\n  padding: 8px 16px;\n  border-top-left-radius: 12px;\n  border-top-right-radius: 12px;\n\n  p {\n    margin: 0;\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n  }\n"])),s.theme.gray1000),y=m.default.div(g||(g=n.__makeTemplateObject(["\n  padding: 16px;\n  display: flex;\n  max-height: 260px;\n  overflow: auto;\n  height: fit-content;\n\n  pre {\n    white-space: pre;\n    word-break: break-word;\n    border-radius: 0;\n    padding: 0;\n    background: transparent;\n\n    .hljs {\n      color: ",";\n      background: transparent;\n    }\n\n    code {\n      display: block;\n      font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,\n        monospace;\n      line-height: 20px;\n      font-weight: 600;\n      font-size: 12px;\n\n      .hljs- {\n        &attr,\n        &tag {\n          color: ",";\n        }\n\n        &literal,\n        &number {\n          color: ",";\n        }\n\n        &string {\n          color: ",";\n        }\n      }\n\n      .key {\n        color: ",";\n      }\n\n      div {\n        height: 21px;\n      }\n    }\n  }\n"],["\n  padding: 16px;\n  display: flex;\n  max-height: 260px;\n  overflow: auto;\n  height: fit-content;\n\n  pre {\n    white-space: pre;\n    word-break: break-word;\n    border-radius: 0;\n    padding: 0;\n    background: transparent;\n\n    .hljs {\n      color: ",";\n      background: transparent;\n    }\n\n    code {\n      display: block;\n      font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,\n        monospace;\n      line-height: 20px;\n      font-weight: 600;\n      font-size: 12px;\n\n      .hljs- {\n        &attr,\n        &tag {\n          color: ",";\n        }\n\n        &literal,\n        &number {\n          color: ",";\n        }\n\n        &string {\n          color: ",";\n        }\n      }\n\n      .key {\n        color: ",";\n      }\n\n      div {\n        height: 21px;\n      }\n    }\n  }\n"])),s.theme.gray100,s.theme.gray200,s.theme.blue400,s.theme.purple400,s.theme.orange500),k=m.default(t.Badge)(h||(h=n.__makeTemplateObject(["\n  > div {\n    background-color: ",";\n    p {\n      color: #fff;\n    }\n  }\n"],["\n  > div {\n    background-color: ",";\n    p {\n      color: #fff;\n    }\n  }\n"])),s.theme.gray800),w=m.default.div(x||(x=n.__makeTemplateObject(["\n  min-width: 24px;\n  line-height: 20px;\n  padding: 4px 0;\n  font-size: 10px;\n  color: ",";\n  font-weight: 600;\n  -webkit-user-select: none; /* Safari */\n  -moz-user-select: none; /* Firefox */\n  -ms-user-select: none; /* IE10+/Edge */\n  user-select: none; /* Standard */\n"],["\n  min-width: 24px;\n  line-height: 20px;\n  padding: 4px 0;\n  font-size: 10px;\n  color: ",";\n  font-weight: 600;\n  -webkit-user-select: none; /* Safari */\n  -moz-user-select: none; /* Firefox */\n  -ms-user-select: none; /* IE10+/Edge */\n  user-select: none; /* Standard */\n"])),s.theme.gray500),_=m.default(i.HStack)(f||(f=n.__makeTemplateObject(["\n  align-items: center;\n"],["\n  align-items: center;\n"]))),v=function(n){return n?"string"==typeof n?("".concat(n).match(/\n/g)||[]).length:Array.isArray(n)?n.reduce((function(n,e){return n+v(e)}),0):n.props.children?v(n.props.children):0:0};exports.MdxCodeBlock=function(t){var i=t.children,s=t.xlabel,l=t.type,c="pre"===(null==i?void 0:i.type)&&i.props.children,d="code"===(null==c?void 0:c.type)&&c.props.children||[],u=v(d),g=p.useCopyText(),h=g.showTooltip,x=g.copyText,f=r.useRef(null);return e.jsxs(b,{children:[e.jsxs(j,{children:[e.jsx("p",{children:s}),e.jsxs(_,n.__assign({spacing:16},{children:[l&&e.jsx(k,{children:l}),h?e.jsx("p",{children:"Copied!"}):e.jsx(o.Button,{intent:"text",icon:e.jsx(a.CopyIcon,{color:"gray100",size:20}),onClick:function(){var n;return x((null===(n=f.current)||void 0===n?void 0:n.innerText)||"Oops... Something went wrong copying the text")}})]}))]}),e.jsxs(y,{children:[e.jsx(w,{children:n.__spreadArray([],n.__read(Array(u)),!1).map((function(n,r){return e.jsx("div",{children:r+1},r)}))}),e.jsx("div",n.__assign({ref:f},{children:i}))]})]})};
+"use strict";var n=require("../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),r=require("react"),t=require("../badge/Badge.js"),o=require("../button/Button.js"),i=require("../stack/HStack.js"),a=require("../../icons/CopyIcon.js"),s=require("../../styles/constants/theme.js"),l=require("styled-components"),p=require("../../utils/useCopyText.js");function c(n){return n&&n.__esModule?n:{default:n}}require("../spinner/Spinner.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var d,u,g,h,x,m,f=c(l),b=f.default.div(d||(d=n.__makeTemplateObject(["\n  width: 100%;\n  background-color: ",";\n  border-radius: 12px;\n  color: ",";\n  margin-bottom: 16px;\n"],["\n  width: 100%;\n  background-color: ",";\n  border-radius: 12px;\n  color: ",";\n  margin-bottom: 16px;\n"])),s.theme.gray1100,s.theme.gray0),j=f.default.div(u||(u=n.__makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  background-color: ",";\n  padding: 8px 16px;\n  border-top-left-radius: 12px;\n  border-top-right-radius: 12px;\n\n  p {\n    margin: 0;\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n  }\n"],["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  background-color: ",";\n  padding: 8px 16px;\n  border-top-left-radius: 12px;\n  border-top-right-radius: 12px;\n\n  p {\n    margin: 0;\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n  }\n"])),s.theme.gray1000),y=f.default.div(g||(g=n.__makeTemplateObject(["\n  padding: 16px;\n  display: flex;\n  max-height: ","px;\n  overflow: auto;\n  height: fit-content;\n\n  pre {\n    white-space: pre;\n    word-break: break-word;\n    border-radius: 0;\n    padding: 0;\n    background: transparent;\n\n    .hljs {\n      color: ",";\n      background: transparent;\n    }\n\n    code {\n      display: block;\n      font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,\n        monospace;\n      line-height: 20px;\n      font-weight: 600;\n      font-size: 12px;\n\n      .hljs- {\n        &attr,\n        &tag {\n          color: ",";\n        }\n\n        &literal,\n        &number {\n          color: ",";\n        }\n\n        &string {\n          color: ",";\n        }\n      }\n\n      .key {\n        color: ",";\n      }\n\n      div {\n        height: 21px;\n      }\n    }\n  }\n"],["\n  padding: 16px;\n  display: flex;\n  max-height: ","px;\n  overflow: auto;\n  height: fit-content;\n\n  pre {\n    white-space: pre;\n    word-break: break-word;\n    border-radius: 0;\n    padding: 0;\n    background: transparent;\n\n    .hljs {\n      color: ",";\n      background: transparent;\n    }\n\n    code {\n      display: block;\n      font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier,\n        monospace;\n      line-height: 20px;\n      font-weight: 600;\n      font-size: 12px;\n\n      .hljs- {\n        &attr,\n        &tag {\n          color: ",";\n        }\n\n        &literal,\n        &number {\n          color: ",";\n        }\n\n        &string {\n          color: ",";\n        }\n      }\n\n      .key {\n        color: ",";\n      }\n\n      div {\n        height: 21px;\n      }\n    }\n  }\n"])),(function(n){return n.maxHeight}),s.theme.gray100,s.theme.gray200,s.theme.blue400,s.theme.purple400,s.theme.orange500),k=f.default(t.Badge)(h||(h=n.__makeTemplateObject(["\n  > div {\n    background-color: ",";\n    p {\n      color: #fff;\n    }\n  }\n"],["\n  > div {\n    background-color: ",";\n    p {\n      color: #fff;\n    }\n  }\n"])),s.theme.gray800),_=f.default.div(x||(x=n.__makeTemplateObject(["\n  min-width: 24px;\n  line-height: 20px;\n  padding: 4px 0;\n  font-size: 10px;\n  color: ",";\n  font-weight: 600;\n  -webkit-user-select: none; /* Safari */\n  -moz-user-select: none; /* Firefox */\n  -ms-user-select: none; /* IE10+/Edge */\n  user-select: none; /* Standard */\n"],["\n  min-width: 24px;\n  line-height: 20px;\n  padding: 4px 0;\n  font-size: 10px;\n  color: ",";\n  font-weight: 600;\n  -webkit-user-select: none; /* Safari */\n  -moz-user-select: none; /* Firefox */\n  -ms-user-select: none; /* IE10+/Edge */\n  user-select: none; /* Standard */\n"])),s.theme.gray500),w=f.default(i.HStack)(m||(m=n.__makeTemplateObject(["\n  align-items: center;\n"],["\n  align-items: center;\n"]))),v=function(n){return n?"string"==typeof n?("".concat(n).match(/\n/g)||[]).length:Array.isArray(n)?n.reduce((function(n,e){return n+v(e)}),0):n.props.children?v(n.props.children):0:0};exports.MdxCodeBlock=function(t){var i=t.children,s=t.xlabel,l=t.type,c=t.maxHeight,d=void 0===c?260:c,u="pre"===(null==i?void 0:i.type)&&i.props.children,g="code"===(null==u?void 0:u.type)&&u.props.children||[],h=v(g),x=p.useCopyText(),m=x.showTooltip,f=x.copyText,q=r.useRef(null);return e.jsxs(b,{children:[e.jsxs(j,{children:[e.jsx("p",{children:s}),e.jsxs(w,n.__assign({spacing:16},{children:[l&&e.jsx(k,{children:l}),m?e.jsx("p",{children:"Copied!"}):e.jsx(o.Button,{intent:"text",icon:e.jsx(a.CopyIcon,{color:"gray100",size:20}),onClick:function(){var n;return f((null===(n=q.current)||void 0===n?void 0:n.innerText)||"Oops... Something went wrong copying the text")}})]}))]}),e.jsxs(y,n.__assign({maxHeight:d},{children:[e.jsx(_,{children:n.__spreadArray([],n.__read(Array(h)),!1).map((function(n,r){return e.jsx("div",{children:r+1},r)}))}),e.jsx("div",n.__assign({ref:q},{children:i}))]}))]})};

package/components/mdx-image/MdxImage.d.ts

@@ -5,5 +5,8 @@ declare type Props = {
     shadow?: boolean;
     children: ReactNode;
 };
-export declare const MdxImage: ({ addMargin, color, shadow, children }: Props) => JSX.Element;
+export declare const MdxImage: {
+    ({ addMargin, color, shadow, children }: Props): JSX.Element;
+    stableName: string;
+};
 export {};

package/components/mdx-image/MdxImage.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),r=require("react"),i=require("../lightbox/LightBox.js"),t=require("styled-components");function o(n){return n&&n.__esModule?n:{default:n}}require("../dialog/_BaseDialog.js"),require("react-dom"),require("framer-motion"),require("../backdrop/Backdrop.js"),require("../../styles/constants/theme.js");var a,d,s,l=o(t),u=l.default.div(a||(a=n.__makeTemplateObject(["\n  position: relative;\n  margin: 0 auto;\n  display: block;\n  margin: ",";\n  cursor: pointer;\n  width: 100%;\n\n  ::after {\n    content: '';\n    display: ",";\n    background: linear-gradient(90deg, #fdff87, #ff9b3f, #00e0ff, #83ff5f);\n    position: absolute;\n    bottom: 20px;\n    left: -50px;\n    right: -50px;\n    margin: auto;\n    height: 50%;\n    width: 100%;\n    z-index: -1;\n    filter: blur(50px);\n  }\n\n  img {\n    border-radius: 10px;\n    overflow: hidden;\n  }\n"],["\n  position: relative;\n  margin: 0 auto;\n  display: block;\n  margin: ",";\n  cursor: pointer;\n  width: 100%;\n\n  ::after {\n    content: '';\n    display: ",";\n    background: linear-gradient(90deg, #fdff87, #ff9b3f, #00e0ff, #83ff5f);\n    position: absolute;\n    bottom: 20px;\n    left: -50px;\n    right: -50px;\n    margin: auto;\n    height: 50%;\n    width: 100%;\n    z-index: -1;\n    filter: blur(50px);\n  }\n\n  img {\n    border-radius: 10px;\n    overflow: hidden;\n  }\n"])),(function(n){return n.addMargin&&"32px 0"}),(function(n){return n.showColor?"block":"none"})),f=l.default.div(d||(d=n.__makeTemplateObject(["\n  filter: ",";\n  position: ",";\n"],["\n  filter: ",";\n  position: ",";\n"])),(function(n){return n.showShadow&&"drop-shadow(0px 4px 6px rgba(10, 10, 11, 0.1))\n    drop-shadow(0px 2px 4px rgba(10, 10, 11, 0.06))"}),(function(n){return n.showShadow&&"relative"})),p=l.default(i.LightBox)(s||(s=n.__makeTemplateObject(["\n  width: 100%;\n  max-width: 700px;\n  margin: 32px;\n"],["\n  width: 100%;\n  max-width: 700px;\n  margin: 32px;\n"])));exports.MdxImage=function(i){var t=i.addMargin,o=i.color,a=i.shadow,d=i.children,s=n.__read(r.useState(!1),2),l=s[0],h=s[1];return e.jsxs(e.Fragment,{children:[e.jsx(u,n.__assign({addMargin:t,showColor:o,onClick:function(){return h(!0)}},{children:e.jsx(f,n.__assign({showShadow:a},{children:d}))})),e.jsx(p,n.__assign({open:l,onClose:function(){return h(!1)}},{children:d}))]})};
+"use strict";var n=require("../../_tslib-fe391a2e.js"),e=require("react/jsx-runtime"),r=require("react"),i=require("../lightbox/LightBox.js"),t=require("styled-components");function o(n){return n&&n.__esModule?n:{default:n}}require("../dialog/_BaseDialog.js"),require("react-dom"),require("framer-motion"),require("../backdrop/Backdrop.js"),require("../../styles/constants/theme.js");var a,d,s,l=o(t),u=l.default.div(a||(a=n.__makeTemplateObject(["\n  position: relative;\n  margin: 0 auto;\n  display: block;\n  margin: ",";\n  cursor: pointer;\n  width: 100%;\n\n  ::after {\n    content: '';\n    display: ",";\n    background: linear-gradient(90deg, #fdff87, #ff9b3f, #00e0ff, #83ff5f);\n    position: absolute;\n    bottom: 20px;\n    left: -50px;\n    right: -50px;\n    margin: auto;\n    height: 50%;\n    width: 100%;\n    z-index: -1;\n    filter: blur(50px);\n  }\n\n  img {\n    border-radius: 10px;\n    overflow: hidden;\n  }\n"],["\n  position: relative;\n  margin: 0 auto;\n  display: block;\n  margin: ",";\n  cursor: pointer;\n  width: 100%;\n\n  ::after {\n    content: '';\n    display: ",";\n    background: linear-gradient(90deg, #fdff87, #ff9b3f, #00e0ff, #83ff5f);\n    position: absolute;\n    bottom: 20px;\n    left: -50px;\n    right: -50px;\n    margin: auto;\n    height: 50%;\n    width: 100%;\n    z-index: -1;\n    filter: blur(50px);\n  }\n\n  img {\n    border-radius: 10px;\n    overflow: hidden;\n  }\n"])),(function(n){return n.addMargin&&"32px 0"}),(function(n){return n.showColor?"block":"none"})),f=l.default.div(d||(d=n.__makeTemplateObject(["\n  filter: ",";\n  position: ",";\n"],["\n  filter: ",";\n  position: ",";\n"])),(function(n){return n.showShadow&&"drop-shadow(0px 4px 6px rgba(10, 10, 11, 0.1))\n    drop-shadow(0px 2px 4px rgba(10, 10, 11, 0.06))"}),(function(n){return n.showShadow&&"relative"})),p=l.default(i.LightBox)(s||(s=n.__makeTemplateObject(["\n  width: 100%;\n  max-width: 700px;\n  margin: 32px;\n"],["\n  width: 100%;\n  max-width: 700px;\n  margin: 32px;\n"]))),g=function(i){var t=i.addMargin,o=i.color,a=i.shadow,d=i.children,s=n.__read(r.useState(!1),2),l=s[0],g=s[1];return e.jsxs(e.Fragment,{children:[e.jsx(u,n.__assign({addMargin:t,showColor:o,onClick:function(){return g(!0)}},{children:e.jsx(f,n.__assign({showShadow:a},{children:d}))})),e.jsx(p,n.__assign({open:l,onClose:function(){return g(!1)}},{children:d}))]})};g.stableName="MdxImage",exports.MdxImage=g;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zonos/amino",
-  "version": "4.2.1",
+  "version": "4.2.3",
   "description": "Core UI components for Amino",
   "repository": "git@github.com:Zonos/amino.git",
   "license": "MIT",

package/styles/constants/theme.d.ts

@@ -155,6 +155,10 @@ export declare const theme: {
     readonly purple900: "var(--amino-purple-900)";
     /** @info #29143A  */
     readonly purple1000: "var(--amino-purple-1000)";
+    /** @info #FFFFFFBB */
+    readonly transparentWhite: "var(--amino-transparent-white)";
+    /** @info #000000BB */
+    readonly transparentBlack: "var(--amino-transparent-black)";
     /** @info var(--amino-red-600) */
     readonly danger: "var(--amino-danger)";
     /** @info var(--amino-red-700) */

package/styles/constants/theme.js

@@ -1 +1 @@
-"use strict";exports.theme={transition:"var(--amino-transition)",typeScaleBase:"var(--amino-type-scale-base)",black:"var(--amino-black)",gray0:"var(--amino-gray-0)",gray50:"var(--amino-gray-50)",gray100:"var(--amino-gray-100)",gray200:"var(--amino-gray-200)",gray300:"var(--amino-gray-300)",gray400:"var(--amino-gray-400)",gray500:"var(--amino-gray-500)",gray600:"var(--amino-gray-600)",gray700:"var(--amino-gray-700)",gray800:"var(--amino-gray-800)",gray900:"var(--amino-gray-900)",gray1000:"var(--amino-gray-1000)",gray1100:"var(--amino-gray-1100)",gray1200:"var(--amino-gray-1200)",gray1300:"var(--amino-gray-1300)",blue100:"var(--amino-blue-100)",blue200:"var(--amino-blue-200)",blue300:"var(--amino-blue-300)",blue400:"var(--amino-blue-400)",blue500:"var(--amino-blue-500)",blue600:"var(--amino-blue-600)",blue700:"var(--amino-blue-700)",blue800:"var(--amino-blue-800)",blue900:"var(--amino-blue-900)",blue1000:"var(--amino-blue-1000)",cyan100:"var(--amino-cyan-100)",cyan200:"var(--amino-cyan-200)",cyan300:"var(--amino-cyan-300)",cyan400:"var(--amino-cyan-400)",cyan500:"var(--amino-cyan-500)",cyan600:"var(--amino-cyan-600)",cyan700:"var(--amino-cyan-700)",cyan800:"var(--amino-cyan-800)",cyan900:"var(--amino-cyan-900)",cyan1000:"var(--amino-cyan-1000)",red100:"var(--amino-red-100)",red200:"var(--amino-red-200)",red300:"var(--amino-red-300)",red400:"var(--amino-red-400)",red500:"var(--amino-red-500)",red600:"var(--amino-red-600)",red700:"var(--amino-red-700)",red800:"var(--amino-red-800)",red900:"var(--amino-red-900)",red1000:"var(--amino-red-1000)",orange100:"var(--amino-orange-100)",orange200:"var(--amino-orange-200)",orange300:"var(--amino-orange-300)",orange400:"var(--amino-orange-400)",orange500:"var(--amino-orange-500)",orange600:"var(--amino-orange-600)",orange700:"var(--amino-orange-700)",orange800:"var(--amino-orange-800)",orange900:"var(--amino-orange-900)",orange1000:"var(--amino-orange-1000)",green100:"var(--amino-green-100)",green200:"var(--amino-green-200)",green300:"var(--amino-green-300)",green400:"var(--amino-green-400)",green500:"var(--amino-green-500)",green600:"var(--amino-green-600)",green700:"var(--amino-green-700)",green800:"var(--amino-green-800)",green900:"var(--amino-green-900)",green1000:"var(--amino-green-1000)",purple100:"var(--amino-purple-100)",purple200:"var(--amino-purple-200)",purple300:"var(--amino-purple-300)",purple400:"var(--amino-purple-400)",purple500:"var(--amino-purple-500)",purple600:"var(--amino-purple-600)",purple700:"var(--amino-purple-700)",purple800:"var(--amino-purple-800)",purple900:"var(--amino-purple-900)",purple1000:"var(--amino-purple-1000)",danger:"var(--amino-danger)",dangerDark:"var(--amino-danger-dark)",error:"var(--amino-error)",primary:"var(--amino-primary)",primaryLight:"var(--amino-primary-light)",primaryDark:"var(--amino-primary-dark)",success:"var(--amino-success)",successDark:"var(--amino-success-dark)",warning:"var(--amino-warning)",warningDark:"var(--amino-warning-dark)",glowError:"var(--amino-glow-error)",glowBlue:"var(--amino-glow-blue)",glowCyan:"var(--amino-glow-cyan)",glowRed:"var(--amino-glow-red)",glowOrange:"var(--amino-glow-orange)",glowGreen:"var(--amino-glow-green)",glowPurple:"var(--amino-glow-purple)",pageBackground:"var(--amino-page-background)",borderColor:"var(--amino-border-color)",hoverColor:"var(--amino-hover-color)",surfaceColor:"var(--amino-surface-color)",surfaceColorSecondary:"var(--amino-surface-color-secondary)",textLight:"var(--amino-text-light)",textColor:"var(--amino-text-color)",textDark:"var(--amino-text-dark)",inputBackground:"var(--amino-input-background)",sizeXl:"var(--amino-size-xl)",sizeLg:"var(--amino-size-lg)",sizeMd:"var(--amino-size-md)",sizeSm:"var(--amino-size-sm)",radius4:"var(--amino-radius-4)",radius6:"var(--amino-radius-6)",radius8:"var(--amino-radius-8)",radius10:"var(--amino-radius-10)",radius12:"var(--amino-radius-12)",spaceNegative80:"var(--amino-space-negative-80)",spaceNegative76:"var(--amino-space-negative-76)",spaceNegative72:"var(--amino-space-negative-72)",spaceNegative68:"var(--amino-space-negative-68)",spaceNegative64:"var(--amino-space-negative-64)",spaceNegative60:"var(--amino-space-negative-60)",spaceNegative56:"var(--amino-space-negative-56)",spaceNegative52:"var(--amino-space-negative-52)",spaceNegative48:"var(--amino-space-negative-48)",spaceNegative44:"var(--amino-space-negative-44)",spaceNegative40:"var(--amino-space-negative-40)",spaceNegative36:"var(--amino-space-negative-36)",spaceNegative32:"var(--amino-space-negative-32)",spaceNegative28:"var(--amino-space-negative-28)",spaceNegative24:"var(--amino-space-negative-24)",spaceNegative20:"var(--amino-space-negative-20)",spaceNegative16:"var(--amino-space-negative-16)",spaceNegative12:"var(--amino-space-negative-12)",spaceNegative8:"var(--amino-space-negative-8)",spaceNegative4:"var(--amino-space-negative-4)",space0:"var(--amino-space-0)",space4:"var(--amino-space-4)",space8:"var(--amino-space-8)",space12:"var(--amino-space-12)",space16:"var(--amino-space-16)",space20:"var(--amino-space-20)",space24:"var(--amino-space-24)",space28:"var(--amino-space-28)",space32:"var(--amino-space-32)",space36:"var(--amino-space-36)",space40:"var(--amino-space-40)",space44:"var(--amino-space-44)",space48:"var(--amino-space-48)",space52:"var(--amino-space-52)",space56:"var(--amino-space-56)",space60:"var(--amino-space-60)",space64:"var(--amino-space-64)",space68:"var(--amino-space-68)",space72:"var(--amino-space-72)",space76:"var(--amino-space-76)",space80:"var(--amino-space-80)",appbarHeight:"var(--amino-appbar-height)",sidebarWidth:"var(--amino-sidebar-width)",sidebarColor:"var(--amino-sidebar-color)",headerColor:"var(--amino-header-color)",backdropColor:"var(--amino-backdrop-color)",elevation0:"var(--amino-elevation-0)",elevation100:"var(--amino-elevation-100)",elevation200:"var(--amino-elevation-200)",elevation300:"var(--amino-elevation-300)",elevation400:"var(--amino-elevation-400)",elevation500:"var(--amino-elevation-500)",dialogElevation:"var(--amino-dialog-elevation)",toastElevation:"var(--amino-toast-elevation)",appbarElevation:"var(--amino-appbar-elevation)",v3ShadowInset:"var(--amino-v3-shadow-inset)",v3ShadowBase:"var(--amino-v3-shadow-base)",v3ShadowMedium:"var(--amino-v3-shadow-medium)",v3ShadowLarge:"var(--amino-v3-shadow-large)",v3ShadowXl:"var(--amino-v3-shadow-xl)",v3ShadowXxl:"var(--amino-v3-shadow-xxl)",border:"var(--amino-border)",borderBlue:"var(--amino-border-blue)",borderRed:"var(--amino-border-red)",borderCyan:"var(--amino-border-cyan)",borderOrange:"var(--amino-border-orange)",borderGreen:"var(--amino-border-green)",borderPurple:"var(--amino-border-purple)",borderAmber:"var(--amino-border-amber)",borderTransparent:"var(--amino-border-transparent)",fontSize3xl:"var(--amino-font-size-3xl)",fontSize2xl:"var(--amino-font-size-2xl)",fontSizeXl:"var(--amino-font-size-xl)",fontSizeL:"var(--amino-font-size-l)",fontSizeBase:"var(--amino-font-size-base)",fontSizeS:"var(--amino-font-size-s)",fontSizeXs:"var(--amino-font-size-xs)",lineHeight3xl:"var(--amino-line-height-3xl)",lineHeight2xl:"var(--amino-line-height-2xl)",lineHeightXl:"var(--amino-line-height-xl)",lineHeightL:"var(--amino-line-height-l)",lineHeightBase:"var(--amino-line-height-base)",lineHeightS:"var(--amino-line-height-s)",lineHeightXs:"var(--amino-line-height-xs)",fontSans:"var(--amino-font-sans)",fontMono:"var(--amino-font-mono)",fontHarmonizedCodes:"var(--amino-font-harmonized-codes)"};
+"use strict";exports.theme={transition:"var(--amino-transition)",typeScaleBase:"var(--amino-type-scale-base)",black:"var(--amino-black)",gray0:"var(--amino-gray-0)",gray50:"var(--amino-gray-50)",gray100:"var(--amino-gray-100)",gray200:"var(--amino-gray-200)",gray300:"var(--amino-gray-300)",gray400:"var(--amino-gray-400)",gray500:"var(--amino-gray-500)",gray600:"var(--amino-gray-600)",gray700:"var(--amino-gray-700)",gray800:"var(--amino-gray-800)",gray900:"var(--amino-gray-900)",gray1000:"var(--amino-gray-1000)",gray1100:"var(--amino-gray-1100)",gray1200:"var(--amino-gray-1200)",gray1300:"var(--amino-gray-1300)",blue100:"var(--amino-blue-100)",blue200:"var(--amino-blue-200)",blue300:"var(--amino-blue-300)",blue400:"var(--amino-blue-400)",blue500:"var(--amino-blue-500)",blue600:"var(--amino-blue-600)",blue700:"var(--amino-blue-700)",blue800:"var(--amino-blue-800)",blue900:"var(--amino-blue-900)",blue1000:"var(--amino-blue-1000)",cyan100:"var(--amino-cyan-100)",cyan200:"var(--amino-cyan-200)",cyan300:"var(--amino-cyan-300)",cyan400:"var(--amino-cyan-400)",cyan500:"var(--amino-cyan-500)",cyan600:"var(--amino-cyan-600)",cyan700:"var(--amino-cyan-700)",cyan800:"var(--amino-cyan-800)",cyan900:"var(--amino-cyan-900)",cyan1000:"var(--amino-cyan-1000)",red100:"var(--amino-red-100)",red200:"var(--amino-red-200)",red300:"var(--amino-red-300)",red400:"var(--amino-red-400)",red500:"var(--amino-red-500)",red600:"var(--amino-red-600)",red700:"var(--amino-red-700)",red800:"var(--amino-red-800)",red900:"var(--amino-red-900)",red1000:"var(--amino-red-1000)",orange100:"var(--amino-orange-100)",orange200:"var(--amino-orange-200)",orange300:"var(--amino-orange-300)",orange400:"var(--amino-orange-400)",orange500:"var(--amino-orange-500)",orange600:"var(--amino-orange-600)",orange700:"var(--amino-orange-700)",orange800:"var(--amino-orange-800)",orange900:"var(--amino-orange-900)",orange1000:"var(--amino-orange-1000)",green100:"var(--amino-green-100)",green200:"var(--amino-green-200)",green300:"var(--amino-green-300)",green400:"var(--amino-green-400)",green500:"var(--amino-green-500)",green600:"var(--amino-green-600)",green700:"var(--amino-green-700)",green800:"var(--amino-green-800)",green900:"var(--amino-green-900)",green1000:"var(--amino-green-1000)",purple100:"var(--amino-purple-100)",purple200:"var(--amino-purple-200)",purple300:"var(--amino-purple-300)",purple400:"var(--amino-purple-400)",purple500:"var(--amino-purple-500)",purple600:"var(--amino-purple-600)",purple700:"var(--amino-purple-700)",purple800:"var(--amino-purple-800)",purple900:"var(--amino-purple-900)",purple1000:"var(--amino-purple-1000)",transparentWhite:"var(--amino-transparent-white)",transparentBlack:"var(--amino-transparent-black)",danger:"var(--amino-danger)",dangerDark:"var(--amino-danger-dark)",error:"var(--amino-error)",primary:"var(--amino-primary)",primaryLight:"var(--amino-primary-light)",primaryDark:"var(--amino-primary-dark)",success:"var(--amino-success)",successDark:"var(--amino-success-dark)",warning:"var(--amino-warning)",warningDark:"var(--amino-warning-dark)",glowError:"var(--amino-glow-error)",glowBlue:"var(--amino-glow-blue)",glowCyan:"var(--amino-glow-cyan)",glowRed:"var(--amino-glow-red)",glowOrange:"var(--amino-glow-orange)",glowGreen:"var(--amino-glow-green)",glowPurple:"var(--amino-glow-purple)",pageBackground:"var(--amino-page-background)",borderColor:"var(--amino-border-color)",hoverColor:"var(--amino-hover-color)",surfaceColor:"var(--amino-surface-color)",surfaceColorSecondary:"var(--amino-surface-color-secondary)",textLight:"var(--amino-text-light)",textColor:"var(--amino-text-color)",textDark:"var(--amino-text-dark)",inputBackground:"var(--amino-input-background)",sizeXl:"var(--amino-size-xl)",sizeLg:"var(--amino-size-lg)",sizeMd:"var(--amino-size-md)",sizeSm:"var(--amino-size-sm)",radius4:"var(--amino-radius-4)",radius6:"var(--amino-radius-6)",radius8:"var(--amino-radius-8)",radius10:"var(--amino-radius-10)",radius12:"var(--amino-radius-12)",spaceNegative80:"var(--amino-space-negative-80)",spaceNegative76:"var(--amino-space-negative-76)",spaceNegative72:"var(--amino-space-negative-72)",spaceNegative68:"var(--amino-space-negative-68)",spaceNegative64:"var(--amino-space-negative-64)",spaceNegative60:"var(--amino-space-negative-60)",spaceNegative56:"var(--amino-space-negative-56)",spaceNegative52:"var(--amino-space-negative-52)",spaceNegative48:"var(--amino-space-negative-48)",spaceNegative44:"var(--amino-space-negative-44)",spaceNegative40:"var(--amino-space-negative-40)",spaceNegative36:"var(--amino-space-negative-36)",spaceNegative32:"var(--amino-space-negative-32)",spaceNegative28:"var(--amino-space-negative-28)",spaceNegative24:"var(--amino-space-negative-24)",spaceNegative20:"var(--amino-space-negative-20)",spaceNegative16:"var(--amino-space-negative-16)",spaceNegative12:"var(--amino-space-negative-12)",spaceNegative8:"var(--amino-space-negative-8)",spaceNegative4:"var(--amino-space-negative-4)",space0:"var(--amino-space-0)",space4:"var(--amino-space-4)",space8:"var(--amino-space-8)",space12:"var(--amino-space-12)",space16:"var(--amino-space-16)",space20:"var(--amino-space-20)",space24:"var(--amino-space-24)",space28:"var(--amino-space-28)",space32:"var(--amino-space-32)",space36:"var(--amino-space-36)",space40:"var(--amino-space-40)",space44:"var(--amino-space-44)",space48:"var(--amino-space-48)",space52:"var(--amino-space-52)",space56:"var(--amino-space-56)",space60:"var(--amino-space-60)",space64:"var(--amino-space-64)",space68:"var(--amino-space-68)",space72:"var(--amino-space-72)",space76:"var(--amino-space-76)",space80:"var(--amino-space-80)",appbarHeight:"var(--amino-appbar-height)",sidebarWidth:"var(--amino-sidebar-width)",sidebarColor:"var(--amino-sidebar-color)",headerColor:"var(--amino-header-color)",backdropColor:"var(--amino-backdrop-color)",elevation0:"var(--amino-elevation-0)",elevation100:"var(--amino-elevation-100)",elevation200:"var(--amino-elevation-200)",elevation300:"var(--amino-elevation-300)",elevation400:"var(--amino-elevation-400)",elevation500:"var(--amino-elevation-500)",dialogElevation:"var(--amino-dialog-elevation)",toastElevation:"var(--amino-toast-elevation)",appbarElevation:"var(--amino-appbar-elevation)",v3ShadowInset:"var(--amino-v3-shadow-inset)",v3ShadowBase:"var(--amino-v3-shadow-base)",v3ShadowMedium:"var(--amino-v3-shadow-medium)",v3ShadowLarge:"var(--amino-v3-shadow-large)",v3ShadowXl:"var(--amino-v3-shadow-xl)",v3ShadowXxl:"var(--amino-v3-shadow-xxl)",border:"var(--amino-border)",borderBlue:"var(--amino-border-blue)",borderRed:"var(--amino-border-red)",borderCyan:"var(--amino-border-cyan)",borderOrange:"var(--amino-border-orange)",borderGreen:"var(--amino-border-green)",borderPurple:"var(--amino-border-purple)",borderAmber:"var(--amino-border-amber)",borderTransparent:"var(--amino-border-transparent)",fontSize3xl:"var(--amino-font-size-3xl)",fontSize2xl:"var(--amino-font-size-2xl)",fontSizeXl:"var(--amino-font-size-xl)",fontSizeL:"var(--amino-font-size-l)",fontSizeBase:"var(--amino-font-size-base)",fontSizeS:"var(--amino-font-size-s)",fontSizeXs:"var(--amino-font-size-xs)",lineHeight3xl:"var(--amino-line-height-3xl)",lineHeight2xl:"var(--amino-line-height-2xl)",lineHeightXl:"var(--amino-line-height-xl)",lineHeightL:"var(--amino-line-height-l)",lineHeightBase:"var(--amino-line-height-base)",lineHeightS:"var(--amino-line-height-s)",lineHeightXs:"var(--amino-line-height-xs)",fontSans:"var(--amino-font-sans)",fontMono:"var(--amino-font-mono)",fontHarmonizedCodes:"var(--amino-font-harmonized-codes)"};

package/theme.css

@@ -77,6 +77,8 @@
   --amino-purple-800: #612392;
   --amino-purple-900: #461f66;
   --amino-purple-1000: #29143a;
+  --amino-transparent-white: #ffffffbb;
+  --amino-transparent-black: #000000bb;
   --amino-danger: var(--amino-red-600);
   --amino-danger-dark: var(--amino-red-700);
   --amino-error: var(--amino-red-600);