@hyphen/hyphen-components 5.2.1 → 5.3.0

package/dist/components/Sidebar/Sidebar.d.ts

@@ -29,6 +29,7 @@ declare const SidebarMenuButton: React.ForwardRefExoticComponent<Omit<React.Clas
     asChild?: boolean | undefined;
     isActive?: boolean | undefined;
     icon?: "code" | "link" | "menu" | "search" | "circle" | "filter" | "key" | "add" | "alarm-disable" | "alarm" | "analytics" | "app-window" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up" | "arrows-maximize" | "at" | "ban" | "block" | "blocks" | "book-open" | "c-add" | "c-check" | "c-delete" | "c-in-progress" | "c-info" | "c-question" | "c-remove" | "c-warning" | "calendar-create" | "calendar" | "camera" | "caret-down" | "caret-left" | "caret-right" | "caret-sm-down" | "caret-sm-left" | "caret-sm-right" | "caret-sm-up" | "caret-up-down" | "caret-up" | "chart-bar" | "chart-line" | "chat" | "check" | "checkbox-btn-checked" | "checkbox-btn-indeterminate" | "checkbox-btn" | "circle-filled" | "clipboard" | "cloud" | "command-line" | "contact" | "copy-document" | "dashboard" | "database" | "dock-left" | "document" | "dots" | "download" | "electricity-bolt" | "exclamation-mark" | "eye-slash" | "eye" | "flag" | "folder" | "gear" | "grab" | "hash-mark" | "heart-o" | "heart" | "home" | "info" | "integrations" | "launch-app" | "lightbulb" | "list" | "lock" | "logo-deploy" | "logo-env" | "logo-link" | "logo-netinfo" | "logo-toggle" | "logout" | "mail" | "minus" | "moon" | "paperclip" | "path-intersect" | "pause" | "pc" | "pencil" | "phone" | "photo" | "play" | "qr-code" | "radio-btn-checked" | "radio-btn-unchecked" | "refresh" | "remove" | "rewind" | "send" | "settings" | "skip" | "stack" | "star-o" | "star" | "stopwatch" | "subtract" | "sun" | "t-warning" | "tag" | "terminal" | "time-alarm" | "time-clock" | "trash" | "unlocked" | "upload" | "user-create" | "user" | "users" | "wifi-off" | "wifi" | "zoom-in" | "zoom-out" | undefined;
+    tooltip?: string | (Omit<import("@radix-ui/react-tooltip").TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>) | undefined;
 }, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const SidebarGroup: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const SidebarGroupLabel: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Sidebar/Sidebar.stories.d.ts

@@ -4,3 +4,4 @@ import { Sidebar } from './Sidebar';
 declare const meta: Meta<typeof Sidebar>;
 export default meta;
 export declare const SidebarExample: () => React.JSX.Element;
+export declare const SidebarCollapsed: () => React.JSX.Element;

package/dist/css/index.css

