@paperless/angular 2.15.2 → 2.16.0

package/lib/modules/table/components/index.d.ts

@@ -1,9 +1,11 @@
 export * from './table-cell/table-cell.component';
 export * from './table-column/table-column.component';
+export * from './table-extra-header/table-extra-header.component';
 export * from './table/table.component';
 export * from './table-row-action/table-row-action.component';
 import { TableCell } from './table-cell/table-cell.component';
 import { TableColumn } from './table-column/table-column.component';
+import { TableExtraHeader } from './table-extra-header/table-extra-header.component';
 import { TableRowAction } from './table-row-action/table-row-action.component';
 import { Table } from './table/table.component';
-export declare const TABLE_COMPONENTS: (typeof TableCell | typeof TableColumn | typeof TableRowAction | typeof Table)[];
+export declare const TABLE_COMPONENTS: (typeof TableCell | typeof TableColumn | typeof TableExtraHeader | typeof TableRowAction | typeof Table)[];

package/lib/modules/table/components/table/table.component.d.ts

@@ -4,6 +4,7 @@ import { QuickFilter, RowClickEvent, cn } from '@paperless/core';
 import { IconVariant, IllustrationVariant } from '@paperless/core/dist/types/components';
 import { BehaviorSubject } from 'rxjs';
 import { TableColumn } from '../table-column/table-column.component';
+import { TableExtraHeader } from '../table-extra-header/table-extra-header.component';
 import { AsyncItem, TableRowAction, TableRowActionQueryParams, TableRowActionRouterLink } from '../table-row-action/table-row-action.component';
 import { TableCell } from '../table-cell/table-cell.component';
 import { PTableRow } from '../../../../stencil/components';
