@kosdev-code/base-ui-components 0.1.0-dev.5385 → 0.1.0-dev.5596

package/providers/data-providers/types.d.ts

@@ -0,0 +1,124 @@
+import { ListItem } from '../../components/molecules/list/common/types';
+import { AsyncListDataProvider } from '../../components/molecules/list/async-list/types';
+
+/**
+ * Expression function that extracts an observable array from a model.
+ * The function will be tracked by MobX and automatically re-run when observables change.
+ *
+ * @typeParam M - The model type containing observable data
+ * @typeParam I - The raw item type from the model's observable array
+ *
+ * @category Data Providers
+ *
+ * @example
+ * ```typescript
+ * const itemsExpression: ObservableExpression<ProjectsModel, Project> =
+ *   (model) => model.projects;
+ * ```
+ */
+export type ObservableExpression<M, I extends Record<string, any>> = (model: M) => I[];
+/**
+ * Transformer function that converts raw items to ListItem format.
+ * This function should be pure and not access observables directly.
+ *
+ * @typeParam I - The raw item type
+ * @typeParam T - The transformed ListItem type
+ *
+ * @category Data Providers
+ *
+ * @example
+ * ```typescript
+ * const transformer: ItemTransformer<Project, ProjectListItem> =
+ *   (project) => ({
+ *     id: project.id,
+ *     name: project.name,
+ *     subText: project.description,
+ *   });
+ * ```
+ */
+export type ItemTransformer<I extends Record<string, any>, T extends ListItem> = (item: I) => T;
+/**
+ * Configuration object for creating an observable list data provider.
+ *
+ * @typeParam M - The model type containing observable data
+ * @typeParam I - The raw item type from the model
+ * @typeParam T - The transformed ListItem type
+ *
+ * @category Data Providers
+ */
+export interface ObservableListProviderConfig<M, I extends Record<string, any>, T extends ListItem> {
+    /**
+     * The model instance containing observable data.
+     * This model should be a MobX observable object.
+     */
+    model: M;
+    /**
+     * Expression that extracts the observable array from the model.
+     * This function will be tracked by MobX and automatically re-run when observables change.
+     *
+     * @example
+     * ```typescript
+     * itemsExpression: (model) => model.projects
+     * ```
+     */
+    itemsExpression: ObservableExpression<M, I>;
+    /**
+     * Transformer function that converts raw items to ListItem format.
+     * This function should be pure and not access observables.
+     *
+     * @example
+     * ```typescript
+     * transformer: (project) => ({
+     *   id: project.id,
+     *   name: project.name,
+     *   subText: project.description,
+     * })
+     * ```
+     */
+    transformer: ItemTransformer<I, T>;
+    /**
+     * Optional flag to automatically dispose the provider when all consumers unmount.
+     * Default: true
+     */
+    autoDispose?: boolean;
+}
+/**
+ * Observable list data provider that integrates MobX models with AsyncList component.
+ * Extends the AsyncListDataProvider interface with observable tracking capabilities.
+ *
+ * @typeParam M - The model type containing observable data
+ * @typeParam I - The raw item type from the model
+ * @typeParam T - The transformed ListItem type
+ *
+ * @category Data Providers
+ *
+ * @see {@link AsyncListDataProvider} for the base interface
+ * @see {@link createObservableListProvider} for factory function
+ */
+export interface ObservableListDataProvider<M, I extends Record<string, any>, T extends ListItem> extends AsyncListDataProvider<I, T> {
+    /**
+     * The model instance containing observable data
+     */
+    readonly model: M;
+    /**
+     * Expression that extracts the observable array from the model
+     */
+    readonly itemsExpression: ObservableExpression<M, I>;
+    /**
+     * Transformer function that converts raw items to ListItem format
+     */
+    readonly transformer: ItemTransformer<I, T>;
+    /**
+     * Auto-dispose flag
+     */
+    readonly autoDispose: boolean;
+    /**
+     * Whether the provider has been initialized
+     */
+    readonly isInitialized: boolean;
+    /**
+     * Whether the provider has been disposed
+     */
+    readonly isDisposed: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

package/providers/data-providers/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/libraries/base-ui-components/src/providers/data-providers/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,kDAAkD,CAAC;AAC9F,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,8CAA8C,CAAC;AAE7E;;;;;;;;;;;;;;GAcG;AACH,MAAM,MAAM,oBAAoB,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI,CACnE,KAAK,EAAE,CAAC,KACL,CAAC,EAAE,CAAC;AAET;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,MAAM,eAAe,CACzB,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC7B,CAAC,SAAS,QAAQ,IAChB,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC;AAEnB;;;;;;;;GAQG;AACH,MAAM,WAAW,4BAA4B,CAC3C,CAAC,EACD,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC7B,CAAC,SAAS,QAAQ;IAElB;;;OAGG;IACH,KAAK,EAAE,CAAC,CAAC;IAET;;;;;;;;OAQG;IACH,eAAe,EAAE,oBAAoB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAE5C;;;;;;;;;;;;OAYG;IACH,WAAW,EAAE,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAEnC;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,0BAA0B,CACzC,CAAC,EACD,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC7B,CAAC,SAAS,QAAQ,CAClB,SAAQ,qBAAqB,CAAC,CAAC,EAAE,CAAC,CAAC;IACnC;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC;IAElB;;OAEG;IACH,QAAQ,CAAC,eAAe,EAAE,oBAAoB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAErD;;OAEG;IACH,QAAQ,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAE5C;;OAEG;IACH,QAAQ,CAAC,WAAW,EAAE,OAAO,CAAC;IAE9B;;OAEG;IACH,QAAQ,CAAC,aAAa,EAAE,OAAO,CAAC;IAEhC;;OAEG;IACH,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC;CAC9B"}

package/providers/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * (C) Copyright 2025, TCCC, All rights reserved.
+ */
+/**
+ * Data Providers
+ *
+ * This module exports data provider utilities for reactive component integration.
+ *
+ * @module providers
+ * @category Providers
+ */
+export * from './data-providers';
+//# sourceMappingURL=index.d.ts.map

package/providers/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/libraries/base-ui-components/src/providers/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;;;;;;GAOG;AAEH,cAAc,kBAAkB,CAAC"}

package/styles/tokens/component-tokens/button-group/index.d.ts

@@ -0,0 +1,18 @@
+export declare const BUTTON_GROUP_TOKENS: {
+    "button-group": {
+        gap: string;
+        "background-color": string;
+        "border-radius": string;
+        "border-width": string;
+        "border-color": string;
+        padding: string;
+        "item-padding": string;
+        "item-border-radius": string;
+        "item-background-color": string;
+        "item-background-color-hover": string;
+        "item-background-color-active": string;
+        "item-color": string;
+        "item-color-active": string;
+    };
+};
+//# sourceMappingURL=index.d.ts.map

package/styles/tokens/component-tokens/button-group/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/libraries/base-ui-components/src/styles/tokens/component-tokens/button-group/index.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;CAiB/B,CAAC"}

package/styles/tokens/component-tokens/icon/index.d.ts

@@ -15,6 +15,7 @@ export declare const ICON_TOKENS: {
         "size-xlrg": string;
         "size-xsm": string;
         "size-xxlrg": string;
+        "size-xxxlrg": string;
         "size-xxsm": string;
     };
 };

