@f1falcha/stimulus 1.0.0

package/pagination/pagination.icon.d.ts

@@ -0,0 +1,3 @@
+import { NbIcons } from '@nebular/theme';
+export declare const SclPaginationIcons: NbIcons;
+//# sourceMappingURL=pagination.icon.d.ts.map

package/pagination/pagination.scss

@@ -0,0 +1,67 @@
+@use '@nebular/theme/styles/theming' as *;
+
+.scl-pagination {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    background-color: nb-theme(scl-pagination-background-color);
+    padding: nb-theme(scl-pagination-padding);
+    position: sticky;
+    bottom: nb-theme(scl-pagination-bottom);
+    z-index: 2;
+
+    &__content {
+        list-style: none;
+        margin: 0;
+        display: flex;
+        align-items: center;
+        gap: nb-theme(scl-pagination-item-gap);
+
+        &--center {
+            justify-content: center;
+            width: 100%;
+        }
+    }
+
+    &__info-wrapper {
+        display: flex;
+        align-items: center;
+    }
+
+    &__info {
+        display: flex;
+        align-items: center;
+    }
+
+    &__select-wrapper {
+        margin: nb-theme(scl-pagination-select-margin);
+    }
+
+    &__select {
+        &.select {
+            width: 100%;
+            height: auto;
+            padding: nb-theme(scl-pagination-select-padding);
+
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+        }
+
+        .ng-value {
+            color: nb-theme(scl-pagination-select-text-color);
+        }
+
+        .ng-dropdown-panel-items.scroll-host {
+            min-width: 90px;
+        }
+    }
+
+    &__text {
+        color: nb-theme(scl-pagination-font-color);
+        font-size: nb-theme(scl-pagination-font-size);
+        line-height: nb-theme(scl-pagination-line-height);
+        font-weight: nb-theme(scl-pagination-font-weight);
+        margin: 0;
+    }
+}

package/popover-content/popover-content-item/popover-content-item-config.scss

@@ -0,0 +1,22 @@
+@use '@nebular/theme/styles/theming' as *;
+
+$nb-themes: nb-register-theme(
+    (
+        popover-border-radius: 0.375rem,
+
+        scl-popover-content-item-background-color: color-basic-900,
+        scl-popover-content-item-color: color-base-white,
+        scl-popover-content-item-min-width: 20rem,
+        scl-popover-content-item-padding: 0.5rem 0.75rem,
+
+        scl-popover-content-item-font-size: 0.875rem,
+        scl-popover-content-item-font-weight: 400,
+        scl-popover-content-item-line-height: 1.43,
+        scl-popover-content-item-max-width: 30rem,
+
+        scl-popover-content-max-width: 6.25rem,
+        scl-popover-context-underline-color: color-basic-900,
+    ),
+    default,
+    default
+);

package/popover-content/popover-content-item/popover-content-item.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class SclPopoverContentItem {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SclPopoverContentItem, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SclPopoverContentItem, "scl-popover-content-item", never, {}, {}, never, ["*"], true, never>;
+}
+//# sourceMappingURL=popover-content-item.component.d.ts.map

package/popover-content/popover-content-item/popover-content-item.scss

@@ -0,0 +1,36 @@
+@use '@nebular/theme/styles/theming' as *;
+
+nb-popover:has(.scl-popover-content-item) {
+    background-color: nb-theme(scl-popover-content-item-background-color);
+    min-width: nb-theme(scl-popover-content-item-min-width);
+    padding: nb-theme(scl-popover-content-item-padding);
+    color: nb-theme(scl-popover-content-item-color);
+
+    font-size: nb-theme(scl-popover-content-item-font-size);
+    font-weight: nb-theme(scl-popover-content-item-font-weight);
+    line-height: nb-theme(scl-popover-content-item-line-height);
+}
+
+.scl-popover-content__value {
+    display: inline-block;
+    max-width: nb-theme(scl-popover-content-max-width);
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+
+    &.open {
+        border-bottom: 1px solid nb-theme(scl-popover-context-underline-color);
+    }
+}
+
+.scl-popover-content-item {
+    &__value {
+        max-width: nb-theme(scl-popover-content-item-max-width);
+    }
+
+    & > * {
+        padding: 0;
+        margin: 0;
+        color: nb-theme(scl-popover-content-item-color);
+    }
+}

