@rivet-health/design-system 40.26.0 → 40.27.0

package/fesm2020/rivet-health-design-system.mjs

@@ -6710,6 +6710,54 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 args: ['class.has-description']
             }] } });
 
+class SimpleTabComponent {
+    constructor() {
+        this.current = false;
+        /** Styles the tab as unavailable; it doesn't block clicks or navigation. */
+        this.locked = false;
+    }
+    get classes() {
+        return Object.entries({ current: this.current, locked: this.locked })
+            .filter(([_, v]) => v)
+            .map(([k]) => k)
+            .join(' ');
+    }
+    get ariaCurrent() {
+        return this.current ? 'true' : null;
+    }
+    get ariaDisabled() {
+        return this.locked ? 'true' : null;
+    }
+}
+SimpleTabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SimpleTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SimpleTabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SimpleTabComponent, selector: "[riv-simple-tab]", inputs: { current: "current", locked: "locked" }, host: { properties: { "class": "this.classes", "attr.aria-current": "this.ariaCurrent", "attr.aria-disabled": "this.ariaDisabled" } }, ngImport: i0, template: "<ng-content></ng-content>\n<riv-icon *ngIf=\"locked\" [name]=\"'Lock'\" [size]=\"16\"></riv-icon>\n", styles: [":host{font:inherit;color:var(--type-light-low-contrast);background-color:transparent;border:none;border-bottom:var(--border-width) solid transparent;margin-bottom:calc(var(--border-width) * -1);padding:var(--size-xsmall) var(--size-large);text-decoration:none;cursor:pointer;transition:background-color var(--medium-transition),border-color var(--medium-transition)}:host:hover:not(.locked){background-color:var(--surface-light-1)}:host:hover:not(.locked):not(.current){border-bottom-color:var(--border-light)}:host.current{color:var(--brand);border-bottom-color:var(--brand)}:host.locked{display:inline-flex;align-items:center;color:var(--type-light-disabled);cursor:default}riv-icon{margin-left:var(--size-small)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "riv-icon", inputs: ["name", "fillColor", "size", "customSize", "strokeWidth"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SimpleTabComponent, decorators: [{
+            type: Component,
+            args: [{ selector: '[riv-simple-tab]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n<riv-icon *ngIf=\"locked\" [name]=\"'Lock'\" [size]=\"16\"></riv-icon>\n", styles: [":host{font:inherit;color:var(--type-light-low-contrast);background-color:transparent;border:none;border-bottom:var(--border-width) solid transparent;margin-bottom:calc(var(--border-width) * -1);padding:var(--size-xsmall) var(--size-large);text-decoration:none;cursor:pointer;transition:background-color var(--medium-transition),border-color var(--medium-transition)}:host:hover:not(.locked){background-color:var(--surface-light-1)}:host:hover:not(.locked):not(.current){border-bottom-color:var(--border-light)}:host.current{color:var(--brand);border-bottom-color:var(--brand)}:host.locked{display:inline-flex;align-items:center;color:var(--type-light-disabled);cursor:default}riv-icon{margin-left:var(--size-small)}\n"] }]
+        }], propDecorators: { current: [{
+                type: Input
+            }], locked: [{
+                type: Input
+            }], classes: [{
+                type: HostBinding,
+                args: ['class']
+            }], ariaCurrent: [{
+                type: HostBinding,
+                args: ['attr.aria-current']
+            }], ariaDisabled: [{
+                type: HostBinding,
+                args: ['attr.aria-disabled']
+            }] } });
+
+class SimpleTabsComponent {
+}
+SimpleTabsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SimpleTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SimpleTabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SimpleTabsComponent, selector: "riv-simple-tabs", ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:inline-flex;border-bottom:var(--border-width) solid var(--border-light);font:var(--body-medium)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SimpleTabsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'riv-simple-tabs', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n", styles: [":host{display:inline-flex;border-bottom:var(--border-width) solid var(--border-light);font:var(--body-medium)}\n"] }]
+        }] });
+
 class TabComponent {
 }
 TabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
@@ -17093,10 +17141,12 @@ RivModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.
         SentenceCasePipe,
         SideSheetComponent,
         SimpleSelectComponent,
+        SimpleTabComponent,
         SimpleTableCellComponent,
         SimpleTableComponent,
         SimpleTableHeaderCellComponent,
         SimpleTableRowComponent,
+        SimpleTabsComponent,
         SizeDirective,
         SmallCurrencyPipe,
         SmallNumberPipe,
@@ -17197,10 +17247,12 @@ RivModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.
         SentenceCasePipe,
         SideSheetComponent,
         SimpleSelectComponent,
+        SimpleTabComponent,
         SimpleTableCellComponent,
         SimpleTableComponent,
         SimpleTableHeaderCellComponent,
         SimpleTableRowComponent,
+        SimpleTabsComponent,
         SizeDirective,
         SmallCurrencyPipe,
         SmallNumberPipe,
@@ -17309,10 +17361,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                         SentenceCasePipe,
                         SideSheetComponent,
                         SimpleSelectComponent,
+                        SimpleTabComponent,
                         SimpleTableCellComponent,
                         SimpleTableComponent,
                         SimpleTableHeaderCellComponent,
                         SimpleTableRowComponent,
+                        SimpleTabsComponent,
                         SizeDirective,
                         SmallCurrencyPipe,
                         SmallNumberPipe,
@@ -17416,10 +17470,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                         SentenceCasePipe,
                         SideSheetComponent,
                         SimpleSelectComponent,