package/styles/tokens/component-tokens/icon/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/libraries/base-ui-components/src/styles/tokens/component-tokens/icon/index.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;CAmBvB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/libraries/base-ui-components/src/styles/tokens/component-tokens/icon/index.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;CAoBvB,CAAC"}

package/styles/tokens/component-tokens/index.d.ts

@@ -1,6 +1,70 @@
 import { TagColor } from './tag';
 
 export declare const COMPONENT_TOKENS: {
+    readonly "view-container": {
+        readonly "vertical-gap": "0";
+        readonly "horizontal-gap": string;
+        readonly padding: "0";
+        readonly "background-color": "transparent";
+    };
+    readonly view: {
+        readonly "background-color": string;
+        readonly "border-color": string;
+        readonly "border-width": "1px";
+        readonly "border-radius": string;
+        readonly "content-padding": "0";
+    };
+    readonly "view-header": {
+        readonly "background-color": string;
+        readonly "border-color": string;
+        readonly "border-bottom-width": "1px";
+        readonly padding: `${string} ${string}`;
+        readonly gap: string;
+        readonly "left-gap": string;
+        readonly "text-gap": string;
+        readonly "actions-gap": string;
+        readonly "subtitle-font-size": string;
+    };
+    readonly "studio-list-item": {
+        readonly "column-gap": string;
+        readonly "row-gap": string;
+        readonly "color-selected": string;
+        readonly "background-color-selected": string;
+        readonly "padding-y": string;
+        readonly "padding-right": string;
+        readonly "padding-left": string;
+        readonly "subtext-padding-with-icon": string;
+    };
+    readonly notification: {
+        "bg-success": string;
+        "bg-error": string;
+        "bg-warning": string;
+        "bg-info": string;
+        "border-success": string;
+        "border-error": string;
+        "border-warning": string;
+        "border-info": string;
+        "icon-success": string;
+        "icon-error": string;
+        "icon-warning": string;
+        "icon-info": string;
+        "border-outer": string;
+        "border-outer-dark": string;
+        "color-title": string;
+        "color-message": string;
+        "color-close": string;
+        "color-action": string;
+        "bg-action-hover": string;
+        "bg-close-hover": string;
+        "bg-success-dark": string;
+        "bg-error-dark": string;
+        "bg-warning-dark": string;
+        "bg-info-dark": string;
+        "bg-action-hover-dark": string;
+        "bg-close-hover-dark": string;
+        "color-title-dark": string;
+        "color-message-dark": string;
+    };
     readonly "named-collapsible-branch": {
         readonly "column-gap": string;
         readonly "row-gap": string;
@@ -198,6 +262,21 @@ export declare const COMPONENT_TOKENS: {
         readonly "background-color-viewing": string;
         readonly gap: string;
     };
+    readonly "button-group": {
+        gap: string;
+        "background-color": string;
+        "border-radius": string;
+        "border-width": string;
+        "border-color": string;
+        padding: string;
+        "item-padding": string;
+        "item-border-radius": string;
+        "item-background-color": string;
+        "item-background-color-hover": string;
+        "item-background-color-active": string;
+        "item-color": string;
+        "item-color-active": string;
+    };
     readonly badge: {
         "color-blue": string;
         "color-blue-border": string;
@@ -514,6 +593,7 @@ export declare const COMPONENT_TOKENS: {
         "size-xlrg": string;
         "size-xsm": string;
         "size-xxlrg": string;
+        "size-xxxlrg": string;
         "size-xxsm": string;
     };
     readonly "icon-button": {

package/styles/tokens/component-tokens/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../packages/libraries/base-ui-components/src/styles/tokens/component-tokens/index.ts"],"names":[],"mappings":"AAsBA,OAAO,EAAc,QAAQ,EAAE,MAAM,OAAO,CAAC;AAqB7C,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2CnB,CAAC;AAEX,YAAY,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../packages/libraries/base-ui-components/src/styles/tokens/component-tokens/index.ts"],"names":[],"mappings":"AAsBA,OAAO,EAAc,QAAQ,EAAE,MAAM,OAAO,CAAC;AA0B7C,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgDnB,CAAC;AAEX,YAAY,EAAE,QAAQ,EAAE,CAAC"}

package/styles/tokens/component-tokens/notification/index.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Notification component tokens for toast notifications.
+ * Follows the same pattern as badge tokens with background, border, and icon colors.
+ */
+export declare const NOTIFICATION_TOKENS: {
+    notification: {
+        "bg-success": string;
+        "bg-error": string;
+        "bg-warning": string;
+        "bg-info": string;
+        "border-success": string;
+        "border-error": string;
+        "border-warning": string;
+        "border-info": string;
+        "icon-success": string;
+        "icon-error": string;
+        "icon-warning": string;
+        "icon-info": string;
+        "border-outer": string;
+        "border-outer-dark": string;
+        "color-title": string;
+        "color-message": string;
+        "color-close": string;
+        "color-action": string;
+        "bg-action-hover": string;
+        "bg-close-hover": string;
+        "bg-success-dark": string;
+        "bg-error-dark": string;
+        "bg-warning-dark": string;
+        "bg-info-dark": string;
+        "bg-action-hover-dark": string;
+        "bg-close-hover-dark": string;
+        "color-title-dark": string;
+        "color-message-dark": string;
+    };
+};
+//# sourceMappingURL=index.d.ts.map

package/styles/tokens/component-tokens/notification/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/libraries/base-ui-components/src/styles/tokens/component-tokens/notification/index.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgD/B,CAAC"}

package/styles/tokens/component-tokens/studio-list-item/index.d.ts

@@ -0,0 +1,13 @@
+export declare const STUDIO_LIST_ITEM: {
+    readonly "studio-list-item": {
+        readonly "column-gap": string;
+        readonly "row-gap": string;
+        readonly "color-selected": string;
+        readonly "background-color-selected": string;
+        readonly "padding-y": string;
+        readonly "padding-right": string;
+        readonly "padding-left": string;
+        readonly "subtext-padding-with-icon": string;
+    };
+};
+//# sourceMappingURL=index.d.ts.map

package/styles/tokens/component-tokens/studio-list-item/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/libraries/base-ui-components/src/styles/tokens/component-tokens/studio-list-item/index.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB;;;;;;;;;;;CAWnB,CAAC"}

package/styles/tokens/component-tokens/view/index.d.ts

@@ -0,0 +1,24 @@
+/**
+ * (C) Copyright 2025, TCCC, All rights reserved.
+ */
+export declare const VIEW_TOKENS: {
+    readonly view: {
+        readonly "background-color": string;
+        readonly "border-color": string;
+        readonly "border-width": "1px";
+        readonly "border-radius": string;
+        readonly "content-padding": "0";
+    };
+    readonly "view-header": {
+        readonly "background-color": string;
+        readonly "border-color": string;
+        readonly "border-bottom-width": "1px";
+        readonly padding: `${string} ${string}`;
+        readonly gap: string;
+        readonly "left-gap": string;
+        readonly "text-gap": string;
+        readonly "actions-gap": string;
+        readonly "subtitle-font-size": string;
+    };
+};
+//# sourceMappingURL=index.d.ts.map

package/styles/tokens/component-tokens/view/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/libraries/base-ui-components/src/styles/tokens/component-tokens/view/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;CAqBd,CAAC"}

package/styles/tokens/component-tokens/view-container/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * (C) Copyright 2025, TCCC, All rights reserved.
+ */
+export declare const VIEW_CONTAINER_TOKENS: {
+    readonly "view-container": {
+        readonly "vertical-gap": "0";
+        readonly "horizontal-gap": string;
+        readonly padding: "0";
+        readonly "background-color": "transparent";
+    };
+};
+//# sourceMappingURL=index.d.ts.map

package/styles/tokens/component-tokens/view-container/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/libraries/base-ui-components/src/styles/tokens/component-tokens/view-container/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH,eAAO,MAAM,qBAAqB;;;;;;;CAOxB,CAAC"}

package/styles/tokens/index.d.ts

@@ -6,7 +6,71 @@ export { getGlobalToken, getSemanticToken };
 export { createLocalTokenSystem, createLocalComponentHelper, createLocalComponentTokenCss, transformLocalTokenObject, } from './common/local-token-helpers';
 export type { ExtractLocalTokenString } from './common/local-token-helpers';
 export { TagColor };
-export declare const getComponentTokenHelpers: <T extends readonly ("link" | "named-collapsible-branch" | "multi-select" | "shell-icon-button" | "file-picker" | "resizable-panels" | "table" | "artifact-store-settings" | "branded-header" | "ingredient-card" | "error-list-item" | "named-list-item" | "shell-menu" | "select-view-list" | "badge" | "radio-button" | "combobox" | "version-list-container" | "version-list-header" | "toggle-container" | "toggle-track" | "toggle-thumb" | "textarea" | "tag" | "tab" | "text" | "label" | "label-with-action" | "label-with-content-link" | "button" | "select" | "option" | "segmented" | "named-section" | "named-section-header" | "modal" | "input" | "image-config-page-header" | "icon" | "icon-button" | "horizontal-rule" | "form" | "drawer" | "collapsible-list-container" | "collapsible-list-header-container" | "collapsible-list-toggled-container" | "collapsible-artifact" | "collapsible-artifact-version" | "checkbox" | "artifact-drawer" | "app-shell" | "actionable-blurb")[]>(namespaces: [...T]) => { [Key in keyof T]: (key: ExtractTokenString<{
+export declare const getComponentTokenHelpers: <T extends readonly ("link" | "view-container" | "view" | "view-header" | "studio-list-item" | "notification" | "named-collapsible-branch" | "multi-select" | "shell-icon-button" | "file-picker" | "resizable-panels" | "table" | "artifact-store-settings" | "branded-header" | "ingredient-card" | "error-list-item" | "named-list-item" | "shell-menu" | "select-view-list" | "button-group" | "badge" | "radio-button" | "combobox" | "version-list-container" | "version-list-header" | "toggle-container" | "toggle-track" | "toggle-thumb" | "textarea" | "tag" | "tab" | "text" | "label" | "label-with-action" | "label-with-content-link" | "button" | "select" | "option" | "segmented" | "named-section" | "named-section-header" | "modal" | "input" | "image-config-page-header" | "icon" | "icon-button" | "horizontal-rule" | "form" | "drawer" | "collapsible-list-container" | "collapsible-list-header-container" | "collapsible-list-toggled-container" | "collapsible-artifact" | "collapsible-artifact-version" | "checkbox" | "artifact-drawer" | "app-shell" | "actionable-blurb")[]>(namespaces: [...T]) => { [Key in keyof T]: (key: ExtractTokenString<{
+    readonly "view-container": {
+        readonly "vertical-gap": "0";
+        readonly "horizontal-gap": string;
+        readonly padding: "0";
+        readonly "background-color": "transparent";
+    };
+    readonly view: {
+        readonly "background-color": string;
+        readonly "border-color": string;
+        readonly "border-width": "1px";
+        readonly "border-radius": string;
+        readonly "content-padding": "0";
+    };
+    readonly "view-header": {
+        readonly "background-color": string;
+        readonly "border-color": string;
+        readonly "border-bottom-width": "1px";
+        readonly padding: `${string} ${string}`;
+        readonly gap: string;
+        readonly "left-gap": string;
+        readonly "text-gap": string;
+        readonly "actions-gap": string;
+        readonly "subtitle-font-size": string;
+    };
+    readonly "studio-list-item": {
+        readonly "column-gap": string;
+        readonly "row-gap": string;
+        readonly "color-selected": string;
+        readonly "background-color-selected": string;
+        readonly "padding-y": string;
+        readonly "padding-right": string;
+        readonly "padding-left": string;
+        readonly "subtext-padding-with-icon": string;
+    };
+    readonly notification: {
+        "bg-success": string;
+        "bg-error": string;
+        "bg-warning": string;
+        "bg-info": string;
+        "border-success": string;
+        "border-error": string;
+        "border-warning": string;
+        "border-info": string;
+        "icon-success": string;
+        "icon-error": string;
+        "icon-warning": string;
+        "icon-info": string;
+        "border-outer": string;
+        "border-outer-dark": string;
+        "color-title": string;
+        "color-message": string;
+        "color-close": string;
+        "color-action": string;
+        "bg-action-hover": string;
+        "bg-close-hover": string;
+        "bg-success-dark": string;
+        "bg-error-dark": string;
+        "bg-warning-dark": string;
+        "bg-info-dark": string;
+        "bg-action-hover-dark": string;
+        "bg-close-hover-dark": string;
+        "color-title-dark": string;
+        "color-message-dark": string;
+    };
     readonly "named-collapsible-branch": {
         readonly "column-gap": string;
         readonly "row-gap": string;
@@ -204,6 +268,21 @@ export declare const getComponentTokenHelpers: <T extends readonly ("link" | "na
         readonly "background-color-viewing": string;
         readonly gap: string;
     };
+    readonly "button-group": {
+        gap: string;
+        "background-color": string;
+        "border-radius": string;
+        "border-width": string;
+        "border-color": string;
+        padding: string;
+        "item-padding": string;
+        "item-border-radius": string;
+        "item-background-color": string;
+        "item-background-color-hover": string;
+        "item-background-color-active": string;
+        "item-color": string;
+        "item-color-active": string;
+    };
     readonly badge: {
         "color-blue": string;
         "color-blue-border": string;
@@ -520,6 +599,7 @@ export declare const getComponentTokenHelpers: <T extends readonly ("link" | "na
         "size-xlrg": string;
         "size-xsm": string;
         "size-xxlrg": string;
+        "size-xxxlrg": string;
         "size-xxsm": string;
     };
     readonly "icon-button": {

package/styles/tokens/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/libraries/base-ui-components/src/styles/tokens/index.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,cAAc,EACd,gBAAgB,EAEjB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAItD,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,CAAC;AAG5C,OAAO,EACL,sBAAsB,EACtB,0BAA0B,EAC1B,4BAA4B,EAC5B,yBAAyB,GAC1B,MAAM,8BAA8B,CAAC;AACtC,YAAY,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AAE5E,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,eAAO,MAAM,wBAAwB,09BAGvB,CAAC,GAAG,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBAIR,OAAO,KACZ,MAAM,GAMV,CAAC;AAeJ,eAAO,MAAM,sBAAsB,2CAIlC,CAAC;AAEF,eAAO,MAAM,oBAAoB,2CAQhC,CAAC;AAEF,eAAO,MAAM,uBAAuB,2CAMnC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/libraries/base-ui-components/src/styles/tokens/index.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,cAAc,EACd,gBAAgB,EAEjB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAItD,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,CAAC;AAG5C,OAAO,EACL,sBAAsB,EACtB,0BAA0B,EAC1B,4BAA4B,EAC5B,yBAAyB,GAC1B,MAAM,8BAA8B,CAAC;AACtC,YAAY,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AAE5E,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,eAAO,MAAM,wBAAwB,6jCAGvB,CAAC,GAAG,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBAIR,OAAO,KACZ,MAAM,GAMV,CAAC;AAeJ,eAAO,MAAM,sBAAsB,2CAIlC,CAAC;AAEF,eAAO,MAAM,oBAAoB,2CAQhC,CAAC;AAEF,eAAO,MAAM,uBAAuB,2CAMnC,CAAC"}