@licklist/design 0.78.28 → 0.78.30

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.js

@@ -0,0 +1,128 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react';
+import './Select.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 ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(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;
+}
+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, children = _param.children, props = _object_without_properties(_param, [
+        "variant",
+        "size",
+        "disabled",
+        "className",
+        "children"
+    ]);
+    var classes = [
+        'select',
+        "select--".concat(variant),
+        "select--".concat(size),
+        disabled ? 'select--disabled' : '',
+        className
+    ].filter(Boolean).join(' ');
+    return /*#__PURE__*/ jsxs("div", {
+        className: "select-container",
+        children: [
+            /*#__PURE__*/ jsx("select", _object_spread_props(_object_spread({
+                className: classes,
+                disabled: disabled
+            }, props), {
+                children: children
+            })),
+            /*#__PURE__*/ jsx("svg", {
+                className: "select-arrow",
+                xmlns: "http://www.w3.org/2000/svg",
+                width: "11",
+                height: "6",
+                viewBox: "0 0 11 6",
+                fill: "none",
+                "aria-hidden": "true",
+                children: /*#__PURE__*/ jsx("path", {
+                    d: "M1 1L5.5 5L10 1",
+                    stroke: "#626A90",
+                    strokeWidth: "2",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round"
+                })
+            })
+        ]
+    });
+}
+
+export { Select, Select as default };

package/dist/v2/components/Select/Select.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 = ":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,16 @@
+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 HardBreakIcon: () => 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;
+export declare const ClearIcon: () => 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,aAAa,+CAIzB,CAAA;AAED,eAAO,MAAM,QAAQ,+CAIpB,CAAC;AAEF,eAAO,MAAM,QAAQ,+CAIpB,CAAC;AAEF,eAAO,MAAM,SAAS,+CAIrB,CAAC"}