@licklist/design 0.78.5-dev.91 → 0.78.5-dev.93

package/dist/v2/components/Modal/DeleteModal.js

@@ -1,7 +1,8 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
-import './DeleteModal.scss.js';
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter } from '../../shadcn/components/ui/dialog.js';
 import { NewInput } from '../NewInput/NewInput.js';
+import './DeleteModal.scss.js';
 
 function _array_like_to_array(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
@@ -59,91 +60,88 @@ var DeleteModal = function(param) {
     }, [
         isOpen
     ]);
-    var handleClose = function() {
-        onClose();
-    };
     var handleConfirm = function() {
         if (inputValue === confirmationText) {
             onConfirm();
         }
     };
     var isConfirmDisabled = inputValue !== confirmationText || isDeleting;
-    if (!isOpen) return null;
-    return /*#__PURE__*/ jsx("div", {
-        className: "delete-modal-overlay",
-        role: "presentation",
-        onClick: handleClose,
-        children: /*#__PURE__*/ jsx("div", {
+    return /*#__PURE__*/ jsx(Dialog, {
+        open: isOpen,
+        onOpenChange: function(open) {
+            if (!open) onClose();
+        },
+        children: /*#__PURE__*/ jsxs(DialogContent, {
             className: "delete-modal",
-            role: "presentation",
-            onClick: function(e) {
-                return e.stopPropagation();
-            },
-            children: /*#__PURE__*/ jsxs("div", {
-                className: "delete-modal__content",
-                children: [
-                    /*#__PURE__*/ jsx("h2", {
+            children: [
+                /*#__PURE__*/ jsx(DialogHeader, {
+                    children: /*#__PURE__*/ jsx(DialogTitle, {
                         className: "delete-modal__title",
                         children: title
-                    }),
-                    /*#__PURE__*/ jsxs("div", {
-                        className: "delete-modal__description-group",
-                        children: [
-                            description && /*#__PURE__*/ jsx("p", {
-                                className: "delete-modal__description",
-                                children: description
-                            }),
-                            description_1 && /*#__PURE__*/ jsx("p", {
-                                className: "delete-modal__description",
-                                children: description_1
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ jsxs("div", {
-                        className: "delete-modal__confirmation",
-                        children: [
-                            /*#__PURE__*/ jsxs("p", {
-                                className: "delete-modal__label",
-                                children: [
-                                    "Type ",
-                                    /*#__PURE__*/ jsx("strong", {
-                                        children: confirmationText
-                                    }),
-                                    " to confirm deletion"
-                                ]
-                            }),
-                            /*#__PURE__*/ jsx(NewInput, {
-                                type: "text",
-                                placeholder: confirmationPlaceholder || confirmationText,
-                                value: inputValue,
-                                onChange: function(e) {
-                                    return setInputValue(e.target.value);
-                                },
-                                autoFocus: true
-                            })
-                        ]
-                    }),
-                    /*#__PURE__*/ jsxs("div", {
-                        className: "delete-modal__actions",
-                        children: [
-                            /*#__PURE__*/ jsx("button", {
-                                type: "button",
-                                className: "delete-modal__button delete-modal__button--delete",
-                                onClick: handleConfirm,
-                                disabled: isConfirmDisabled,
-                                children: isDeleting ? 'Deleting...' : 'Delete'
-                            }),
-                            /*#__PURE__*/ jsx("button", {
-                                type: "button",
-                                className: "delete-modal__button delete-modal__button--cancel",
-                                onClick: handleClose,
-                                disabled: isDeleting,
-                                children: "Cancel"
-                            })
-                        ]
                     })
-                ]
-            })
+                }),
+                /*#__PURE__*/ jsxs("div", {
+                    className: "delete-modal__content",
+                    children: [
+                        /*#__PURE__*/ jsxs("div", {
+                            className: "delete-modal__description-group",
+                            children: [
+                                description && /*#__PURE__*/ jsx(DialogDescription, {
+                                    className: "delete-modal__description",
+                                    children: description
+                                }),
+                                description_1 && /*#__PURE__*/ jsx("p", {
+                                    className: "delete-modal__description",
+                                    children: description_1
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ jsxs("div", {
+                            className: "delete-modal__confirmation",
+                            children: [
+                                /*#__PURE__*/ jsxs("p", {
+                                    className: "delete-modal__label",
+                                    children: [
+                                        "Type ",
+                                        /*#__PURE__*/ jsx("strong", {
+                                            children: confirmationText
+                                        }),
+                                        " to confirm deletion"
+                                    ]
+                                }),
+                                /*#__PURE__*/ jsx(NewInput, {
+                                    type: "text",
+                                    placeholder: confirmationPlaceholder || confirmationText,
+                                    value: inputValue,
+                                    onChange: function(e) {
+                                        return setInputValue(e.target.value);
+                                    },
+                                    autoFocus: true
+                                })
+                            ]
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ jsxs(DialogFooter, {
+                    className: "delete-modal__actions",
+                    children: [
+                        /*#__PURE__*/ jsx("button", {
+                            type: "button",
+                            className: "delete-modal__button delete-modal__button--delete",
+                            onClick: handleConfirm,
+                            disabled: isConfirmDisabled,
+                            children: isDeleting ? 'Deleting...' : 'Delete'
+                        }),
+                        /*#__PURE__*/ jsx("button", {
+                            type: "button",
+                            className: "delete-modal__button delete-modal__button--cancel",
+                            onClick: onClose,
+                            disabled: isDeleting,
+                            children: "Cancel"
+                        })
+                    ]
+                })
+            ]
         })
     });
 };

package/dist/v2/components/Modal/DeleteModal.scss.js

@@ -1,6 +1,6 @@
 import styleInject from 'style-inject';
 
-var css_248z = ".delete-modal-overlay{align-items:center;animation:fadeIn .2s ease-in-out;background-color:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.delete-modal{animation:slideUp .2s ease-in-out;background:#fff;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;font-family:var(--font-family-sans,\"Geist\",sans-serif);max-width:800px;width:95%}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.delete-modal__content{padding:48px}.delete-modal__title{color:#14215a;font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:32px;font-weight:700;line-height:40px;margin:0 0 24px}.delete-modal__description-group{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.delete-modal__description{color:#626a90;font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:20px;font-weight:400;line-height:28px;margin:0}.delete-modal__confirmation{margin-bottom:40px}.delete-modal__label{color:#14215a;display:block;font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:20px;font-weight:600;margin-bottom:16px}.delete-modal__label strong{font-weight:700}.delete-modal__input{border:1px solid #e8e9ef;border-radius:12px;color:#14215a;font-family:var(--font-family-sans,\"Geist\",sans-serif);font-family:inherit;font-size:20px;outline:none;padding:16px 24px;transition:all .2s ease-in-out;width:100%}.delete-modal__input::placeholder{color:#626a90;opacity:.6}.delete-modal__input:focus{border-color:#d2d5e3}.delete-modal__actions{align-items:center;display:flex;gap:16px}.delete-modal__button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-family:var(--font-family-sans,\"Geist\",sans-serif);font-family:inherit;font-size:20px;font-weight:600;justify-content:center;min-height:64px;outline:none;padding:12px 32px;transition:all .2s ease-in-out}.delete-modal__button:disabled{cursor:not-allowed;opacity:.6}.delete-modal__button--delete{background-color:#cc3c35;color:#fff}.delete-modal__button--delete:disabled{opacity:.5}.delete-modal__button--delete:hover:not(:disabled){background-color:#b33630}.delete-modal__button--cancel{background-color:initial;border:2px solid #d2d5e3;color:var(--label-primary)}.delete-modal__button--cancel:hover:not(:disabled){background-color:var(--surface-secondary)}@media (max-width:768px){.delete-modal{max-width:90%;width:90%}.delete-modal__content{padding:32px 24px}.delete-modal__title{font-size:24px;line-height:32px;margin-bottom:16px}.delete-modal__description-group{gap:16px;margin-bottom:24px}.delete-modal__description{font-size:16px;line-height:24px}.delete-modal__confirmation{margin-bottom:32px}.delete-modal__label{font-size:16px;margin-bottom:12px}.delete-modal__actions{gap:12px}.delete-modal__button{font-size:16px;min-height:52px;padding:10px 24px}}@media (max-width:480px){.delete-modal{max-width:95%;width:95%}.delete-modal__content{padding:24px 16px}.delete-modal__title{font-size:20px;line-height:28px;margin-bottom:12px}.delete-modal__description-group{gap:12px;margin-bottom:20px}.delete-modal__description{font-size:14px;line-height:20px}.delete-modal__confirmation{margin-bottom:24px}.delete-modal__label{font-size:14px;margin-bottom:10px}.delete-modal__actions{flex-direction:column;gap:8px}.delete-modal__button{font-size:14px;min-height:48px;padding:8px 20px;width:100%}}";
+var css_248z = ".delete-modal{border-radius:12px!important;font-family:var(--font-family-sans,\"Geist\",sans-serif);gap:0!important;max-width:800px!important;padding:0!important;width:95%!important}.delete-modal>button[class*=absolute]{display:none}.delete-modal__content{padding:48px}.delete-modal__title{color:var(--label-primary,#14215a)!important;font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:32px!important;font-weight:700!important;letter-spacing:normal!important;line-height:40px!important;margin:0 0 24px;padding:48px 48px 0}.delete-modal__description-group{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.delete-modal__description{color:var(--label-secondary,#626a90);font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:20px;font-weight:400;line-height:28px;margin:0}.delete-modal__confirmation{margin-bottom:40px}.delete-modal__label{color:var(--label-primary,#14215a);display:block;font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:20px;font-weight:600;margin-bottom:16px}.delete-modal__label strong{font-weight:700}.delete-modal__actions{align-items:center;display:flex!important;flex-direction:row!important;gap:16px;padding:0 48px 48px}.delete-modal__button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:20px;font-weight:600;justify-content:center;min-height:64px;outline:none;padding:12px 32px;transition:all .2s ease-in-out}.delete-modal__button:disabled{cursor:not-allowed;opacity:.6}.delete-modal__button--delete{background-color:var(--red-dark,#cc3c35);color:#fff}.delete-modal__button--delete:disabled{opacity:.5}.delete-modal__button--delete:hover:not(:disabled){background-color:#b33630}.delete-modal__button--cancel{background-color:initial;border:2px solid var(--border-secondary,#d2d5e3);color:var(--label-primary,#14215a)}.delete-modal__button--cancel:hover:not(:disabled){background-color:var(--surface-secondary,#f8f8fa)}@media (max-width:768px){.delete-modal{max-width:90%!important;width:90%!important}.delete-modal__title{font-size:24px!important;line-height:32px!important;margin-bottom:16px;padding:32px 24px 0}.delete-modal__content{padding:32px 24px}.delete-modal__description-group{gap:16px;margin-bottom:24px}.delete-modal__description{font-size:16px;line-height:24px}.delete-modal__confirmation{margin-bottom:32px}.delete-modal__label{font-size:16px;margin-bottom:12px}.delete-modal__actions{gap:12px;padding:0 24px 32px}.delete-modal__button{font-size:16px;min-height:52px;padding:10px 24px}}@media (max-width:480px){.delete-modal{max-width:95%!important;width:95%!important}.delete-modal__title{font-size:20px!important;line-height:28px!important;margin-bottom:12px;padding:24px 16px 0}.delete-modal__content{padding:24px 16px}.delete-modal__description-group{gap:12px;margin-bottom:20px}.delete-modal__description{font-size:14px;line-height:20px}.delete-modal__confirmation{margin-bottom:24px}.delete-modal__label{font-size:14px;margin-bottom:10px}.delete-modal__actions{flex-direction:column!important;gap:8px;padding:0 16px 24px}.delete-modal__button{font-size:14px;min-height:48px;padding:8px 20px;width:100%}}";
 styleInject(css_248z);
 
 export { css_248z as default };

package/dist/v2/components/NewTable/NewTable.scss.js

@@ -1,6 +1,6 @@
 import styleInject from 'style-inject';
 
-var css_248z = ".new-table-wrapper{overflow-x:auto;overflow-y:visible;width:100%}.new-table-wrapper.action-menu-open{overflow:visible!important}.new-table{border-collapse:collapse;font-family:var(--font-family-sans);table-layout:fixed;text-align:left;width:100%}.new-table__head{background-color:var(--surface-secondary,#f8f8fa)}.new-table__header-cell{border-bottom:1px solid var(--border-primary,#e8e9ef);color:var(--label-secondary,#9399b3);font-size:var(--text-small-size,13px);font-weight:500;padding:14px 16px;white-space:nowrap}.new-table__body{background-color:var(--neutral-white,#fff)}.new-table__row{border-bottom:1px solid var(--border-primary,#e8e9ef);overflow:visible;transition:background-color .2s ease}.new-table__row.action-menu-open{overflow:visible!important;position:relative;z-index:20}.new-table__row.action-menu-open .new-table__cell{overflow:visible!important}.new-table__row:last-child{border-bottom:none}.new-table__row--clickable{cursor:pointer}.new-table__row--clickable:hover{background-color:var(--surface-primary-hover,#f8f8fa)}.new-table__cell{color:var(--label-primary,#121e52);font-size:var(--text-base-size,14px);overflow:visible;padding:16px;vertical-align:middle}.new-table__no-data-cell{color:#9399b3;font-size:16px;font-weight:500;padding:64px 24px;text-align:center}@media (max-width:768px){.new-table-wrapper{-webkit-overflow-scrolling:touch}.new-table{min-width:600px}.new-table__header-cell{font-size:12px;padding:10px 12px}.new-table__cell{font-size:13px;padding:12px}.new-table__no-data-cell{font-size:14px;padding:48px 16px}}@media (max-width:480px){.new-table{min-width:500px}.new-table__cell,.new-table__header-cell{padding:10px 12px}.new-table__header-cell{font-size:11px}.new-table__cell{font-size:12px}.new-table__no-data-cell{font-size:13px;padding:32px 12px}}";
+var css_248z = ".new-table-wrapper{overflow-x:auto;overflow-y:visible;width:100%}.new-table-wrapper.action-menu-open{overflow:visible!important}.new-table{border-collapse:collapse;font-family:var(--font-family-sans);min-width:100%;table-layout:fixed;text-align:left}.new-table__head{background-color:var(--surface-secondary,#f8f8fa)}.new-table__header-cell{border-bottom:1px solid var(--border-primary,#e8e9ef);color:var(--label-secondary,#9399b3);font-size:var(--text-small-size,13px);font-weight:500;padding:14px 16px;white-space:nowrap}.new-table__body{background-color:var(--neutral-white,#fff)}.new-table__row{border-bottom:1px solid var(--border-primary,#e8e9ef);overflow:visible;transition:background-color .2s ease}.new-table__row.action-menu-open{overflow:visible!important;position:relative;z-index:20}.new-table__row.action-menu-open .new-table__cell{overflow:visible!important}.new-table__row:last-child{border-bottom:none}.new-table__row--clickable{cursor:pointer}.new-table__row--clickable:hover{background-color:var(--surface-primary-hover,#f8f8fa)}.new-table__cell{color:var(--label-primary,#121e52);font-size:var(--text-base-size,14px);overflow:visible;padding:16px;vertical-align:middle}.new-table__no-data-cell{color:#9399b3;font-size:16px;font-weight:500;padding:64px 24px;text-align:center}@media (max-width:768px){.new-table-wrapper{-webkit-overflow-scrolling:touch}.new-table{min-width:600px}.new-table__header-cell{font-size:12px;padding:10px 12px}.new-table__cell{font-size:13px;padding:12px}.new-table__no-data-cell{font-size:14px;padding:48px 16px}}@media (max-width:480px){.new-table{min-width:500px}.new-table__cell,.new-table__header-cell{padding:10px 12px}.new-table__header-cell{font-size:11px}.new-table__cell{font-size:12px}.new-table__no-data-cell{font-size:13px;padding:32px 12px}}";
 styleInject(css_248z);
 
 export { css_248z as default };

package/dist/v2/components/NewTabs/NewTabs.scss.js

@@ -1,6 +1,6 @@
 import styleInject from 'style-inject';
 
-var css_248z = ".new-tabs{align-items:center;align-self:stretch;border-bottom:1px solid var(--border-primary,#e8e9ef);display:flex;justify-content:space-between;margin:20px 0;padding-bottom:0;padding-left:0;padding-top:0}.new-tabs__container{display:flex;gap:0}.new-tabs__tab{background:none;border:none;color:var(--label-selected,#121e52);cursor:pointer;font-family:var(--font-family-sans);font-size:15px;font-style:normal;font-weight:600;line-height:18px;margin-bottom:-1px;margin-right:24px;padding:12px 4px;position:relative;transition:color .15s cubic-bezier(.4,0,.2,1)}.new-tabs__tab:after{background-color:initial;border-radius:4px;bottom:0;content:\"\";height:3.5px;left:50%;position:absolute;transform:translateX(-50%);transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.new-tabs__tab:hover:not(:disabled):after{background-color:var(--fill-action-secondary,#6200ee);width:50%}.new-tabs__tab:hover:not(:disabled){color:var(--fill-action-secondary,#6200ee)}.new-tabs__tab--active:after{background-color:var(--fills-main-fill-primary,#14215a)}.new-tabs__tab--active{color:var(--fills-main-fill-primary,#14215a)}.new-tabs__tab:disabled{cursor:not-allowed;opacity:.5}";
+var css_248z = ".new-tabs{align-items:center;align-self:stretch;border-bottom:1px solid var(--border-primary,#e8e9ef);display:flex;justify-content:space-between;margin:20px 0 0;padding-bottom:0;padding-left:0;padding-top:0}.new-tabs__container{display:flex;gap:0}.new-tabs__tab{background:none;border:none;color:var(--label-selected,#121e52);cursor:pointer;font-family:var(--font-family-sans);font-size:15px;font-style:normal;font-weight:600;line-height:18px;margin-bottom:0;margin-right:24px;padding:12px 4px;position:relative;transition:color .15s cubic-bezier(.4,0,.2,1)}.new-tabs__tab:after{background-color:initial;border-radius:4px;bottom:0;content:\"\";height:3px;left:50%;position:absolute;transform:translateX(-50%);transition-duration:.25s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.new-tabs__tab:hover:not(:disabled):after{background-color:var(--fill-action-secondary,#6200ee);width:50%}.new-tabs__tab:hover:not(:disabled){color:var(--fill-action-secondary,#6200ee)}.new-tabs__tab--active:after{background-color:var(--fills-main-fill-primary,#14215a)}.new-tabs__tab--active{color:var(--fills-main-fill-primary,#14215a)}.new-tabs__tab:disabled{cursor:not-allowed;opacity:.5}";
 styleInject(css_248z);
 
 export { css_248z as default };

package/dist/v2/components/NotificationBanner/NotificationBanner.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import './NotificationBanner.scss';
+export type NotificationBannerVariant = 'success' | 'error' | 'info';
+export interface NotificationBannerProps {
+    variant: NotificationBannerVariant;
+    title: string;
+    message?: string;
+    onDismiss?: () => void;
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+    className?: string;
+}
+export declare const NotificationBanner: React.FC<NotificationBannerProps>;
+//# sourceMappingURL=NotificationBanner.d.ts.map

package/dist/v2/components/NotificationBanner/NotificationBanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationBanner.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/NotificationBanner/NotificationBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,2BAA2B,CAAA;AAElC,MAAM,MAAM,yBAAyB,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;AAEpE,MAAM,WAAW,uBAAuB;IACtC,OAAO,EAAE,yBAAyB,CAAA;IAClC,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,MAAM,CAAC,EAAE;QACP,KAAK,EAAE,MAAM,CAAA;QACb,OAAO,EAAE,MAAM,IAAI,CAAA;KACpB,CAAA;IACD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA0BhE,CAAA"}

package/dist/v2/components/NotificationBanner/NotificationBanner.js

@@ -0,0 +1,50 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react';
+import { NotificationCloseIcon, NotificationSuccessIcon, NotificationErrorIcon, NotificationInfoIcon } from '../../icons/index.js';
+import './NotificationBanner.scss.js';
+
+var NotificationBanner = function(param) {
+    var variant = param.variant, title = param.title, message = param.message, onDismiss = param.onDismiss, action = param.action, _param_className = param.className, className = _param_className === void 0 ? '' : _param_className;
+    var icons = {
+        success: /*#__PURE__*/ jsx(NotificationSuccessIcon, {}),
+        error: /*#__PURE__*/ jsx(NotificationErrorIcon, {}),
+        info: /*#__PURE__*/ jsx(NotificationInfoIcon, {})
+    };
+    return /*#__PURE__*/ jsxs("div", {
+        className: "notification-banner notification-banner--".concat(variant, " ").concat(className),
+        children: [
+            /*#__PURE__*/ jsx("div", {
+                className: "notification-banner__icon-wrap",
+                children: icons[variant]
+            }),
+            /*#__PURE__*/ jsxs("div", {
+                className: "notification-banner__content",
+                children: [
+                    /*#__PURE__*/ jsx("p", {
+                        className: "notification-banner__title",
+                        children: title
+                    }),
+                    message && /*#__PURE__*/ jsx("p", {
+                        className: "notification-banner__message",
+                        children: message
+                    }),
+                    action && /*#__PURE__*/ jsx("button", {
+                        type: "button",
+                        className: "notification-banner__action",
+                        onClick: action.onClick,
+                        children: action.label
+                    })
+                ]
+            }),
+            onDismiss && /*#__PURE__*/ jsx("button", {
+                type: "button",
+                className: "notification-banner__dismiss",
+                onClick: onDismiss,
+                "aria-label": "Dismiss",
+                children: /*#__PURE__*/ jsx(NotificationCloseIcon, {})
+            })
+        ]
+    });
+};
+
+export { NotificationBanner };

package/dist/v2/components/NotificationBanner/NotificationBanner.scss.js

@@ -0,0 +1,6 @@
+import styleInject from 'style-inject';
+
+var css_248z = ":root{--blue-50:#e7f4fc;--blue-100:#b4dbf6;--blue-200:#90caf2;--blue-300:#5eb2ec;--blue-400:#3ea3e8;--blue-500:#0e8ce2;--blue-600:#0d7fce;--blue-700:#0a63a0;--blue-800:#084d7c;--blue-900:#063b5f;--cyan-50:#eafbff;--cyan-75:#bdf3ff;--cyan-100:#aff1ff;--cyan-200:#9deeff;--cyan-300:#71e6ff;--cyan-400:#55e1ff;--cyan-500:#2bd9ff;--cyan-600:#27c5e8;--cyan-700:#1f9ab5;--cyan-800:#18778c;--cyan-900:#125b6b;--indigo-50:#efeffe;--indigo-100:#cdccfc;--indigo-200:#b4b4fa;--indigo-300:#9291f8;--indigo-400:#7c74ff;--indigo-500:#5d5bf4;--indigo-600:#5553de;--indigo-700:#4241ad;--indigo-800:#333286;--indigo-900:#272666;--green-50:#eef9ea;--green-100:#c9ecbd;--green-200:#afe39d;--green-300:#8bd671;--green-400:#75ce55;--green-500:#52c22b;--green-600:#4bb127;--green-700:#3a8a1f;--green-800:#2d6b18;--green-900:#225112;--red-50:#fceceb;--red-100:#f5c4c2;--red-200:#f1a8a4;--red-300:#ea807b;--red-400:#e66861;--red-500:#e0423a;--red-600:#cc3c35;--red-700:#9f2f29;--red-800:#7b2420;--red-900:#5e1c18;--purple-50:#efe6fd;--purple-100:#ceb0fa;--purple-200:#b78af7;--purple-300:#965ff4;--purple-400:#8133f1;--purple-500:#6200ee;--purple-600:#5900d9;--purple-700:#4600a9;--purple-800:#360083;--purple-900:#290064;--deep-purple-500:#6200ee;--orange-50:#fff2e8;--orange-100:#fed7b6;--orange-200:#fec493;--orange-300:#fea962;--orange-400:#fd9843;--orange-500:#fd7e14;--orange-600:#e67312;--orange-700:#b4590e;--orange-800:#8b450b;--orange-900:#6a3508;--yellow-50:#fcf6e7;--yellow-100:#f6e3b4;--yellow-200:#f2d68f;--yellow-300:#ecc35c;--yellow-400:#fcc741;--yellow-500:#fbb912;--yellow-600:#e4a810;--yellow-700:#a07509;--yellow-800:#7c5b07;--yellow-900:#5f4505;--pink-50:#fdecf4;--pink-100:#f8c3db;--pink-200:#f4a6ca;--pink-300:#f07eb2;--pink-400:#ed65a3;--pink-500:#e83e8c;--pink-600:#d33874;--pink-700:#a52c63;--pink-800:#80224d;--pink-900:#611a3b;--teal-50:#e9faf7;--teal-100:#baf0e7;--teal-200:#99e8db;--teal-300:#6bdecb;--teal-400:#4ed8c1;--teal-500:#22ceb1;--teal-600:#1fbba1;--teal-700:#18927e;--teal-800:#137161;--teal-900:#0e574a;--neutral-white:#fff;--neutral-25:#f8f8fa;--neutral-50:#e8e9ef;--neutral-75:#d2d5e3;--neutral-100:#b6bacc;--neutral-200:#9399b3;--neutral-300:#626a90;--neutral-400:#433d7b;--neutral-500:#14215a;--neutral-600:#121e52;--neutral-700:#0e1740;--neutral-800:#0b1232;--neutral-900:#080e26;--neutral-black:#000;--purple-lightest:var(--purple-50);--purple-lighter:var(--purple-100);--purple-light:var(--purple-300);--purple-regular:var(--purple-500);--purple-dark:var(--purple-600);--purple-darker:var(--purple-800);--purple-darkest:var(--purple-900);--blue-lightest:var(--blue-50);--blue-lighter:var(--blue-100);--blue-light:var(--blue-300);--blue-regular:var(--blue-500);--blue-dark:var(--blue-600);--blue-darker:var(--blue-800);--blue-darkest:var(--blue-900);--indigo-lightest:var(--indigo-50);--indigo-lighter:var(--indigo-100);--indigo-light:var(--indigo-300);--indigo-regular:var(--indigo-500);--indigo-dark:var(--indigo-600);--indigo-darker:var(--indigo-800);--indigo-darkest:var(--indigo-900);--cyan-lightest:var(--cyan-50);--cyan-lighter:var(--cyan-100);--cyan-light:var(--cyan-300);--cyan-regular:var(--cyan-500);--cyan-dark:var(--cyan-700);--cyan-darker:var(--cyan-800);--cyan-darkest:var(--cyan-900);--red-lightest:var(--red-50);--red-lighter:var(--red-100);--red-light:var(--red-400);--red-regular:var(--red-500);--red-dark:var(--red-600);--red-darker:var(--red-800);--red-darkest:var(--red-900);--orange-lightest:var(--orange-50);--orange-lighter:var(--orange-100);--orange-light:var(--orange-300);--orange-regular:var(--orange-500);--orange-dark:var(--orange-600);--orange-darker:var(--orange-700);--orange-darkest:var(--orange-800);--yellow-lightest:var(--yellow-50);--yellow-lighter:var(--yellow-100);--yellow-light:var(--yellow-300);--yellow-regular:var(--yellow-500);--yellow-dark:var(--yellow-600);--yellow-darker:var(--yellow-800);--yellow-darkest:var(--yellow-900);--pink-lightest:var(--pink-50);--pink-lighter:var(--pink-100);--pink-light:var(--pink-300);--pink-regular:var(--pink-500);--pink-dark:var(--pink-600);--pink-darker:var(--pink-700);--pink-darkest:var(--pink-800);--green-lightest:var(--green-50);--green-lighter:var(--green-100);--green-light:var(--green-300);--green-regular:var(--green-500);--green-dark:var(--green-600);--green-darker:var(--green-800);--green-darkest:var(--green-900);--teal-lightest:var(--teal-50);--teal-lighter:var(--teal-100);--teal-light:var(--teal-300);--teal-regular:var(--teal-500);--teal-dark:var(--teal-600);--teal-darker:var(--teal-700);--teal-darkest:var(--teal-800);--tone-lightest:var(--neutral-white);--tone-lighter:var(--neutral-25);--tone-light:var(--neutral-50);--tone-regular:var(--neutral-75);--tone-dark:var(--neutral-100);--tone-darker:var(--neutral-200);--tone-darkest:var(--neutral-300);--shade-lightest:var(--neutral-400);--shade-lighter:var(--neutral-500);--shade-light:var(--neutral-600);--shade-regular:var(--neutral-700);--shade-dark:var(--neutral-800);--shade-darker:var(--neutral-900);--shade-darkest:var(--neutral-black);--highlight-lightest:var(--cyan-lightest);--highlight-lighter:var(--cyan-lighter);--highlight-light:var(--cyan-light);--highlight-regular:var(--blue-regular);--highlight-dark:var(--blue-dark);--highlight-darker:var(--blue-darker);--highlight-darkest:var(--blue-darkest);--success-lightest:var(--green-lightest);--success-lighter:var(--green-lighter);--success-light:var(--green-light);--success-regular:var(--green-regular);--success-dark:var(--green-dark);--success-darker:var(--green-darker);--success-darkest:var(--green-darkest);--errors-lightest:var(--red-lightest);--errors-lighter:var(--red-lighter);--errors-light:var(--red-light);--errors-regular:var(--red-regular);--errors-dark:var(--red-dark);--errors-darker:var(--red-darker);--errors-darkest:var(--red-darkest);--actions-lightest:var(--purple-50);--actions-lighter:var(--purple-lighter);--actions-light:var(--purple-light);--actions-regular:var(--purple-regular);--actions-dark:var(--purple-dark);--actions-darker:var(--purple-darker);--actions-darkest:var(--purple-darkest);--information-lightest:var(--blue-lightest);--information-lighter:var(--blue-lighter);--information-light:var(--blue-light);--information-regular:var(--blue-regular);--information-dark:var(--blue-dark);--information-darker:var(--blue-darker);--information-darkest:var(--blue-darkest);--alert-lightest:var(--yellow-lightest);--alert-lighter:var(--yellow-lighter);--alert-light:var(--orange-light);--alert-regular:var(--orange-regular);--alert-darker:var(--yellow-darker);--alert-darkest:var(--yellow-darkest);--danger-lightest:var(--red-lightest);--danger-lighter:var(--red-lighter);--danger-light:var(--red-light);--danger-regular:var(--red-regular);--danger-dark:var(--red-dark);--danger-darker:var(--red-darker);--danger-darkest:var(--red-darkest);--disabled-lightest:var(--tone-light);--disabled-lighter:var(--tone-regular);--disabled-light:var(--tone-dark);--disabled-regular:var(--tone-darker);--disabled-dark:var(--shade-lighter);--disabled-darker:var(--shade-light);--disabled-darkest:var(--shade-regular);--label-primary:var(--shade-light);--label-primary-alt:var(--tone-lighter);--label-secondary:var(--tone-darkest);--label-secondary-hover:var(--shade-lighter);--label-tertiary:var(--tone-darker);--label-white:var(--tone-lightest);--label-highlight:var(--highlight-dark);--label-action:var(--actions-regular);--label-danger:var(--danger-dark);--label-status-error:var(--errors-dark);--label-status-success:var(--success-darker);--label-status-info:var(--information-dark);--label-status-alert:var(--alert-regular);--label-status-warning:var(--alert-regular);--label-status-disabled:var(--disabled-regular);--surface-primary:var(--tone-lightest);--surface-primary-hover:var(--tone-lighter);--surface-primary-pressed:var(--tone-light);--surface-secondary:var(--neutral-25);--surface-secondary-hover:var(--tone-light);--surface-secondary-pressed:var(--tone-regular);--surface-tertiary:var(--tone-light);--surface-tertiary-hover:var(--tone-lighter);--surface-tertiary-pressed:var(--tone-lightest);--surface-status-success:var(--success-lightest);--surface-status-success-soft:var(--success-lightest);--surface-status-error:var(--errors-lightest);--surface-status-error-soft:var(--errors-lightest);--surface-error-soft:var(--errors-lightest);--surface-status-alert:var(--alert-lightest);--surface-status-warning:var(--alert-lightest);--surface-status-warning-soft:var(--alert-lightest);--surface-status-info:var(--information-lightest);--surface-status-disabled:var(--disabled-lighter);--surface-action:var(--actions-regular);--surface-action-hover:var(--actions-dark);--surface-action-soft:var(--actions-lightest);--surface-action-soft-hover:var(--actions-lighter);--surface-action-soft-pressed:var(--actions-light);--surface-danger-soft:var(--danger-lightest);--surface-danger-soft-hover:var(--danger-lighter);--surface-danger-soft-pressed:var(--danger-light);--surface-highlight-soft:var(--highlight-lightest);--surface-colour-red-soft:var(--red-lightest);--surface-colour-green-soft:var(--green-lightest);--surface-colour-blue-soft:var(--blue-lightest);--surface-colour-orange-soft:var(--orange-lightest);--surface-colour-yellow-soft:var(--yellow-lightest);--surface-colour-purple-soft:var(--purple-lightest);--surface-colour-indigo-soft:var(--indigo-lightest);--surface-colour-cyan-soft:var(--cyan-lightest);--surface-colour-pink-soft:var(--pink-lightest);--surface-colour-teal-soft:var(--teal-lightest);--border-primary:var(--tone-light);--border-primary-hover:var(--tone-regular);--border-secondary:var(--tone-regular);--border-selected:var(--neutral-600);--border-action:var(--actions-regular);--border-status-error:var(--errors-lighter);--border-status-success:var(--success-lighter);--border-status-alert:var(--alert-lighter);--border-status-warning:var(--alert-lighter);--border-status-info:var(--information-lighter);--border-status-disabled:var(--disabled-lightest);--border-colour-overlay:#121e521a;--fill-primary:var(--shade-lighter);--fill-action-secondary:var(--deep-purple-500);--fill-secondary:var(--tone-darkest);--fill-white:var(--tone-lightest);--fill-action:var(--actions-regular);--fill-highlight:var(--highlight-dark);--fill-danger:var(--danger-dark);--fill-disabled:var(--disabled-light);--fill-status-success:var(--success-darker);--fill-status-error:var(--errors-dark);--fill-status-alert:var(--alert-regular);--fill-status-info:var(--information-regular);--fill-status-disabled:var(--disabled-light);--gradient-stop1:var(--purple-500);--gradient-stop2:var(--indigo-500);--gradient-stop3:var(--blue-500)}[data-theme=dark]{--label-primary:var(--tone-lighter);--label-primary-alt:var(--shade-light);--label-secondary:var(--tone-darker);--label-secondary-hover:var(--tone-lighter);--label-tertiary:var(--tone-dark);--label-white:var(--tone-lightest);--label-highlight:var(--highlight-light);--label-action:var(--actions-lighter);--label-danger:var(--danger-light);--label-status-error:var(--errors-light);--label-status-success:var(--success-light);--label-status-info:var(--information-light);--label-status-alert:var(--alert-light);--label-status-warning:var(--alert-light);--label-status-disabled:var(--disabled-regular);--surface-primary:var(--shade-darker);--surface-primary-hover:var(--shade-dark);--surface-primary-pressed:var(--shade-regular);--surface-secondary:var(--shade-dark);--surface-secondary-hover:var(--shade-darker);--surface-secondary-pressed:var(--shade-darkest);--surface-tertiary:var(--shade-regular);--surface-tertiary-hover:var(--shade-dark);--surface-tertiary-pressed:var(--shade-darker);--surface-status-success:var(--success-darkest);--surface-status-success-soft:var(--success-darkest);--surface-status-error:var(--errors-darkest);--surface-status-error-soft:var(--errors-darkest);--surface-error-soft:var(--errors-darkest);--surface-status-alert:var(--alert-darkest);--surface-status-warning:var(--alert-darkest);--surface-status-warning-soft:var(--alert-darkest);--surface-status-info:var(--information-darkest);--surface-status-disabled:var(--disabled-darkest);--surface-action:var(--actions-regular);--surface-action-hover:var(--actions-light);--surface-action-soft:var(--actions-darkest);--surface-action-soft-hover:var(--actions-darker);--surface-action-soft-pressed:var(--actions-dark);--surface-danger-soft:var(--danger-darkest);--surface-danger-soft-hover:var(--danger-darker);--surface-danger-soft-pressed:var(--danger-dark);--surface-highlight-soft:var(--highlight-darkest);--surface-colour-red-soft:var(--red-darkest);--surface-colour-green-soft:var(--green-darkest);--surface-colour-blue-soft:var(--blue-darkest);--surface-colour-orange-soft:var(--orange-darkest);--surface-colour-yellow-soft:var(--yellow-darkest);--surface-colour-purple-soft:var(--purple-darkest);--surface-colour-indigo-soft:var(--indigo-darkest);--surface-colour-cyan-soft:var(--cyan-darkest);--surface-colour-pink-soft:var(--pink-darkest);--surface-colour-teal-soft:var(--teal-darkest);--border-primary:var(--shade-light);--border-primary-hover:var(--shade-dark);--border-secondary:var(--shade-dark);--border-selected:var(--tone-light);--border-action:var(--actions-light);--border-status-error:var(--errors-darker);--border-status-success:var(--success-darker);--border-status-alert:var(--alert-darker);--border-status-warning:var(--alert-darker);--border-status-info:var(--information-darker);--border-status-disabled:var(--disabled-dark);--border-colour-overlay:#ffffff1a;--fill-primary:var(--tone-lighter);--fill-secondary:var(--tone-darker);--fill-white:var(--tone-lightest);--fill-action:var(--actions-lighter);--fill-highlight:var(--highlight-light);--fill-danger:var(--danger-light);--fill-disabled:var(--disabled-dark);--fill-status-success:var(--success-light);--fill-status-error:var(--errors-light);--fill-status-alert:var(--alert-light);--fill-status-info:var(--information-light);--fill-status-disabled:var(--disabled-dark);--gradient-stop1:var(--indigo-400);--gradient-stop2:var(--cyan-500);--gradient-stop3:var(--cyan-100)}.text-primary{color:var(--label-primary)}.text-secondary{color:var(--label-secondary)}.text-white{color:var(--label-white)}.text-action{color:var(--label-action)}.text-danger{color:var(--label-danger)}.text-success{color:var(--label-status-success)}.text-error{color:var(--label-status-error)}.text-info{color:var(--label-status-info)}.text-warning{color:var(--label-status-alert)}.text-disabled{color:var(--label-status-disabled)}.bg-primary{background-color:var(--surface-primary)}.bg-secondary{background-color:var(--surface-secondary)}.bg-tertiary{background-color:var(--surface-tertiary)}.bg-success{background-color:var(--surface-status-success)}.bg-error{background-color:var(--surface-status-error)}.bg-warning{background-color:var(--surface-status-alert)}.bg-info{background-color:var(--surface-status-info)}.bg-action-soft{background-color:var(--surface-action-soft)}.bg-danger-soft{background-color:var(--surface-danger-soft)}.border-primary{border-color:var(--border-primary)}.border-secondary{border-color:var(--border-secondary)}.border-selected{border-color:var(--border-selected)}.border-action{border-color:var(--border-action)}.border-success{border-color:var(--border-status-success)}.border-error{border-color:var(--border-status-error)}.border-warning{border-color:var(--border-status-alert)}.border-info{border-color:var(--border-status-info)}:root{--radius-zero:0px;--radius-xs:2px;--radius-sm:4px;--radius-md:8px;--radius-reg:8px;--radius-lg:12px;--radius-xl:24px;--spacing-zero:0px;--spacing-xxs:1px;--spacing-xs:2px;--spacing-sm:4px;--spacing-md:8px;--spacing-reg:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:64px;--spacing-super:128px;--container-padding-mobile:16px;--opacity-0:0;--opacity-10:0.1;--opacity-20:0.2;--opacity-30:0.3;--opacity-40:0.4;--opacity-50:0.5;--opacity-60:0.6;--opacity-70:0.7;--opacity-80:0.8;--opacity-90:0.9;--opacity-100:1;--color-success-fill:#2d6b18;--color-success-background:#eef9ea;--color-success-border:#c9ecbd;--color-error-fill:#cc3c35;--color-error-background:#fceceb;--color-error-border:#f5c4c2;--color-alert-fill:#fd7e14;--color-alert-background:#fcf6e7;--color-alert-border:#f6e3b4;--color-info-fill:#0e8ce2;--color-info-background:#e7f4fc;--color-info-border:#b4dbf6;--surfaces-status-background-success:var(--color-success-background);--surfaces-status-background-error:var(--color-error-background);--surfaces-status-background-alert:var(--color-alert-background);--surfaces-status-background-info:var(--color-info-background);--borders-status-border-success:var(--color-success-border);--borders-status-border-error:var(--color-error-border);--borders-status-border-alert:var(--color-alert-border);--borders-status-border-info:var(--color-info-border);--fills-status-fill-success:var(--color-success-fill);--fills-status-fill-error:var(--color-error-fill);--fills-status-fill-alert:var(--color-alert-fill);--fills-status-fill-info:var(--color-info-fill);--font-family-sans:\"Geist\",-apple-system,BlinkMacSystemFont,\"Segoe UI\",\"Roboto\",\"Helvetica Neue\",Arial,sans-serif;--font-family-mono:\"Geist Mono\",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--heading-xxl-size:44px;--heading-xxl-line:48px;--heading-xxl-weight:600;--heading-xl-size:32px;--heading-xl-line:36px;--heading-xl-weight:700;--heading-h1-size:24px;--heading-h1-line:28px;--heading-h1-weight:600;--heading-h2-size:20px;--heading-h2-line:24px;--heading-h2-weight:600;--heading-h3-size:17px;--heading-h3-line:20px;--heading-h3-weight:600;--heading-h4-size:15px;--heading-h4-line:18px;--heading-h4-weight:600;--heading-h5-size:13px;--heading-h5-line:16px;--heading-h5-weight:500;--heading-h6-size:11px;--heading-h6-line:14px;--heading-h6-weight:500;--heading-xxl-mobile-size:32px;--heading-xxl-mobile-line:36px;--heading-xxl-mobile-weight:600;--heading-xl-mobile-size:26px;--heading-xl-mobile-line:30px;--heading-xl-mobile-weight:700;--heading-h1-mobile-size:20px;--heading-h1-mobile-line:23px;--heading-h1-mobile-weight:600;--heading-h2-mobile-size:18px;--heading-h2-mobile-line:22px;--heading-h2-mobile-weight:600;--heading-h3-mobile-size:16px;--heading-h3-mobile-line:18px;--heading-h3-mobile-weight:600;--heading-h4-mobile-size:14px;--heading-h4-mobile-line:16px;--heading-h4-mobile-weight:600;--heading-h5-mobile-size:13px;--heading-h5-mobile-line:16px;--heading-h5-mobile-weight:500;--heading-h6-mobile-size:11px;--heading-h6-mobile-line:14px;--heading-h6-mobile-weight:500;--text-xl-size:20px;--text-xl-line:26px;--text-xl-weight:400;--text-large-size:18px;--text-large-line:24px;--text-large-weight:400;--text-regular-size:15px;--text-regular-line:20px;--text-regular-weight:400;--text-small-size:13px;--text-small-line:16px;--text-small-weight:400;--text-small-emphasis-weight:500;--text-small-bold-weight:600;--text-xs-size:10px;--text-xs-line:13px;--text-xs-weight:500;--text-xs-bold-weight:600}.waiver-template-form-section{gap:var(--padding-reg,16px)}.waiver-template-form-group,.waiver-template-form-section{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column}.waiver-template-form-group{gap:var(--padding-lg,24px)}.text-description{color:var(--label-secondary,#626a90);font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:16px;font-style:normal;line-height:24px}.notification-banner{align-items:flex-start;border:1px solid;border-radius:var(--radius-reg,8px);display:flex;gap:16px;padding:var(--padding-reg,16px) 24px;width:100%}.notification-banner--success{background:var(--surfaces-status-background-success,#eef9ea);border-color:var(--borders-status-border-success,#c9ecbd)}.notification-banner--success .notification-banner__icon-wrap{background:var(--fills-status-fill-success,#2d6b18)}.notification-banner--success .notification-banner__title{color:var(--fills-status-fill-success,#2d6b18)}.notification-banner--error{background:var(--surfaces-status-background-error,#fceceb);border-color:var(--borders-status-border-error,#f5c4c2)}.notification-banner--error .notification-banner__icon-wrap{background:var(--fills-status-fill-error,#cc3c35)}.notification-banner--error .notification-banner__title{color:var(--fills-status-fill-error,#cc3c35)}.notification-banner--info{background:var(--surfaces-status-background-info,#e7f4fc);border-color:var(--borders-status-border-info,#b4dbf6)}.notification-banner--info .notification-banner__icon-wrap{background:var(--fills-status-fill-info,#0e8ce2)}.notification-banner--info .notification-banner__title{color:var(--fills-status-fill-info,#0e8ce2)}.notification-banner__icon-wrap{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.notification-banner__content{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}.notification-banner__title{font-family:Geist,sans-serif;font-size:14px;font-weight:600;line-height:18px;margin:0}.notification-banner__message{font-weight:400;margin:0}.notification-banner__action,.notification-banner__message{color:var(--labels-main-label-primary,#121e52);font-family:Geist,sans-serif;font-size:13px;line-height:18px}.notification-banner__action{background:none;border:none;cursor:pointer;font-weight:600;margin-top:4px;padding:0;text-decoration:underline}.notification-banner__action:hover{opacity:.7}.notification-banner__dismiss{align-items:center;background:none;border:none;color:var(--labels-main-label-secondary,#626a90);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:0;transition:opacity .2s ease;width:32px}.notification-banner__dismiss:hover{opacity:.7}";
+styleInject(css_248z);
+
+export { css_248z as default };

package/dist/v2/components/NotificationBanner/index.d.ts

@@ -0,0 +1,3 @@
+export { NotificationBanner } from './NotificationBanner';
+export type { NotificationBannerProps, NotificationBannerVariant } from './NotificationBanner';
+//# sourceMappingURL=index.d.ts.map

package/dist/v2/components/NotificationBanner/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/NotificationBanner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,YAAY,EAAE,uBAAuB,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAA"}

package/dist/v2/components/RadioCard/{RadioCard.d.ts → RadioCardGroup.d.ts}

@@ -1,17 +1,18 @@
 import React from 'react';
-import './RadioCard.scss';
+import './RadioCardGroup.scss';
 export interface RadioCardOption {
     value: string;
     label: string;
     description?: string;
     disabled?: boolean;
+    icon?: React.ReactNode;
 }
-export interface RadioCardProps {
+export interface RadioCardGroupProps {
     options: RadioCardOption[];
     value: string;
     onChange(value: string): void;
     name: string;
     className?: string;
 }
-export declare const RadioCard: React.FC<RadioCardProps>;
-//# sourceMappingURL=RadioCard.d.ts.map
+export declare const RadioCardGroup: React.FC<RadioCardGroupProps>;
+//# sourceMappingURL=RadioCardGroup.d.ts.map

package/dist/v2/components/RadioCard/RadioCardGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioCardGroup.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/RadioCard/RadioCardGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,uBAAuB,CAAA;AAE9B,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,eAAe,EAAE,CAAA;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAwDxD,CAAA"}

package/dist/v2/components/RadioCard/RadioCardGroup.js

@@ -0,0 +1,69 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import 'react';
+import './RadioCardGroup.scss.js';
+
+var RadioCardGroup = function(param) {
+    var options = param.options, value = param.value, onChange = param.onChange, name = param.name, _param_className = param.className, className = _param_className === void 0 ? '' : _param_className;
+    return /*#__PURE__*/ jsx("div", {
+        className: "radio-card ".concat(className),
+        children: options.map(function(option) {
+            var isSelected = option.value === value;
+            var _option_disabled;
+            var isDisabled = (_option_disabled = option.disabled) !== null && _option_disabled !== void 0 ? _option_disabled : false;
+            var optionClass = [
+                'radio-card__option',
+                isSelected ? 'radio-card__option--selected' : '',
+                isDisabled ? 'radio-card__option--disabled' : ''
+            ].filter(Boolean).join(' ');
+            var radioClass = [
+                'radio-card__radio',
+                isSelected ? 'radio-card__radio--selected' : ''
+            ].filter(Boolean).join(' ');
+            return /*#__PURE__*/ jsxs("label", {
+                className: optionClass,
+                children: [
+                    /*#__PURE__*/ jsx("input", {
+                        type: "radio",
+                        name: name,
+                        value: option.value,
+                        checked: isSelected,
+                        disabled: isDisabled,
+                        onChange: function() {
+                            return !isDisabled && onChange(option.value);
+                        },
+                        className: "radio-card__radio-input"
+                    }),
+                    option.icon ? /*#__PURE__*/ jsxs("div", {
+                        className: "radio-card__icon-box",
+                        children: [
+                            /*#__PURE__*/ jsx("div", {
+                                className: "radio-card__icon",
+                                children: option.icon
+                            }),
+                            /*#__PURE__*/ jsx("div", {
+                                className: radioClass
+                            })
+                        ]
+                    }) : /*#__PURE__*/ jsx("div", {
+                        className: radioClass
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "radio-card__text",
+                        children: [
+                            /*#__PURE__*/ jsx("span", {
+                                className: "radio-card__label",
+                                children: option.label
+                            }),
+                            option.description && /*#__PURE__*/ jsx("span", {
+                                className: "radio-card__description",
+                                children: option.description
+                            })
+                        ]
+                    })
+                ]
+            }, option.value);
+        })
+    });
+};
+
+export { RadioCardGroup };

package/dist/v2/components/RadioCard/RadioCardGroup.scss.js

@@ -0,0 +1,6 @@
+import styleInject from 'style-inject';
+
+var css_248z = ".radio-card{display:flex;flex-direction:row;gap:12px}@media (max-width:768px){.radio-card{flex-direction:column}}.radio-card__option{align-items:flex-start;background:var(--surface-primary,#fff);border:1.5px solid var(--border-primary,#e8e9ef);border-radius:8px;cursor:pointer;display:flex;flex:1;gap:12px;padding:14px 16px;transition:border-color .15s,background .15s}.radio-card__option--selected{background:var(--surface-primary,#fff);border-color:var(--border-primary,#e8e9ef)}.radio-card__option--disabled{cursor:not-allowed;opacity:.5}.radio-card__radio-input{height:0;opacity:0;position:absolute;width:0}.radio-card__icon-box{background:var(--surface-secondary,#f8f8fa);border-radius:6px;color:var(--fill-primary,#14215a);flex-direction:column;flex-shrink:0;gap:8px;padding:8px;width:60px}.radio-card__icon,.radio-card__icon-box,.radio-card__radio{align-items:center;display:flex;justify-content:center}.radio-card__radio{border:1.5px solid var(--border-primary,#e8e9ef);border-radius:50%;flex-shrink:0;height:18px;margin-top:2px;width:18px}.radio-card__radio--selected{border-color:var(--fills-main-fill-primary,#14215a)}.radio-card__radio--selected:after{background:var(--fills-main-fill-primary,#14215a);border-radius:50%;content:\"\";height:8px;width:8px}.radio-card__text{flex:1}.radio-card__label{color:var(--label-primary,#121e52);display:block;font-size:14px;font-weight:600}.radio-card__description{color:var(--label-secondary,#626a90);display:block;font-size:13px;margin-top:2px}";
+styleInject(css_248z);
+
+export { css_248z as default };

package/dist/v2/components/RadioCard/index.d.ts

@@ -1,2 +1,2 @@
-export * from './RadioCard';
+export * from './RadioCardGroup';
 //# sourceMappingURL=index.d.ts.map

package/dist/v2/components/RadioCard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/RadioCard/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/RadioCard/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA"}

package/dist/v2/components/Select/Select.d.ts

@@ -1,5 +1,10 @@
 import { SelectHTMLAttributes } from 'react';
 import './Select.scss';
+export interface SelectOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
 export interface SelectProps extends Omit<SelectHTMLAttributes<HTMLSelectElement>, 'size'> {
     variant?: 'default' | 'hover' | 'focus' | 'error' | 'disabled';
     size?: 'sm' | 'md' | 'lg';
@@ -7,7 +12,8 @@ export interface SelectProps extends Omit<SelectHTMLAttributes<HTMLSelectElement
     optional?: boolean;
     error?: string;
     helperText?: string;
+    options?: SelectOption[];
 }
-export declare function Select({ variant, size, disabled, className, label, optional, error, helperText, children, ...props }: SelectProps): import("react/jsx-runtime").JSX.Element;
+export declare function Select({ variant, size, disabled, className, label, optional, error, helperText, options, children, ...props }: SelectProps): import("react/jsx-runtime").JSX.Element;
 export default Select;
 //# sourceMappingURL=Select.d.ts.map

package/dist/v2/components/Select/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAC5C,OAAO,eAAe,CAAA;AAEtB,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IACxF,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAE,OAAO,GAAG,OAAO,GAAG,UAAU,CAAA;IAC7D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,wBAAgB,MAAM,CAAC,EACrB,OAAmB,EACnB,IAAW,EACX,QAAgB,EAChB,SAAc,EACd,KAAK,EACL,QAAQ,EACR,KAAK,EACL,UAAU,EACV,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,2CA2Db;AAED,eAAe,MAAM,CAAA"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAC5C,OAAO,eAAe,CAAA;AAEtB,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IACxF,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAE,OAAO,GAAG,OAAO,GAAG,UAAU,CAAA;IAC7D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;CACzB;AAED,wBAAgB,MAAM,CAAC,EACrB,OAAmB,EACnB,IAAW,EACX,QAAgB,EAChB,SAAc,EACd,KAAK,EACL,QAAQ,EACR,KAAK,EACL,UAAU,EACV,OAAO,EACP,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,2CAiEb;AAED,eAAe,MAAM,CAAA"}

package/dist/v2/components/Select/Select.js

@@ -81,7 +81,7 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 function Select(_param) {
-    var _param_variant = _param.variant, variant = _param_variant === void 0 ? 'default' : _param_variant, _param_size = _param.size, size = _param_size === void 0 ? 'md' : _param_size, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, _param_className = _param.className, className = _param_className === void 0 ? '' : _param_className, label = _param.label, optional = _param.optional, error = _param.error, helperText = _param.helperText, children = _param.children, props = _object_without_properties(_param, [
+    var _param_variant = _param.variant, variant = _param_variant === void 0 ? 'default' : _param_variant, _param_size = _param.size, size = _param_size === void 0 ? 'md' : _param_size, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, _param_className = _param.className, className = _param_className === void 0 ? '' : _param_className, label = _param.label, optional = _param.optional, error = _param.error, helperText = _param.helperText, options = _param.options, children = _param.children, props = _object_without_properties(_param, [
         "variant",
         "size",
         "disabled",
@@ -90,6 +90,7 @@ function Select(_param) {
         "optional",
         "error",
         "helperText",
+        "options",
         "children"
     ]);
     var isError = !!error;
@@ -122,7 +123,13 @@ function Select(_param) {
                         className: classes,
                         disabled: disabled
                     }, props), {
-                        children: children
+                        children: options ? options.map(function(opt) {
+                            return /*#__PURE__*/ jsx("option", {
+                                value: opt.value,
+                                disabled: opt.disabled,
+                                children: opt.label
+                            }, opt.value);
+                        }) : children
                     })),
                     /*#__PURE__*/ jsx("svg", {
                         className: "select-arrow",

package/dist/v2/components/Select/index.d.ts

@@ -1,3 +1,3 @@
 export { Select } from './Select';
-export type { SelectProps } from './Select';
+export type { SelectProps, SelectOption } from './Select';
 //# sourceMappingURL=index.d.ts.map

package/dist/v2/components/Select/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/Select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/Select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA"}

package/dist/v2/components/StatusBadge/StatusBadge.d.ts

@@ -1,8 +1,9 @@
 import React from 'react';
 import './StatusBadge.scss';
-export type StatusBadgeStatus = 'active' | 'disabled' | 'suspended' | 'invited' | 'imported' | 'inactive' | 'expired';
+export type StatusBadgeStatus = 'active' | 'disabled' | 'suspended' | 'invited' | 'imported' | 'inactive' | 'expired' | 'success' | 'warning' | 'error' | 'default';
 export interface StatusBadgeProps {
     status: StatusBadgeStatus;
+    label?: string;
 }
 export declare const StatusBadge: React.FC<StatusBadgeProps>;
 //# sourceMappingURL=StatusBadge.d.ts.map

package/dist/v2/components/StatusBadge/StatusBadge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StatusBadge.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/StatusBadge/StatusBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,oBAAoB,CAAA;AAE3B,MAAM,MAAM,iBAAiB,GACzB,QAAQ,GACR,UAAU,GACV,WAAW,GACX,SAAS,GACT,UAAU,GACV,UAAU,GACV,SAAS,CAAA;AAEb,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,iBAAiB,CAAA;CAC1B;AAYD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAIlD,CAAA"}
+{"version":3,"file":"StatusBadge.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/StatusBadge/StatusBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,oBAAoB,CAAA;AAE3B,MAAM,MAAM,iBAAiB,GACzB,QAAQ,GACR,UAAU,GACV,WAAW,GACX,SAAS,GACT,UAAU,GACV,UAAU,GACV,SAAS,GACT,SAAS,GACT,SAAS,GACT,OAAO,GACP,SAAS,CAAA;AAEb,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,iBAAiB,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAgBD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAIlD,CAAA"}

package/dist/v2/components/StatusBadge/StatusBadge.js

@@ -9,13 +9,17 @@ var STATUS_LABELS = {
     invited: 'Invited',
     imported: 'Imported',
     inactive: 'Inactive',
-    expired: 'Expired'
+    expired: 'Expired',
+    success: 'Success',
+    warning: 'Warning',
+    error: 'Error',
+    default: ''
 };
 var StatusBadge = function(param) {
-    var status = param.status;
+    var status = param.status, label = param.label;
     return /*#__PURE__*/ jsx("span", {
         className: "status-badge status-badge--".concat(status),
-        children: STATUS_LABELS[status]
+        children: label !== null && label !== void 0 ? label : STATUS_LABELS[status]
     });
 };