+                        SimpleTabComponent,
                         SimpleTableCellComponent,
                         SimpleTableComponent,
                         SimpleTableHeaderCellComponent,
                         SimpleTableRowComponent,
+                        SimpleTabsComponent,
                         SizeDirective,
                         SmallCurrencyPipe,
                         SmallNumberPipe,
@@ -17459,5 +17515,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ANIMATION_CONSTANTS, AllViewsModalComponent, AlphabeticFieldComponent, AutoFocusDirective, BadgeComponent, BannerActionComponent, BannerComponent, ButtonComponent, ButtonGroupComponent, CalloutComponent, CardActionsComponent, CardCheckboxComponent, CardComponent, CardContentComponent, CardHeaderComponent, CardLinkComponent, CardMediaComponent, Chart, ChartComponent, CheckboxComponent, CurrencyFieldComponent, DataTableCellComponent, DataTableComponent, DataTableHeaderCellComponent, DataTableRowComponent, DateComponent, DatePipe, DateRangeComponent, DaysPipe, DialogComponent, DollarsPipe, DonutComponent, DownloadService, EditViewComponent, EditableHeadingComponent, FilterChipComponent, FunnelChartComponent, HelpComponent, HighlightComponent, IconComponent, InputLabelComponent, IssueComponent, LegendItemComponent, LinkComponent, LoadingComponent, LoadingCoverComponent, LockedTooltipDirective, MapIndicatorComponent, MentionsInputComponent, MenuComponent, MenuItemComponent, MetricComponent, MiniPieComponent, ModalComponent, NotificationBadgeComponent, NumberFieldComponent, NumberPipe, OptionGroupPipe, OverlayDirective, OverlayOutletComponent, PageHeaderComponent, PercentageFieldComponent, PercentagePipe, PermissionPickerComponent, PhoneFieldComponent, ProgressComponent, RadioComponent, RivModule, RivSelect, RivTable, RivViews, SVGTextTruncateDirective, SearchComponent, SearchSelectComponent, SelectComponent, SelectNodeComponent, SentenceCasePipe, SideSheetComponent, SimpleSelectComponent, SimpleTableCellComponent, SimpleTableComponent, SimpleTableHeaderCellComponent, SimpleTableRowComponent, SizeDirective, SmallCurrencyPipe, SmallNumberPipe, SrOnlyComponent, StackedColumnComponent, StackedRowComponent, SwitchCheckboxComponent, TabComponent, TableColumnSettingsComponent, TableColumnSettingsSideSheetComponent, TableComponent, TableCsvExportComponent, TableSearchColumnsComponent, TableSearchComponent, TabsComponent, TextFieldComponent, TextareaFieldComponent, TimeSeriesComponent, ToastActionComponent, ToastComponent, TooltipComponent, TooltipDirective, TrendComponent, TruncateComponent, ValidationMessageComponent, ViewMenuComponent, ViewsComponent, VisibilityDirective, ZeroStateComponent, toSentenceCase };
+export { ANIMATION_CONSTANTS, AllViewsModalComponent, AlphabeticFieldComponent, AutoFocusDirective, BadgeComponent, BannerActionComponent, BannerComponent, ButtonComponent, ButtonGroupComponent, CalloutComponent, CardActionsComponent, CardCheckboxComponent, CardComponent, CardContentComponent, CardHeaderComponent, CardLinkComponent, CardMediaComponent, Chart, ChartComponent, CheckboxComponent, CurrencyFieldComponent, DataTableCellComponent, DataTableComponent, DataTableHeaderCellComponent, DataTableRowComponent, DateComponent, DatePipe, DateRangeComponent, DaysPipe, DialogComponent, DollarsPipe, DonutComponent, DownloadService, EditViewComponent, EditableHeadingComponent, FilterChipComponent, FunnelChartComponent, HelpComponent, HighlightComponent, IconComponent, InputLabelComponent, IssueComponent, LegendItemComponent, LinkComponent, LoadingComponent, LoadingCoverComponent, LockedTooltipDirective, MapIndicatorComponent, MentionsInputComponent, MenuComponent, MenuItemComponent, MetricComponent, MiniPieComponent, ModalComponent, NotificationBadgeComponent, NumberFieldComponent, NumberPipe, OptionGroupPipe, OverlayDirective, OverlayOutletComponent, PageHeaderComponent, PercentageFieldComponent, PercentagePipe, PermissionPickerComponent, PhoneFieldComponent, ProgressComponent, RadioComponent, RivModule, RivSelect, RivTable, RivViews, SVGTextTruncateDirective, SearchComponent, SearchSelectComponent, SelectComponent, SelectNodeComponent, SentenceCasePipe, SideSheetComponent, SimpleSelectComponent, SimpleTabComponent, SimpleTableCellComponent, SimpleTableComponent, SimpleTableHeaderCellComponent, SimpleTableRowComponent, SimpleTabsComponent, SizeDirective, SmallCurrencyPipe, SmallNumberPipe, SrOnlyComponent, StackedColumnComponent, StackedRowComponent, SwitchCheckboxComponent, TabComponent, TableColumnSettingsComponent, TableColumnSettingsSideSheetComponent, TableComponent, TableCsvExportComponent, TableSearchColumnsComponent, TableSearchComponent, TabsComponent, TextFieldComponent, TextareaFieldComponent, TimeSeriesComponent, ToastActionComponent, ToastComponent, TooltipComponent, TooltipDirective, TrendComponent, TruncateComponent, ValidationMessageComponent, ViewMenuComponent, ViewsComponent, VisibilityDirective, ZeroStateComponent, toSentenceCase };
 //# sourceMappingURL=rivet-health-design-system.mjs.map