@ngrdt/gov 0.0.78 → 0.0.81

package/index.d.ts

@@ -1,3 +1,6 @@
+import * as _ngrdt_loading from '@ngrdt/loading';
+import { RdtSpinnerComponent } from '@ngrdt/loading';
+import * as _ngrdt_gov from '@ngrdt/gov';
 import * as _ngrdt_button from '@ngrdt/button';
 import { RdtButtonBase } from '@ngrdt/button';
 import * as _ngrdt_forms from '@ngrdt/forms';
@@ -5,17 +8,19 @@ import { RdtCheckboxComponent, RdtDateComponent, RdtNumericInputComponent, RdtSe
 import * as _ngrdt_icon from '@ngrdt/icon';
 import { RdtIcon, RdtIconComponent } from '@ngrdt/icon';
 import * as _angular_core from '@angular/core';
-import { Injector, ElementRef, OnDestroy } from '@angular/core';
+import { Injector, ElementRef, Type, WritableSignal, InjectionToken, OnDestroy } from '@angular/core';
 import { RdtBooleanResult } from '@ngrdt/core';
 import { Nullable } from '@ngrdt/utils';
 import { GovFormInput } from '@gov-design-system-ce/angular';
-import { GovFormInputCustomEvent, FormInputEvent } from '@gov-design-system-ce/components';
+import { GovFormInputCustomEvent, FormInputEvent, Nullable as Nullable$1 } from '@gov-design-system-ce/components';
+import { Observable } from 'rxjs';
 
 type GovSize = 'xs' | 's' | 'm' | 'l' | 'xl';
 type GovColor = 'primary' | 'secondary' | 'neutral' | 'success' | 'warning' | 'error';
 type GovMessageVariant = 'success' | 'error' | 'warning' | 'secondary';
 type GovButtonType = 'solid' | 'outlined' | 'base' | 'link';
 type GovLabelPosition = 'left' | 'right' | 'top';
+type GovDialogSize = 'content' | 'fullscreen' | `${number}px`;
 
 declare const DEFAULT_GOV_BUTTON_COLOR: GovColor;
 declare const DEFAULT_GOV_BUTTON_TYPE: GovButtonType;
@@ -65,6 +70,19 @@ declare class RdtGovIconComponent extends RdtIconComponent<string> {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<RdtGovIconComponent, "rdt-gov-icon", never, {}, {}, never, never, true, never>;
 }
 
+declare class RdtGovSpinnerComponent extends RdtSpinnerComponent {
+    readonly message: _angular_core.WritableSignal<string>;
+    readonly messageInput: _angular_core.InputSignal<string>;
+    readonly size: _angular_core.WritableSignal<"s" | "m" | "l">;
+    readonly sizeInput: _angular_core.InputSignal<"s" | "m" | "l">;
+    readonly mode: _angular_core.WritableSignal<"overlay" | "local">;
+    readonly modeInput: _angular_core.InputSignal<"overlay" | "local">;
+    readonly messagePositionInput: _angular_core.InputSignal<"right" | "left" | "below" | "above">;
+    readonly messagePosition: _angular_core.WritableSignal<"right" | "left" | "below" | "above">;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdtGovSpinnerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RdtGovSpinnerComponent, "rdt-gov-spinner", never, { "messageInput": { "alias": "message"; "required": false; "isSignal": true; }; "sizeInput": { "alias": "size"; "required": false; "isSignal": true; }; "modeInput": { "alias": "mode"; "required": false; "isSignal": true; }; "messagePositionInput": { "alias": "messagePosition"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
 declare function provideNgrdtGov(options?: {}): (_angular_core.EnvironmentProviders | {
     provide: _angular_core.InjectionToken<_angular_core.Type<_ngrdt_icon.RdtIconBaseInt>>;
     useValue: typeof RdtGovIconComponent;
@@ -85,8 +103,82 @@ declare function provideNgrdtGov(options?: {}): (_angular_core.EnvironmentProvid
         "chevron-right": string;
         "sort-down": string;
         "sort-up": string;
-        funnel: string;
+        filter: string;
+        duration?: undefined;
+        positionVert?: undefined;
+        positionHoriz?: undefined;
+        successMsg?: undefined;
+        warningMsg?: undefined;
+        errorMsg?: undefined;
+        minHeight?: undefined;
+        isDraggable?: undefined;
+    };
+} | {
+    provide: _angular_core.InjectionToken<_ngrdt_gov.RdtGovNotificationDefaultConfig>;
+    useValue: {
+        duration: number;
+        positionVert: string;
+        positionHoriz: string;
+        successMsg: string;
+        warningMsg: string;
+        errorMsg: string;
+        "arrow-right"?: undefined;
+        "arrow-down"?: undefined;
+        "chevron-double-left"?: undefined;
+        "chevron-double-right"?: undefined;
+        "chevron-left"?: undefined;
+        "chevron-right"?: undefined;
+        "sort-down"?: undefined;
+        "sort-up"?: undefined;
+        filter?: undefined;
+        minHeight?: undefined;
+        isDraggable?: undefined;
+    };
+} | {
+    provide: _angular_core.InjectionToken<Partial<_ngrdt_gov.RdtGovDialogAlertConfigInt>>;
+    useValue: {
+        minHeight: string;
+        "arrow-right"?: undefined;
+        "arrow-down"?: undefined;
+        "chevron-double-left"?: undefined;
+        "chevron-double-right"?: undefined;
+        "chevron-left"?: undefined;
+        "chevron-right"?: undefined;
+        "sort-down"?: undefined;
+        "sort-up"?: undefined;
+        filter?: undefined;
+        duration?: undefined;
+        positionVert?: undefined;
+        positionHoriz?: undefined;
+        successMsg?: undefined;
+        warningMsg?: undefined;
+        errorMsg?: undefined;
+        isDraggable?: undefined;
+    };
+} | {
+    provide: _angular_core.InjectionToken<Partial<_ngrdt_gov.RdtGovDialogConfigInt<any, any>>>;
+    useValue: {
+        isDraggable: boolean;
+        minHeight: string;
+        "arrow-right"?: undefined;
+        "arrow-down"?: undefined;
+        "chevron-double-left"?: undefined;
+        "chevron-double-right"?: undefined;
+        "chevron-left"?: undefined;
+        "chevron-right"?: undefined;
+        "sort-down"?: undefined;
+        "sort-up"?: undefined;
+        filter?: undefined;
+        duration?: undefined;
+        positionVert?: undefined;
+        positionHoriz?: undefined;
+        successMsg?: undefined;
+        warningMsg?: undefined;
+        errorMsg?: undefined;
     };
+} | {
+    provide: _angular_core.InjectionToken<_angular_core.Type<_ngrdt_loading.RdtSpinnerComponent>>;
+    useValue: typeof RdtGovSpinnerComponent;
 })[];
 
 interface RdtGovConfig {
@@ -127,6 +219,174 @@ declare class RdtGovDateComponent extends RdtDateComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<RdtGovDateComponent, "rdt-gov-date", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "outputMode": { "alias": "outputMode"; "required": false; "isSignal": true; }; "labelPositionInput": { "alias": "labelPosition"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+declare class RdtGovDialogContentComponent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdtGovDialogContentComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RdtGovDialogContentComponent, "rdt-gov-dialog-content", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare abstract class RdtGovBaseDialog<TIn = any, TOut = any> {
+    protected readonly dialogRef: RdtGovDialogRef<TIn, TOut, any>;
+    constructor();
+    protected ready(): void;
+}
+
+interface RdtDialogHeaderIconsInt {
+    iconStart?: RdtIcon;
+    iconStartColor?: GovColor;
+    icon?: RdtIcon;
+    iconColor?: GovColor;
+}
+interface RdtGovDialogConfigInt<TIn, TOut> {
+    component: Type<RdtGovBaseDialog<TIn, TOut>>;
+    size?: GovDialogSize;
+    minWidth?: `${number}px`;
+    maxWidth?: `${number}px`;
+    minHeight?: `${number}px`;
+    maxHeight?: `${number}px`;
+    header?: string;
+    headerIcons?: RdtDialogHeaderIconsInt;
+    inputData?: TIn;
+    initialLoading?: boolean;
+    injector?: Injector;
+    hasBackdrop?: boolean;
+    isDraggable?: boolean;
+    isResizable?: boolean;
+}
+interface RdtDialogInfoButtonInt {
+    text?: string;
+    icon?: RdtIcon;
+    iconStart?: RdtIcon;
+    size?: GovSize;
+    color?: GovColor;
+    appearance?: GovButtonType;
+    isAutofocused?: boolean;
+}
+interface RdtGovDialogAlertConfigInt {
+    minWidth?: `${number}px`;
+    maxWidth?: `${number}px`;
+    minHeight?: `${number}px`;
+    maxHeight?: `${number}px`;
+    message: string;
+    header?: string;
+    headerIcons?: RdtDialogHeaderIconsInt;
+    okBtn?: RdtDialogInfoButtonInt;
+}
+interface RdtGovDialogConfimConfigInt {
+    minWidth?: `${number}px`;
+    maxWidth?: `${number}px`;
+    minHeight?: `${number}px`;
+    maxHeight?: `${number}px`;
+    message: string;
+    header?: string;
+    headerIcons?: RdtDialogHeaderIconsInt;
+    yesBtn?: RdtDialogInfoButtonInt;
+    noBtn?: RdtDialogInfoButtonInt;
+}
+
+interface RdtGovDialogRefInt<TIn, TOut, TConfig extends RdtGovDialogConfigInt<TIn, TOut>> {
+    close(data?: TOut): void;
+    ready(): void;
+    close$: Observable<TOut | undefined>;
+    open$: Observable<void>;
+    header: WritableSignal<string | null>;
+    isLoading: WritableSignal<boolean>;
+    hasBackdrop: WritableSignal<boolean>;
+    isDraggable: WritableSignal<boolean>;
+    isResizable: WritableSignal<boolean>;
+    inputData: WritableSignal<TIn>;
+    config: WritableSignal<TConfig>;
+}
+declare class RdtGovDialogRef<TIn = any, TOut = any, TConfig extends RdtGovDialogConfigInt<TIn, TOut> = any> implements RdtGovDialogRefInt<TIn, TOut, TConfig> {
+    config: WritableSignal<TConfig>;
+    private readonly _close$;
+    private readonly _open$;
+    readonly close$: Observable<TOut | undefined>;
+    readonly open$: Observable<void>;
+    readonly header: WritableSignal<string | null>;
+    readonly headerIcons: WritableSignal<RdtDialogHeaderIconsInt | null>;
+    readonly isLoading: WritableSignal<boolean>;
+    readonly hasBackdrop: WritableSignal<boolean>;
+    readonly isDraggable: WritableSignal<boolean>;
+    readonly isResizable: WritableSignal<boolean>;
+    readonly inputData: WritableSignal<TIn>;
+    constructor(config: TConfig);
+    ready(): void;
+    close(data?: TOut): void;
+}
+
+declare class RdtGovDialogFooterComponent {
+    readonly dialogRef: RdtGovDialogRef<any, any, any>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdtGovDialogFooterComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RdtGovDialogFooterComponent, "rdt-gov-dialog-footer", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class RdtGovDialogHeaderComponent {
+    readonly dialogRef: RdtGovDialogRef<any, any, any>;
+    readonly govIcon = RdtIcon.Close;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdtGovDialogHeaderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RdtGovDialogHeaderComponent, "rdt-gov-dialog-header", never, {}, {}, never, never, true, never>;
+}
+
+declare class RdtGovDialogLoadingComponent {
+    readonly messageInput: _angular_core.InputSignal<Nullable$1<string>>;
+    readonly message: _angular_core.WritableSignal<Nullable$1<string>>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdtGovDialogLoadingComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RdtGovDialogLoadingComponent, "rdt-gov-dialog-loading", never, { "messageInput": { "alias": "message"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare const RDT_BASE_DIALOG_PROVIDER: InjectionToken<Partial<RdtGovDialogConfigInt<any, any>>>;
+declare const RDT_ALERT_DIALOG_PROVIDER: InjectionToken<Partial<RdtGovDialogAlertConfigInt>>;
+declare const RDT_CONFIRM_DIALOG_PROVIDER: InjectionToken<Partial<RdtGovDialogConfimConfigInt>>;
+
+declare class RdtGovDialogService {
+    private overlay;
+    private confirmDefaults;
+    private alertDefaults;
+    private baseDefaults;
+    open<TIn = any, TOut = any, TConfig extends RdtGovDialogConfigInt<TIn, TOut> = RdtGovDialogConfigInt<TIn, TOut>>(config: TConfig): RdtGovDialogRef<TIn, TOut>;
+    alert(config: RdtGovDialogAlertConfigInt): RdtGovDialogRef<any, any, any>;
+    confirm(config: RdtGovDialogConfimConfigInt): RdtGovDialogRef<any, any, any>;
+    private parseInternalConfig;
+    private getOverlayConfig;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdtGovDialogService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<RdtGovDialogService>;
+}
+
+interface RdtGovNotificationBase {
+    duration: number;
+    positionVert: 'top' | 'bottom';
+    positionHoriz: 'left' | 'center' | 'right';
+}
+interface RdtGovNotificationDefaultConfig extends RdtGovNotificationBase {
+    successMsg: string;
+    errorMsg: string;
+    warningMsg: string;
+}
+interface RdtGovNotificationCustomConfig extends RdtGovNotificationBase {
+    icon?: RdtIcon;
+    message: string;
+    color: 'success' | 'warning' | 'error' | 'primary' | 'neutral';
+    closeLabel?: string;
+    type: 'bold' | 'subtle';
+}
+declare class RdtGovNotificationService {
+    private overlay;
+    private injector;
+    private translateService;
+    private govDefaults;
+    show(cfg: RdtGovNotificationCustomConfig): void;
+    success(customMsg?: string): void;
+    warning(customMsg?: string): void;
+    error(customMsg?: string): void;
+    private openDefault;
+    private open;
+    private close;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RdtGovNotificationService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<RdtGovNotificationService>;
+}
+
+declare const RDT_BASE_NOTIFICATION_PROVIDER: InjectionToken<RdtGovNotificationDefaultConfig>;
+
 declare class RdtGovNumberInputComponent extends RdtNumericInputComponent {
     private readonly renderer;
     protected readonly govInput: _angular_core.Signal<ElementRef<GovFormInput> | undefined>;
@@ -232,5 +492,5 @@ declare class RdtGovThemeService {
 
 declare function forceFocus(input: HTMLInputElement): void;
 
-export { DEFAULT_GOV_BUTTON_COLOR, DEFAULT_GOV_BUTTON_SIZE, DEFAULT_GOV_BUTTON_TYPE, RDT_DATE_MIN_YEAR, RdtGovButtonComponent, RdtGovCheckboxComponent, RdtGovDateComponent, RdtGovIconComponent, RdtGovNumberInputComponent, RdtGovSelectComponent, RdtGovSelectOfflineProviderDirective, RdtGovTextInputComponent, RdtGovThemeService, forceFocus, initRdtGov, provideNgrdtGov };
-export type { GovButtonType, GovColor, GovLabelPosition, GovMessageVariant, GovSize, RdtGovConfig };
+export { DEFAULT_GOV_BUTTON_COLOR, DEFAULT_GOV_BUTTON_SIZE, DEFAULT_GOV_BUTTON_TYPE, RDT_ALERT_DIALOG_PROVIDER, RDT_BASE_DIALOG_PROVIDER, RDT_BASE_NOTIFICATION_PROVIDER, RDT_CONFIRM_DIALOG_PROVIDER, RDT_DATE_MIN_YEAR, RdtGovBaseDialog, RdtGovButtonComponent, RdtGovCheckboxComponent, RdtGovDateComponent, RdtGovDialogContentComponent, RdtGovDialogFooterComponent, RdtGovDialogHeaderComponent, RdtGovDialogLoadingComponent, RdtGovDialogService, RdtGovIconComponent, RdtGovNotificationService, RdtGovNumberInputComponent, RdtGovSelectComponent, RdtGovSelectOfflineProviderDirective, RdtGovSpinnerComponent, RdtGovTextInputComponent, RdtGovThemeService, forceFocus, initRdtGov, provideNgrdtGov };
+export type { GovButtonType, GovColor, GovDialogSize, GovLabelPosition, GovMessageVariant, GovSize, RdtGovConfig, RdtGovDialogAlertConfigInt, RdtGovDialogConfigInt, RdtGovDialogConfimConfigInt, RdtGovNotificationCustomConfig, RdtGovNotificationDefaultConfig };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ngrdt/gov",
-  "version": "0.0.78",
+  "version": "0.0.81",
   "peerDependencies": {
     "@angular/core": "^20.0.0",
     "@angular/forms": "^20.0.0",
@@ -9,18 +9,19 @@
     "@gov-design-system-ce/angular": "^1.3.1",
     "@gov-design-system-ce/components": "^4.2.0",
     "rxjs": "~7.8.0",
-    "@ngrdt/core": "^0.0.78",
-    "@ngrdt/forms": "^0.0.78",
-    "@ngrdt/icon": "^0.0.78",
-    "@ngrdt/utils": "^0.0.78",
+    "@ngrdt/core": "^0.0.81",
+    "@ngrdt/forms": "^0.0.81",
+    "@ngrdt/icon": "^0.0.81",
+    "@ngrdt/utils": "^0.0.81",
     "@angular/cdk": "^20.2.0",
-    "@ngrdt/button": "^0.0.78",
-    "@ngrdt/router": "^0.0.78"
+    "@ngrdt/button": "^0.0.81",
+    "@ngrdt/router": "^0.0.81"
   },
   "sideEffects": false,
   "exports": {
     "./rdt-gov-menu.css": "./src/lib/gov/ui/menu/rdt-gov-menu.css",
     "./rdt-gov-table.css": "./src/lib/gov/ui/table/rdt-gov-table.css",
+    "./rdt-gov-tab.css": "./src/lib/gov/ui/tab/rdt-gov-tab.css",
     "./package.json": {
       "default": "./package.json"
     },

package/rdt-gov-menu.css

@@ -0,0 +1,88 @@
+:root {
+  --rdt-menu-background: var(--background-block-primary);
+  --rdt-menu-border-radius: 0 0 var(--corner-radius-m) var(--corner-radius-m);
+  --rdt-menu-bar-item-background: transparent;
+  --rdt-menu-bar-item-text-color: var(--text-primary-color);
+  --rdt-menu-bar-item-padding: var(--spacing-s) var(--spacing-m) !important;
+  --rdt-menu-bar-item-border-radius: var(
+    --outline-border-radius,
+    var(--corner-radius-xs-nudge)
+  );
+  --rdt-menu-bar-item-border: none;
+  --rdt-menu-bar-item-outline: none;
+  --rdt-menu-bar-item-margin: 0;
+  --rdt-menu-bar-item-font-size: var(--font-size-body-m);
+  --rdt-menu-bar-item-font-weight: 500;
+  --rdt-menu-item-font-size: var(--font-size-body-s);
+  --rdt-menu-item-padding: var(--spacing-xs) 0 var(--spacing-xs)
+    var(--spacing-xs);
+  --rdt-menu-bar-item-hover-background: var(--button-outlined-primary-hover);
+  --rdt-menu-bar-item-hover-text-color: var(--text-primary-color);
+  --rdt-menu-bar-item-hover-border: none;
+  --rdt-menu-bar-item-hover-outline: none;
+  --rdt-menu-bar-item-expanded-background: var(--button-outlined-primary-hover);
+  --rdt-menu-bar-item-expanded-text-color: var(--text-primary-color);
+  --rdt-menu-bar-item-expanded-border: none;
+  --rdt-menu-bar-item-expanded-outline: none;
+  --rdt-menu-bar-item-focus-background: transparent;
+  --rdt-menu-bar-item-focus-text-color: var(--text-primary-color);
+  --rdt-menu-bar-item-focus-border: none;
+  --rdt-menu-bar-item-focus-outline: var(--outline-width, 0.125rem) solid
+    var(--status-focus);
+  --rdt-menu-bar-item-route-active-background: var(
+    --button-outlined-primary-active
+  );
+  --rdt-menu-bar-item-route-active-text-color: var(--text-primary-color);
+  --rdt-menu-bar-item-route-active-border: none;
+  --rdt-menu-bar-item-route-active-outline: none;
+  --rdt-menu-bar-item-disabled-background: var(
+    --disabled-background,
+    var(--button-solid-disabled)
+  );
+  --rdt-menu-bar-item-disabled-text-color: var(
+    --disabled-color,
+    var(--text-disabled)
+  );
+  --rdt-menu-bar-item-disabled-border: none;
+  --rdt-menu-bar-item-disabled-outline: none;
+}
+:root ul {
+  justify-content: space-between;
+}
+:root ul li:before {
+  content: none;
+}
+:root .menu-item:hover {
+  text-decoration: underline;
+}
+:root ul.menu-item-container {
+  min-width: 280px;
+  padding: var(--spacing-s) var(--spacing-m) !important;
+}
+:root .menu-bar-item-content {
+  gap: var(--spacing-m);
+}
+
+@media only screen and (max-width: 767px) {
+  :root {
+    --rdt-menu-background: transparent;
+  }
+  :root .menu-bar-item {
+    flex-direction: column;
+  }
+  :root .menu-bar-item-container {
+    flex-direction: column;
+  }
+  :root .menu-bar-item-content {
+    width: 100%;
+    background-color: var(--background-block-primary);
+  }
+  :root rdt-menu-overlay {
+    height: 0px;
+    width: 100%;
+    position: unset;
+  }
+  :root rdt-menu-overlay.expanded {
+    height: unset;
+  }
+}

package/rdt-gov-table.css

@@ -0,0 +1,73 @@
+.action-btn {
+  background-color: transparent !important;
+  color: var(--text-primary-color);
+  font-size: var(--font-size-body-s);
+  line-height: 150%;
+  font-weight: 700;
+}
+
+select.action-btn {
+  background-color: var(--background-block-primary) !important;
+  border: 1px solid var(--border-subtle) !important;
+  color: var(--text-primary);
+}
+
+.action-btn:hover {
+  background-color: var(
+    --hover-background,
+    var(--button-outlined-primary-hover)
+  ) !important;
+}
+
+.action-btn.selected {
+  background-color: var(
+    --hover-background,
+    var(--button-outlined-primary-hover)
+  ) !important;
+  color: var(--text-primary-color) !important;
+}
+
+rdt-table {
+  table {
+    border-radius: var(--border-radius, var(--corner-radius-s));
+    border-spacing: 0px;
+    thead {
+      tr {
+        th {
+          padding: 0.25rem 0.5rem;
+          border-bottom: 1px solid var(--border-subtlest);
+          background-color: var(
+            --form-bg-color,
+            var(--background-block-primary)
+          );
+        }
+      }
+    }
+    tbody {
+      background-color: var(--form-bg-color, var(--background-block-primary));
+      border: 1px solid var(--border-subtle) !important;
+      tr {
+        td {
+          border-bottom: 1px solid var(--border-subtlest);
+        }
+      }
+      tr.row-selected {
+        td {
+          background-color: var(--background-primary-subtle) !important;
+        }
+      }
+      .rdt-select-column-cell {
+        border-right: 1px solid var(--border-subtlest);
+        background-color: var(
+          --form-bg-color,
+          var(--background-block-primary)
+        ) !important;
+        .rdt-select-column-cell-wrapper {
+          display: flex;
+          align-items: center;
+          justify-content: center;
+        }
+      }
+    }
+  }
+}

package/styles.css

@@ -0,0 +1,8 @@
+@import '@gov-design-system-ce/styles/tokens.css';
+@import '@gov-design-system-ce/styles/styles.css';
+@import '@gov-design-system-ce/styles/layout.css';
+@import '@gov-design-system-ce/styles/components.css';
+
+@import '@ngrdt/gov/rdt-gov-menu.css';
+@import '@ngrdt/gov/rdt-gov-table.css';
+@import '@ngrdt/gov/rdt-gov-tab.css'; /* './lib/gov/ui/tab/rdt-gov.tab.css'; */

package/lib/gov/ui/checkbox/rdt-gov-checkbox.component.scss

@@ -1,11 +0,0 @@
-gov-form-checkbox {
-  min-height: 0px !important;
-  padding: 0px !important;
-}
-.center {
-  display: flex;
-  align-items: center;
-}
-.spaced {
-  margin-right: var(--spacing-xs-nudge);
-}

package/lib/gov/ui/gov-shared-styles.scss

@@ -1,23 +0,0 @@
-.warning-color {
-  &-icon {
-    color: var(--icon-error) !important;
-  }
-  &-text {
-    color: var(--text-status-error) !important;
-  }
-  &-gov-label {
-    .gov-form-label__label {
-      color: var(--form-state-label-error, var(--text-status-error)) !important;
-    }
-  }
-}
-
-.s_label {
-  font-size: var(--font-size-body-s);
-  line-height: 150%;
-  font-weight: 400;
-}
-
-gov-form-message {
-  font-size: var(--font-size-body-s);
-}

package/lib/gov/ui/icon/rdt-gov-icon.component.scss

@@ -1,13 +0,0 @@
-:host {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.rdt-gov-icon {
-  width: 16px;
-  height: 16px;
-  font-size: 10px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}