@licklist/design 0.78.5-dev.41 → 0.78.5-dev.45

package/dist/v2/components/NewInput/NewInput.js

@@ -0,0 +1,134 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import '../../styles/form/NewInput.scss.js';
+
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+var NewInput = /*#__PURE__*/ forwardRef(function(_param, ref) {
+    var label = _param.label, optional = _param.optional, helperText = _param.helperText, error = _param.error, icon = _param.icon, _param_as = _param.as, as = _param_as === void 0 ? 'input' : _param_as; _param.required; var _param_className = _param.className, className = _param_className === void 0 ? '' : _param_className, props = _object_without_properties(_param, [
+        "label",
+        "optional",
+        "helperText",
+        "error",
+        "icon",
+        "as",
+        "required",
+        "className"
+    ]);
+    var isError = !!error;
+    var containerClasses = [
+        'new-form-input',
+        isError ? 'new-form-input--error' : '',
+        props.disabled ? 'new-form-input--disabled' : '',
+        className
+    ].filter(Boolean).join(' ');
+    var renderInput = function() {
+        if (as === 'textarea') {
+            return /*#__PURE__*/ jsx("textarea", _object_spread({
+                ref: ref,
+                className: "new-form-input__textarea"
+            }, props));
+        }
+        if (icon) {
+            return /*#__PURE__*/ jsxs("div", {
+                className: "new-form-input__input-with-icon",
+                children: [
+                    /*#__PURE__*/ jsx("input", _object_spread({
+                        ref: ref
+                    }, props)),
+                    /*#__PURE__*/ jsx("div", {
+                        className: "icon",
+                        children: icon
+                    })
+                ]
+            });
+        }
+        return /*#__PURE__*/ jsx("input", _object_spread({
+            ref: ref,
+            className: "new-form-input__input"
+        }, props));
+    };
+    return /*#__PURE__*/ jsxs("div", {
+        className: containerClasses,
+        children: [
+            (label || optional) && /*#__PURE__*/ jsxs("div", {
+                className: "new-form-input__label-row",
+                children: [
+                    label && /*#__PURE__*/ jsx("label", {
+                        className: "new-form-input__label",
+                        children: label
+                    }),
+                    optional && /*#__PURE__*/ jsx("span", {
+                        className: "new-form-input__label-optional",
+                        children: "Optional"
+                    })
+                ]
+            }),
+            renderInput(),
+            helperText && /*#__PURE__*/ jsx("p", {
+                className: "new-form-input__helper-text",
+                children: helperText
+            }),
+            error && error !== ' ' && /*#__PURE__*/ jsx("p", {
+                className: "new-form-input__error-text",
+                children: error
+            })
+        ]
+    });
+});
+NewInput.displayName = 'NewInput';
+
+export { NewInput };

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/NewInput/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import './NewPageHeader.scss';
+export interface NewPageHeaderProps {
+    title: string;
+    cancelLabel?: string;
+    onCancel?: () => void;
+    className?: string;
+}
+export declare const NewPageHeader: React.FC<NewPageHeaderProps>;
+//# sourceMappingURL=NewPageHeader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NewPageHeader.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/NewPageHeader/NewPageHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,sBAAsB,CAAC;AAE9B,MAAM,WAAW,kBAAkB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAuBtD,CAAC"}

package/dist/v2/components/NewPageHeader/NewPageHeader.js

