@licklist/design 0.78.5-dev.49 → 0.78.5-dev.50

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

@@ -4,6 +4,7 @@ export interface NewPageHeaderProps {
     title: string;
     cancelLabel?: string;
     onCancel?: () => void;
+    renderRight?: () => React.ReactNode;
     className?: string;
 }
 export declare const NewPageHeader: React.FC<NewPageHeaderProps>;

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

@@ -1 +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"}
+{"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,WAAW,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA2BtD,CAAC"}

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

@@ -4,7 +4,7 @@ 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;
+    var title = param.title, _param_cancelLabel = param.cancelLabel, cancelLabel = _param_cancelLabel === void 0 ? 'Cancel' : _param_cancelLabel, onCancel = param.onCancel, renderRight = param.renderRight, _param_className = param.className, className = _param_className === void 0 ? '' : _param_className;
     return /*#__PURE__*/ jsxs("div", {
         className: "new-page-header-container ".concat(className),
         children: [
@@ -15,14 +15,20 @@ var NewPageHeader = function(param) {
                         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__*/ jsxs("div", {
+                        className: "new-page-header__actions",
+                        children: [
+                            renderRight && renderRight(),
+                            onCancel && /*#__PURE__*/ jsx(Button, {
+                                type: "button",
+                                variant: "destructive-soft",
+                                onClick: onCancel,
+                                children: /*#__PURE__*/ jsx(ButtonText, {
+                                    color: "danger",
+                                    children: cancelLabel
+                                })
+                            })
+                        ]
                     })
                 ]
             }),

package/dist/v2/components/NewPageHeader/NewPageHeader.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 = ".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%}";
+var css_248z = ".new-page-header-container{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:14px;padding:32px 32px 0}@media (max-width:768px){.new-page-header-container{gap:10px;padding:16px 16px 0}}.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:var(--font-family-sans,\"Geist\",sans-serif);font-size:24px;font-style:normal;font-weight:600;line-height:28px;margin:0;padding:0}.new-page-header__actions{align-items:center;display:flex;flex-shrink:0;gap:16px}.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/NewTable/NewTable.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import './NewTable.scss';
+export interface NewTableColumn<T> {
+    header: React.ReactNode;
+    accessor: keyof T | ((row: T) => React.ReactNode);
+    className?: string;
+    width?: string | number;
+}
+export interface NewTableProps<T> {
+    columns: NewTableColumn<T>[];
+    data: T[];
+    className?: string;
+    rowClassName?: string | ((row: T) => string);
+    onRowClick?: (row: T) => void;
+    noDataText?: string;
+}
+export declare function NewTable<T extends {
+    id?: string | number;
+}>({ columns, data, className, rowClassName, onRowClick, noDataText, }: NewTableProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=NewTable.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NewTable.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/NewTable/NewTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,iBAAiB,CAAA;AAExB,MAAM,WAAW,cAAc,CAAC,CAAC;IAC/B,MAAM,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,QAAQ,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,CAAA;IACjD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACxB;AAED,MAAM,WAAW,aAAa,CAAC,CAAC;IAC9B,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,CAAA;IAC5B,IAAI,EAAE,CAAC,EAAE,CAAA;IACT,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC,CAAA;IAC5C,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAA;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,wBAAgB,QAAQ,CAAC,CAAC,SAAS;IAAE,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,EAAE,EAC3D,OAAO,EACP,IAAI,EACJ,SAAc,EACd,YAAiB,EACjB,UAAU,EACV,UAAU,GACX,EAAE,aAAa,CAAC,CAAC,CAAC,2CA0DlB"}

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

@@ -0,0 +1,57 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import 'react';
+import './NewTable.scss.js';
+
+function NewTable(param) {
+    var columns = param.columns, data = param.data, _param_className = param.className, className = _param_className === void 0 ? '' : _param_className, _param_rowClassName = param.rowClassName, rowClassName = _param_rowClassName === void 0 ? '' : _param_rowClassName, onRowClick = param.onRowClick, noDataText = param.noDataText;
+    return /*#__PURE__*/ jsx("div", {
+        className: "new-table-wrapper ".concat(className),
+        children: /*#__PURE__*/ jsxs("table", {
+            className: "new-table",
+            children: [
+                /*#__PURE__*/ jsx("thead", {
+                    className: "new-table__head",
+                    children: /*#__PURE__*/ jsx("tr", {
+                        children: columns.map(function(column, index) {
+                            return /*#__PURE__*/ jsx("th", {
+                                className: "new-table__header-cell ".concat(column.className || ''),
+                                style: {
+                                    width: column.width
+                                },
+                                children: column.header
+                            }, index);
+                        })
+                    })
+                }),
+                /*#__PURE__*/ jsx("tbody", {
+                    className: "new-table__body",
+                    children: data.length > 0 ? data.map(function(row, rowIndex) {
+                        var customRowClass = typeof rowClassName === 'function' ? rowClassName(row) : rowClassName;
+                        return /*#__PURE__*/ jsx("tr", {
+                            className: "new-table__row ".concat(onRowClick ? 'new-table__row--clickable' : '', " ").concat(customRowClass),
+                            onClick: function() {
+                                return onRowClick === null || onRowClick === void 0 ? void 0 : onRowClick(row);
+                            },
+                            children: columns.map(function(column, colIndex) {
+                                var content = typeof column.accessor === 'function' ? column.accessor(row) : row[column.accessor];
+                                return /*#__PURE__*/ jsx("td", {
+                                    className: "new-table__cell ".concat(column.className || ''),
+                                    children: content
+                                }, colIndex);
+                            })
+                        }, row.id || rowIndex);
+                    }) : noDataText && /*#__PURE__*/ jsx("tr", {
+                        className: "new-table__no-data-row",
+                        children: /*#__PURE__*/ jsx("td", {
+                            colSpan: columns.length,
+                            className: "new-table__no-data-cell",
+                            children: noDataText
+                        })
+                    })
+                })
+            ]
+        })
+    });
+}
+
+export { NewTable };

package/dist/v2/components/NewTable/NewTable.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-table-wrapper{overflow-x:auto;width:100%}.new-table{border-collapse:collapse;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:16px 24px;white-space:nowrap}.new-table__body{background-color:var(--neutral-white,#fff)}.new-table__row{border-bottom:1px solid var(--border-primary,#e8e9ef);transition:background-color .2s ease}.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);padding:16px 24px;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;overflow-x:auto}.new-table{min-width:600px}.new-table__header-cell{font-size:12px;padding:12px 16px}.new-table__cell{font-size:13px;padding:12px 16px}.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/NewTable/index.d.ts

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

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

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

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import './Pagination.scss';
+export interface PaginationProps {
+    currentPage: number;
+    totalPages: number;
+    totalItems: number;
+    itemsPerPage: number;
+    onPageChange: (page: number) => void;
+    t: (key: string, options?: any) => string;
+    entityName?: string;
+}
+export declare const Pagination: React.FC<PaginationProps>;
+//# sourceMappingURL=Pagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/Pagination/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,mBAAmB,CAAA;AAG1B,MAAM,WAAW,eAAe;IAC9B,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,YAAY,EAAE,MAAM,CAAA;IACpB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,KAAK,MAAM,CAAA;IACzC,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAiEhD,CAAA"}

package/dist/v2/components/Pagination/Pagination.js

@@ -0,0 +1,79 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react';
+import './Pagination.scss.js';
+import { ArrowLeftIcon, ArrowRightIcon } from '../../icons/index.js';
+
+var Pagination = function(param) {
+    var currentPage = param.currentPage, totalPages = param.totalPages, totalItems = param.totalItems, itemsPerPage = param.itemsPerPage, onPageChange = param.onPageChange, t = param.t, _param_entityName = param.entityName, entityName = _param_entityName === void 0 ? 'items' : _param_entityName;
+    var startItem = (currentPage - 1) * itemsPerPage + 1;
+    var endItem = Math.min(currentPage * itemsPerPage, totalItems);
+    var isFirstPage = currentPage <= 1;
+    var isLastPage = currentPage >= totalPages;
+    var handlePrev = function(e) {
+        e.preventDefault();
+        if (!isFirstPage) {
+            onPageChange(currentPage - 1);
+        }
+    };
+    var handleNext = function(e) {
+        e.preventDefault();
+        if (!isLastPage) {
+            onPageChange(currentPage + 1);
+        }
+    };
+    return /*#__PURE__*/ jsxs("div", {
+        className: "v2-pagination",
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                className: "v2-pagination__controls",
+                children: [
+                    /*#__PURE__*/ jsx("button", {
+                        type: "button",
+                        className: "v2-pagination__button",
+                        onClick: handlePrev,
+                        disabled: isFirstPage,
+                        "aria-label": t('App:previous', {
+                            defaultValue: 'Previous'
+                        }),
+                        children: /*#__PURE__*/ jsx(ArrowLeftIcon, {})
+                    }),
+                    /*#__PURE__*/ jsx("button", {
+                        type: "button",
+                        className: "v2-pagination__button",
+                        onClick: handleNext,
+                        disabled: isLastPage,
+                        "aria-label": t('App:next', {
+                            defaultValue: 'Next'
+                        }),
+                        children: /*#__PURE__*/ jsx(ArrowRightIcon, {
+                            width: 32,
+                            height: 32
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxs("div", {
+                className: "v2-pagination__info",
+                children: [
+                    /*#__PURE__*/ jsx("div", {
+                        className: "v2-pagination__page-number",
+                        children: t('App:page', {
+                            from: currentPage
+                        })
+                    }),
+                    /*#__PURE__*/ jsx("div", {
+                        className: "v2-pagination__showing",
+                        children: t('App:paginationText', {
+                            type: entityName,
+                            from: startItem,
+                            to: endItem,
+                            total: totalItems
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+export { Pagination };

package/dist/v2/components/Pagination/Pagination.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 = ".v2-pagination{align-items:center;display:flex;font-family:var(--font-family-sans,\"Geist\",sans-serif),serif;gap:24px}.v2-pagination__controls{display:flex;gap:12px}.v2-pagination__button{align-items:center;background-color:#efeffe;border:none;border-radius:50%;color:#6200ee;cursor:pointer;display:flex;flex-shrink:0;height:64px;justify-content:center;transition:background-color .2s ease,color .2s ease;width:64px}.v2-pagination__button:hover:not(:disabled){background-color:#cdccfc}.v2-pagination__button:active:not(:disabled){background-color:#b4b4fa}.v2-pagination__button:focus-visible{outline:2px solid #6200ee;outline-offset:2px}.v2-pagination__button:disabled{background-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}.v2-pagination__button svg{flex-shrink:0;height:32px;width:32px}.v2-pagination__info{display:flex;flex-direction:column;gap:4px}.v2-pagination__page-number{color:#14215a;font-size:24px;font-weight:600}.v2-pagination__showing{color:#626a90;font-size:18px;font-weight:500}@media (max-width:768px){.v2-pagination{gap:16px}.v2-pagination__controls{gap:8px}.v2-pagination__button{height:48px;width:48px}.v2-pagination__button svg{height:24px;width:24px}.v2-pagination__info{gap:2px}.v2-pagination__page-number{font-size:18px}.v2-pagination__showing{font-size:14px}}@media (max-width:480px){.v2-pagination{align-items:flex-start;flex-direction:column;gap:12px}.v2-pagination__controls{justify-content:center;order:2;width:100%}.v2-pagination__button{height:44px;width:44px}.v2-pagination__button svg{height:20px;width:20px}.v2-pagination__info{align-items:center;order:1;text-align:center;width:100%}.v2-pagination__page-number{font-size:16px}.v2-pagination__showing{font-size:13px}}";
+styleInject(css_248z);
+
+export { css_248z as default };

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

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

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

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

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import './QuickFilter.scss';
+export interface QuickFilterOption {
+    label: string;
+    value: string;
+}
+export interface QuickFilterProps {
+    options: QuickFilterOption[];
+    selectedValues: string[];
+    onChange: (selectedValues: string[]) => void;
+    label?: string;
+}
+export declare const QuickFilter: React.FC<QuickFilterProps>;
+//# sourceMappingURL=QuickFilter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QuickFilter.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/QuickFilter/QuickFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,oBAAoB,CAAA;AAE3B,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,iBAAiB,EAAE,CAAA;IAC5B,cAAc,EAAE,MAAM,EAAE,CAAA;IACxB,QAAQ,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAiClD,CAAA"}

package/dist/v2/components/QuickFilter/QuickFilter.js

@@ -0,0 +1,67 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react';
+import './QuickFilter.scss.js';
+
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_without_holes(arr) {
+    if (Array.isArray(arr)) return _array_like_to_array(arr);
+}
+function _iterable_to_array(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+function _non_iterable_spread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _to_consumable_array(arr) {
+    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+var QuickFilter = function(param) {
+    var options = param.options, _param_selectedValues = param.selectedValues, selectedValues = _param_selectedValues === void 0 ? [] : _param_selectedValues, onChange = param.onChange, label = param.label;
+    var toggleOption = function(value) {
+        if (selectedValues === null || selectedValues === void 0 ? void 0 : selectedValues.includes(value)) {
+            onChange(selectedValues.filter(function(v) {
+                return v !== value;
+            }));
+        } else {
+            onChange(_to_consumable_array(selectedValues).concat([
+                value
+            ]));
+        }
+    };
+    return /*#__PURE__*/ jsxs("div", {
+        className: "quick-filter",
+        children: [
+            label && /*#__PURE__*/ jsx("span", {
+                className: "quick-filter__label",
+                children: label
+            }),
+            /*#__PURE__*/ jsx("div", {
+                className: "quick-filter__options",
+                children: options.map(function(option) {
+                    return /*#__PURE__*/ jsx("button", {
+                        type: "button",
+                        className: "quick-filter__option ".concat((selectedValues === null || selectedValues === void 0 ? void 0 : selectedValues.includes(option.value)) ? 'quick-filter__option--active' : ''),
+                        onClick: function() {
+                            return toggleOption(option.value);
+                        },
+                        children: option.label
+                    }, option.value);
+                })
+            })
+        ]
+    });
+};
+
+export { QuickFilter };

package/dist/v2/components/QuickFilter/QuickFilter.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 = ".quick-filter{align-items:center;display:flex;gap:12px}.quick-filter__label{color:var(--label-secondary,#9399b3);font-size:var(--text-small-size,13px);font-weight:500;white-space:nowrap}.quick-filter__options{display:flex;flex-wrap:wrap;gap:8px}.quick-filter__option{background-color:var(--neutral-white,#fff);border:1px solid var(--border-primary,#e8e9ef);border-radius:100px;color:var(--label-primary,#121e52);cursor:pointer;font-size:var(--text-small-size,13px);font-weight:500;padding:4px 16px;transition:all .2s ease}.quick-filter__option:hover:not(.quick-filter__option--active){background-color:var(--surface-primary-hover,#f8f8fa)}.quick-filter__option--active{background-color:var(--fill-primary);border-color:var(--border-selected,#121e52);color:var(--neutral-white,#fff);font-weight:600}@media (max-width:768px){.quick-filter{align-items:flex-start;flex-direction:column;gap:8px}.quick-filter__label{font-size:12px}.quick-filter__options{gap:6px;width:100%}.quick-filter__option{font-size:12px;padding:3px 12px}}@media (max-width:480px){.quick-filter{gap:6px}.quick-filter__label{font-size:11px}.quick-filter__options{gap:4px}.quick-filter__option{font-size:11px;padding:2px 10px}}";
+styleInject(css_248z);
+
+export { css_248z as default };

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

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

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

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

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

@@ -1,10 +1,13 @@
-import { HTMLAttributes } from 'react';
+import { SelectHTMLAttributes } from 'react';
 import './Select.scss';
-export interface SelectProps extends HTMLAttributes<HTMLSelectElement> {
+export interface SelectProps extends Omit<SelectHTMLAttributes<HTMLSelectElement>, 'size'> {
     variant?: 'default' | 'hover' | 'focus' | 'error' | 'disabled';
     size?: 'sm' | 'md' | 'lg';
-    disabled?: boolean;
+    label?: string;
+    optional?: boolean;
+    error?: string;
+    helperText?: string;
 }
-export declare function Select({ variant, size, disabled, className, children, ...props }: SelectProps): import("react/jsx-runtime").JSX.Element;
+export declare function Select({ variant, size, disabled, className, label, optional, error, helperText, 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,OAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC7C,OAAO,eAAe,CAAA;AAEtB,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,iBAAiB,CAAC;IACpE,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAE,OAAO,GAAG,OAAO,GAAG,UAAU,CAAA;IAC7D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,wBAAgB,MAAM,CAAC,EACrB,OAAmB,EACnB,IAAW,EACX,QAAgB,EAChB,SAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,2CAqCb;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,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"}

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

@@ -1,5 +1,4 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import 'react';
 import './Select.scss.js';
 
 function _define_property(obj, key, value) {
@@ -82,44 +81,74 @@ 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, 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, children = _param.children, props = _object_without_properties(_param, [
         "variant",
         "size",
         "disabled",
         "className",
+        "label",
+        "optional",
+        "error",
+        "helperText",
         "children"
     ]);
+    var isError = !!error;
     var classes = [
         'select',
         "select--".concat(variant),
         "select--".concat(size),
         disabled ? 'select--disabled' : '',
+        isError ? 'select--error' : '',
         className
     ].filter(Boolean).join(' ');
     return /*#__PURE__*/ jsxs("div", {
-        className: "select-container",
+        className: "select-wrapper",
         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"
-                })
+            (label || optional) && /*#__PURE__*/ jsxs("label", {
+                className: "select-label",
+                children: [
+                    label,
+                    " ",
+                    optional && /*#__PURE__*/ jsx("span", {
+                        className: "select-label-optional",
+                        children: "(Optional)"
+                    })
+                ]
+            }),
+            /*#__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"
+                        })
+                    })
+                ]
+            }),
+            helperText && /*#__PURE__*/ jsx("p", {
+                className: "select-helper-text",
+                children: helperText
+            }),
+            error && error !== ' ' && /*#__PURE__*/ jsx("p", {
+                className: "select-error-text",
+                children: error
             })
         ]
     });

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(--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}";
+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-wrapper{display:flex;flex-direction:column;gap:var(--spacing-sm,8px);width:100%}.select-label{display:block;font-style:normal}.select-label,.select-label-optional{color:var(--label-primary,#121e52);font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:15px;font-weight:600;line-height:20px}.select-container{display:block;position:relative;width:100%}.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:100%}.select:hover:not(:disabled){border-color:var(--border-primary)}.select:focus{border-color:var(--border-selected,#6200ee);outline:none}.select--default,.select--hover{background-color:var(--surface-secondary)}.select--hover{border-color:var(--border-secondary)}.select--focus{border-color:var(--border-selected,#6200ee)}.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:active{transform:translateY(0)}.select.select--transitioning{border-color:var(--cyan-700);opacity:.8;transform:scale(.98)}@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}.select-helper-text{color:var(--label-secondary,#626a90);font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:var(--text-regular-size,15px);font-style:normal;font-weight:400;line-height:var(--text-regular-line,20px);margin-top:2px;min-width:max-content;white-space:nowrap}@media (max-width:768px){.select-helper-text{word-wrap:break-word;min-width:unset;white-space:normal}}.select-error-text{color:var(--status-error,#d32f2f);font-family:var(--font-family-sans,\"Geist\",sans-serif);font-size:var(--text-sm-size,13px);font-style:normal;font-weight:400;line-height:var(--text-sm-line,18px);margin-top:2px}";
 styleInject(css_248z);
 
 export { css_248z as default };