@licklist/design 0.78.5-dev.63 → 0.78.5-dev.66

package/dist/index.js

@@ -219,7 +219,7 @@ export { AnalyticsIcon, CustomersIcon, FlowsIcon, HomeIcon, InventoryIcon, Loyal
 export { AdminSidebar } from './v2/navigation/DashboardLayout/AdminSidebar.js';
 export { TopNavigation } from './v2/navigation/DashboardLayout/TopNavigation.js';
 export { DashboardFooter } from './v2/navigation/DashboardLayout/DashboardFooter.js';
-export { ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, BookingTypesIcon, BookingsIcon, CalendarIcon, CircleIcon, ClearIcon, ClockIcon, CloseIcon, DeleteIcon, EditIcon, EllipsisIcon, ExportIcon, ExternalLinkIcon, GripVerticalIcon, InfoIcon, PlusIcon, RefreshIcon, SearchIcon, SendIcon } from './v2/icons/index.js';
+export { ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, BookingTypesIcon, BookingsIcon, CalendarIcon, CircleIcon, ClearIcon, ClockIcon, CloseIcon, DeleteIcon, EditIcon, EllipsisIcon, ExportIcon, ExternalLinkIcon, GripVerticalIcon, InfoIcon, PlusIcon, RefreshIcon, SearchIcon, SendIcon, TableHeaderArrowDownIcon, TableHeaderArrowUpIcon } from './v2/icons/index.js';
 export { SettingsPage } from './v2/pages/Settings/SettingsPage.js';
 export { SettingsTabs } from './v2/pages/Settings/SettingsTabs.js';
 export { SidebarCustomisation, defaultSidebarItems } from './v2/pages/Settings/components/SidebarCustomisation.js';

package/dist/provider/location-input/LocationInput.js

@@ -129,7 +129,7 @@ function LocationInput(param) {
                                 disabled: true,
                                 children: t('chooseTimeZone')
                             }, ""),