package/popover-content/popover-content.component.d.ts

@@ -0,0 +1,14 @@
+import { NbPopoverDirective } from '@nebular/theme';
+import * as i0 from "@angular/core";
+interface PopoverState {
+    isShown: boolean;
+}
+export declare class SclPopoverContent {
+    popover: NbPopoverDirective;
+    isPopoverOpen: boolean;
+    popoverStatus(popover: PopoverState): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SclPopoverContent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SclPopoverContent, "scl-popover-content", never, {}, {}, never, ["*", "scl-popover-content-item"], true, never>;
+}
+export {};
+//# sourceMappingURL=popover-content.component.d.ts.map

package/preview-box/preview-box-config.scss

@@ -0,0 +1,52 @@
+@use '@nebular/theme/styles/theming' as *;
+
+$nb-themes: nb-register-theme(
+    (
+        scl-preview-box-preview-margin: 1rem 0 0 0,
+
+        scl-preview-box-list-padding: 0.75rem,
+        scl-preview-box-list-border-width: 0.063rem,
+        scl-preview-box-list-border-color: color-basic-200,
+        scl-preview-box-list-border-radius: 1rem,
+        scl-preview-box-list-gap: 0.75rem,
+
+        scl-preview-box-preview-item-padding: 0 0 0.75rem 0,
+        scl-preview-box-preview-item-border-width: 0.063rem,
+        scl-preview-box-preview-item-border-color: color-basic-200,
+        scl-preview-box-preview-item-gap: 0.75rem,
+
+        scl-preview-box-preview-image-width: 5.183rem,
+        scl-preview-box-preview-image-height: 3.875rem,
+        scl-preview-box-preview-image-border-radius: 0.5rem,
+        scl-preview-box-preview-image-color: color-basic-100,
+        scl-preview-box-preview-image-success-background-color: color-success-700,
+        scl-preview-box-preview-image-success-color: color-base-white,
+        scl-preview-box-preview-image-danger-background-color: color-danger-700,
+        scl-preview-box-preview-image-danger-color: color-base-white,
+
+        scl-preview-box-preview-content-gap: 0.125rem,
+
+        scl-preview-box-preview-message: color-danger-600,
+
+        scl-preview-box-preview-info: color-basic-600,
+
+        scl-preview-box-button-wrapper-margin: -0.5rem 0 0 0,
+        scl-preview-box-button-wrapper-gap: 0.25rem,
+
+        scl-preview-box-progress-container-width: 100%,
+        scl-preview-box-progress-container-height: 0.375rem,
+        scl-preview-box-progress-container-background-color: color-basic-200,
+        scl-preview-box-progress-container-border-radius: 0.5rem,
+        scl-preview-box-progress-container-margin: 0 0 0.125rem 0,
+
+        scl-preview-box-progress-bar-height: 0.375rem,
+        scl-preview-box-progress-bar-background-color: color-primary-500,
+        scl-preview-box-progress-bar-border-radius: 0.5rem,
+
+        scl-preview-box-list-margin: 0 0 0.75rem,
+        scl-preview-box-list-group-color: color-basic-500,
+        scl-preview-box-list-item-color: color-basic-500,
+    ),
+    default,
+    default
+);

package/preview-box/preview-box.component.d.ts

