@3dsource/source-ui-native 2.0.4 → 3.0.0

package/index.d.ts

@@ -1,20 +1,18 @@
 import * as _angular_core from '@angular/core';
-import { ElementRef, ViewContainerRef, InjectionToken, WritableSignal } from '@angular/core';
+import { InjectionToken, WritableSignal, ElementRef, ViewContainerRef } from '@angular/core';
 import * as _3dsource_source_ui_native from '@3dsource/source-ui-native';
 import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
 import { HttpClient } from '@angular/common/http';
 
-declare const SourceBadgeType: {
-    readonly NEUTRAL: "neutral";
-    readonly INFORMATIONAL: "informational";
+declare const SourceBadgeContext: {
+    readonly DEFAULT: "default";
     readonly INFO: "info";
     readonly SUCCESS: "success";
     readonly WARNING: "warning";
     readonly ATTENTION: "attention";
-    readonly CRITICAL: "critical";
     readonly ERROR: "error";
 };
-type SourceBadgeTypeKeys = (typeof SourceBadgeType)[keyof typeof SourceBadgeType];
+type SourceBadgeContextKeys = (typeof SourceBadgeContext)[keyof typeof SourceBadgeContext];
 
 declare const SourceBadgeSize: {
     readonly SM: "sm";
@@ -26,14 +24,14 @@ type SourceBadgeSizeKeys = (typeof SourceBadgeSize)[keyof typeof SourceBadgeSize
 
 declare class SourceBadgeComponent {
     backgroundColor: _angular_core.InputSignal<string>;
-    type: _angular_core.InputSignal<SourceBadgeTypeKeys | undefined>;
+    context: _angular_core.InputSignal<SourceBadgeContextKeys | undefined>;
     size: _angular_core.InputSignal<SourceBadgeSizeKeys>;
     textColor: _angular_core.InputSignal<string>;
     customClass: _angular_core.InputSignal<string | string[] | undefined>;
     testID: _angular_core.InputSignal<string>;
     classes: _angular_core.Signal<(string | string[])[]>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SourceBadgeComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SourceBadgeComponent, "src-badge", never, { "backgroundColor": { "alias": "backgroundColor"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "textColor": { "alias": "textColor"; "required": false; "isSignal": true; }; "customClass": { "alias": "customClass"; "required": false; "isSignal": true; }; "testID": { "alias": "data-testid"; "required": false; "isSignal": true; }; }, {}, never, ["[srcIconPrefix]", "*", "[srcIconPostfix]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SourceBadgeComponent, "src-badge", never, { "backgroundColor": { "alias": "backgroundColor"; "required": false; "isSignal": true; }; "context": { "alias": "context"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "textColor": { "alias": "textColor"; "required": false; "isSignal": true; }; "customClass": { "alias": "customClass"; "required": false; "isSignal": true; }; "testID": { "alias": "data-testid"; "required": false; "isSignal": true; }; }, {}, never, ["[srcIconPrefix]", "*", "[srcIconPostfix]"], true, never>;
 }
 
 declare const SourceBannerSize: {
@@ -41,7 +39,7 @@ declare const SourceBannerSize: {
 };
 type SourceBannerSizeKeys = (typeof SourceBannerSize)[keyof typeof SourceBannerSize];
 
-declare const SourceBannerType: {
+declare const SourceBannerContext: {
     readonly DEFAULT: "default";
     readonly INFO: "info";
     readonly SUCCESS: "success";
@@ -49,25 +47,24 @@ declare const SourceBannerType: {
     readonly CRITICAL: "critical";
     readonly ERROR: "error";
 };
-type SourceBannerTypeKeys = (typeof SourceBannerType)[keyof typeof SourceBannerType];
+type SourceBannerContextKeys = (typeof SourceBannerContext)[keyof typeof SourceBannerContext];
 
 declare class SourceBannerComponent {
-    type: _angular_core.InputSignal<SourceBannerTypeKeys>;
+    context: _angular_core.InputSignal<SourceBannerContextKeys>;
     size: _angular_core.InputSignal<"sm">;
     isFullWidth: _angular_core.InputSignal<boolean>;
-    isCompact: _angular_core.InputSignal<boolean>;
     testID: _angular_core.InputSignal<string>;
     classes: _angular_core.Signal<string[]>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SourceBannerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SourceBannerComponent, "src-banner", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "isFullWidth": { "alias": "isFullWidth"; "required": false; "isSignal": true; }; "isCompact": { "alias": "isCompact"; "required": false; "isSignal": true; }; "testID": { "alias": "data-testid"; "required": false; "isSignal": true; }; }, {}, never, ["[srcIconPrefix]", "[srcBannerTitle]", "*", "[srcIconPostfix]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SourceBannerComponent, "src-banner", never, { "context": { "alias": "context"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "isFullWidth": { "alias": "isFullWidth"; "required": false; "isSignal": true; }; "testID": { "alias": "data-testid"; "required": false; "isSignal": true; }; }, {}, never, ["[srcIconPrefix]", "[srcBannerTitle]", "*", "[srcIconPostfix]"], true, never>;
 }
 
-declare const SourceButtonColorScheme: {
+declare const SourceButtonWeight: {
     readonly PRIMARY: "primary";
     readonly SECONDARY: "secondary";
     readonly GHOST: "ghost";
 };
-type SourceButtonColorSchemeKeys = (typeof SourceButtonColorScheme)[keyof typeof SourceButtonColorScheme];
+type SourceButtonWeightKeys = (typeof SourceButtonWeight)[keyof typeof SourceButtonWeight];
 
 declare const SourceButtonSize: {
     readonly SLIM: "slim";
@@ -96,30 +93,28 @@ declare const SourceButtonAppearance: {
 };
 type SourceButtonAppearanceKeys = (typeof SourceButtonAppearance)[keyof typeof SourceButtonAppearance];
 
-declare const SourceButtonState: {
+declare const SourceButtonContext: {
     readonly DEFAULT: "default";
-    readonly LOADING: "loading";
-    readonly DESTRUCTIVE: "destructive";
     readonly ERROR: "error";
     readonly SUCCESS: "success";
     readonly INFO: "info";
-    readonly INVERTED: "inverted";
 };
-type SourceButtonStateKeys = (typeof SourceButtonState)[keyof typeof SourceButtonState];
+type SourceButtonContextKeys = (typeof SourceButtonContext)[keyof typeof SourceButtonContext];
 
 declare const sourceButtonDefaultConfig: SourceButton;
 
 interface SourceButton {
     type: SourceButtonTypeKeys;
     appearance: SourceButtonAppearanceKeys;
-    colorScheme: SourceButtonColorSchemeKeys;
+    weight: SourceButtonWeightKeys;
     size: SourceButtonSizeKeys;
-    state: SourceButtonStateKeys;
+    context: SourceButtonContextKeys;
     customClass: string | string[];
     hasDisclosure: boolean;
     isFullWidth: boolean;
     iconButton: boolean;
     isPressed: boolean;
+    isInverted: boolean;
     isDisabled: boolean;
     isLoading: boolean;
     formID?: string;
@@ -129,15 +124,15 @@ interface SourceButton {
 declare class SourceButtonComponent {
     type: _angular_core.InputSignal<SourceButtonTypeKeys>;
     appearance: _angular_core.InputSignal<SourceButtonAppearanceKeys>;
-    colorScheme: _angular_core.InputSignal<SourceButtonColorSchemeKeys>;
+    weight: _angular_core.InputSignal<SourceButtonWeightKeys>;
     size: _angular_core.InputSignal<SourceButtonSizeKeys>;
-    state: _angular_core.InputSignal<SourceButtonStateKeys>;
+    context: _angular_core.InputSignal<SourceButtonContextKeys>;
     customClass: _angular_core.InputSignal<string | string[]>;
-    hasDisclosure: _angular_core.InputSignal<boolean>;
     isFullWidth: _angular_core.InputSignal<boolean>;
     isPressed: _angular_core.InputSignal<boolean>;
     isDisabled: _angular_core.InputSignal<boolean>;
     isLoading: _angular_core.InputSignal<boolean>;
+    isInverted: _angular_core.InputSignal<boolean>;
     iconButton: _angular_core.InputSignal<boolean>;
     srcButtonConfig: _angular_core.InputSignal<SourceButton | undefined>;
     formID: _angular_core.InputSignal<string | undefined>;
@@ -149,7 +144,7 @@ declare class SourceButtonComponent {
     handleSubmit(event: Event): void;
     getConfig(config: Partial<SourceButton>): SourceButton;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SourceButtonComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SourceButtonComponent, "src-button", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "colorScheme": { "alias": "colorScheme"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "customClass": { "alias": "customClass"; "required": false; "isSignal": true; }; "hasDisclosure": { "alias": "hasDisclosure"; "required": false; "isSignal": true; }; "isFullWidth": { "alias": "isFullWidth"; "required": false; "isSignal": true; }; "isPressed": { "alias": "isPressed"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "iconButton": { "alias": "iconButton"; "required": false; "isSignal": true; }; "srcButtonConfig": { "alias": "srcButtonConfig"; "required": false; "isSignal": true; }; "formID": { "alias": "formID"; "required": false; "isSignal": true; }; "testID": { "alias": "data-testid"; "required": false; "isSignal": true; }; }, { "onClick": "onClick"; "onSubmit": "onSubmit"; }, never, ["[srcIconPrefix]", "*", "[srcIconPostfix]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SourceButtonComponent, "src-button", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "weight": { "alias": "weight"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "context": { "alias": "context"; "required": false; "isSignal": true; }; "customClass": { "alias": "customClass"; "required": false; "isSignal": true; }; "isFullWidth": { "alias": "isFullWidth"; "required": false; "isSignal": true; }; "isPressed": { "alias": "isPressed"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isInverted": { "alias": "isInverted"; "required": false; "isSignal": true; }; "iconButton": { "alias": "iconButton"; "required": false; "isSignal": true; }; "srcButtonConfig": { "alias": "srcButtonConfig"; "required": false; "isSignal": true; }; "formID": { "alias": "formID"; "required": false; "isSignal": true; }; "testID": { "alias": "data-testid"; "required": false; "isSignal": true; }; }, { "onClick": "onClick"; "onSubmit": "onSubmit"; }, never, ["[srcIconPrefix]", "*", "[srcIconPostfix]"], true, never>;
 }
 
 declare class SourceCopyrightComponent {
@@ -174,21 +169,20 @@ declare const SourceHintSize: {
 };
 type SourceHintSizeKeys = (typeof SourceHintSize)[keyof typeof SourceHintSize];
 
-declare const SourceHintState: {
+declare const SourceHintContext: {
     readonly DEFAULT: "default";
     readonly ERROR: "error";
     readonly SUCCESS: "success";
     readonly INFO: "info";
 };
-type SourceHintStateKeys = (typeof SourceHintState)[keyof typeof SourceHintState];
+type SourceHintContextKeys = (typeof SourceHintContext)[keyof typeof SourceHintContext];
 
 declare class SourceHintComponent {
     isError: _angular_core.InputSignal<boolean>;
-    state: _angular_core.InputSignal<SourceHintStateKeys>;
+    context: _angular_core.InputSignal<SourceHintContextKeys>;
     size: _angular_core.InputSignal<SourceHintSizeKeys>;
-    isCompact: _angular_core.InputSignal<boolean>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SourceHintComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SourceHintComponent, "src-hint", never, { "isError": { "alias": "isError"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "isCompact": { "alias": "isCompact"; "required": false; "isSignal": true; }; }, {}, never, ["[srcIconPrefix]", "*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SourceHintComponent, "src-hint", never, { "isError": { "alias": "isError"; "required": false; "isSignal": true; }; "context": { "alias": "context"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["[srcIconPrefix]", "*"], true, never>;
 }
 
 declare const SourceIconButtonAppearance: {
@@ -198,12 +192,12 @@ declare const SourceIconButtonAppearance: {
 };
 type SourceIconButtonAppearanceKeys = (typeof SourceIconButtonAppearance)[keyof typeof SourceIconButtonAppearance];
 
-declare const SourceIconButtonColorScheme: {
+declare const SourceIconButtonWeight: {
     readonly PRIMARY: "primary";
     readonly SECONDARY: "secondary";
     readonly GHOST: "ghost";
 };
-type SourceIconButtonColorSchemeKeys = (typeof SourceIconButtonColorScheme)[keyof typeof SourceIconButtonColorScheme];
+type SourceIconButtonWeightKeys = (typeof SourceIconButtonWeight)[keyof typeof SourceIconButtonWeight];
 
 declare const SourceIconButtonShape: {
     readonly SQUARE: "square";
@@ -224,14 +218,14 @@ declare const SourceIconButtonSize: {
 };
 type SourceIconButtonSizeKeys = (typeof SourceIconButtonSize)[keyof typeof SourceIconButtonSize];
 
-declare const SourceIconButtonState: {
+declare const SourceIconButtonContext: {
     readonly DEFAULT: "default";
     readonly ERROR: "error";
     readonly SUCCESS: "success";
     readonly INFO: "info";
     readonly WARNING: "warning";
 };
-type SourceIconButtonStateKeys = (typeof SourceIconButtonState)[keyof typeof SourceIconButtonState];
+type SourceIconButtonContextKeys = (typeof SourceIconButtonContext)[keyof typeof SourceIconButtonContext];
 
 declare const SourceIconButtonType: {
     readonly BUTTON: "button";
@@ -244,10 +238,10 @@ declare class SourceIconButtonComponent {
     name: _angular_core.InputSignal<unknown>;
     type: _angular_core.InputSignal<SourceIconButtonTypeKeys>;
     appearance: _angular_core.InputSignal<SourceIconButtonAppearanceKeys>;
-    colorScheme: _angular_core.InputSignal<SourceIconButtonColorSchemeKeys>;
+    weight: _angular_core.InputSignal<SourceIconButtonWeightKeys>;
     size: _angular_core.InputSignal<SourceIconButtonSizeKeys>;
     shape: _angular_core.InputSignal<SourceIconButtonShapeKeys>;
-    state: _angular_core.InputSignal<SourceIconButtonStateKeys>;
+    context: _angular_core.InputSignal<SourceIconButtonContextKeys>;
     counter: _angular_core.InputSignal<number | undefined>;
     isPressed: _angular_core.InputSignal<boolean>;
     isDisabled: _angular_core.InputSignal<boolean>;
@@ -256,7 +250,7 @@ declare class SourceIconButtonComponent {
     classes: _angular_core.Signal<string[]>;
     handleClick(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SourceIconButtonComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SourceIconButtonComponent, "src-icon-button", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "colorScheme": { "alias": "colorScheme"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "counter": { "alias": "counter"; "required": false; "isSignal": true; }; "isPressed": { "alias": "isPressed"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "testID": { "alias": "data-testid"; "required": false; "isSignal": true; }; }, { "onClick": "onClick"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SourceIconButtonComponent, "src-icon-button", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "weight": { "alias": "weight"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "context": { "alias": "context"; "required": false; "isSignal": true; }; "counter": { "alias": "counter"; "required": false; "isSignal": true; }; "isPressed": { "alias": "isPressed"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "testID": { "alias": "data-testid"; "required": false; "isSignal": true; }; }, { "onClick": "onClick"; }, never, ["*"], true, never>;
 }
 
 declare const SourceLoadingLineCap: {
@@ -316,27 +310,26 @@ declare class SourceSliderComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SourceSliderComponent, "src-slider", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "min": { "alias": "min"; "required": true; "isSignal": true; }; "max": { "alias": "max"; "required": true; "isSignal": true; }; "thumbSize": { "alias": "thumbSize"; "required": false; "isSignal": true; }; "trackHeight": { "alias": "trackHeight"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "showTicks": { "alias": "showTicks"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "testID": { "alias": "data-testid"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; "onInput": "onInput"; }, never, ["[srcIconThumb]"], true, never>;
 }
 
-declare const SourceModalType: {
+declare const sourceModalIcon: {
+    name: string;
+    svg: string;
+}[];
+
+declare const SourceModalContext: {
     readonly DEFAULT: "default";
     readonly INFO: "info";
     readonly SUCCESS: "success";
     readonly WARNING: "warning";
     readonly ERROR: "error";
 };
-type SourceModalTypeKeys = (typeof SourceModalType)[keyof typeof SourceModalType];
+type SourceModalContextKeys = (typeof SourceModalContext)[keyof typeof SourceModalContext];
 
-declare const SourceModalSize: {
-    SMALL: string;
-    DEFAULT: string;
-};
-type SourceModalSizeKeys = (typeof SourceModalSize)[keyof typeof SourceModalSize];
+declare const SOURCE_MODAL_ELEMENT_DATA: InjectionToken<WritableSignal<SourceModalElementData>>;
 
 interface SourceModalElementData {
     headerTitle?: string;
-    size?: SourceModalSizeKeys;
-    backButton?: boolean;
     closeButton?: boolean;
-    type?: SourceModalTypeKeys;
+    context?: SourceModalContextKeys;
     content?: string;
     componentData?: unknown;
     footerButtons?: DialogButtonsData | DialogButtonsData[];
@@ -354,7 +347,7 @@ declare class SourceModalElementComponent {
     data: _angular_core.WritableSignal<_3dsource_source_ui_native.SourceModalElementData>;
     http: HttpClient;
     sanitizer: DomSanitizer;
-    type: _angular_core.WritableSignal<SourceModalTypeKeys>;
+    context: _angular_core.WritableSignal<SourceModalContextKeys>;
     testID: _angular_core.WritableSignal<string>;
     dialogEl: _angular_core.Signal<ElementRef<HTMLDialogElement> | undefined>;
     closeEvent: _angular_core.OutputEmitterRef<any>;
@@ -378,13 +371,6 @@ declare class SourceOverlayContainerComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SourceOverlayContainerComponent, "src-overlay-container", never, {}, {}, never, never, true, never>;
 }
 
-declare const sourceModalIcon: {
-    name: string;
-    svg: string;
-}[];
-
-declare const SOURCE_MODAL_ELEMENT_DATA: InjectionToken<WritableSignal<SourceModalElementData>>;
-
 declare class SourceModalElementService {
     private viewRef?;
     register(viewRef: ViewContainerRef): void;
@@ -393,5 +379,5 @@ declare class SourceModalElementService {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<SourceModalElementService>;
 }
 
-export { SOURCE_MODAL_ELEMENT_DATA, SourceBadgeComponent, SourceBadgeSize, SourceBadgeType, SourceBannerComponent, SourceBannerSize, SourceBannerType, SourceButtonAppearance, SourceButtonColorScheme, SourceButtonComponent, SourceButtonSize, SourceButtonState, SourceButtonType, SourceCopyrightComponent, SourceDividerComponent, SourceHintComponent, SourceHintSize, SourceHintState, SourceIconButtonAppearance, SourceIconButtonColorScheme, SourceIconButtonComponent, SourceIconButtonShape, SourceIconButtonSize, SourceIconButtonState, SourceIconButtonType, SourceLoadingComponent, SourceLogoLoadingComponent, SourceModalElementComponent, SourceModalElementService, SourceModalSize, SourceModalType, SourceOverlayContainerComponent, SourceSliderComponent, sourceButtonDefaultConfig, sourceModalIcon };
-export type { DialogButtonData, DialogButtonsData, SourceBadgeSizeKeys, SourceBadgeTypeKeys, SourceBannerSizeKeys, SourceBannerTypeKeys, SourceButton, SourceButtonAppearanceKeys, SourceButtonColorSchemeKeys, SourceButtonSizeKeys, SourceButtonStateKeys, SourceButtonTypeKeys, SourceHintSizeKeys, SourceHintStateKeys, SourceIconButtonAppearanceKeys, SourceIconButtonColorSchemeKeys, SourceIconButtonShapeKeys, SourceIconButtonSizeKeys, SourceIconButtonStateKeys, SourceIconButtonTypeKeys, SourceModalElementData, SourceModalSizeKeys, SourceModalTypeKeys };
+export { SOURCE_MODAL_ELEMENT_DATA, SourceBadgeComponent, SourceBadgeContext, SourceBadgeSize, SourceBannerComponent, SourceBannerContext, SourceBannerSize, SourceButtonAppearance, SourceButtonComponent, SourceButtonContext, SourceButtonSize, SourceButtonType, SourceButtonWeight, SourceCopyrightComponent, SourceDividerComponent, SourceHintComponent, SourceHintContext, SourceHintSize, SourceIconButtonAppearance, SourceIconButtonComponent, SourceIconButtonContext, SourceIconButtonShape, SourceIconButtonSize, SourceIconButtonType, SourceIconButtonWeight, SourceLoadingComponent, SourceLogoLoadingComponent, SourceModalContext, SourceModalElementComponent, SourceModalElementService, SourceOverlayContainerComponent, SourceSliderComponent, sourceButtonDefaultConfig, sourceModalIcon };
+export type { DialogButtonData, DialogButtonsData, SourceBadgeContextKeys, SourceBadgeSizeKeys, SourceBannerContextKeys, SourceBannerSizeKeys, SourceButton, SourceButtonAppearanceKeys, SourceButtonContextKeys, SourceButtonSizeKeys, SourceButtonTypeKeys, SourceButtonWeightKeys, SourceHintContextKeys, SourceHintSizeKeys, SourceIconButtonAppearanceKeys, SourceIconButtonContextKeys, SourceIconButtonShapeKeys, SourceIconButtonSizeKeys, SourceIconButtonTypeKeys, SourceIconButtonWeightKeys, SourceModalContextKeys, SourceModalElementData };

package/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sources":["../../../projects/3dsource/source-ui-native/src/lib/components/source-badge/constants/sourceBadgeContext.ts","../../../projects/3dsource/source-ui-native/src/lib/components/source-badge/constants/sourceBadgeSize.ts","../../../projects/3dsource/source-ui-native/src/lib/components/source-badge/components/source-badge.component.ts","../../../projects/3dsource/source-ui-native/src/lib/components/source-banner/constants/sourceBannerSize.ts","../../../projects/3dsource/source-ui-native/src/lib/components/source-banner/constants/sourceBannerContext.ts","../../../projects/3dsource/source-ui-native/src/lib/components/source-banner/components/source-banner.component.ts","../../../projects/3dsource/source-ui-native/src/lib/components/source-button/constants/sourceButtonWeight.ts","../../../projects/3dsource/source-ui-native/src/lib/components/source-button/constants/sourceButtonSize.ts","../../../projects/3dsource/source-ui-native/src/lib/components/source-button/constants/sourceButtonType.ts","../../../projects/3dsource/source-ui-native/src/lib/components/source-button/constants/sourceButtonAppearance.ts","../../../projects/3dsource/source-ui-native/src/lib/components/source-button/constants/sourceButtonContext.ts","../../../projects/3dsource/source-ui-native/src/lib/components/source-button/constants/sourceButtonDefaultConfig.ts","../../../projects/3dsource/source-ui-native/src/lib/components/source-button/interfaces/sourceButton.interface.ts","../../../projects/3dsource/source-ui-native/src/lib/components/source-button/components/source-button.component.ts","../../../projects/3dsource/source-ui-native/src/lib/components/source-copyright/components/source-copyright.component.ts","../../../projects/3dsource/source-ui-native/src/lib/components/source-divider/components/source-divider.component.ts","../../../projects/3dsource/source-ui-native/src/lib/components/source-hint/constants/sourceHintSize.ts","../../../projects/3dsource/source-ui-native/src/lib/components/source-hint/constants/sourceHintContext.ts","../../../projects/3dsource/source-ui-native/src/lib/components/source-hint/components/source-hint.component.ts","../../../projects/3dsource/source-ui-native/src/lib/components/source-icon-button/constants/sourceIconButtonAppearance.ts","../../../projects/3dsource/source-ui-native/src/lib/components/source-icon-button/constants/sourceIconButtonWeight.ts","../../../projects/3dsource/source-ui-native/src/lib/components/source-icon-button/constants/sourceIconButtonShape.ts","../../../projects/3dsource/source-ui-native/src/lib/components/source-icon-button/constants/sourceIconButtonSize.ts","../../../projects/3dsource/source-ui-native/src/lib/components/source-icon-button/constants/sourceIconButtonContext.ts","../../../projects/3dsource/source-ui-native/src/lib/components/source-icon-button/constants/sourceIconButtonType.ts","../../../projects/3dsource/source-ui-native/src/lib/components/source-icon-button/components/source-icon-button.component.ts","../../../projects/3dsource/source-ui-native/src/lib/components/source-loading/constants/sourceLoadingLineCap.ts","../../../projects/3dsource/source-ui-native/src/lib/components/source-loading/components/source-loading.component.ts","../../../projects/3dsource/source-ui-native/src/lib/components/source-logo-loading/components/source-logo-loading.component.ts","../../../projects/3dsource/source-ui-native/src/lib/components/source-slider/components/source-slider.component.ts","../../../projects/3dsource/source-ui-native/src/lib/components/source-modal-element/constants/sourceModalIcon.ts","../../../projects/3dsource/source-ui-native/src/lib/components/source-modal-element/constants/sourceModalContext.ts","../../../projects/3dsource/source-ui-native/src/lib/components/source-modal-element/constants/modalData.token.ts","../../../projects/3dsource/source-ui-native/src/lib/components/source-modal-element/interfaces/sourceModalElementData.interface.ts","../../../projects/3dsource/source-ui-native/src/lib/components/source-modal-element/components/source-modal-element.component.ts","../../../projects/3dsource/source-ui-native/src/lib/components/source-modal-element/components/source-overlay-container.component.ts","../../../projects/3dsource/source-ui-native/src/lib/components/source-modal-element/services/sourceModalElement.service.ts"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null],"names":[],"mappings":";;;;;;AAAA;;;;;;;;AASM;;ACTN;;;;;;AAMM;;ACIN;AASE;AACA;AACA;AAEA;AACA;AACA;AACA;;;AAaD;;ACvCD;;;AAIM;;ACJN;;;;;;;;AASM;;ACIN;AAaE;AACA;AACA;AACA;AAEA;;;AASD;;ACxCD;;;;;AAMM;;ACNN;;;;;;;;;;AAUM;;ACVN;;;;;AAMM;;ACNN;;;;;;AAOM;;ACPN;;;;;;AAUM;;ACDN;;;;;;;;ACKE;;;;;;;;;;AAUD;;ACJD;AASE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;;;;;;AAmED;;AC3GD;AAQE;AACA;;;AACD;;ACVD;AAQE;AACA;;;AACD;;ACjBD;;;;;;AAMM;;ACNN;;;;;;AAOM;;ACEN;AASE;AACA;AACA;;;AACD;;ACrBD;;;;;AAMM;;ACNN;;;;;AAMM;;ACNN;;;;AAKM;;ACLN;;;;;;;;;;;AAYM;;ACZN;;;;;;;AAQM;;ACRN;;;;;AAMM;;ACaN;AASE;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;AAkBD;;AC3DD;;;;;AAMM;;ACIN;AASE;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AAKA;AACA;AACA;AACA;;;AAGD;;AC/BD;AASE;AACA;AACA;;;AACD;;ACVD;AAQE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAUA;AAKA;;;AAkBA;;;AAWD;;ACrED;;;;;ACRA;;;;;;;AAQM;;ACLN;;;;;;;;ACKE;;AAGA;AACD;;;;;AAMA;AAEK;;ACDN;AASE;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;;AAMA;;;;AA4BA;AAMA;;;AAMD;;ACvED;AAQE;;AAKA;;;AAGD;;ACtBD;;;;;;AAmCC;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@3dsource/source-ui-native",
-  "version": "2.0.4",
+  "version": "3.0.0",
   "description": "A bunch of native ui elements",
   "keywords": [
     "3dsource",

package/styles/elements/_src-button.scss

@@ -103,7 +103,7 @@
   }
 }
 
-.src-button--state-info {
+.src-button--context-info {
   @include buttonText(info);
   @include focusRing(info);
   @include setShadow();
@@ -124,8 +124,8 @@
     }
   }
 }
-.src-button--state-error,
-.src-button--state-destructive {
+.src-button--context-error,
+.src-button--context-destructive {
   @include focusRing(error);
   @include buttonText(error);
   @include setShadow();
@@ -149,7 +149,7 @@
     }
   }
 }
-.src-button--state-success {
+.src-button--context-success {
   @include focusRing(success);
   @include buttonText(success);
   @include setShadow();
@@ -176,7 +176,7 @@
     }
   }
 }
-// ColorScheme variants for filled appearance
+// weight variants for filled appearance
 .src-button--primary {
   @include buttonText(white);
   @include focusRing(info);
@@ -195,8 +195,8 @@
     }
   }
 
-  &.src-button--state-error,
-  &.src-button--state-destructive {
+  &.src-button--context-error,
+  &.src-button--context-destructive {
     @include buttonText(white);
     @include focusRing(error);
     --srcButtonBgColor: var(--src-ui-accent-error, #f24122);
@@ -216,7 +216,7 @@
     }
   }
 
-  &.src-button--state-success {
+  &.src-button--context-success {
     @include buttonText(white);
     @include focusRing(success);
     --srcButtonBgColor: var(--src-ui-accent-success, #22c55e);
@@ -279,7 +279,7 @@
     }
   }
 
-  &.src-button--state-info {
+  &.src-button--context-info {
     --srcButtonBgColor: var(--src-ui-secondary-info, rgba(1, 123, 255, 0.08));
     --srcButtonBorderColor: var(--src-border-button-info, #7dbbff);
     --srcButtonIconColor: var(--src-icon-info, #017bff);
@@ -297,8 +297,8 @@
       }
     }
   }
-  &.src-button--state-error,
-  &.src-button--state-destructive {
+  &.src-button--context-error,
+  &.src-button--context-destructive {
     --srcButtonBgColor: var(--src-ui-secondary-error, rgba(239, 68, 68, 0.08));
     --srcButtonBorderColor: var(--src-border-button-error, #f79482);
     --srcButtonIconColor: var(--src-icon-error, #f24122);
@@ -316,7 +316,7 @@
       }
     }
   }
-  &.src-button--state-success {
+  &.src-button--context-success {
     --srcButtonBgColor: var(
       --src-ui-secondary-success,
       rgba(22, 163, 74, 0.08)
@@ -423,7 +423,7 @@
     }
   }
 
-  &.src-button--state-inverted {
+  &.src-button--inverted {
     @include buttonText(inverted);
     --srcButtonBgColor: transparent;
     --srcButtonIconColor: var(
@@ -442,7 +442,7 @@
     }
   }
 
-  &.src-button--state-info {
+  &.src-button--context-info {
     @include buttonText(info);
     --srcButtonBgColor: transparent;
     --srcButtonIconColor: var(--src-icon-info, #017bff);
@@ -452,7 +452,7 @@
     }
   }
 
-  &.src-button--state-success {
+  &.src-button--context-success {
     @include buttonText(success);
     --srcButtonBgColor: transparent;
     --srcButtonIconColor: var(--src-icon-success, #16a34a);
@@ -461,8 +461,8 @@
       --srcButtonIconColor: var(--src-icon-success-hover, #15803d);
     }
   }
-  &.src-button--state-error,
-  &.src-button--state-destructive {
+  &.src-button--context-error,
+  &.src-button--context-destructive {
     @include buttonText(error);
     --srcButtonBgColor: transparent;
     --srcButtonIconColor: var(--src-icon-error, #f24122);

package/styles/elements/_src-form.scss

@@ -37,10 +37,6 @@
   width: 100%;
   display: flex;
   flex-direction: column;
-
-  // src-hint {
-  //   margin-top: var(--src-layout-gap-var-md, 8px);
-  // }
 }
 
 .src-form__button-row {

package/styles/elements/_src-icon-button.scss

@@ -79,7 +79,7 @@
   }
 }
 
-.src-icon-button--state-info {
+.src-icon-button--context-info {
   @include focusRing(info);
   @include setShadow();
   --srcButtonBorderColor: var(--src-border-button-info, #7dbbff);
@@ -100,31 +100,23 @@
   }
 }
 
-.src-icon-button--state-warning {
-  // @include focusRing(warning);
+.src-icon-button--context-warning {
   @include setShadow();
   // most warning colors do not exist in design tokens table
-  // --srcButtonBorderColor: var(--src-border-button-warning);
   --srcButtonIconColor: var(--src-icon-warning);
 
   &:focus-visible {
-    // --srcButtonBgColor: var(--src-ui-secondary-error, rgba(239, 68, 68, 0.08));
     --srcButtonIconColor: var(--src-icon-warning);
     --srcButtonBorderColor: var(--src-border-button-error, #f79482);
   }
 
   @media (pointer: fine) {
     &:hover {
-      // --srcButtonBorderColor: var(--src-border-button-error-hover, #f24122);
-      // --srcButtonBgColor: var(
-      //   --src-ui-secondary-error-hover,
-      //   rgba(239, 68, 68, 0.16)
-      // );
       --srcButtonIconColor: var(--src-icon-warning-hover);
     }
   }
 }
-.src-icon-button--state-error {
+.src-icon-button--context-error {
   @include focusRing(error);
   @include setShadow();
   --srcButtonBorderColor: var(--src-border-button-error, #f79482);
@@ -148,7 +140,7 @@
   }
 }
 
-.src-icon-button--state-success {
+.src-icon-button--context-success {
   @include setShadow();
   @include focusRing(success);
   --srcButtonBorderColor: var(--src-border-button-success, #4ade80);
@@ -174,7 +166,7 @@
     }
   }
 }
-// ColorScheme variants for filled appearance
+// weight variants for filled appearance
 .src-icon-button--primary {
   @include focusRing(info);
   --srcButtonBgColor: var(--src-ui-accent-default, #017bff);
@@ -192,7 +184,7 @@
     }
   }
 
-  &.src-icon-button--state-error {
+  &.src-icon-button--context-error {
     @include focusRing(error);
     --srcButtonBgColor: var(--src-ui-accent-error, #f24122);
     --srcButtonIconColor: var(--src-icon-main-invert, #fff);
@@ -209,7 +201,7 @@
       @include pressedButton();
     }
   }
-  &.src-icon-button--state-success {
+  &.src-icon-button--context-success {
     @include focusRing(success);
     --srcButtonBgColor: var(--src-ui-accent-success, #22c55e);
     --srcButtonIconColor: var(--src-icon-main-invert, #fff);
@@ -303,7 +295,7 @@
     }
   }
 
-  &.src-icon-button--state-info {
+  &.src-icon-button--context-info {
     --srcButtonBgColor: transparent;
     --srcButtonIconColor: var(--src-icon-info, #017bff);
 
@@ -313,7 +305,7 @@
     }
   }
 
-  &.src-icon-button--state-success {
+  &.src-icon-button--context-success {
     --srcButtonBgColor: transparent;
     --srcButtonIconColor: var(--src-icon-success, #16a34a);
 
@@ -322,8 +314,8 @@
       --srcButtonIconColor: var(--src-icon-success-hover, #15803d);
     }
   }
-  &.src-icon-button--state-error,
-  &.src-icon-button--state-destructive {
+  &.src-icon-button--context-error,
+  &.src-icon-button--context-destructive {
     --srcButtonBgColor: transparent;
     --srcButtonIconColor: var(--src-icon-error, #f24122);
 
@@ -332,7 +324,7 @@
       --srcButtonIconColor: var(--src-icon-error-hover, #c5280c);
     }
   }
-  &.src-icon-button--state-warning {
+  &.src-icon-button--context-warning {
     --srcButtonBgColor: transparent;
     --srcButtonIconColor: var(--src-icon-warning, #d97706);
 
@@ -381,7 +373,7 @@
     @include pressedButton(true);
   }
 
-  &.src-icon-button--state-info {
+  &.src-icon-button--context-info {
     @include cleanShadows();
     @include focusRing(info);
     --srcButtonBgColor: transparent;
@@ -407,7 +399,7 @@
       }
     }
   }
-  &.src-icon-button--state-error {
+  &.src-icon-button--context-error {
     @include cleanShadows();
     @include focusRing(error);
     --srcButtonBgColor: transparent;
@@ -434,7 +426,7 @@
     }
   }
 
-  &.src-icon-button--state-success {
+  &.src-icon-button--context-success {
     @include cleanShadows();
     @include focusRing(success);
     --srcButtonBgColor: transparent;

package/styles/elements/_src-input.scss

@@ -115,7 +115,7 @@
 }
 
 /* Error State */
-.src-input--state-error {
+.src-input--context-error {
   --srcInputFieldBorderColor: var(--src-border-input-error, #f24122);
   --srcInputFocusRing: 0px 0px 0px var(--src-shadow-focused, 4px)
     var(--src-shadow-error, rgba(239, 68, 68, 0.16));
@@ -150,7 +150,7 @@
 }
 
 /* Success State */
-.src-input--state-success {
+.src-input--context-success {
   --srcInputFieldBorderColor: var(--src-border-input-success, #22c55e);
   --srcInputFocusRing: 0px 0px 0px var(--src-shadow-focused, 4px)
     var(--src-shadow-success, rgba(22, 163, 74, 0.12));

package/styles/elements/_src-label.scss

@@ -17,11 +17,3 @@
   letter-spacing: var(--srcLabelLetterSpacing);
   text-transform: uppercase;
 }
-
-// .src-radio,
-// .src-checkbox {
-//   .src-label {
-//     --srcLabelMarginBottom: 0;
-//     --srcLabelFontWeight: 400;
-//   }
-// }

package/styles/elements/_src-list.scss

@@ -90,7 +90,8 @@
   }
 }
 
-.src-list__item--destructive {
+.src-list__item--destructive,
+.src-list__item--context-error {
   --srcListItemBgColor: transparent;
   --srcListItemBgHoverColor: var(--src-color-bg-critical-subdued);
   --srcListItemFontColor: var(--src-color-text-critical);