@@ -12,6 +13,7 @@ import * as i0 from "@angular/core";
 export declare class Table implements OnInit, OnChanges {
     private _changeDetection;
     className: string;
+    theme: import("@paperless/core").StateThemeOption;
     /**
      * The items to be fed to the table
      */
@@ -242,6 +244,7 @@ export declare class Table implements OnInit, OnChanges {
      */
     emptyStateActionClick: EventEmitter<null>;
     shadow: boolean;
+    extraHeaders$: BehaviorSubject<any[]>;
     columns$: BehaviorSubject<any[]>;
     parsedItems: any[];
     loadingRows: unknown[];
@@ -249,6 +252,7 @@ export declare class Table implements OnInit, OnChanges {
     headerCustomFilterTemplate: TemplateRef<any> | undefined;
     headerCustomActionsTemplate: TemplateRef<any> | undefined;
     columnDefinitions: QueryList<TableColumn>;
+    extraHeaderDefinitions: QueryList<TableExtraHeader>;
     filterModalTemplate: TemplateRef<any> | undefined;
     filterModalShow$: BehaviorSubject<boolean>;
     private _rowActions;
@@ -302,6 +306,7 @@ export declare class Table implements OnInit, OnChanges {
     onContainerXScroll(ev: any): void;
     private _parseItems;
     private _generateColumns;
+    private _generateExtraHeaders;
     _checkboxDisabled(item: any, rowIndex: number): boolean;
     _selectAllChange($event: any, forceValue?: boolean): void;
     _checkboxChange(target: any, index: number): void;
@@ -326,5 +331,5 @@ export declare class Table implements OnInit, OnChanges {
     private _resetScrollPosition;
     private _calculateScrollPosition;
     static ɵfac: i0.ɵɵFactoryDeclaration<Table, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Table, "p-table-ngx", never, { "items": "items"; "loading": "loading"; "headerLoading": "headerLoading"; "footerLoading": "footerLoading"; "amountOfLoadingRows": "amountOfLoadingRows"; "enableRowSelection": "enableRowSelection"; "rowSelectionLimit": "rowSelectionLimit"; "enableRowClick": "enableRowClick"; "selectedRows": "selectedRows"; "selectionKey": "selectionKey"; "canSelectKey": "canSelectKey"; "enableFloatingMenu": "enableFloatingMenu"; "floatingMenuAmountSelectedText": "floatingMenuAmountSelectedText"; "floatingMenuAmountSelectedTemplate": "floatingMenuAmountSelectedTemplate"; "enableHeader": "enableHeader"; "quickFilters": "quickFilters"; "activeQuickFilterIdentifier": "activeQuickFilterIdentifier"; "enableSearch": "enableSearch"; "query": "query"; "enableFilter": "enableFilter"; "enableFilterDesktop": "enableFilterDesktop"; "selectedFiltersAmount": "selectedFiltersAmount"; "filterButtonTemplate": "filterButtonTemplate"; "enableAction": "enableAction"; "actionButtonLoading": "actionButtonLoading"; "actionButtonIcon": "actionButtonIcon"; "actionButtonEnabled": "actionButtonEnabled"; "actionButtonText": "actionButtonText"; "actionButtonTemplate": "actionButtonTemplate"; "enableFooter": "enableFooter"; "enablePaginationSize": "enablePaginationSize"; "enablePaginationPages": "enablePaginationPages"; "enableExport": "enableExport"; "page": "page"; "total": "total"; "pageSize": "pageSize"; "pageSizeOptions": "pageSizeOptions"; "hideOnSinglePage": "hideOnSinglePage"; "emptyStateType": "emptyStateType"; "emptyStateIllustration": "emptyStateIllustration"; "emptyStateHeader": "emptyStateHeader"; "emptyStateContent": "emptyStateContent"; "emptyStateAction": "emptyStateAction"; "emptyStateActionIcon": "emptyStateActionIcon"; "enableEmptyStateAction": "enableEmptyStateAction"; "emptyStateFilteredIllustration": "emptyStateFilteredIllustration"; "emptyStateFilteredHeader": "emptyStateFilteredHeader"; "emptyStateFilteredContent": "emptyStateFilteredContent"; "enableScroll": "enableScroll"; "shadow": "shadow"; "filterModalHeaderText": "filterModalHeaderText"; "filterModalSaveText": "filterModalSaveText"; "filterModalCancelText": "filterModalCancelText"; "filterModalResetText": "filterModalResetText"; "filterModalShowReset": "filterModalShowReset"; "filterModalShowResetMobile": "filterModalShowResetMobile"; }, { "selectedRowsChange": "selectedRowsChange"; "rowClick": "rowClick"; "rowSelected": "rowSelected"; "rowDeselected": "rowDeselected"; "quickFilter": "quickFilter"; "queryChange": "queryChange"; "filter": "filter"; "action": "action"; "pageChange": "pageChange"; "pageSizeChange": "pageSizeChange"; "export": "export"; "emptyStateActionClick": "emptyStateActionClick"; "filterModalShow": "filterModalShow"; "filterModalSave": "filterModalSave"; "filterModalReset": "filterModalReset"; }, ["headerCustomFilterTemplate", "headerCustomActionsTemplate", "filterModalTemplate", "columnDefinitions", "rowActions", "customRows"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Table, "p-table-ngx", never, { "items": "items"; "loading": "loading"; "headerLoading": "headerLoading"; "footerLoading": "footerLoading"; "amountOfLoadingRows": "amountOfLoadingRows"; "enableRowSelection": "enableRowSelection"; "rowSelectionLimit": "rowSelectionLimit"; "enableRowClick": "enableRowClick"; "selectedRows": "selectedRows"; "selectionKey": "selectionKey"; "canSelectKey": "canSelectKey"; "enableFloatingMenu": "enableFloatingMenu"; "floatingMenuAmountSelectedText": "floatingMenuAmountSelectedText"; "floatingMenuAmountSelectedTemplate": "floatingMenuAmountSelectedTemplate"; "enableHeader": "enableHeader"; "quickFilters": "quickFilters"; "activeQuickFilterIdentifier": "activeQuickFilterIdentifier"; "enableSearch": "enableSearch"; "query": "query"; "enableFilter": "enableFilter"; "enableFilterDesktop": "enableFilterDesktop"; "selectedFiltersAmount": "selectedFiltersAmount"; "filterButtonTemplate": "filterButtonTemplate"; "enableAction": "enableAction"; "actionButtonLoading": "actionButtonLoading"; "actionButtonIcon": "actionButtonIcon"; "actionButtonEnabled": "actionButtonEnabled"; "actionButtonText": "actionButtonText"; "actionButtonTemplate": "actionButtonTemplate"; "enableFooter": "enableFooter"; "enablePaginationSize": "enablePaginationSize"; "enablePaginationPages": "enablePaginationPages"; "enableExport": "enableExport"; "page": "page"; "total": "total"; "pageSize": "pageSize"; "pageSizeOptions": "pageSizeOptions"; "hideOnSinglePage": "hideOnSinglePage"; "emptyStateType": "emptyStateType"; "emptyStateIllustration": "emptyStateIllustration"; "emptyStateHeader": "emptyStateHeader"; "emptyStateContent": "emptyStateContent"; "emptyStateAction": "emptyStateAction"; "emptyStateActionIcon": "emptyStateActionIcon"; "enableEmptyStateAction": "enableEmptyStateAction"; "emptyStateFilteredIllustration": "emptyStateFilteredIllustration"; "emptyStateFilteredHeader": "emptyStateFilteredHeader"; "emptyStateFilteredContent": "emptyStateFilteredContent"; "enableScroll": "enableScroll"; "shadow": "shadow"; "filterModalHeaderText": "filterModalHeaderText"; "filterModalSaveText": "filterModalSaveText"; "filterModalCancelText": "filterModalCancelText"; "filterModalResetText": "filterModalResetText"; "filterModalShowReset": "filterModalShowReset"; "filterModalShowResetMobile": "filterModalShowResetMobile"; }, { "selectedRowsChange": "selectedRowsChange"; "rowClick": "rowClick"; "rowSelected": "rowSelected"; "rowDeselected": "rowDeselected"; "quickFilter": "quickFilter"; "queryChange": "queryChange"; "filter": "filter"; "action": "action"; "pageChange": "pageChange"; "pageSizeChange": "pageSizeChange"; "export": "export"; "emptyStateActionClick": "emptyStateActionClick"; "filterModalShow": "filterModalShow"; "filterModalSave": "filterModalSave"; "filterModalReset": "filterModalReset"; }, ["headerCustomFilterTemplate", "headerCustomActionsTemplate", "filterModalTemplate", "columnDefinitions", "extraHeaderDefinitions", "rowActions", "customRows"], never, false, never>;
 }

package/lib/modules/table/components/table-cell/table-cell.component.d.ts

@@ -1,11 +1,12 @@
-import { TemplateRef } from '@angular/core';
+import { OnInit, TemplateRef } from '@angular/core';
 import { cn, TableDefinitionData } from '@paperless/core';
 import * as i0 from "@angular/core";
-export declare class TableCell {
+export declare class TableCell implements OnInit {
+    theme: import("@paperless/core").StateThemeOption;
     /**
      * The variant of the column
      */
-    variant: 'default' | 'loading' | 'header';
+    variant: 'default' | 'loading' | 'header' | 'header-secondary';
     /**
      * The index of the column
      */
@@ -30,15 +31,24 @@ export declare class TableCell {
      * The checkbox templateRef
      */
     checkbox: TemplateRef<any> | undefined;
+    /**
+     * Wether the cell needs checkbox offset instead of a checkbox
+     */
+    checkboxOffset: boolean;
     /**
      * The template ref for the content
      */
     template: TemplateRef<any> | undefined;
+    /**
+     * Wether the table is scrollable
+     */
+    scrollable: boolean;
     cn: typeof cn;
     get class(): string;
     get data(): TableDefinitionData | {
         value: string;
     };
+    ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableCell, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableCell, "p-table-cell-ngx", never, { "variant": "variant"; "index": "index"; "rowIndex": "rowIndex"; "definition": "definition"; "item": "item"; "value": "value"; "checkbox": "checkbox"; "template": "template"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableCell, "p-table-cell-ngx", never, { "variant": "variant"; "index": "index"; "rowIndex": "rowIndex"; "definition": "definition"; "item": "item"; "value": "value"; "checkbox": "checkbox"; "checkboxOffset": "checkboxOffset"; "template": "template"; "scrollable": "scrollable"; }, {}, never, ["*"], false, never>;
 }

package/lib/modules/table/components/table-column/table-column.component.d.ts

@@ -13,5 +13,5 @@ export declare class TableColumn {
     template: TemplateRef<any> | undefined;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<TableColumn, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableColumn, "p-table-column", never, { "align": "align"; "flex": "flex"; "name": "name"; "path": "path"; "sizes": "sizes"; "variant": "variant"; "useSlot": "useSlot"; "hasCheckbox": "hasCheckbox"; }, {}, ["template"], ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableColumn, "p-table-column", never, { "align": "align"; "flex": "flex"; "name": "name"; "path": "path"; "sizes": "sizes"; "variant": "variant"; "useSlot": "useSlot"; "hasCheckbox": "hasCheckbox"; "sticky": "sticky"; }, {}, ["template"], ["*"], false, never>;
 }

package/lib/modules/table/components/table-extra-header/table-extra-header.component.d.ts

@@ -0,0 +1,17 @@
+import { ChangeDetectorRef, ElementRef, EventEmitter, NgZone, TemplateRef } from '@angular/core';
+import { Components } from '@paperless/core';
+import * as i0 from "@angular/core";
+export declare interface TableExtraHeader extends Components.PTableExtraHeader {
+    /**
+     * Event to let the table know it has to re render
+     */
+    tableDefinitionChanged: EventEmitter<CustomEvent<boolean>>;
+}
+export declare class TableExtraHeader {
+    protected z: NgZone;
+    protected el: HTMLElement;
+    template: TemplateRef<any> | undefined;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableExtraHeader, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableExtraHeader, "p-table-extra-header", never, { "align": "align"; "name": "name"; "sizes": "sizes"; "parsedSizes": "parsedSizes"; "useSlot": "useSlot"; "sticky": "sticky"; }, {}, ["template"], ["*"], false, never>;
+}

package/lib/modules/table/table.module.d.ts

@@ -3,19 +3,20 @@ import * as i1 from "./components/table/table.component";
 import * as i2 from "./components/table-cell/table-cell.component";
 import * as i3 from "./components/table-column/table-column.component";
 import * as i4 from "./components/table-row-action/table-row-action.component";
-import * as i5 from "./directives/p-table-footer.directive";
-import * as i6 from "./directives/p-table-header.directive";
-import * as i7 from "./directives/p-table.directive";
-import * as i8 from "./directives/p-table-ngx.directive";
-import * as i9 from "./directives/p-table-filter-modal.directive";
-import * as i10 from "./directives/p-table-custom-filter.directive";
-import * as i11 from "./directives/p-table-custom-actions.directive";
-import * as i12 from "./directives/p-table-custom-row.directive";
-import * as i13 from "@angular/common";
-import * as i14 from "@angular/router";
-import * as i15 from "../../stencil.module";
+import * as i5 from "./components/table-extra-header/table-extra-header.component";
+import * as i6 from "./directives/p-table-footer.directive";
+import * as i7 from "./directives/p-table-header.directive";
+import * as i8 from "./directives/p-table.directive";
+import * as i9 from "./directives/p-table-ngx.directive";
+import * as i10 from "./directives/p-table-filter-modal.directive";
+import * as i11 from "./directives/p-table-custom-filter.directive";
+import * as i12 from "./directives/p-table-custom-actions.directive";
+import * as i13 from "./directives/p-table-custom-row.directive";
+import * as i14 from "@angular/common";
+import * as i15 from "@angular/router";
+import * as i16 from "../../stencil.module";
 export declare class TableModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TableModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TableModule, [typeof i1.Table, typeof i2.TableCell, typeof i3.TableColumn, typeof i4.TableRowAction, typeof i5.TableFooterDirective, typeof i6.TableHeaderDirective, typeof i7.TableDirective, typeof i8.TableNgxDirective, typeof i9.TableFilterModalDirective, typeof i10.TableCustomFilterDirective, typeof i11.TableCustomActionsDirective, typeof i12.TableCustomRowDirective], [typeof i13.CommonModule, typeof i14.RouterModule, typeof i15.StencilModule], [typeof i1.Table, typeof i2.TableCell, typeof i3.TableColumn, typeof i4.TableRowAction, typeof i5.TableFooterDirective, typeof i6.TableHeaderDirective, typeof i7.TableDirective, typeof i8.TableNgxDirective, typeof i9.TableFilterModalDirective, typeof i10.TableCustomFilterDirective, typeof i11.TableCustomActionsDirective, typeof i12.TableCustomRowDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TableModule, [typeof i1.Table, typeof i2.TableCell, typeof i3.TableColumn, typeof i4.TableRowAction, typeof i5.TableExtraHeader, typeof i6.TableFooterDirective, typeof i7.TableHeaderDirective, typeof i8.TableDirective, typeof i9.TableNgxDirective, typeof i10.TableFilterModalDirective, typeof i11.TableCustomFilterDirective, typeof i12.TableCustomActionsDirective, typeof i13.TableCustomRowDirective], [typeof i14.CommonModule, typeof i15.RouterModule, typeof i16.StencilModule], [typeof i1.Table, typeof i2.TableCell, typeof i3.TableColumn, typeof i4.TableRowAction, typeof i5.TableExtraHeader, typeof i6.TableFooterDirective, typeof i7.TableHeaderDirective, typeof i8.TableDirective, typeof i9.TableNgxDirective, typeof i10.TableFilterModalDirective, typeof i11.TableCustomFilterDirective, typeof i12.TableCustomActionsDirective, typeof i13.TableCustomRowDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TableModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@paperless/angular",
-  "version": "2.15.2",
+  "version": "2.16.0",
   "peerDependencies": {
     "@angular/cdk": "^13.3.0 || ^14.0.0 || ^15.0.0 || ^17.0.0",
     "@angular/common": "^13.3.0 || ^14.0.0 || ^15.0.0",

package/paperless.css

@@ -26,6 +26,10 @@
   left: 0px !important
 }
 
+.left-4 {
+  left: 1rem !important
+}
+
 .right-0 {
   right: 0px !important
 }
@@ -38,6 +42,10 @@
   z-index: 0 !important
 }
 
+.z-\[2\] {
+  z-index: 2 !important
+}
+
 .z-\[3\] {
   z-index: 3 !important
 }
@@ -156,6 +164,14 @@
   flex: 1 1 0% !important
 }
 
+.flex-shrink {
+  flex-shrink: 1 !important
+}
+
+.flex-shrink-0 {
+  flex-shrink: 0 !important
+}
+
 .transform {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
 }
@@ -264,6 +280,33 @@
   border-width: 1px !important
 }
 
+.bg-white {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important
+}
+
+.bg-gradient-to-r {
+  background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important
+}
+
+.from-white {
+  --tw-gradient-from: #FFFFFF var(--tw-gradient-from-position) !important;
+  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position) !important;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important
+}
+
+.from-80\% {
+  --tw-gradient-from-position: 80% !important
+}
+
+.to-transparent {
+  --tw-gradient-to: transparent var(--tw-gradient-to-position) !important
+}
+
+.pl-8 {
+  padding-left: 2rem !important
+}
+
 .pr-0 {
   padding-right: 0px !important
 }
@@ -383,9 +426,9 @@
   height: 100% !important
 }
 
-.before\:w-\[10\%\]::before {
+.before\:w-24::before {
   content: var(--tw-content) !important;
-  width: 10% !important
+  width: 6rem !important
 }
 
 .before\:bg-gradient-to-r::before {
@@ -453,9 +496,9 @@
   height: 100% !important
 }
 
-.after\:w-\[10\%\]::after {
+.after\:w-24::after {
   content: var(--tw-content) !important;
-  width: 10% !important
+  width: 6rem !important
 }
 
 .after\:bg-gradient-to-l::after {
@@ -934,6 +977,17 @@
   }
 }
 
+.dark\:bg-hurricane-700:where(:host([data-theme=dark]),:host([data-theme=dark]) *) {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(35 41 52 / var(--tw-bg-opacity, 1)) !important
+}
+
+.dark\:from-hurricane-700:where(:host([data-theme=dark]),:host([data-theme=dark]) *) {
+  --tw-gradient-from: #232934 var(--tw-gradient-from-position) !important;
+  --tw-gradient-to: rgb(35 41 52 / 0) var(--tw-gradient-to-position) !important;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important
+}
+
 .dark\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *) {
   --tw-text-opacity: 1 !important;
   color: rgb(163 165 169 / var(--tw-text-opacity, 1)) !important
@@ -944,6 +998,43 @@
   color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important
 }
 
+.dark\:before\:from-hurricane-700:where(:host([data-theme=dark]),:host([data-theme=dark]) *)::before {
+  content: var(--tw-content) !important;
+  --tw-gradient-from: #232934 var(--tw-gradient-from-position) !important;
+  --tw-gradient-to: rgb(35 41 52 / 0) var(--tw-gradient-to-position) !important;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important
+}
+
+.dark\:before\:via-hurricane-700\/90:where(:host([data-theme=dark]),:host([data-theme=dark]) *)::before {
+  content: var(--tw-content) !important;
+  --tw-gradient-to: rgb(35 41 52 / 0)  var(--tw-gradient-to-position) !important;
+  --tw-gradient-stops: var(--tw-gradient-from), rgb(35 41 52 / 0.9) var(--tw-gradient-via-position), var(--tw-gradient-to) !important
+}
+
+.after\:dark\:from-hurricane-700:where(:host([data-theme=dark]),:host([data-theme=dark]) *)::after {
+  content: var(--tw-content) !important;
+  --tw-gradient-from: #232934 var(--tw-gradient-from-position) !important;
+  --tw-gradient-to: rgb(35 41 52 / 0) var(--tw-gradient-to-position) !important;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important
+}
+
+.dark\:after\:via-hurricane-700\/90:where(:host([data-theme=dark]),:host([data-theme=dark]) *)::after {
+  content: var(--tw-content) !important;
+  --tw-gradient-to: rgb(35 41 52 / 0)  var(--tw-gradient-to-position) !important;
+  --tw-gradient-stops: var(--tw-gradient-from), rgb(35 41 52 / 0.9) var(--tw-gradient-via-position), var(--tw-gradient-to) !important
+}
+
+.dark\:bg-hurricane-700:where([data-theme=dark],[data-theme=dark] *) {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(35 41 52 / var(--tw-bg-opacity, 1)) !important
+}
+
+.dark\:from-hurricane-700:where([data-theme=dark],[data-theme=dark] *) {
+  --tw-gradient-from: #232934 var(--tw-gradient-from-position) !important;
+  --tw-gradient-to: rgb(35 41 52 / 0) var(--tw-gradient-to-position) !important;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important
+}
+
 .dark\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *) {
   --tw-text-opacity: 1 !important;
   color: rgb(163 165 169 / var(--tw-text-opacity, 1)) !important
@@ -953,3 +1044,29 @@
   --tw-text-opacity: 1 !important;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important
 }
+
+.dark\:before\:from-hurricane-700:where([data-theme=dark],[data-theme=dark] *)::before {
+  content: var(--tw-content) !important;
+  --tw-gradient-from: #232934 var(--tw-gradient-from-position) !important;
+  --tw-gradient-to: rgb(35 41 52 / 0) var(--tw-gradient-to-position) !important;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important
+}
+
+.dark\:before\:via-hurricane-700\/90:where([data-theme=dark],[data-theme=dark] *)::before {
+  content: var(--tw-content) !important;
+  --tw-gradient-to: rgb(35 41 52 / 0)  var(--tw-gradient-to-position) !important;
+  --tw-gradient-stops: var(--tw-gradient-from), rgb(35 41 52 / 0.9) var(--tw-gradient-via-position), var(--tw-gradient-to) !important
+}
+
+.after\:dark\:from-hurricane-700:where([data-theme=dark],[data-theme=dark] *)::after {
+  content: var(--tw-content) !important;
+  --tw-gradient-from: #232934 var(--tw-gradient-from-position) !important;
+  --tw-gradient-to: rgb(35 41 52 / 0) var(--tw-gradient-to-position) !important;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important
+}
+
+.dark\:after\:via-hurricane-700\/90:where([data-theme=dark],[data-theme=dark] *)::after {
+  content: var(--tw-content) !important;
+  --tw-gradient-to: rgb(35 41 52 / 0)  var(--tw-gradient-to-position) !important;
+  --tw-gradient-stops: var(--tw-gradient-from), rgb(35 41 52 / 0.9) var(--tw-gradient-via-position), var(--tw-gradient-to) !important
+}