@@ -0,0 +1,36 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react';
+import { Button, ButtonText } from '../Button/Button.js';
+import './NewPageHeader.scss.js';
+
+var NewPageHeader = function(param) {
+    var title = param.title, _param_cancelLabel = param.cancelLabel, cancelLabel = _param_cancelLabel === void 0 ? 'Cancel' : _param_cancelLabel, onCancel = param.onCancel, _param_className = param.className, className = _param_className === void 0 ? '' : _param_className;
+    return /*#__PURE__*/ jsxs("div", {
+        className: "new-page-header-container ".concat(className),
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                className: "new-page-header",
+                children: [
+                    /*#__PURE__*/ jsx("h1", {
+                        className: "new-page-header__title",
+                        children: title
+                    }),
+                    onCancel && /*#__PURE__*/ jsx(Button, {
+                        type: "button",
+                        variant: "destructive-soft",
+                        onClick: onCancel,
+                        children: /*#__PURE__*/ jsx(ButtonText, {
+                            color: "danger",
+                            children: cancelLabel
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx("hr", {
+                className: "new-page-header__divider"
+            })
+        ]
+    });
+};
+
+export { NewPageHeader };

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

@@ -0,0 +1,6 @@
+import styleInject from '/opt/atlassian/pipelines/agent/build/node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".new-page-header-container{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:24px;padding-left:32px;padding-right:32px}@media (max-width:768px){.new-page-header-container{gap:16px;padding-left:16px;padding-right:16px}}.new-page-header{align-items:center;align-self:stretch;display:flex;gap:16px;justify-content:space-between;width:100%}@media (max-width:768px){.new-page-header{gap:8px;padding-top:16px}}.new-page-header__title{color:var(--label-primary);font-family:Geist,sans-serif;font-size:24px;font-style:normal;font-weight:600;line-height:28px;margin:0}.new-page-header__divider{background-color:var(--border-primary,#e8e9ef);border:none;height:1px;margin:0;width:100%}";
+styleInject(css_248z);
+
+export { css_248z as default };

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/NewPageHeader/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import './SectionHeader.scss';
+export interface SectionHeaderProps {
+    title: string;
+    className?: string;
+}
+export declare const SectionHeader: React.FC<SectionHeaderProps>;
+//# sourceMappingURL=SectionHeader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SectionHeader.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/SectionHeader/SectionHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,sBAAsB,CAAC;AAE9B,MAAM,WAAW,kBAAkB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAMtD,CAAC"}

package/dist/v2/components/SectionHeader/SectionHeader.js

@@ -0,0 +1,13 @@
+import { jsx } from 'react/jsx-runtime';
+import 'react';
+import './SectionHeader.scss.js';
+
+var SectionHeader = function(param) {
+    var title = param.title, _param_className = param.className, className = _param_className === void 0 ? '' : _param_className;
+    return /*#__PURE__*/ jsx("span", {
+        className: "section-header ".concat(className),
+        children: title
+    });
+};
+
+export { SectionHeader };

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

@@ -0,0 +1,6 @@
+import styleInject from '/opt/atlassian/pipelines/agent/build/node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".section-header{align-self:stretch;color:var(--label-primary,#121e52);display:flex;font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:17px;font-style:normal;font-weight:600;line-height:20px;margin:0}";
+styleInject(css_248z);
+
+export { css_248z as default };

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/SectionHeader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC"}

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

@@ -1,6 +1,6 @@
 import styleInject from '/opt/atlassian/pipelines/agent/build/node_modules/style-inject/dist/style-inject.es.js';
 
-var css_248z = ":root{--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-regular-emphasis-weight:500;--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}.heading-desktop-xxl{font-size:var(--heading-xxl-size);font-weight:var(--heading-xxl-weight);line-height:var(--heading-xxl-line)}.heading-desktop-xl,.heading-desktop-xxl{font-family:var(--font-family-sans)!important;letter-spacing:0}.heading-desktop-xl{font-size:var(--heading-xl-size);font-weight:var(--heading-xl-weight);line-height:var(--heading-xl-line)}.heading-desktop-h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line)}.heading-desktop-h1,.heading-desktop-h2{font-family:var(--font-family-sans)!important;letter-spacing:0}.heading-desktop-h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line)}.heading-desktop-h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line)}.heading-desktop-h3,.heading-desktop-h4{font-family:var(--font-family-sans)!important;letter-spacing:0}.heading-desktop-h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line)}.heading-desktop-h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line)}.heading-desktop-h5,.heading-desktop-h6{font-family:var(--font-family-sans)!important;letter-spacing:0}.heading-desktop-h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line)}.heading-mobile-xxl{font-size:var(--heading-xxl-mobile-size);font-weight:var(--heading-xxl-mobile-weight);line-height:var(--heading-xxl-mobile-line)}.heading-mobile-xl,.heading-mobile-xxl{font-family:var(--font-family-sans)!important;letter-spacing:0}.heading-mobile-xl{font-size:var(--heading-xl-mobile-size);font-weight:var(--heading-xl-mobile-weight);line-height:var(--heading-xl-mobile-line)}.heading-mobile-h1{font-size:var(--heading-h1-mobile-size);font-weight:var(--heading-h1-mobile-weight);line-height:var(--heading-h1-mobile-line)}.heading-mobile-h1,.heading-mobile-h2{font-family:var(--font-family-sans)!important;letter-spacing:0}.heading-mobile-h2{font-size:var(--heading-h2-mobile-size);font-weight:var(--heading-h2-mobile-weight);line-height:var(--heading-h2-mobile-line)}.heading-mobile-h3{font-size:var(--heading-h3-mobile-size);font-weight:var(--heading-h3-mobile-weight);line-height:var(--heading-h3-mobile-line)}.heading-mobile-h3,.heading-mobile-h4{font-family:var(--font-family-sans)!important;letter-spacing:0}.heading-mobile-h4{font-size:var(--heading-h4-mobile-size);font-weight:var(--heading-h4-mobile-weight);line-height:var(--heading-h4-mobile-line)}.heading-mobile-h5{font-size:var(--heading-h5-mobile-size);font-weight:var(--heading-h5-mobile-weight);line-height:var(--heading-h5-mobile-line)}.heading-mobile-h5,.heading-mobile-h6{font-family:var(--font-family-sans)!important;letter-spacing:0}.heading-mobile-h6{font-size:var(--heading-h6-mobile-size);font-weight:var(--heading-h6-mobile-weight);line-height:var(--heading-h6-mobile-line)}.body-desktop-xl{font-size:var(--text-xl-size);font-weight:var(--text-xl-weight);line-height:var(--text-xl-line)}.body-desktop-large,.body-desktop-xl{font-family:var(--font-family-sans)!important;letter-spacing:0}.body-desktop-large{font-size:var(--text-large-size);font-weight:var(--text-large-weight);line-height:var(--text-large-line)}.body-desktop-regular{font-weight:var(--text-regular-weight)}.body-desktop-regular,.body-desktop-regular-emphasis{font-family:var(--font-family-sans)!important;font-size:var(--text-regular-size);letter-spacing:0;line-height:var(--text-regular-line)}.body-desktop-regular-emphasis{font-weight:var(--text-regular-emphasis-weight)}.body-desktop-small{font-weight:var(--text-small-weight)}.body-desktop-small,.body-desktop-small-emphasis{font-family:var(--font-family-sans)!important;font-size:var(--text-small-size);letter-spacing:0;line-height:var(--text-small-line)}.body-desktop-small-emphasis{font-weight:var(--text-small-emphasis-weight)}.body-desktop-small-bold{font-family:var(--font-family-sans)!important;font-size:var(--text-small-size);font-weight:var(--text-small-bold-weight);letter-spacing:0;line-height:var(--text-small-line)}.body-desktop-xs{font-weight:var(--text-xs-weight)}.body-desktop-xs,.body-desktop-xs-bold{font-family:var(--font-family-sans)!important;font-size:var(--text-xs-size);letter-spacing:0;line-height:var(--text-xs-line)}.body-desktop-xs-bold{font-weight:var(--text-xs-bold-weight)}.typography-story,[id*=v2-design-system-typography] *{font-family:var(--font-family-sans)!important}.typography-story{margin:0 auto;max-width:1200px;padding:2rem}.typography-story *{font-family:inherit!important}.story-header{margin-bottom:3rem}.story-header h1{color:var(--label-primary,#121e52);font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line);margin:0 0 .5rem}.story-header h1,.story-header p{font-family:var(--font-family-sans);letter-spacing:0}.story-header p{color:var(--label-secondary,#626a90);font-size:var(--text-regular-size);font-weight:var(--text-regular-weight);line-height:var(--text-regular-line);margin:0}.typography-section{margin-bottom:3rem}.typography-section__title{border-bottom:2px solid var(--border-primary,#e8e9ef);color:var(--label-primary,#121e52);font-family:var(--font-family-sans);font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);letter-spacing:0;line-height:var(--heading-h2-line);margin:0 0 2rem;padding-bottom:1rem}.typography-example,.typography-grid{display:grid;gap:2rem}.typography-example{align-items:center;background:var(--surface-primary,#fff);border:1px solid var(--border-primary,#e8e9ef);border-radius:8px;grid-template-columns:1fr auto;padding:1.5rem}.typography-sample{color:var(--label-primary,#121e52)}.typography-info{min-width:200px;text-align:right}.typography-name{color:var(--label-primary,#121e52);font-family:var(--font-family-sans);font-size:var(--text-small-size);font-weight:var(--text-small-emphasis-weight);letter-spacing:0;line-height:var(--text-small-line);margin-bottom:.25rem}.typography-specs{display:flex;gap:1rem;justify-content:flex-end;margin-bottom:.25rem}.typography-size,.typography-weight{background:var(--surface-secondary,#f8f8fa);border-radius:4px;font-family:var(--font-family-sans);font-family:var(--font-family-mono);padding:.25rem .5rem}.typography-description,.typography-size,.typography-weight{color:var(--label-secondary,#626a90);font-size:var(--text-xs-size);font-weight:var(--text-xs-weight);letter-spacing:0;line-height:var(--text-xs-line)}.typography-description{font-family:var(--font-family-sans);font-style:italic}@media (max-width:768px){.typography-story{padding:1rem}.typography-example{gap:1rem;grid-template-columns:1fr}.typography-info{text-align:left}.typography-specs{justify-content:flex-start}}.select-container{display:inline-block;max-width:152px;position:relative;width:auto}@media (min-width:768px){.select-container{max-width:448px}}.select{appearance:none;background-color:var(--surface-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-md,4px);color:var(--label-primary);cursor:pointer;display:block;flex-shrink:0;font-family:var(--font-family-sans);font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);height:40px;letter-spacing:0;line-height:var(--heading-h5-line);line-height:16px;padding:8px var(--padding-reg,16px);padding-right:40px;transition:all .2s ease-in-out;width:auto}.select:hover:not(:disabled){border-color:var(--disabled-regular)}.select--default,.select--hover{background-color:var(--surface-secondary)}.select--hover{border-color:var(--border-secondary)}.select--focus{border-color:var(--border-selected)}.select--focus,.select--secondary{background-color:var(--surface-secondary)}.select--secondary{border-color:var(--border-primary)}.select--secondary:hover:not(:disabled){background-color:var(--surface-primary-hover);border-color:var(--tone-regular)}.select--secondary:focus{background-color:var(--surface-primary);border-color:var(--disabled-regular)}.select--error{background-color:var(--surface-status-error);border-color:var(--border-status-error)}.select--error:hover:not(:disabled){background-color:var(--errors-lighter);border-color:var(--errors-light)}.select--error:focus{background-color:var(--surface-status-error);border-color:var(--errors-dark)}.select--info{background-color:var(--surface-status-info);border-color:var(--border-status-info);color:var(--information-darker)}.select--info:hover:not(:disabled){background-color:var(--information-lighter);border-color:var(--information-light)}.select--info:focus{background-color:var(--information-lightest);border-color:var(--information-dark)}.select--disabled{cursor:not-allowed;opacity:.6}.select--disabled,.select--disabled:hover{background-color:var(--surface-status-disabled);border-color:var(--border-status-disabled)}.select--sm{font-size:12px;padding:4px 32px 4px 8px}.select--md{font-size:14px;padding:8px 36px 8px 12px}.select--lg{font-size:16px;padding:12px 40px 12px 16px}.select::-ms-expand{display:none}.select-arrow{stroke:var(--label-secondary);height:6px;pointer-events:none;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:all .2s ease-in-out;width:11px}.select:focus+.select-arrow{transform:translateY(-50%) rotate(180deg)}.select:focus{border-color:var(--highlight-dark);box-shadow:0 0 0 3px var(--surface-highlight-soft);outline:none;transform:translateY(-1px)}.select:active{box-shadow:0 0 0 2px var(--surface-highlight-soft);transform:translateY(0)}.select.select--transitioning{border-color:var(--cyan-700);opacity:.8;transform:scale(.98)}.select.select--transitioning:focus{transform:scale(.98) translateY(-1px)}@keyframes filterPulse{0%{box-shadow:0 0 0 0 #1f9ab566}50%{box-shadow:0 0 0 4px #1f9ab51a}to{box-shadow:0 0 0 0 #1f9ab500}}.select--filter-active{animation:filterPulse .6s ease-out}";
+var css_248z = ":root{--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-regular-emphasis-weight:500;--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}.heading-desktop-xxl{font-size:var(--heading-xxl-size);font-weight:var(--heading-xxl-weight);line-height:var(--heading-xxl-line)}.heading-desktop-xl,.heading-desktop-xxl{font-family:var(--font-family-sans)!important;letter-spacing:0}.heading-desktop-xl{font-size:var(--heading-xl-size);font-weight:var(--heading-xl-weight);line-height:var(--heading-xl-line)}.heading-desktop-h1{font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line)}.heading-desktop-h1,.heading-desktop-h2{font-family:var(--font-family-sans)!important;letter-spacing:0}.heading-desktop-h2{font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);line-height:var(--heading-h2-line)}.heading-desktop-h3{font-size:var(--heading-h3-size);font-weight:var(--heading-h3-weight);line-height:var(--heading-h3-line)}.heading-desktop-h3,.heading-desktop-h4{font-family:var(--font-family-sans)!important;letter-spacing:0}.heading-desktop-h4{font-size:var(--heading-h4-size);font-weight:var(--heading-h4-weight);line-height:var(--heading-h4-line)}.heading-desktop-h5{font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);line-height:var(--heading-h5-line)}.heading-desktop-h5,.heading-desktop-h6{font-family:var(--font-family-sans)!important;letter-spacing:0}.heading-desktop-h6{font-size:var(--heading-h6-size);font-weight:var(--heading-h6-weight);line-height:var(--heading-h6-line)}.heading-mobile-xxl{font-size:var(--heading-xxl-mobile-size);font-weight:var(--heading-xxl-mobile-weight);line-height:var(--heading-xxl-mobile-line)}.heading-mobile-xl,.heading-mobile-xxl{font-family:var(--font-family-sans)!important;letter-spacing:0}.heading-mobile-xl{font-size:var(--heading-xl-mobile-size);font-weight:var(--heading-xl-mobile-weight);line-height:var(--heading-xl-mobile-line)}.heading-mobile-h1{font-size:var(--heading-h1-mobile-size);font-weight:var(--heading-h1-mobile-weight);line-height:var(--heading-h1-mobile-line)}.heading-mobile-h1,.heading-mobile-h2{font-family:var(--font-family-sans)!important;letter-spacing:0}.heading-mobile-h2{font-size:var(--heading-h2-mobile-size);font-weight:var(--heading-h2-mobile-weight);line-height:var(--heading-h2-mobile-line)}.heading-mobile-h3{font-size:var(--heading-h3-mobile-size);font-weight:var(--heading-h3-mobile-weight);line-height:var(--heading-h3-mobile-line)}.heading-mobile-h3,.heading-mobile-h4{font-family:var(--font-family-sans)!important;letter-spacing:0}.heading-mobile-h4{font-size:var(--heading-h4-mobile-size);font-weight:var(--heading-h4-mobile-weight);line-height:var(--heading-h4-mobile-line)}.heading-mobile-h5{font-size:var(--heading-h5-mobile-size);font-weight:var(--heading-h5-mobile-weight);line-height:var(--heading-h5-mobile-line)}.heading-mobile-h5,.heading-mobile-h6{font-family:var(--font-family-sans)!important;letter-spacing:0}.heading-mobile-h6{font-size:var(--heading-h6-mobile-size);font-weight:var(--heading-h6-mobile-weight);line-height:var(--heading-h6-mobile-line)}.body-desktop-xl{font-size:var(--text-xl-size);font-weight:var(--text-xl-weight);line-height:var(--text-xl-line)}.body-desktop-large,.body-desktop-xl{font-family:var(--font-family-sans)!important;letter-spacing:0}.body-desktop-large{font-size:var(--text-large-size);font-weight:var(--text-large-weight);line-height:var(--text-large-line)}.body-desktop-regular{font-weight:var(--text-regular-weight)}.body-desktop-regular,.body-desktop-regular-emphasis{font-family:var(--font-family-sans)!important;font-size:var(--text-regular-size);letter-spacing:0;line-height:var(--text-regular-line)}.body-desktop-regular-emphasis{font-weight:var(--text-regular-emphasis-weight)}.body-desktop-small{font-weight:var(--text-small-weight)}.body-desktop-small,.body-desktop-small-emphasis{font-family:var(--font-family-sans)!important;font-size:var(--text-small-size);letter-spacing:0;line-height:var(--text-small-line)}.body-desktop-small-emphasis{font-weight:var(--text-small-emphasis-weight)}.body-desktop-small-bold{font-family:var(--font-family-sans)!important;font-size:var(--text-small-size);font-weight:var(--text-small-bold-weight);letter-spacing:0;line-height:var(--text-small-line)}.body-desktop-xs{font-weight:var(--text-xs-weight)}.body-desktop-xs,.body-desktop-xs-bold{font-family:var(--font-family-sans)!important;font-size:var(--text-xs-size);letter-spacing:0;line-height:var(--text-xs-line)}.body-desktop-xs-bold{font-weight:var(--text-xs-bold-weight)}.typography-story,[id*=v2-design-system-typography] *{font-family:var(--font-family-sans)!important}.typography-story{margin:0 auto;max-width:1200px;padding:2rem}.typography-story *{font-family:inherit!important}.story-header{margin-bottom:3rem}.story-header h1{color:var(--label-primary,#121e52);font-size:var(--heading-h1-size);font-weight:var(--heading-h1-weight);line-height:var(--heading-h1-line);margin:0 0 .5rem}.story-header h1,.story-header p{font-family:var(--font-family-sans);letter-spacing:0}.story-header p{color:var(--label-secondary,#626a90);font-size:var(--text-regular-size);font-weight:var(--text-regular-weight);line-height:var(--text-regular-line);margin:0}.typography-section{margin-bottom:3rem}.typography-section__title{border-bottom:2px solid var(--border-primary,#e8e9ef);color:var(--label-primary,#121e52);font-family:var(--font-family-sans);font-size:var(--heading-h2-size);font-weight:var(--heading-h2-weight);letter-spacing:0;line-height:var(--heading-h2-line);margin:0 0 2rem;padding-bottom:1rem}.typography-example,.typography-grid{display:grid;gap:2rem}.typography-example{align-items:center;background:var(--surface-primary,#fff);border:1px solid var(--border-primary,#e8e9ef);border-radius:8px;grid-template-columns:1fr auto;padding:1.5rem}.typography-sample{color:var(--label-primary,#121e52)}.typography-info{min-width:200px;text-align:right}.typography-name{color:var(--label-primary,#121e52);font-family:var(--font-family-sans);font-size:var(--text-small-size);font-weight:var(--text-small-emphasis-weight);letter-spacing:0;line-height:var(--text-small-line);margin-bottom:.25rem}.typography-specs{display:flex;gap:1rem;justify-content:flex-end;margin-bottom:.25rem}.typography-size,.typography-weight{background:var(--surface-secondary,#f8f8fa);border-radius:4px;font-family:var(--font-family-sans);font-family:var(--font-family-mono);padding:.25rem .5rem}.typography-description,.typography-size,.typography-weight{color:var(--label-secondary,#626a90);font-size:var(--text-xs-size);font-weight:var(--text-xs-weight);letter-spacing:0;line-height:var(--text-xs-line)}.typography-description{font-family:var(--font-family-sans);font-style:italic}@media (max-width:768px){.typography-story{padding:1rem}.typography-example{gap:1rem;grid-template-columns:1fr}.typography-info{text-align:left}.typography-specs{justify-content:flex-start}}.select-container{display:inline-block;max-width:152px;position:relative;width:auto}@media (min-width:768px){.select-container{max-width:448px}}.select{appearance:none;background-color:var(--surface-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-md,4px);color:var(--label-primary);cursor:pointer;display:block;flex-shrink:0;font-family:var(--font-family-sans);font-size:var(--heading-h5-size);font-weight:var(--heading-h5-weight);height:40px;letter-spacing:0;line-height:var(--heading-h5-line);line-height:16px;padding:8px var(--padding-reg,16px);padding-right:40px;transition:all .2s ease-in-out;width:auto}.select:hover:not(:disabled){border-color:var(--disabled-regular)}.select--default,.select--hover{background-color:var(--surface-secondary)}.select--hover{border-color:var(--border-secondary)}.select--focus{border-color:var(--border-selected)}.select--focus,.select--secondary{background-color:var(--surface-secondary)}.select--secondary{border-color:var(--border-primary)}.select--secondary:hover:not(:disabled){background-color:var(--surface-primary-hover);border-color:var(--tone-regular)}.select--secondary:focus{background-color:var(--surface-primary);border-color:var(--disabled-regular)}.select--error{background-color:var(--surface-status-error);border-color:var(--borders-status-border-error)}.select--error:hover:not(:disabled){background-color:var(--errors-lighter);border-color:var(--errors-light)}.select--error:focus{background-color:var(--surface-status-error);border-color:var(--borders-status-border-error)}.select--info{background-color:var(--surface-status-info);border-color:var(--border-status-info);color:var(--information-darker)}.select--info:hover:not(:disabled){background-color:var(--information-lighter);border-color:var(--information-light)}.select--info:focus{background-color:var(--information-lightest);border-color:var(--information-dark)}.select--disabled{cursor:not-allowed;opacity:.6}.select--disabled,.select--disabled:hover{background-color:var(--surface-status-disabled);border-color:var(--border-status-disabled)}.select--sm{font-size:12px;padding:4px 32px 4px 8px}.select--md{font-size:14px;padding:8px 36px 8px 12px}.select--lg{font-size:16px;padding:12px 40px 12px 16px}.select::-ms-expand{display:none}.select-arrow{stroke:var(--label-secondary);height:6px;pointer-events:none;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:all .2s ease-in-out;width:11px}.select:focus+.select-arrow{transform:translateY(-50%) rotate(180deg)}.select:focus{border-color:var(--highlight-dark);box-shadow:0 0 0 3px var(--surface-highlight-soft);outline:none;transform:translateY(-1px)}.select:active{box-shadow:0 0 0 2px var(--surface-highlight-soft);transform:translateY(0)}.select.select--transitioning{border-color:var(--cyan-700);opacity:.8;transform:scale(.98)}.select.select--transitioning:focus{transform:scale(.98) translateY(-1px)}@keyframes filterPulse{0%{box-shadow:0 0 0 0 #1f9ab566}50%{box-shadow:0 0 0 4px #1f9ab51a}to{box-shadow:0 0 0 0 #1f9ab500}}.select--filter-active{animation:filterPulse .6s ease-out}";
 styleInject(css_248z);
 
 export { css_248z as default };

package/dist/v2/components/WYSIWYGEditor/Icons.d.ts

@@ -0,0 +1,14 @@
+export declare const BoldIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const ItalicIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const UnderlineIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const StrikeThroughIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const Heading1Icon: () => import("react/jsx-runtime").JSX.Element;
+export declare const Heading2Icon: () => import("react/jsx-runtime").JSX.Element;
+export declare const ParagraphIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const BulletListIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const NumberedListIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const QuoteAltIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const DividerIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const UndoIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const RedoIcon: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Icons.d.ts.map

package/dist/v2/components/WYSIWYGEditor/Icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icons.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/WYSIWYGEditor/Icons.tsx"],"names":[],"mappings":"AACA,eAAO,MAAM,QAAQ,+CAIpB,CAAC;AAEF,eAAO,MAAM,UAAU,+CAItB,CAAC;AAEF,eAAO,MAAM,aAAa,+CAIzB,CAAC;AAEF,eAAO,MAAM,iBAAiB,+CAI7B,CAAC;AAEF,eAAO,MAAM,YAAY,+CAIxB,CAAC;AAEF,eAAO,MAAM,YAAY,+CAIxB,CAAC;AAEF,eAAO,MAAM,aAAa,+CAIzB,CAAC;AAEF,eAAO,MAAM,cAAc,+CAI1B,CAAC;AAEF,eAAO,MAAM,gBAAgB,+CAI5B,CAAC;AAEF,eAAO,MAAM,YAAY,+CAIxB,CAAC;AAEF,eAAO,MAAM,WAAW,+CAMvB,CAAC;AAEF,eAAO,MAAM,QAAQ,+CAIpB,CAAC;AAEF,eAAO,MAAM,QAAQ,+CAIpB,CAAC"}

package/dist/v2/components/WYSIWYGEditor/Icons.js

@@ -0,0 +1,192 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var BoldIcon = function() {
+    return /*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "34",
+        height: "34",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M9 11.25H12.375C13.4105 11.25 14.25 10.4105 14.25 9.375C14.25 8.33947 13.4105 7.5 12.375 7.5H9V11.25ZM16.5 14.625C16.5 16.489 14.989 18 13.125 18H7.5V6H12.375C14.239 6 15.75 7.51104 15.75 9.375C15.75 10.2782 15.3952 11.0986 14.8173 11.7043C15.8234 12.2885 16.5 13.3777 16.5 14.625ZM9 12.75V16.5H13.125C14.1605 16.5 15 15.6605 15 14.625C15 13.5895 14.1605 12.75 13.125 12.75H9Z",
+            fill: "#626A90"
+        })
+    });
+};
+var ItalicIcon = function() {
+    return /*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "24",
+        height: "24",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M14.25 18H8.25V16.5H10.445L12.0319 7.5H9.75V6H15.75V7.5H13.555L11.9681 16.5H14.25V18Z",
+            fill: "#626A90"
+        })
+    });
+};
+var UnderlineIcon = function() {
+    return /*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "24",
+        height: "24",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M9 5.25V12C9 13.6568 10.3431 15 12 15C13.6568 15 15 13.6568 15 12V5.25H16.5V12C16.5 14.4853 14.4853 16.5 12 16.5C9.51472 16.5 7.5 14.4853 7.5 12V5.25H9ZM6 18H18V19.5H6V18Z",
+            fill: "#626A90"
+        })
+    });
+};
+var StrikeThroughIcon = function() {
+    return /*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "24",
+        height: "24",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M15.8653 13.5C16.0384 13.8871 16.125 14.317 16.125 14.7897C16.125 15.7969 15.7322 16.5837 14.9465 17.1503C14.1607 17.7167 13.0751 18 11.6896 18C10.4601 18 9.24251 17.7139 8.03694 17.1416V15.4507C9.17653 16.1087 10.3431 16.4377 11.5367 16.4377C13.45 16.4377 14.4096 15.8884 14.4156 14.7897C14.4156 14.3204 14.2537 13.9198 13.9298 13.588C13.9004 13.5579 13.8704 13.5286 13.8398 13.5H5.25V12H18.75V13.5H15.8653ZM12.807 11.25H8.72181C8.59245 11.1325 8.47212 11.0019 8.36082 10.8584C8.03694 10.4406 7.875 9.93419 7.875 9.33905C7.875 8.41202 8.22437 7.62375 8.92312 6.97425C9.62187 6.32474 10.703 6 12.1664 6C13.2701 6 14.3257 6.24606 15.3333 6.7382V8.35193C14.4336 7.83691 13.447 7.5794 12.3734 7.5794C10.514 7.5794 9.58438 8.16595 9.58438 9.33905C9.58438 9.65379 9.74782 9.92847 10.0747 10.1631C10.4016 10.3977 10.8049 10.5851 11.2847 10.7253C11.7499 10.8612 12.2573 11.0361 12.807 11.25Z",
+            fill: "#626A90"
+        })
+    });
+};
+var Heading1Icon = function() {
+    return /*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "15",
+        height: "12",
+        viewBox: "0 0 15 12",
+        fill: "none",
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M3.3125 4.63086H6.87891V0H10.1914V12H6.87891V7.28418H3.3125V12H0V0H3.3125V4.63086ZM14.54 12H12.9717V7.96191H11.5654V6.85254H12.1152C12.9535 6.85254 13.2871 6.54609 13.2871 5.59961H14.54V12Z",
+            fill: "#626A90"
+        })
+    });
+};
+var Heading2Icon = function() {
+    return /*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "17",
+        height: "12",
+        viewBox: "0 0 17 12",
+        fill: "none",
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M3.3125 4.63086H6.87891V0H10.1914V12H6.87891V7.28418H3.3125V12H0V0H3.3125V4.63086ZM14.3154 5.45605C15.8385 5.4562 16.7217 6.24039 16.7217 7.41211C16.7216 8.41248 16.2352 8.84564 15.0635 9.47656C14.0813 9.99919 13.6486 10.4133 13.6123 10.7197H16.7217V12H11.7549C11.7549 10.2603 12.3864 9.36835 13.9639 8.53906C14.8381 8.0794 15.1172 7.86234 15.1172 7.42969C15.1171 7.02416 14.8377 6.73535 14.333 6.73535C13.7651 6.73536 13.4225 7.10543 13.3594 7.77246L11.7549 7.68262C11.8631 6.27643 12.783 5.45605 14.3154 5.45605Z",
+            fill: "#626A90"
+        })
+    });
+};
+var ParagraphIcon = function() {
+    return /*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "24",
+        height: "24",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M12 7.5V18.75H10.5V15C8.01472 15 6 12.9853 6 10.5C6 8.01472 8.01472 6 10.5 6H18V7.5H15.75V18.75H14.25V7.5H12ZM10.5 7.5C8.84314 7.5 7.5 8.84314 7.5 10.5C7.5 12.1568 8.84314 13.5 10.5 13.5V7.5Z",
+            fill: "#626A90"
+        })
+    });
+};
+var BulletListIcon = function() {
+    return /*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "24",
+        height: "24",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M9 6H18.75V7.5H9V6ZM6.375 7.875C5.75368 7.875 5.25 7.37132 5.25 6.75C5.25 6.12868 5.75368 5.625 6.375 5.625C6.99632 5.625 7.5 6.12868 7.5 6.75C7.5 7.37132 6.99632 7.875 6.375 7.875ZM6.375 13.125C5.75368 13.125 5.25 12.6213 5.25 12C5.25 11.3787 5.75368 10.875 6.375 10.875C6.99632 10.875 7.5 11.3787 7.5 12C7.5 12.6213 6.99632 13.125 6.375 13.125ZM6.375 18.3C5.75368 18.3 5.25 17.7963 5.25 17.175C5.25 16.5537 5.75368 16.05 6.375 16.05C6.99632 16.05 7.5 16.5537 7.5 17.175C7.5 17.7963 6.99632 18.3 6.375 18.3ZM9 11.25H18.75V12.75H9V11.25ZM9 16.5H18.75V18H9V16.5Z",
+            fill: "#626A90"
+        })
+    });
+};
+var NumberedListIcon = function() {
+    return /*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "24",
+        height: "24",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M7.31268 5.625H6.538L5.4375 5.91988V7.08436L6.18752 6.88337L6.18763 9.375H5.25V10.5H8.25V9.375H7.31268V5.625ZM10.5 6H18.75V7.5H10.5V6ZM10.5 11.25H18.75V12.75H10.5V11.25ZM10.5 16.5H18.75V18H10.5V16.5ZM5.15625 14.7188C5.15625 13.8385 5.86979 13.125 6.75 13.125C7.63021 13.125 8.34375 13.8385 8.34375 14.7188C8.34375 15.0829 8.22137 15.419 8.0156 15.6875L8.01203 15.6922L6.9869 16.875H8.25V18H5.25009L5.24969 17.1589L7.10378 15.0262C7.17548 14.9439 7.21875 14.8366 7.21875 14.7188C7.21875 14.4599 7.00889 14.25 6.75 14.25C6.50533 14.25 6.3043 14.4376 6.2831 14.6766L6.27382 14.9062H5.15625V14.7188Z",
+            fill: "#626A90"
+        })
+    });
+};
+var QuoteAltIcon = function() {
+    return /*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "24",
+        height: "24",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M6.43756 15.9909C5.66487 15.1706 5.25 14.25 5.25 12.7578C5.25 10.1332 7.09238 7.78029 9.77294 6.61743L10.4425 7.65064C7.94103 9.00409 7.45214 10.7595 7.25673 11.8665C7.65947 11.6583 8.18669 11.585 8.70353 11.6329C10.0568 11.7584 11.1234 12.8693 11.1234 14.25C11.1234 15.6998 9.94812 16.875 8.49837 16.875C7.69357 16.875 6.92397 16.5072 6.43756 15.9909ZM13.9375 15.9909C13.1649 15.1706 12.75 14.25 12.75 12.7578C12.75 10.1332 14.5924 7.78029 17.2729 6.61743L17.9425 7.65064C15.441 9.00409 14.9522 10.7595 14.7567 11.8665C15.1594 11.6583 15.6867 11.585 16.2035 11.6329C17.5568 11.7584 18.6234 12.8693 18.6234 14.25C18.6234 15.6998 17.4481 16.875 15.9984 16.875C15.1936 16.875 14.424 16.5072 13.9375 15.9909Z",
+            fill: "#626A90"
+        })
+    });
+};
+var DividerIcon = function() {
+    return /*#__PURE__*/ jsxs("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "24",
+        height: "24",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        children: [
+            /*#__PURE__*/ jsx("rect", {
+                x: "5.25",
+                y: "11.25",
+                width: "13.5",
+                height: "1.5",
+                fill: "#626A90"
+            }),
+            /*#__PURE__*/ jsx("circle", {
+                cx: "21.75",
+                cy: "12",
+                r: "0.75",
+                fill: "#626A90",
+                "fill-opacity": "0.5"
+            }),
+            /*#__PURE__*/ jsx("circle", {
+                cx: "2.25",
+                cy: "12",
+                r: "0.75",
+                fill: "#626A90",
+                "fill-opacity": "0.5"
+            })
+        ]
+    });
+};
+var UndoIcon = function() {
+    return /*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "24",
+        height: "24",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M14.25 16.5H15.375C16.4105 16.5 17.25 15.6605 17.25 14.625C17.25 13.5895 16.4105 12.75 15.375 12.75H5.25V11.25H15.375C17.239 11.25 18.75 12.761 18.75 14.625C18.75 16.489 17.239 18 15.375 18H14.25V19.5L11.25 17.25L14.25 15V16.5ZM5.25 6H18.75V7.5H5.25V6ZM9.75 16.5V18H5.25V16.5H9.75Z",
+            fill: "#626A90"
+        })
+    });
+};
+var RedoIcon = function() {
+    return /*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "24",
+        height: "24",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M6.06131 6.69136C7.57508 5.61718 9.42169 5.01103 11.2847 5.00012C13.6826 4.98606 15.9892 5.92634 17.705 7.61633C19.4208 9.30632 20.4039 11.6033 20.4411 14.0084C20.4784 16.4135 19.5668 18.7239 17.9042 20.4371C16.2415 22.1504 13.9686 23.123 11.5794 23.1437C9.19013 23.1643 6.87707 22.2312 5.14341 20.5472L6.18225 19.4716C7.62779 20.8757 9.55655 21.6538 11.5488 21.6366C13.5411 21.6193 15.4363 20.8083 16.8227 19.3798C18.2091 17.9513 18.9692 16.0248 18.9381 14.0194C18.9071 12.014 18.0873 10.0987 16.6567 8.68961C15.2261 7.28052 13.3028 6.49646 11.3033 6.50818C9.75051 6.51728 8.21142 7.02243 6.94998 7.91782L10.25 11.25H5.25V6.25L6.06131 6.69136Z",
+            fill: "#626A90"
+        })
+    });
+};
+
+export { BoldIcon, BulletListIcon, DividerIcon, Heading1Icon, Heading2Icon, ItalicIcon, NumberedListIcon, ParagraphIcon, QuoteAltIcon, RedoIcon, StrikeThroughIcon, UnderlineIcon, UndoIcon };

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import './WYSIWYGEditor.scss';
+export interface WYSIWYGEditorProps {
+    label?: string;
+    error?: string;
+    helpText?: string;
+    value?: string;
+    onChange?: (value: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+}
+export declare const WYSIWYGEditor: React.FC<WYSIWYGEditorProps>;
+//# sourceMappingURL=WYSIWYGEditor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WYSIWYGEditor.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/WYSIWYGEditor/WYSIWYGEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAgBzB,OAAO,sBAAsB,CAAA;AAE7B,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA+MtD,CAAA"}