@@ -26,12 +26,12 @@
 .ToggleGroup-module_item__dIBO0{background-color:var(--color-background-transparent);border-width:0;color:var(--color-font-secondary);cursor:pointer;font-size:var(--size-font-size-sm);line-height:1;padding:var(--size-spacing-sm)}.ToggleGroup-module_item__dIBO0:hover{background-color:var(--color-background-toggle-group-item-hover)}.ToggleGroup-module_item__dIBO0[data-state=on]{background-color:var(--color-background-toggle-group-item-active);color:var(--color-font-base)}.ToggleGroup-module_item__dIBO0:focus-visible{box-shadow:0 0 0 2px #000;position:relative}.ToggleGroup-module_item__dIBO0:disabled{opacity:.5;pointer-events:none}.ToggleGroup-module_outline__d5OlO{border:1px solid var(--color-border-default);box-shadow:var(--size-box-shadow-xs)}.ToggleGroup-module_outline__d5OlO:disabled,.ToggleGroup-module_outline__d5OlO[data-state=on]{box-shadow:none}.ToggleGroup-module_outline__d5OlO:disabled{pointer-events:none}
 .Modal-module_modal-close__1YmMa{background:transparent;border:none;border-radius:var(--size-border-radius-sm);cursor:pointer;line-height:var(--size-line-height-base);padding:var(--size-spacing-xs)}.Modal-module_modal-close__1YmMa,.Modal-module_modal-close__1YmMa:hover{color:var(--color-font-secondary)}.Modal-module_modal-close__1YmMa:focus-visible{box-shadow:var(--modal-close-button-box-shadow-focus,0 0 0 4px var(--color-base-grey-200));outline:0}.Modal-module_modal-close__1YmMa:focus:not(:focus-visible){box-shadow:none;outline:0}.Modal-module_modal__yNG-7{align-items:flex-end;animation:fadeIn .2s;background:rgba(0,0,0,.33);background-color:rgba(0,0,0,.6);bottom:0;display:flex;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:var(--size-z-index-overlay)}.Modal-module_modal__yNG-7 .Modal-module_modal-content__GMtBm{animation:slideInUp .3s;background-color:var(--color-background-modal);border-radius:var(--size-border-radius-md) var(--size-border-radius-md) 0 0;bottom:0;display:flex;flex-direction:column;grid-column:1;grid-row:1;margin:0;padding:0;position:absolute;width:100%;z-index:var(--size-z-index-modal)}@media (min-width:680px){.Modal-module_modal__yNG-7 .Modal-module_modal-content__GMtBm{animation:fadeInUp .2s ease-out;border-radius:var(--size-border-radius-md);box-shadow:var(--modal-box-shadow,var(--size-box-shadow-md));grid-column:2;grid-row:2;margin:auto;max-height:calc(100vh - 80px);min-height:unset;outline:none;position:static;width:70vw}}@media (min-width:992px){.Modal-module_modal__yNG-7 .Modal-module_modal-content__GMtBm{width:50vw}}.fullscreen .Modal-module_modal-content__GMtBm{border-radius:0;bottom:env(safe-area-inset-bottom,0);left:env(safe-area-inset-left,0);position:fixed;right:env(safe-area-inset-right,0);top:env(safe-area-inset-top,0)}@media (min-width:680px){.fullscreen{align-items:center;display:grid;grid-template-columns:var(--size-spacing-2xl) auto var(--size-spacing-2xl);grid-template-rows:minmax(var(--size-spacing-2xl),1fr) auto minmax(var(--size-spacing-2xl),1fr);overflow:hidden}.fullscreen .Modal-module_modal-content__GMtBm{animation:fadeInUp .2s ease-out;border-radius:var(--size-border-radius-md);box-shadow:var(--size-box-shadow-md);grid-column:2;grid-row:2;margin:auto;max-height:calc(100vh - 80px);min-height:unset;outline:none;position:unset;width:70vw}}@media (min-width:680px) and (min-width:992px){.fullscreen .Modal-module_modal-content__GMtBm{width:50vw}}
 .RangeInput-module_slider__Z6D68{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:var(--color-base-grey-700);border:none;border-radius:2.5rem;height:var(--size-spacing-sm);overflow:visible;padding:0!important}.RangeInput-module_slider__Z6D68::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:var(--color-base-white);border:.125rem solid #0f172a;border-radius:var(--size-percentage-50);cursor:pointer;height:var(--size-spacing-2xl);width:var(--size-spacing-2xl)}.RangeInput-module_disabled__gyu72{cursor:not-allowed;opacity:.5}
-.Sidebar-module_rail__nWu0Q{border-width:0;border-right:2px solid transparent;transition:border-right .3s linear}.Sidebar-module_rail__nWu0Q:hover{border-right:2px solid var(--color-border-sidebar-rail-hover)}
+.Sidebar-module_rail__nWu0Q{border-width:0;border-right:2px solid transparent;transition:border-right .3s linear}.Sidebar-module_rail__nWu0Q:hover{border-right:2px solid var(--color-border-sidebar-rail-hover)}[data-sidebar=sidebar] svg{flex-shrink:0}.Sidebar-module_group-data-__GTJmR[collapsible=icon]:hidden{display:none}.group[data-collapsible=icon][data-state=collapsed] .group-data-collapsible-icon-hidden{display:none}
+.Tooltip-module_TooltipContent__wLEZU{animation-duration:.4s;animation-timing-function:cubic-bezier(.16,1,.3,1);transform-origin:var(--radix-tooltip-content-transform-origin);will-change:transform,opacity}.Tooltip-module_TooltipContent__wLEZU[data-state=delayed-open][data-side=top],.Tooltip-module_TooltipContent__wLEZU[data-state=instant-open][data-side=top]{animation-name:Tooltip-module_tooltip-slideUpAndFade__Y05jp}.Tooltip-module_TooltipContent__wLEZU[data-state=delayed-open][data-side=right],.Tooltip-module_TooltipContent__wLEZU[data-state=instant-open][data-side=right]{animation-name:Tooltip-module_tooltip-slideRightAndFade__K04p9}.Tooltip-module_TooltipContent__wLEZU[data-state=delayed-open][data-side=bottom],.Tooltip-module_TooltipContent__wLEZU[data-state=instant-open][data-side=bottom]{animation-name:Tooltip-module_tooltip-slideDownAndFade__1wMd-}.Tooltip-module_TooltipContent__wLEZU[data-state=delayed-open][data-side=left],.Tooltip-module_TooltipContent__wLEZU[data-state=instant-open][data-side=left]{animation-name:Tooltip-module_tooltip-slideLeftAndFade__iQ1fp}@keyframes Tooltip-module_tooltip-slideUpAndFade__Y05jp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes Tooltip-module_tooltip-slideRightAndFade__K04p9{0%{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:translateX(0)}}@keyframes Tooltip-module_tooltip-slideDownAndFade__1wMd-{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes Tooltip-module_tooltip-slideLeftAndFade__iQ1fp{0%{opacity:0;transform:translateX(6px)}to{opacity:1;transform:translateX(0)}}
 .Table-module_container__BsXT7{position:relative}.Table-module_container__BsXT7 .Table-module_loading-mask__qoRPG{align-items:center;background:var(--color-background-primary);bottom:0;display:flex;justify-content:center;left:0;opacity:.5;position:absolute;right:0;top:0}.Table-module_container__BsXT7 .Table-module_scroll-container__5WV5T .Table-module_table__-ZPCW{background-color:var(--color-background-primary);border-collapse:collapse;border-spacing:0;cursor:default;margin-top:1px;white-space:normal;width:100%}.Table-module_container__BsXT7 .Table-module_scroll-container__5WV5T .Table-module_table__-ZPCW.Table-module_auto__1R8wm{table-layout:auto}.Table-module_container__BsXT7 .Table-module_scroll-container__5WV5T .Table-module_table__-ZPCW.Table-module_fixed__T-EXg{table-layout:fixed}.Table-module_container__BsXT7 .Table-module_scroll-container__5WV5T .Table-module_borderless__BbsqE{border:none}.Table-module_container__BsXT7 .Table-module_scroll-container__5WV5T.Table-module_scrollable__Apjbs{display:block;-webkit-overflow-scrolling:touch}.Table-module_container__BsXT7 .Table-module_scroll-container__5WV5T.Table-module_scrollable__Apjbs.Table-module_scrollable-x__mguJX{overflow-x:auto}.Table-module_container__BsXT7 .Table-module_scroll-container__5WV5T.Table-module_scrollable__Apjbs.Table-module_scrollable-y__292qB{height:100%;overflow-y:auto}.Table-module_container__BsXT7 .Table-module_scroll-container__5WV5T.Table-module_scrollable__Apjbs>.Table-module_table-bordered__wM9u-{border:0}.Table-module_container__BsXT7.Table-module_full-height__MlrSg{height:100%}
 .TableBody-module_table-body__Y5WbD.TableBody-module_hover__2CRgY tr:hover td,.TableBody-module_table-body__Y5WbD.TableBody-module_hover__2CRgY tr:hover th,.TableBody-module_table-body__Y5WbD.TableBody-module_striped__5MlEr tr:nth-of-type(odd) td,.TableBody-module_table-body__Y5WbD.TableBody-module_striped__5MlEr tr:nth-of-type(odd) th{background-color:var(--color-background-secondary)}
 .TableRow-module_table-row__-Y9FQ{border-bottom-style:solid;border-bottom-width:var(--size-border-width-sm);border-color:var(--color-border-subtle)}.TableRow-module_table-row__-Y9FQ:last-of-type{border-bottom-width:0}.TableRow-module_table-row__-Y9FQ.TableRow-module_hoverable__53-l9{background-color:var(--table-row-hover-background)}thead>.TableRow-module_table-row__-Y9FQ{border-bottom-width:var(--size-border-width-sm)!important}
 .TableBodyCell-module_table-cell__pKl29{color:var(--color-font-base);padding:var(--size-spacing-md) var(--size-spacing-2xl)}.TableBodyCell-module_table-cell__pKl29.TableBodyCell-module_borderless__qwKQA{border-width:0}.TableBodyCell-module_table-cell__pKl29.TableBodyCell-module_compact__zfdBf{padding:var(--size-spacing-sm) var(--size-spacing-md)}.TableBodyCell-module_table-cell__pKl29.TableBodyCell-module_truncated__4YtPF{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.TableBodyCell-module_table-cell__pKl29.TableBodyCell-module_sticky-column-left__tKIGW{background-color:var(--color-background-primary);left:0}.TableBodyCell-module_table-cell__pKl29.TableBodyCell-module_sticky-column-right__680hS{background-color:var(--color-background-primary);right:0}.TableBodyCell-module_table-cell__pKl29.TableBodyCell-module_sticky-column__QpEbV{background-color:var(--color-background-primary);box-shadow:5px 0 5px -2px rgba(0,0,0,.1),-5px 0 5px -2px rgba(0,0,0,.1);position:sticky;z-index:calc(var(--size-z-index-sticky) - 1)}.TableBodyCell-module_table-cell__pKl29.TableBodyCell-module_align-right__j-VqN{text-align:right}.TableBodyCell-module_table-cell__pKl29.TableBodyCell-module_align-center__saqzC{text-align:center}
 .TableHeaderCell-module_table-header-cell__aufSm{background-color:var(--color-background-primary);color:var(--color-font-secondary);font-weight:var(--size-font-weight-medium);letter-spacing:.05em;padding:var(--size-spacing-md) var(--size-spacing-2xl);text-align:left;white-space:nowrap}.TableHeaderCell-module_table-header-cell__aufSm.TableHeaderCell-module_sortable__qjrkY{cursor:pointer}.TableHeaderCell-module_table-header-cell__aufSm.TableHeaderCell-module_borderless__uos2k{border-width:0}.TableHeaderCell-module_table-header-cell__aufSm.TableHeaderCell-module_truncated__wmNfw{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.TableHeaderCell-module_table-header-cell__aufSm.TableHeaderCell-module_compact__ujtrZ{padding:var(--size-spacing-sm) var(--size-spacing-md)}.TableHeaderCell-module_table-header-cell__aufSm.TableHeaderCell-module_sticky-header__PEP9t{position:sticky;top:0;z-index:var(--size-z-index-sticky)}.TableHeaderCell-module_table-header-cell__aufSm.TableHeaderCell-module_sticky-column-left__t8qIz{left:0}.TableHeaderCell-module_table-header-cell__aufSm.TableHeaderCell-module_sticky-column-right__6D8-X{right:0}.TableHeaderCell-module_table-header-cell__aufSm.TableHeaderCell-module_sticky-column__g9ybV{background-color:var(--color-background-primary);box-shadow:5px 0 5px -2px rgba(0,0,0,.1),-5px 0 5px -2px rgba(0,0,0,.1);position:sticky;z-index:calc(var(--size-z-index-sticky) + 1)}.TableHeaderCell-module_table-header-cell__aufSm.TableHeaderCell-module_align-right__Qw0YQ{text-align:right}.TableHeaderCell-module_table-header-cell__aufSm.TableHeaderCell-module_align-center__1RmCS{text-align:center}.TableHeaderCell-module_table-header-cell__aufSm .TableHeaderCell-module_heading__fEcYT{white-space:nowrap}.TableHeaderCell-module_table-header-cell__aufSm .TableHeaderCell-module_heading__fEcYT .TableHeaderCell-module_sort-icon__SHgic{margin-left:var(--size-spacing-xs)}
 .ToastNotification-module_toast-notification__2xiTW{background-color:var(--color-background-toast);border:1px solid var(--color-border-toast);border-radius:var(--size-border-radius-lg);box-shadow:var(--size-box-shadow-md);color:var(--color-font-toast);font-size:var(--size-font-size-sm);pointer-events:auto;will-change:transform}.ToastNotification-module_toast-error__4ArAY{background-color:var(--color-background-toast-error);border-color:var(--color-border-toast-error);color:var(--color-font-white)}.ToastNotification-module_toast-error__4ArAY .ToastNotification-module_toast-dismiss__xxmkb{color:var(--color-font-white)}.ToastNotification-module_toast-dismiss__xxmkb{color:var(--color-font-toast)}.ToastNotification-module_toast-notification-enter-top__ZZDCr{animation:enterTop .25s cubic-bezier(.21,1.02,.73,1) forwards}.ToastNotification-module_toast-notification-exit-top__fOIkZ{animation:exitTop .3s cubic-bezier(.06,.71,.55,1) forwards}.ToastNotification-module_toast-notification-enter-bottom__So3w7{animation:enterBottom .25s cubic-bezier(.21,1.02,.73,1) forwards}.ToastNotification-module_toast-notification-exit-bottom__DDthi{animation:exitBottom .3s cubic-bezier(.06,.71,.55,1) forwards}.ToastNotification-module_toast-notification-exit-left__Fh1hC{animation:exitLeft .3s cubic-bezier(.06,.71,.55,1) forwards}.ToastNotification-module_toast-notification-exit-right__C1jQ9{animation:exitRight .3s cubic-bezier(.06,.71,.55,1) forwards}.ToastNotification-module_toast-notification-fade-in__JlSGi{animation:fadeIn .25s cubic-bezier(.21,1.02,.73,1) forwards}.ToastNotification-module_toast-notification-fade-out__r6q4Q{animation:fadeOut .3s cubic-bezier(.06,.71,.55,1) forwards}
-.Toggle-module_item__NQ7iu{background-color:var(--color-background-transparent);border-radius:var(--size-border-radius-sm);border-width:0;color:var(--color-font-secondary);cursor:pointer;font-size:var(--size-font-size-sm);line-height:1;transition:background-color .2s ease-in-out,color .2s ease-in-out}.Toggle-module_item__NQ7iu:hover{background-color:var(--color-background-toggle-group-item-hover)}.Toggle-module_item__NQ7iu[data-state=on]{background-color:var(--color-background-toggle-group-item-active);color:var(--color-font-base)}.Toggle-module_item__NQ7iu:focus-visible{box-shadow:0 0 0 2px #000;position:relative}.Toggle-module_item__NQ7iu:disabled{opacity:.5;pointer-events:none}.Toggle-module_outline__tR6T1{border:1px solid var(--color-border-default);box-shadow:var(--size-box-shadow-xs)}.Toggle-module_outline__tR6T1:disabled,.Toggle-module_outline__tR6T1[data-state=on]{box-shadow:none}.Toggle-module_outline__tR6T1:disabled{pointer-events:none}
-.Tooltip-module_TooltipContent__wLEZU{animation-duration:.4s;animation-timing-function:cubic-bezier(.16,1,.3,1);transform-origin:var(--radix-tooltip-content-transform-origin);will-change:transform,opacity}.Tooltip-module_TooltipContent__wLEZU[data-state=delayed-open][data-side=top],.Tooltip-module_TooltipContent__wLEZU[data-state=instant-open][data-side=top]{animation-name:Tooltip-module_tooltip-slideUpAndFade__Y05jp}.Tooltip-module_TooltipContent__wLEZU[data-state=delayed-open][data-side=right],.Tooltip-module_TooltipContent__wLEZU[data-state=instant-open][data-side=right]{animation-name:Tooltip-module_tooltip-slideRightAndFade__K04p9}.Tooltip-module_TooltipContent__wLEZU[data-state=delayed-open][data-side=bottom],.Tooltip-module_TooltipContent__wLEZU[data-state=instant-open][data-side=bottom]{animation-name:Tooltip-module_tooltip-slideDownAndFade__1wMd-}.Tooltip-module_TooltipContent__wLEZU[data-state=delayed-open][data-side=left],.Tooltip-module_TooltipContent__wLEZU[data-state=instant-open][data-side=left]{animation-name:Tooltip-module_tooltip-slideLeftAndFade__iQ1fp}@keyframes Tooltip-module_tooltip-slideUpAndFade__Y05jp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes Tooltip-module_tooltip-slideRightAndFade__K04p9{0%{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:translateX(0)}}@keyframes Tooltip-module_tooltip-slideDownAndFade__1wMd-{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes Tooltip-module_tooltip-slideLeftAndFade__iQ1fp{0%{opacity:0;transform:translateX(6px)}to{opacity:1;transform:translateX(0)}}
+.Toggle-module_item__NQ7iu{background-color:var(--color-background-transparent);border-radius:var(--size-border-radius-sm);border-width:0;color:var(--color-font-secondary);cursor:pointer;font-size:var(--size-font-size-sm);line-height:1;transition:background-color .2s ease-in-out,color .2s ease-in-out}.Toggle-module_item__NQ7iu:hover{background-color:var(--color-background-toggle-group-item-hover)}.Toggle-module_item__NQ7iu[data-state=on]{background-color:var(--color-background-toggle-group-item-active);color:var(--color-font-base)}.Toggle-module_item__NQ7iu:focus-visible{box-shadow:0 0 0 2px #000;position:relative}.Toggle-module_item__NQ7iu:disabled{opacity:.5;pointer-events:none}.Toggle-module_outline__tR6T1{border:1px solid var(--color-border-default);box-shadow:var(--size-box-shadow-xs)}.Toggle-module_outline__tR6T1:disabled,.Toggle-module_outline__tR6T1[data-state=on]{box-shadow:none}.Toggle-module_outline__tR6T1:disabled{pointer-events:none}

package/dist/css/utilities.css

@@ -3,7 +3,7 @@
   \***************************************************************************************************************************/
 /**
  * Do not edit directly
- * Generated on Tue, 01 Apr 2025 18:48:01 GMT
+ * Generated on Sat, 05 Apr 2025 18:09:56 GMT
  */
 
 .font-family-monospace { font-family: var(--assets-font-family-monospace); }
@@ -198,6 +198,12 @@
 
 .focus\:background-color-tooltip:focus { background: var(--color-background-tooltip); }
 
+.background-color-slider { background: var(--color-background-slider); }
+
+.hover\:background-color-slider:hover { background: var(--color-background-slider); }
+
+.focus\:background-color-slider:focus { background: var(--color-background-slider); }
+
 .background-color-brand-gradient { background: var(--color-background-brand-gradient); }
 
 .hover\:background-color-brand-gradient:hover { background: var(--color-background-brand-gradient); }

package/dist/css/variables.css

@@ -3,7 +3,7 @@
   \*********************************************************************************************************************/
 /**
  * Do not edit directly
- * Generated on Tue, 01 Apr 2025 18:48:01 GMT
+ * Generated on Sat, 05 Apr 2025 18:09:55 GMT
  */
 
 :root {
@@ -41,6 +41,7 @@
   --color-background-toast: #262626;
   --color-background-toast-error: #ef4444;
   --color-background-tooltip: #262626;
+  --color-background-slider: #d4d4d4;
   --color-background-brand-gradient: linear-gradient(60deg, #eab308 0%, #fa0a64 100%);
   --color-background-brand-gradient-reverse: linear-gradient(270deg, #eab308 0%, #fa0a64 100%);
   --color-background-brand-gradient-purple: linear-gradient(60deg, #b47dff 0%, #4b32aa 100%);
@@ -351,7 +352,7 @@
   \*******************************************************************************************************************************/
 /**
  * Do not edit directly
- * Generated on Tue, 01 Apr 2025 18:48:01 GMT
+ * Generated on Sat, 05 Apr 2025 18:09:55 GMT
  */
 
 :root.dark {
@@ -384,6 +385,7 @@
   --color-background-modal: #262626;
   --color-background-toast: #f5f5f5;
   --color-background-tooltip: #f5f5f5;
+  --color-background-slider: #737373;
   --color-border-default: #525252;
   --color-border-subtle: #404040;
   --color-border-hover: #404040;