-                            data.map(function(zone) {
+                            data === null || data === void 0 ? void 0 : data.map(function(zone) {
                                 return /*#__PURE__*/ jsx("option", {
                                     value: zone.id.toString(),
                                     children: zone.name

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

@@ -5,6 +5,7 @@ export interface BadgeProps {
     variant?: 'success' | 'danger' | 'warning' | 'info' | 'neutral';
     className?: string;
     icon?: React.ReactNode;
+    onClick?: (e: React.MouseEvent) => void;
 }
 export declare const Badge: React.FC<BadgeProps>;
 //# sourceMappingURL=Badge.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,cAAc,CAAA;AAErB,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAA;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CActC,CAAA"}
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,cAAc,CAAA;AAErB,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAA;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;CACxC;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAgBtC,CAAA"}

package/dist/v2/components/Badge/Badge.js

@@ -3,9 +3,10 @@ import 'react';
 import './Badge.scss.js';
 
 var Badge = function(param) {
-    var children = param.children, _param_variant = param.variant, variant = _param_variant === void 0 ? 'neutral' : _param_variant, _param_className = param.className, className = _param_className === void 0 ? '' : _param_className, icon = param.icon;
+    var children = param.children, _param_variant = param.variant, variant = _param_variant === void 0 ? 'neutral' : _param_variant, _param_className = param.className, className = _param_className === void 0 ? '' : _param_className, icon = param.icon, onClick = param.onClick;
     return /*#__PURE__*/ jsxs("span", {
         className: "new-badge new-badge--".concat(variant, " ").concat(icon ? 'new-badge--with-icon' : '', " ").concat(className),
+        onClick: onClick,
         children: [
             icon && /*#__PURE__*/ jsx("span", {
                 className: "new-badge__icon",

package/dist/v2/components/Badge/Badge.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-badge{align-items:center;border-radius:100px;display:inline-flex;justify-content:center;padding:2px 12px}.new-badge--with-icon{padding-left:8px}.new-badge{font-family:var(--font-family-mono,\"Geist Mono\",monospace);font-size:var(--text-small-size,13px);font-weight:500;gap:4px;line-height:1.2;white-space:nowrap}.new-badge__icon{align-items:center;display:inline-flex;justify-content:center}.new-badge__icon svg{height:16px;width:16px}.new-badge--success{background-color:var(--surface-status-success,#eef9ea);border:1px solid var(--border-status-success,#c9ecbd);color:var(--label-status-success,#3a8a1f)}.new-badge--danger{background-color:var(--surface-status-error,#fceceb);border:1px solid var(--border-status-error,#f5c4c2);color:var(--label-status-error,#cc3c35)}.new-badge--warning{background-color:var(--surface-status-alert,#fcf6e7);border:1px solid var(--border-status-alert,#fed7b6);color:var(--label-status-alert,#fd7e14)}.new-badge--info{background-color:var(--surface-status-info,#e7f4fc);border:1px solid var(--border-status-info,#b4dbf6);color:var(--label-status-info,#0d7fce)}.new-badge--neutral{background-color:var(--surface-secondary,#f8f8fa);border:1px solid var(--border-primary,#e8e9ef);color:var(--label-secondary,#9399b3)}@media (max-width:768px){.new-badge{font-size:12px;padding:1px 10px}.new-badge--with-icon{padding-left:6px}}@media (max-width:480px){.new-badge{font-size:11px;padding:1px 8px}.new-badge--with-icon{padding-left:4px}}";
+var css_248z = ".new-badge{align-items:center;color:var(--label-primary,#121e52);display:inline-flex;font-family:var(--font-family-mono,\"Geist Mono\",monospace);font-size:11px;font-style:normal;font-weight:600;gap:1px;height:28px;justify-content:center;line-height:14px;padding:6px 10px}.new-badge--with-icon{padding-left:6px}.new-badge__icon{align-items:center;display:inline-flex;justify-content:center}.new-badge__icon svg{height:18px;width:18px}.new-badge--success{background:var(--surface-colour-green-soft,#eef9ea);border:1px solid var(--border-status-success,#c9ecbd);border-radius:var(--padding-lg,24px)}.new-badge--danger{background:var(--surface-colour-red-soft,#fceceb);border:1px solid var(--border-status-error,#f5c4c2);border-radius:var(--padding-lg,24px)}.new-badge--warning{background:var(--surface-colour-yellow-soft,#fcf6e7);border:1px solid var(--border-status-alert,#fed7b6);border-radius:var(--padding-lg,24px)}.new-badge--info{background:var(--surface-colour-blue-soft,#e7f4fc);border:1px solid var(--border-status-info,#b4dbf6);border-radius:var(--padding-lg,24px)}.new-badge--neutral{background-color:var(--surface-secondary,#f8f8fa);border:1px solid var(--border-colour-overlay,#121e521a);border-radius:var(--padding-lg,24px);color:var(--label-secondary,#9399b3)}@media (max-width:768px){.new-badge{font-size:12px;padding:1px 10px}.new-badge--with-icon{padding-left:6px}}@media (max-width:480px){.new-badge{font-size:11px;padding:1px 10px}.new-badge--with-icon{padding-left:6px}}";
 styleInject(css_248z);
 
 export { css_248z as default };

package/dist/v2/components/QuickFilter/QuickFilter.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 = ".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__options .ghost-button{border-radius:100px}@media (max-width:768px){.quick-filter{align-items:flex-start;display:flex;flex-direction:row;gap:12px;width:100%}.quick-filter__label{font-size:12px}.quick-filter__options{display:flex;flex:1;flex-wrap:wrap;gap:6px;margin:0;min-width:0;padding:0}.quick-filter__options .ghost-button{border-radius:100px;flex-shrink:0}}@media (max-width:480px){.quick-filter{gap:8px}.quick-filter__label{font-size:11px}.quick-filter__options{gap:4px}}";
+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{-ms-overflow-style:none;display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.quick-filter__options::-webkit-scrollbar{display:none}.quick-filter__options .ghost-button{border-radius:100px;flex-shrink:0;font-family:var(--font-family-mono,\"Geist Mono\",monospace)}@media (max-width:768px){.quick-filter{align-items:center;display:flex;flex-direction:row;gap:12px;width:100%}.quick-filter__label{font-size:12px}.quick-filter__options{display:flex;flex:1;flex-wrap:nowrap;gap:6px;margin:0;min-width:0;overflow-x:auto;padding:0}.quick-filter__options .ghost-button{border-radius:100px;flex-shrink:0}}@media (max-width:480px){.quick-filter{gap:8px}.quick-filter__label{font-size:11px}.quick-filter__options{gap:4px}}";
 styleInject(css_248z);
 
 export { css_248z as default };

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

@@ -1 +1 @@
-{"version":3,"file":"TableSortIcon.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/TableSortIcon/TableSortIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,MAAM,GAAG,IAAI,CAAA;AAEjD,MAAM,WAAW,kBAAkB;IACjC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,SAAS,EAAE,aAAa,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAQtD,CAAA"}
+{"version":3,"file":"TableSortIcon.d.ts","sourceRoot":"","sources":["../../../../src/v2/components/TableSortIcon/TableSortIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,MAAM,GAAG,IAAI,CAAA;AAEjD,MAAM,WAAW,kBAAkB;IACjC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,SAAS,EAAE,aAAa,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAMtD,CAAA"}

package/dist/v2/components/TableSortIcon/TableSortIcon.js

@@ -1,13 +1,15 @@
 import { jsx } from 'react/jsx-runtime';
 import 'react';
-import { ArrowUpIcon, ArrowDownIcon } from '../../icons/index.js';
+import { TableHeaderArrowUpIcon, TableHeaderArrowDownIcon } from '../../icons/index.js';
 
 var TableSortIcon = function(param) {
     var _param_active = param.active, active = _param_active === void 0 ? false : _param_active, direction = param.direction, _param_className = param.className, className = _param_className === void 0 ? '' : _param_className;
-    if (!active || !direction) return null;
     return /*#__PURE__*/ jsx("span", {
         className: className,
-        children: direction === 'asc' ? /*#__PURE__*/ jsx(ArrowUpIcon, {}) : /*#__PURE__*/ jsx(ArrowDownIcon, {})
+        style: {
+            visibility: active && direction ? 'visible' : 'hidden'
+        },
+        children: direction === 'asc' ? /*#__PURE__*/ jsx(TableHeaderArrowUpIcon, {}) : /*#__PURE__*/ jsx(TableHeaderArrowDownIcon, {})
     });
 };
 

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

@@ -37,5 +37,5 @@ export { Pagination } from './Pagination';
 export type { PaginationProps } from './Pagination';
 export { ZoneCard, ZoneContainer, ZoneHeader, ResourceRow, AddResourceButton } from './ZoneCard';
 export type { ZoneCardProps, ZoneResource, ZoneContainerProps, DragHandleProps, ZoneHeaderProps, ResourceRowProps, AddResourceButtonProps } from './ZoneCard';
-export { InfoIcon, ArrowUpIcon, ArrowDownIcon, EditIcon, ArrowLeftIcon, ArrowRightIcon, SearchIcon, RefreshIcon, SendIcon, ExternalLinkIcon, ExportIcon, ClearIcon, CloseIcon, EllipsisIcon, CircleIcon, GripVerticalIcon, PlusIcon, DeleteIcon, ClockIcon } from '../icons';
+export { InfoIcon, TableHeaderArrowUpIcon, TableHeaderArrowDownIcon, ArrowUpIcon, ArrowDownIcon, EditIcon, ArrowLeftIcon, ArrowRightIcon, SearchIcon, RefreshIcon, SendIcon, ExternalLinkIcon, ExportIcon, ClearIcon, CloseIcon, EllipsisIcon, CircleIcon, GripVerticalIcon, PlusIcon, DeleteIcon, ClockIcon } from '../icons';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/v2/components/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/v2/components/index.ts"],"names":[],"mappings":"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"}

package/dist/v2/icons/index.d.ts

@@ -45,6 +45,8 @@ export declare const InfoIcon: ({ width, height }?: {
     width?: number;
     height?: number;
 }) => import("react/jsx-runtime").JSX.Element;
+export declare const TableHeaderArrowUpIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const TableHeaderArrowDownIcon: () => import("react/jsx-runtime").JSX.Element;
 export declare const ArrowUpIcon: ({ width, height }?: {
     width?: number;
     height?: number;

package/dist/v2/icons/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/v2/icons/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/v2/icons/index.tsx"],"names":[],"mappings":"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"}

package/dist/v2/icons/index.js

@@ -213,7 +213,7 @@ var SearchIcon = function() {
         fill: "none",
         children: /*#__PURE__*/ jsx("path", {
             d: "M14.6593 13.7979L17.2683 16.4068L16.4068 17.2684L13.7978 14.6594C12.8597 15.4099 11.67 15.8589 10.3761 15.8589C7.34958 15.8589 4.89331 13.4026 4.89331 10.3761C4.89331 7.34965 7.34958 4.89337 10.3761 4.89337C13.4025 4.89337 15.8588 7.34965 15.8588 10.3761C15.8588 11.6701 15.4098 12.8598 14.6593 13.7979ZM13.4371 13.3458C14.182 12.5781 14.6404 11.5309 14.6404 10.3761C14.6404 8.02006 12.7321 6.11176 10.3761 6.11176C8.02 6.11176 6.1117 8.02006 6.1117 10.3761C6.1117 12.7322 8.02 14.6405 10.3761 14.6405C11.5309 14.6405 12.5781 14.1821 13.3458 13.4371L13.4371 13.3458Z",
-            fill: "#626A90"
+            fill: "currentColor"
         })
     });
 };
@@ -241,7 +241,7 @@ var SendIcon = function() {
         fill: "none",
         children: /*#__PURE__*/ jsx("path", {
             d: "M18 6C18.4142 6 18.75 6.33579 18.75 6.75V12.75H17.25V9.17871L11.3037 14.5039L5.25 9.16211V17.25H18V18.75H4.5C4.08579 18.75 3.75 18.4142 3.75 18V6.75C3.75 6.33579 4.08579 6 4.5 6H18ZM24 15L20.25 18V15.75H15V14.25H20.25V12L24 15ZM11.2969 12.4961L16.876 7.5H5.63379L11.2969 12.4961Z",
-            fill: "black"
+            fill: "currentColor"
         })
     });
 };
@@ -342,6 +342,38 @@ var InfoIcon = function() {
         })
     });
 };
+var TableHeaderArrowUpIcon = function() {
+    return /*#__PURE__*/ jsx("svg", {
+        width: "11",
+        height: "6",
+        viewBox: "0 0 11 6",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M10 5L5.5 1L1 5",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+        })
+    });
+};
+var TableHeaderArrowDownIcon = function() {
+    return /*#__PURE__*/ jsx("svg", {
+        width: "11",
+        height: "6",
+        viewBox: "0 0 11 6",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M1 1L5.5 5L10 1",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+        })
+    });
+};
 var ArrowUpIcon = function() {
     var _ref = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, _ref_width = _ref.width, width = _ref_width === void 0 ? 20 : _ref_width, _ref_height = _ref.height, height = _ref_height === void 0 ? 20 : _ref_height;
     return /*#__PURE__*/ jsx("svg", {
@@ -500,4 +532,4 @@ var ClockIcon = function() {
     });
 };
 
-export { ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, BookingTypesIcon, BookingsIcon, CalendarIcon, CircleIcon, ClearIcon, ClockIcon, CloseIcon, CustomersIcon, DeleteIcon, EditIcon, EllipsisIcon, ExportIcon, ExternalLinkIcon, GripVerticalIcon, InfoIcon, LoyaltyIcon, MarketingIcon, PlusIcon, RefreshIcon, SearchIcon, SendIcon, SettingsIcon, WaiversIcon };
+export { ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, BookingTypesIcon, BookingsIcon, CalendarIcon, CircleIcon, ClearIcon, ClockIcon, CloseIcon, CustomersIcon, DeleteIcon, EditIcon, EllipsisIcon, ExportIcon, ExternalLinkIcon, GripVerticalIcon, InfoIcon, LoyaltyIcon, MarketingIcon, PlusIcon, RefreshIcon, SearchIcon, SendIcon, SettingsIcon, TableHeaderArrowDownIcon, TableHeaderArrowUpIcon, WaiversIcon };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@licklist/design",
-  "version": "0.78.5-dev.63",
+  "version": "0.78.5-dev.66",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/bookedit-licklist/licklist_design.git"
@@ -42,7 +42,7 @@
     ]
   },
   "peerDependencies": {
-    "@licklist/core": "0.36.1-dev.17-new",
+    "@licklist/core": "0.36.1-dev.16",
     "@licklist/eslint-config": "0.5.6",
     "@licklist/plugins": "0.36.4-dev.13",
     "clsx": "2.1.1",
@@ -64,7 +64,7 @@
     "@dnd-kit/utilities": "2.0.0",
     "@fortawesome/fontawesome-svg-core": "1.2.34",
     "@fortawesome/free-solid-svg-icons": "5.15.2",
-    "@licklist/core": "0.36.1-dev.14",
+    "@licklist/core": "0.36.1-dev.16",
     "@licklist/eslint-config": "0.5.6",
     "@licklist/plugins": "0.36.4-dev.13",
     "@mantine/core": "6.0.22",

package/src/provider/location-input/LocationInput.tsx

@@ -71,7 +71,7 @@ export function LocationInput({ path }: { path: TimeZonePath }) {
             <option key='' value='' disabled>
               {t('chooseTimeZone')}
             </option>
-            {data.map((zone) => (
+            {data?.map((zone) => (
               <option key={zone.id} value={zone.id.toString()}>
                 {zone.name}
               </option>

package/src/v2/components/Badge/Badge.scss

@@ -1,19 +1,20 @@
 .new-badge {
+  font-family: var(--font-family-mono, 'Geist Mono', monospace);
   display: inline-flex;
-  align-items: center;
+  padding: 6px 10px;
   justify-content: center;
-  padding: 2px 12px;
-  border-radius: 100px;
+  align-items: center;
+  gap: 1px;
+  color: var(--label-primary, #121E52);
+  font-size: 11px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 14px;
+  height: 28px;
 
   &--with-icon {
-    padding-left: 8px;
+    padding-left: 6px;
   }
-  font-family: var(--font-family-mono, 'Geist Mono', monospace);
-  font-size: var(--text-small-size, 13px);
-  font-weight: 500;
-  line-height: 1.2;
-  white-space: nowrap;
-  gap: 4px;
 
   &__icon {
     display: inline-flex;
@@ -21,39 +22,40 @@
     justify-content: center;
 
     svg {
-      width: 16px;
-      height: 16px;
+      width: 18px;
+      height: 18px;
     }
   }
 
   &--success {
-    background-color: var(--surface-status-success, #EEF9EA);
-    color: var(--label-status-success, #3A8A1F);
+    border-radius: var(--padding-lg, 24px);
     border: 1px solid var(--border-status-success, #C9ECBD);
+    background: var(--surface-colour-green-soft, #EEF9EA);
   }
 
   &--danger {
-    background-color: var(--surface-status-error, #FCECEB);
-    color: var(--label-status-error, #CC3C35);
+    border-radius: var(--padding-lg, 24px);
     border: 1px solid var(--border-status-error, #F5C4C2);
+    background: var(--surface-colour-red-soft, #FCECEB);
   }
 
   &--warning {
-    background-color: var(--surface-status-alert, #FCF6E7);
-    color: var(--label-status-alert, #FD7E14);
+    border-radius: var(--padding-lg, 24px);
     border: 1px solid var(--border-status-alert, #FED7B6);
+    background: var(--surface-colour-yellow-soft, #FCF6E7);
   }
 
   &--info {
-    background-color: var(--surface-status-info, #E7F4FC);
-    color: var(--label-status-info, #0D7FCE);
+    border-radius: var(--padding-lg, 24px);
     border: 1px solid var(--border-status-info, #B4DBF6);
+    background: var(--surface-colour-blue-soft, #E7F4FC);
   }
 
   &--neutral {
     background-color: var(--surface-secondary, #F8F8FA);
     color: var(--label-secondary, #9399B3);
-    border: 1px solid var(--border-primary, #E8E9EF);
+    border-radius: var(--padding-lg, 24px);
+    border: 1px solid var(--border-colour-overlay, rgba(18, 30, 82, 0.10));
   }
 }
 
@@ -71,11 +73,11 @@
 
 @media (max-width: 480px) {
   .new-badge {
-    padding: 1px 8px;
+    padding: 1px 10px;
     font-size: 11px;
 
     &--with-icon {
-      padding-left: 4px;
+      padding-left: 6px;
     }
   }
 }

package/src/v2/components/Badge/Badge.tsx

@@ -6,6 +6,7 @@ export interface BadgeProps {
   variant?: 'success' | 'danger' | 'warning' | 'info' | 'neutral'
   className?: string
   icon?: React.ReactNode
+  onClick?: (e: React.MouseEvent) => void
 }
 
 export const Badge: React.FC<BadgeProps> = ({
@@ -13,11 +14,13 @@ export const Badge: React.FC<BadgeProps> = ({
   variant = 'neutral',
   className = '',
   icon,
+  onClick,
 }) => (
   <span
     className={`new-badge new-badge--${variant} ${
       icon ? 'new-badge--with-icon' : ''
     } ${className}`}
+    onClick={onClick}
   >
     {icon && <span className="new-badge__icon">{icon}</span>}
     {children}

package/src/v2/components/Customer/CustomersList.scss

@@ -54,6 +54,7 @@
       width: 30px;
       height: 30px;
       flex-shrink: 0;
+      fill: var(--shade-lighter);
     }
   }
 
@@ -111,6 +112,10 @@
 
     .search-input-wrapper {
       width: 70%;
+
+      .new-form-input__icon {
+        color: var(--shade-lighter);
+      }
     }
 
     .search-helper-text {
@@ -125,13 +130,21 @@
 
     .filters-actions-row {
       display: flex;
-      justify-content: space-between;
-      align-items: center;
-      gap: 24px;
+      flex-direction: column;
+      align-items: flex-start;
+      gap: 16px;
       width: 100%;
+
+      @media (min-width: 1024px) {
+        flex-direction: row;
+        justify-content: space-between;
+        align-items: center;
+        gap: 24px;
+      }
     }
 
     .quick-filters-wrapper {
+      width: 100%;
       flex: 1;
     }
 
@@ -139,6 +152,12 @@
       display: flex;
       gap: 12px;
       align-items: center;
+
+      .ghost-button {
+        &__icon svg {
+          fill: var(--shade-lighter);
+        }
+      }
     }
 
     &__row {
@@ -165,19 +184,46 @@
     &__sub {
       font-size: 13px;
       color: #9399B3;
+      display: block !important;
     }
     &__id {
       font-size: 13px;
       color: #9399B3;
-      display: none;
+      display: none !important;
     }
 
     &:hover {
       .entity-cell__id {
-        display: block;
+        display: block !important;
       }
       .entity-cell__sub {
-        display: none;
+        display: none !important;
+      }
+    }
+
+    // Ensure hover state on the row also triggers the same behavior
+    // This addresses potential flickering when moving between cells
+    :is(.new-table__row:hover) & {
+      .entity-cell__id {
+        display: block !important;
+      }
+      .entity-cell__sub {
+        display: none !important;
+      }
+    }
+
+    // When entity-cell__sub is missing (like in template list),
+    // showing entity-cell__id on hover causes height jump.
+    // We only want to swap if both exist, or ensure height is stable.
+    &:not(:has(.entity-cell__sub)) {
+      .entity-cell__id {
+        display: block !important;
+      }
+    }
+
+    :is(.new-table__row:hover) &:not(:has(.entity-cell__sub)) {
+      .entity-cell__id {
+        display: block !important;
       }
     }
   }
@@ -542,6 +588,7 @@
             "customer bookings"
             "divider divider"
             "next last"
+            "status status"
             "actions actions";
           grid-template-columns: 1fr auto;
           border: 1px solid var(--border-primary, #E8E9EF);
@@ -604,6 +651,10 @@
             grid-area: last; // Reuse 'last' area for waiver in waiver list
             text-align: right;
           }
+          &.waiver-col-mb {
+            grid-area: status;
+            text-align: left;
+          }
         }
       }
     }
@@ -679,7 +730,7 @@
     .waiver-cell {
       display: flex;
       flex-direction: column;
-      align-items: flex-end;
+      align-items: flex-start;
       min-width: 0;
       overflow: hidden;
 
@@ -688,7 +739,7 @@
         color: #626A90;
         font-weight: 500;
         margin-bottom: 4px;
-        text-align: right;
+        text-align: left;
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
@@ -697,7 +748,7 @@
 
       .v2-badge {
         display: inline-flex;
-        margin-left: auto;
+        margin-right: auto;
       }
     }
 

package/src/v2/components/QuickFilter/QuickFilter.scss

@@ -12,11 +12,21 @@
 
   &__options {
     display: flex;
-    flex-wrap: wrap;
+    flex-wrap: nowrap;
+    overflow-x: auto;
     gap: 8px;
+    -ms-overflow-style: none; /* IE and Edge */
+    scrollbar-width: none; /* Firefox */
+    padding-bottom: 2px; /* Prevent button shadows/borders from being cut off during scroll if any */
+
+    &::-webkit-scrollbar {
+      display: none; /* Chrome, Safari and Opera */
+    }
 
     .ghost-button {
       border-radius: 100px;
+      font-family: var(--font-family-mono, 'Geist Mono', monospace);
+      flex-shrink: 0;
     }
   }
 }
@@ -26,7 +36,7 @@
   .quick-filter {
     display: flex;
     flex-direction: row;
-    align-items: flex-start;
+    align-items: center;
     gap: 12px;
     width: 100%;
 
@@ -37,7 +47,8 @@
     &__options {
       flex: 1;
       display: flex;
-      flex-wrap: wrap;
+      flex-wrap: nowrap;
+      overflow-x: auto;
       gap: 6px;
       padding: 0;
       margin: 0;

package/src/v2/components/TableSortIcon/TableSortIcon.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { ArrowUpIcon, ArrowDownIcon } from '../../icons'
+import { TableHeaderArrowUpIcon, TableHeaderArrowDownIcon} from '../../icons'
 
 export type SortDirection = 'asc' | 'desc' | null
 
@@ -10,11 +10,9 @@ export interface TableSortIconProps {
 }
 
 export const TableSortIcon: React.FC<TableSortIconProps> = ({ active = false, direction, className = '' }) => {
-  if (!active || !direction) return null
-
   return (
-    <span className={className}>
-      {direction === 'asc' ? <ArrowUpIcon /> : <ArrowDownIcon />}
+    <span className={className} style={{ visibility: active && direction ? 'visible' : 'hidden' }}>
+      {direction === 'asc' ? <TableHeaderArrowUpIcon /> : <TableHeaderArrowDownIcon />}
     </span>
   )
 }

package/src/v2/components/index.ts

@@ -67,6 +67,8 @@ export type { ZoneCardProps, ZoneResource, ZoneContainerProps, DragHandleProps,
 // Icons
 export {
   InfoIcon,
+  TableHeaderArrowUpIcon,
+  TableHeaderArrowDownIcon,
   ArrowUpIcon,
   ArrowDownIcon,
   EditIcon,

package/src/v2/icons/index.tsx

@@ -114,7 +114,7 @@ export const CalendarSmallIcon = () => (
 
 export const SearchIcon = () => (
     <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 22 22" fill="none">
-        <path d="M14.6593 13.7979L17.2683 16.4068L16.4068 17.2684L13.7978 14.6594C12.8597 15.4099 11.67 15.8589 10.3761 15.8589C7.34958 15.8589 4.89331 13.4026 4.89331 10.3761C4.89331 7.34965 7.34958 4.89337 10.3761 4.89337C13.4025 4.89337 15.8588 7.34965 15.8588 10.3761C15.8588 11.6701 15.4098 12.8598 14.6593 13.7979ZM13.4371 13.3458C14.182 12.5781 14.6404 11.5309 14.6404 10.3761C14.6404 8.02006 12.7321 6.11176 10.3761 6.11176C8.02 6.11176 6.1117 8.02006 6.1117 10.3761C6.1117 12.7322 8.02 14.6405 10.3761 14.6405C11.5309 14.6405 12.5781 14.1821 13.3458 13.4371L13.4371 13.3458Z" fill="#626A90"/>
+        <path d="M14.6593 13.7979L17.2683 16.4068L16.4068 17.2684L13.7978 14.6594C12.8597 15.4099 11.67 15.8589 10.3761 15.8589C7.34958 15.8589 4.89331 13.4026 4.89331 10.3761C4.89331 7.34965 7.34958 4.89337 10.3761 4.89337C13.4025 4.89337 15.8588 7.34965 15.8588 10.3761C15.8588 11.6701 15.4098 12.8598 14.6593 13.7979ZM13.4371 13.3458C14.182 12.5781 14.6404 11.5309 14.6404 10.3761C14.6404 8.02006 12.7321 6.11176 10.3761 6.11176C8.02 6.11176 6.1117 8.02006 6.1117 10.3761C6.1117 12.7322 8.02 14.6405 10.3761 14.6405C11.5309 14.6405 12.5781 14.1821 13.3458 13.4371L13.4371 13.3458Z" fill="currentColor"/>
     </svg>
 )
 
@@ -126,7 +126,7 @@ export const RefreshIcon = ({ width = 24, height = 24 }: React.SVGProps<SVGSVGEl
 
 export const SendIcon = ({ width = 24, height = 24 }: React.SVGProps<SVGSVGElement> & { width?: number; height?: number } = {}) => (
     <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none">
-        <path d="M18 6C18.4142 6 18.75 6.33579 18.75 6.75V12.75H17.25V9.17871L11.3037 14.5039L5.25 9.16211V17.25H18V18.75H4.5C4.08579 18.75 3.75 18.4142 3.75 18V6.75C3.75 6.33579 4.08579 6 4.5 6H18ZM24 15L20.25 18V15.75H15V14.25H20.25V12L24 15ZM11.2969 12.4961L16.876 7.5H5.63379L11.2969 12.4961Z" fill="black"/>
+        <path d="M18 6C18.4142 6 18.75 6.33579 18.75 6.75V12.75H17.25V9.17871L11.3037 14.5039L5.25 9.16211V17.25H18V18.75H4.5C4.08579 18.75 3.75 18.4142 3.75 18V6.75C3.75 6.33579 4.08579 6 4.5 6H18ZM24 15L20.25 18V15.75H15V14.25H20.25V12L24 15ZM11.2969 12.4961L16.876 7.5H5.63379L11.2969 12.4961Z" fill="currentColor"/>
     </svg>
 )
 
@@ -181,6 +181,18 @@ export const InfoIcon = ({ width = 16, height = 16 }: { width?: number; height?:
     </svg>
 )
 
+export const TableHeaderArrowUpIcon = () => (
+  <svg width="11" height="6" viewBox="0 0 11 6" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M10 5L5.5 1L1 5" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+)
+
+export const TableHeaderArrowDownIcon = () => (
+  <svg width="11" height="6" viewBox="0 0 11 6" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M1 1L5.5 5L10 1" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+)
+
 export const ArrowUpIcon = ({ width = 20, height = 20 }: { width?: number; height?: number } = {}) => (
     <svg width={width} height={height} viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
         <path d="M14.9999 11.8283L9.63589 17.1923L8.22168 15.7781L15.9999 7.99988L23.778 15.7781L22.3638 17.1923L16.9999 11.8283L16.9999 23.9999L14.9999 23.9999L14.9999 11.8283Z" fill="currentColor" />