@@ -0,0 +1,31 @@
+import { EventEmitter } from '@angular/core';
+import { NbIconLibraries } from '@nebular/theme';
+import { SclFile } from '../file-uploader/file-uploader';
+import * as i0 from "@angular/core";
+export interface IconData {
+    name?: string;
+    icon: string;
+    id: number | string;
+}
+export interface IconPreviewAction {
+    type: string;
+    index: number;
+}
+export declare const FILE_EXTENSION_MAP: Record<string, string>;
+export declare class SclPreviewBoxComponent {
+    private iconLibraries;
+    item?: SclFile;
+    index?: number;
+    isProcessed?: boolean;
+    data?: IconData;
+    errorMessage: string;
+    onAction: EventEmitter<any>;
+    constructor(iconLibraries: NbIconLibraries);
+    getFileExtension(fileName: string): string | undefined;
+    handleAction(actionType: string): void;
+    removeIcon(id: number | string): void;
+    normalizedExtension(fileName: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SclPreviewBoxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SclPreviewBoxComponent, "scl-preview-box", never, { "item": { "alias": "item"; "required": false; }; "index": { "alias": "index"; "required": false; }; "isProcessed": { "alias": "isProcessed"; "required": false; }; "data": { "alias": "data"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; }, { "onAction": "onAction"; }, never, never, true, never>;
+}
+//# sourceMappingURL=preview-box.component.d.ts.map

package/preview-box/preview-box.component.scss

@@ -0,0 +1,101 @@
+@use '@nebular/theme/styles/theming' as *;
+
+.scl-preview-box {
+    &__list {
+        list-style: none;
+        display: grid;
+        margin: 0;
+        padding: nb-theme(scl-preview-box-list-padding);
+        gap: nb-theme(scl-preview-box-list-gap);
+        border: nb-theme(scl-preview-box-list-border-width) solid nb-theme(scl-preview-box-list-border-color);
+        border-radius: nb-theme(scl-preview-box-list-border-radius);
+    }
+
+    &__item {
+        display: grid;
+        grid-template-columns: auto 1fr auto;
+        gap: nb-theme(scl-preview-box-preview-item-gap);
+        padding: nb-theme(scl-preview-box-preview-item-padding);
+        border-bottom: nb-theme(scl-preview-box-preview-item-border-width) solid nb-theme(scl-preview-box-preview-item-border-color);
+
+        &:last-child {
+            padding-bottom: 0;
+            border-bottom: none;
+        }
+    }
+
+    &__image {
+        width: nb-theme(scl-preview-box-preview-image-width);
+        height: nb-theme(scl-preview-box-preview-image-height);
+        border-radius: nb-theme(scl-preview-box-preview-image-border-radius);
+        object-fit: cover;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        background-color: nb-theme(scl-preview-box-preview-image-color);
+        object-position: top;
+
+        &--success {
+            background-color: nb-theme(scl-preview-box-preview-image-success-background-color);
+            color: nb-theme(scl-preview-box-preview-image-success-color);
+        }
+
+        &--danger {
+            background-color: nb-theme(scl-preview-box-preview-image-danger-background-color);
+            color: nb-theme(scl-preview-box-preview-image-danger-color);
+        }
+    }
+
+    &__content {
+        display: grid;
+        grid-template-rows: auto 1fr;
+        gap: nb-theme(scl-preview-box-preview-content-gap);
+    }
+
+    &__message {
+        color: nb-theme(scl-preview-box-preview-message);
+    }
+
+    &__info {
+        color: nb-theme(scl-preview-box-preview-info);
+    }
+
+    &__button-wrapper {
+        display: grid;
+        grid-template-columns: 1fr auto;
+        align-items: flex-start;
+        gap: nb-theme(scl-preview-box-button-wrapper-gap);
+        margin: nb-theme(scl-preview-box-button-wrapper-margin);
+    }
+
+    &__progress-container {
+        width: nb-theme(scl-preview-box-progress-container-width);
+        height: nb-theme(scl-preview-box-progress-container-height);
+        background-color: nb-theme(scl-preview-box-progress-container-background-color);
+        border-radius: nb-theme(scl-preview-box-progress-container-border-radius);
+        margin-bottom: nb-theme(scl-preview-box-progress-container-margin);
+    }
+
+    &__progress-bar {
+        height: nb-theme(scl-preview-box-progress-bar-height);
+        background-color: nb-theme(scl-preview-box-progress-bar-background-color);
+        border-radius: nb-theme(scl-preview-box-progress-bar-border-radius);
+        transition: width 0.3s;
+    }
+
+    &__list-group {
+        color: nb-theme(scl-preview-box-list-group-color);
+    }
+
+    &__list {
+        margin: nb-theme(scl-preview-box-list-margin);
+    }
+
+    &__list-item {
+        color: nb-theme(scl-preview-box-list-group-color);
+    }
+
+    &__header {
+        overflow-wrap: anywhere;
+    }
+}

package/progress-bar/progress-bar-config.scss

@@ -0,0 +1,14 @@
+@use '@nebular/theme/styles/theming' as *;
+
+$nb-themes: nb-register-theme(
+    (
+        progress-bar-medium-height: 0.375rem,
+        progress-bar-border-radius: 0.5rem,
+
+        scl-progress-bar-width: 100%,
+        scl-progress-bar-gap: 0.5rem,
+        scl-progress-bar-border-radius: progress-bar-border-radius,
+    ),
+    default,
+    default
+);

package/progress-bar/progress-bar.component.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+export declare class SclProgressBarComponent {
+    totalValue: number;
+    currentValue: number;
+    status: string;
+    get progressValue(): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SclProgressBarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SclProgressBarComponent, "scl-progress-bar", never, { "totalValue": { "alias": "totalValue"; "required": true; }; "currentValue": { "alias": "currentValue"; "required": true; }; "status": { "alias": "status"; "required": false; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=progress-bar.component.d.ts.map

package/progress-bar/progress-bar.component.scss

@@ -0,0 +1,13 @@
+@use '@nebular/theme/styles/theming' as *;
+
+.scl-progress-bar {
+    width: nb-theme(scl-progress-bar-width);
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    align-items: center;
+    gap: nb-theme(scl-progress-bar-gap);
+
+    nb-progress-bar .progress-value {
+        border-radius: nb-theme(scl-progress-bar-border-radius);
+    }
+}

package/progress-chart/progress-chart-config.scss

@@ -0,0 +1,15 @@
+@use '@nebular/theme/styles/theming' as *;
+
+$nb-themes: nb-register-theme(
+    (
+        scl-progress-chart-width: 100%,
+        scl-progress-chart-max-width: 27rem,
+
+        scl-progress-chart-canvas-width: 4rem,
+        scl-progress-chart-canvas-height: 4rem,
+
+        scl-progress-chart-info: 0.25rem,
+    ),
+    default,
+    default
+);

package/progress-chart/progress-chart.component.d.ts

@@ -0,0 +1,21 @@
+import { AfterViewInit, ElementRef, OnDestroy } from '@angular/core';
+import { Chart, ChartType } from 'chart.js';
+import * as i0 from "@angular/core";
+export declare class SclProgressChartComponent implements AfterViewInit, OnDestroy {
+    chartCanvas: ElementRef<HTMLCanvasElement>;
+    totalValue: number;
+    currentValue: number;
+    label: string;
+    get remainingValue(): number;
+    get hasValidValues(): boolean;
+    chart: Chart;
+    type: ChartType;
+    get progressValue(): number;
+    constructor();
+    ngAfterViewInit(): void;
+    initializeChart(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SclProgressChartComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SclProgressChartComponent, "scl-progress-chart", never, { "totalValue": { "alias": "totalValue"; "required": true; }; "currentValue": { "alias": "currentValue"; "required": true; }; "label": { "alias": "label"; "required": true; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=progress-chart.component.d.ts.map

package/progress-chart/progress-chart.component.scss

@@ -0,0 +1,41 @@
+@use '@nebular/theme/styles/theming' as *;
+
+.scl-progress-chart {
+    display: block;
+    width: nb-theme(scl-progress-chart-width);
+    max-width: nb-theme(scl-progress-chart-max-width);
+
+    &__content {
+        display: grid;
+        grid-template-columns: 1fr auto;
+        align-items: center;
+    }
+
+    &__info {
+        display: grid;
+        align-items: center;
+        gap: nb-theme(scl-progress-chart-info);
+    }
+
+    &__value {
+        display: flex;
+        align-items: center;
+    }
+
+    &__chart {
+        position: relative;
+        width: nb-theme(scl-progress-chart-canvas-width);
+        height: nb-theme(scl-progress-chart-canvas-height);
+    }
+
+    &__chart-label {
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+    }
+
+    &__text {
+        align-self: end;
+    }
+}

package/public-api.d.ts

@@ -0,0 +1,135 @@
+export * from './accordion/accordion';
+export * from './accordion/accordion-item-body/accordion-item-body.component';
+export * from './accordion/accordion-item-header/accordion-item-header.component';
+export * from './accordion/accordion-item/accordion-item.component';
+export * from './account-card/account-card-header/account-card-header.component';
+export * from './account-card/account-card.component';
+export * from './alert/alert';
+export * from './alert/alert.service';
+export * from './avatar/avatar';
+export * from './badge/badge';
+export * from './bordered-section/bordered-section';
+export * from './button-group/button-group';
+export * from './button-group/button-group-header/button-group-header';
+export * from './button/button';
+export * from './card/card.component';
+export * from './chart/chart.component';
+export * from './checkbox-dropdown/checkbox-dropdown.component';
+export * from './clipboard/clipboard.component';
+export * from './color-wrapper/color-wrapper';
+export * from './column-seperator/column-separator';
+export * from './column-text/column-text';
+export * from './container/container.component';
+export * from './custom-datepicker/custom-datepicker.component';
+export * from './data-list/data-list';
+export * from './date-range-picker/date-range-picker';
+export * from './datepicker-icon/datepicker-icon';
+export * from './datepicker/datepicker';
+export * from './detail-panel/detail-panel';
+export * from './detail-panel/detail-panel-row/detail-panel-column/detail-panel-column';
+export * from './detail-panel/detail-panel-row/detail-panel-row';
+export * from './detail-panel/detail-panel-title/detail-panel-title';
+export * from './dialog/dialog-body/dialog-body.component';
+export * from './dialog/dialog-container/dialog-container.component';
+export * from './dialog/dialog-footer/dialog-footer.component';
+export * from './dialog/dialog-header/dialog-header.component';
+export * from './dialog/dialog.component';
+export * from './dropdown/context-menu';
+export * from './dropdown/context-menu-content/context-menu-content';
+export * from './dropdown/context-menu-item';
+export * from './dropdown/context-menu-list/context-menu-list';
+export * from './error-page-container/error-content/error-content';
+export * from './error-page-container/error-page-container';
+export * from './file-uploader/file-uploader';
+export * from './file-uploader/file-uploader.ref';
+export * from './file-uploader/file-uploader.service';
+export * from './filter/filter';
+export * from './form/form-control-wrapper/form-control-wrapper.component';
+export * from './form/form-control/form-control-action';
+export * from './form/form-control/form-control-icon';
+export * from './form/form-control/form-field';
+export * from './form/form-message/form-message';
+export * from './form/select-input-field/select-input-field';
+export * from './form/validate-and-submit';
+export * from './full-container/full-container.component';
+export * from './grid-row/grid-row';
+export * from './grid/grid-item.component';
+export * from './grid/grid.component';
+export * from './image-card/image-card.component';
+export * from './image-panel/image-panel.component';
+export * from './info-column/info-column';
+export * from './info-slider/info-slider.component';
+export * from './inline-alert/inline-alert';
+export * from './inline-group/inline-group.component';
+export * from './input/input';
+export * from './label/label';
+export * from './layout/layout.component';
+export * from './link/link';
+export * from './media-preview/media-preview';
+export * from './media-preview/media_preview.service';
+export * from './menu/menu.component';
+export * from './otp-input/otp-input.component';
+export * from './page-container/page-container-info/page-container-info.component';
+export * from './page-container/page-container.component';
+export * from './page-header/page-header.component';
+export * from './page-header/page-sub-heading/page-sub-heading.component';
+export * from './page-loader/page-loader.component';
+export * from './pagination/pagination';
+export * from './popover-content/popover-content-item/popover-content-item.component';
+export * from './popover-content/popover-content.component';
+export * from './preview-box/preview-box.component';
+export * from './progress-bar/progress-bar.component';
+export * from './progress-chart/progress-chart.component';
+export * from './radio-card-group/radio-card-group.component';
+export * from './radio-card-group/radio-card/radio-card.component';
+export * from './regex-checker/regex-checker';
+export * from './ribbon/ribbon';
+export * from './round-checkbox/round-checkbox.component';
+export * from './row/column/column.component';
+export * from './row/row.component';
+export * from './scrollable-content/scrollable-content.component';
+export * from './section-header/section-header.component';
+export * from './section-row/section-row';
+export * from './section-separator/section-separator';
+export * from './section-shell/section-shell.component';
+export * from './select-card/select-card.component';
+export * from './select-country/select-country.component';
+export * from './select/select.component';
+export * from './shell/shell.component';
+export * from './side-drawer/side-drawer';
+export * from './side-drawer/side-drawer.service';
+export * from './spinner/spinner';
+export * from './stepper/step/step';
+export * from './stepper/stepper';
+export * from './stepper/stepper-button/stepper-next';
+export * from './stepper/stepper-button/stepper-previous';
+export * from './table-action-control/table-action-control.component';
+export * from './table/table';
+export * from './table/table-column/scl-table-column';
+export * from './table/table-text/scl-table-text';
+export * from './tabset/tab-directive/tabset.directive';
+export * from './tabset/tab/tab.component';
+export * from './tabset/tabset.component';
+export * from './taglist/tag/tag.component';
+export * from './taglist/tag/tag.directive';
+export * from './taglist/taglist.component';
+export * from './text-decoration/text-decoration.component';
+export * from './text-editor/text-editor';
+export * from './timeline/timeline.component';
+export * from './timepicker/timepicker.component';
+export * from './toggle-password/toggle-password.component';
+export * from './toggle-password/toggle-password.directive';
+export * from './toggle/toggle';
+export * from './toggle/toggle-description/toggle-description';
+export * from './treeview/treeview';
+export * from './treeview/treeview-header/treeview-header';
+export * from './truncate/truncate.component';
+export * from './typography/typography';
+export * from './stimulus.module';
+export * from './bank-logo.provider';
+export * from './datepicker.provider';
+export * from './dialog.provider';
+export * from './dialog.ref';
+export * from './dialog.service';
+export * from './theme.provider';
+//# sourceMappingURL=public-api.d.ts.map

package/radio-button/radio-button-config.scss

@@ -0,0 +1,47 @@
+@use '@nebular/theme/styles/theming' as *;
+
+$nb-themes: nb-register-theme(
+    (
+        radio-cursor: pointer,
+
+        radio-width: 1.25rem,
+        radio-height: 1.25rem,
+
+        radio-text-font-size: 0.875rem,
+        radio-text-font-weight: 500,
+        radio-text-line-height: 1.43,
+
+        radio-basic-inner-circle-scale: 0.4,
+        radio-basic-inner-circle-color: color-primary-500,
+
+        radio-basic-label-padding-right: 1.25rem,
+
+        radio-basic-checked-background-color: color-primary-50,
+        radio-basic-checked-border-color: color-primary-500,
+
+        radio-basic-hover-background-color: color-primary-100,
+        radio-basic-hover-border-color: color-primary-600,
+        radio-basic-hover-inner-circle-color: color-primary-600,
+        radio-basic-hover-checked-background-color: color-primary-100,
+        radio-basic-hover-checked-border-color: color-primary-600,
+
+        radio-basic-focus-background-color: color-primary-50,
+        radio-basic-focus-border-color: color-primary-100,
+
+        radio-basic-active-border-color: color-primary-500,
+        radio-basic-active-background-color: color-primary-100,
+        radio-basic-active-inner-circle-color: color-primary-700,
+        radio-basic-active-checked-border-color: color-primary-700,
+        radio-basic-active-checked-background-color: color-primary-200,
+
+        radio-basic-disabled-background-color: color-basic-100,
+        radio-basic-disabled-border-color: color-basic-300,
+        radio-basic-disabled-checked-inner-circle-color: color-basic-300,
+        radio-basic-disabled-label-color: color-basic-900,
+
+        radio-outline-width: 2px,
+        radio-outline-color: color-primary-100,
+    ),
+    default,
+    default
+);