@genesislcap/foundation-ui 14.285.0 → 14.285.2-alpha-a57a535.0

package/dist/dts/base-components.d.ts

@@ -282,17 +282,15 @@ export declare const baseComponents: {
         styles: import("@microsoft/fast-element").ElementStyles;
         template: import("@microsoft/fast-element").ViewTemplate<import("./status-pill").StatusPill, any>;
     }, typeof import("./status-pill").StatusPill>;
-    foundationStepper: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
+    foundationEnvironmentIndicator: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
         baseName: string;
-        template: import("@microsoft/fast-element").ViewTemplate<import("./stepper").Stepper, any>;
+        template: import("@microsoft/fast-element").ViewTemplate<import("./environment-indicator").EnvironmentIndicator, any>;
         styles: import("@microsoft/fast-element").ElementStyles;
-        shadowOptions: ShadowRootInit;
     }>) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
         baseName: string;
-        template: import("@microsoft/fast-element").ViewTemplate<import("./stepper").Stepper, any>;
+        template: import("@microsoft/fast-element").ViewTemplate<import("./environment-indicator").EnvironmentIndicator, any>;
         styles: import("@microsoft/fast-element").ElementStyles;
-        shadowOptions: ShadowRootInit;
-    }, typeof import("./stepper").Stepper>;
+    }, typeof import("./environment-indicator").EnvironmentIndicator>;
     foundationStepperTab: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./stepper-tab").StepperTab>;
     foundationStepperTabPanel: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
         baseName: string;

package/dist/dts/base-components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base-components.d.ts","sourceRoot":"","sources":["../../src/base-components.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAmF5D,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAmFJ,SAAS,WAAW,GAAG,EAAE;CAe/C,CAAC"}
+{"version":3,"file":"base-components.d.ts","sourceRoot":"","sources":["../../src/base-components.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAmF5D,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAmFJ,SAAS,WAAW,GAAG,EAAE;CAe/C,CAAC"}

package/dist/dts/environment-indicator/environment-indicator.d.ts

@@ -0,0 +1,117 @@
+import { FoundationElement } from '@microsoft/fast-foundation';
+/**
+ * Environment configuration interface
+ * @public
+ */
+export interface EnvironmentConfig {
+    /**
+     * The environment level
+     */
+    level: string;
+    /**
+     * Whether to show an icon for this environment
+     */
+    showIcon?: boolean;
+    /**
+     * The icon name to use
+     */
+    icon?: string;
+    /**
+     * The background color for this environment
+     */
+    backgroundColor?: string;
+    /**
+     * The text color for this environment
+     */
+    textColor?: string;
+    /**
+     * The size of the indicator
+     */
+    size?: 'sm' | 'lg';
+    /**
+     * The label to display
+     */
+    label?: string;
+}
+/**
+ * Default environment level configuration
+ */
+export declare const DEFAULT_ENVIRONMENT_LEVEL_CONFIG: EnvironmentConfig;
+/**
+ * EnvironmentConfigs DI token.
+ * @public
+ */
+export declare const EnvironmentConfigs: import("@microsoft/fast-foundation").InterfaceSymbol<EnvironmentConfig[]>;
+/**
+ * @tagname %%prefix%%-environment-indicator
+ * @description Displays an environment indicator with a label and an icon
+ * @public
+ */
+export declare class EnvironmentIndicator extends FoundationElement {
+    /**
+     * @attr label - the label to display
+     */
+    label: string;
+    /**
+     * @attr show-icon - whether to show an icon next to the environment text
+     */
+    showIcon: boolean;
+    /**
+     * @attr size - the size of the indicator. Can be 'sm' or 'lg'
+     */
+    size: 'sm' | 'lg';
+    /**
+     * @attr background-color - the background color of the indicator
+     */
+    backgroundColor: string;
+    /**
+     * @attr text-color - the text color of the indicator
+     */
+    textColor: string;
+    /**
+     * @attr icon - the icon to display
+     */
+    icon: string;
+    /**
+     * Current environment configuration
+     */
+    config: EnvironmentConfig;
+    /**
+     * Environment configurations
+     */
+    envConfigs: EnvironmentConfig[];
+    envConfigsChanged(): void;
+    /**
+     * Helper function to get config from attributes
+     * @returns the config from attributes
+     */
+    private getAttributesConfig;
+    getEnvConfigByLevel(): EnvironmentConfig;
+    connectedCallback(): void;
+    /**
+     * Handle config change when attributes change
+     */
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+    /**
+     * Set environment configurations
+     * @param envConfigs - the environment configurations
+     */
+    setEnvConfigs(envConfigs: EnvironmentConfig[]): void;
+}
+/**
+ * The Foundation Environment indicator
+ *
+ * @public
+ * @remarks
+ * HTML Element: \<foundation-environment-indicator\>
+ */
+export declare const foundationEnvironmentIndicator: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
+    baseName: string;
+    template: import("@microsoft/fast-element").ViewTemplate<EnvironmentIndicator, any>;
+    styles: import("@microsoft/fast-element").ElementStyles;
+}>) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
+    baseName: string;
+    template: import("@microsoft/fast-element").ViewTemplate<EnvironmentIndicator, any>;
+    styles: import("@microsoft/fast-element").ElementStyles;
+}, typeof EnvironmentIndicator>;
+//# sourceMappingURL=environment-indicator.d.ts.map

package/dist/dts/environment-indicator/environment-indicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"environment-indicator.d.ts","sourceRoot":"","sources":["../../../src/environment-indicator/environment-indicator.ts"],"names":[],"mappings":"AAEA,OAAO,EAAM,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAKnE;;;GAGG;AACH,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAOD;;GAEG;AACH,eAAO,MAAM,gCAAgC,EAAE,iBAM9C,CAAC;AAsCF;;;GAGG;AACH,eAAO,MAAM,kBAAkB,2EAG9B,CAAC;AAEF;;;;GAIG;AACH,qBAAa,oBAAqB,SAAQ,iBAAiB;IACzD;;OAEG;IACG,KAAK,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACgD,QAAQ,EAAE,OAAO,CAAC;IAErE;;OAEG;IACG,IAAI,EAAE,IAAI,GAAG,IAAI,CAAQ;IAE/B;;OAEG;IACsC,eAAe,EAAE,MAAM,CAAC;IAEjE;;OAEG;IACgC,SAAS,EAAE,MAAM,CAAa;IAEjE;;OAEG;IACG,IAAI,EAAE,MAAM,CAAkB;IAEpC;;OAEG;IACS,MAAM,EAAE,iBAAiB,CAAoC;IAEzE;;OAEG;IACS,UAAU,EAAE,iBAAiB,EAAE,CAA+B;IAC1E,iBAAiB;IAIjB;;;OAGG;IACH,OAAO,CAAC,mBAAmB;IAU3B,mBAAmB,IAAI,iBAAiB;IAsCxC,iBAAiB;IAKjB;;OAEG;IACH,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAiBzE;;;OAGG;IACH,aAAa,CAAC,UAAU,EAAE,iBAAiB,EAAE;CAG9C;AAED;;;;;;GAMG;AACH,eAAO,MAAM,8BAA8B;;;;;;;;+BAIzC,CAAC"}

package/dist/dts/environment-indicator/environment-indicator.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const environmentIndicatorStyles: import("@microsoft/fast-element").ElementStyles;
+//# sourceMappingURL=environment-indicator.styles.d.ts.map

package/dist/dts/environment-indicator/environment-indicator.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"environment-indicator.styles.d.ts","sourceRoot":"","sources":["../../../src/environment-indicator/environment-indicator.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,0BAA0B,iDA2BtC,CAAC"}

package/dist/dts/environment-indicator/environment-indicator.template.d.ts

@@ -0,0 +1,3 @@
+import type { EnvironmentIndicator } from './environment-indicator';
+export declare const foundationEnvironmentIndicatorTemplate: import("@microsoft/fast-element").ViewTemplate<EnvironmentIndicator, any>;
+//# sourceMappingURL=environment-indicator.template.d.ts.map

package/dist/dts/environment-indicator/environment-indicator.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"environment-indicator.template.d.ts","sourceRoot":"","sources":["../../../src/environment-indicator/environment-indicator.template.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAiCpE,eAAO,MAAM,sCAAsC,2EAElD,CAAC"}

package/dist/dts/environment-indicator/index.d.ts

@@ -0,0 +1,5 @@
+export * from './environment-indicator';
+export * from './environment-indicator.styles';
+export * from './environment-indicator.template';
+export { configureEnvironmentIndicator } from './utils/configure';
+//# sourceMappingURL=index.d.ts.map

package/dist/dts/environment-indicator/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/environment-indicator/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,kCAAkC,CAAC;AACjD,OAAO,EAAE,6BAA6B,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/dts/environment-indicator/utils/configure.d.ts

@@ -0,0 +1,3 @@
+import type { EnvironmentConfig } from '../environment-indicator';
+export declare function configureEnvironmentIndicator(config: Partial<EnvironmentConfig[]>): Promise<void>;
+//# sourceMappingURL=configure.d.ts.map

package/dist/dts/environment-indicator/utils/configure.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"configure.d.ts","sourceRoot":"","sources":["../../../../src/environment-indicator/utils/configure.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAGlE,wBAAsB,6BAA6B,CAAC,MAAM,EAAE,OAAO,CAAC,iBAAiB,EAAE,CAAC,iBAMvF"}

package/dist/dts/environment-indicator/utils/logger.d.ts

@@ -0,0 +1,2 @@
+export declare const environmentIndicatorLogger: import("@genesislcap/foundation-logger").Logger;
+//# sourceMappingURL=logger.d.ts.map

package/dist/dts/environment-indicator/utils/logger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"logger.d.ts","sourceRoot":"","sources":["../../../../src/environment-indicator/utils/logger.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,0BAA0B,iDAAuC,CAAC"}

package/dist/dts/index.d.ts

@@ -32,6 +32,7 @@ export * from './dialog';
 export * from './disclosure';
 export * from './divider';
 export * from './dropdown-menu';
+export * from './environment-indicator';
 export * from './error-banner';
 export * from './error-boundary';
 export * from './error-dialog';

package/dist/dts/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}

package/dist/esm/base-components.js

@@ -25,6 +25,7 @@ import { foundationDialog } from './dialog';
 import { foundationDisclosure } from './disclosure';
 import { foundationDivider } from './divider';
 import { foundationDropdownMenu } from './dropdown-menu';
+import { foundationEnvironmentIndicator } from './environment-indicator';
 import { foundationErrorBanner } from './error-banner';
 import { foundationErrorBoundary } from './error-boundary';
 import { foundationErrorDialog } from './error-dialog';
@@ -65,7 +66,6 @@ import { foundationSliderLabel } from './slider-label';
 import { foundationSnackbar } from './snackbar';
 import { foundationStackingIcons } from './stacking-icons';
 import { foundationStatusPill } from './status-pill';
-import { foundationStepper } from './stepper';
 import { foundationStepperTab } from './stepper-tab';
 import { foundationStepperTabPanel } from './stepper-tab-panel';
 import { foundationSwitch } from './switch';
@@ -147,7 +147,7 @@ export const baseComponents = {
     foundationSnackbar,
     foundationStackingIcons,
     foundationStatusPill,
-    foundationStepper,
+    foundationEnvironmentIndicator,
     foundationStepperTab,
     foundationStepperTabPanel,
     foundationSwitch,

package/dist/esm/environment-indicator/environment-indicator.js

@@ -0,0 +1,197 @@
+import { __decorate } from "tslib";
+import { ENVIRONMENT_LEVEL } from '@genesislcap/foundation-utils';
+import { attr, observable } from '@microsoft/fast-element';
+import { DI, FoundationElement } from '@microsoft/fast-foundation';
+import { environmentIndicatorStyles as styles } from './environment-indicator.styles';
+import { foundationEnvironmentIndicatorTemplate as template } from './environment-indicator.template';
+import { environmentIndicatorLogger } from './utils/logger';
+/**
+ * Default environment level
+ */
+const DEFAULT_ENVIRONMENT_LEVEL = 'default';
+/**
+ * Default environment level configuration
+ */
+export const DEFAULT_ENVIRONMENT_LEVEL_CONFIG = {
+    level: DEFAULT_ENVIRONMENT_LEVEL,
+    showIcon: false,
+    backgroundColor: '#2222ff',
+    textColor: '#ffffff',
+    label: 'DEFAULT',
+};
+/**
+ * Default environment configurations
+ */
+const DEFAULT_ENVIRONMENT_CONFIGS = [
+    DEFAULT_ENVIRONMENT_LEVEL_CONFIG,
+    {
+        level: 'dev',
+        showIcon: false,
+        icon: 'code',
+        backgroundColor: '#ff6b35',
+        label: 'DEV',
+    },
+    {
+        level: 'staging',
+        showIcon: false,
+        icon: 'flask',
+        backgroundColor: '#ffd700',
+        textColor: '#000000',
+        label: 'STAGING',
+    },
+    {
+        level: 'prod',
+        showIcon: false,
+        icon: 'check-circle',
+        backgroundColor: '#28a745',
+        label: 'PROD',
+    },
+    {
+        level: 'test',
+        showIcon: false,
+        icon: 'vial',
+        backgroundColor: '#17a2b8',
+        label: 'TEST',
+    },
+];
+/**
+ * EnvironmentConfigs DI token.
+ * @public
+ */
+export const EnvironmentConfigs = DI.createInterface((x) => x.instance([]), (configurator) => configurator.instance([]));
+/**
+ * @tagname %%prefix%%-environment-indicator
+ * @description Displays an environment indicator with a label and an icon
+ * @public
+ */
+export class EnvironmentIndicator extends FoundationElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * @attr size - the size of the indicator. Can be 'sm' or 'lg'
+         */
+        this.size = 'sm';
+        /**
+         * @attr text-color - the text color of the indicator
+         */
+        this.textColor = '#ffffff';
+        /**
+         * @attr icon - the icon to display
+         */
+        this.icon = 'check-circle';
+        /**
+         * Current environment configuration
+         */
+        this.config = DEFAULT_ENVIRONMENT_LEVEL_CONFIG;
+        /**
+         * Environment configurations
+         */
+        this.envConfigs = DEFAULT_ENVIRONMENT_CONFIGS;
+    }
+    envConfigsChanged() {
+        this.config = this.getEnvConfigByLevel();
+    }
+    /**
+     * Helper function to get config from attributes
+     * @returns the config from attributes
+     */
+    getAttributesConfig() {
+        const configFromAttributes = {};
+        ['label', 'size', 'showIcon', 'icon', 'backgroundColor', 'textColor']
+            .filter((key) => !!this[key])
+            .forEach((key) => {
+            configFromAttributes[key] = this[key];
+        });
+        return configFromAttributes || {};
+    }
+    getEnvConfigByLevel() {
+        const attributesConfig = this.getAttributesConfig();
+        // If label is set, use attributes as config with default
+        if (this.label) {
+            return Object.assign(Object.assign({}, DEFAULT_ENVIRONMENT_LEVEL_CONFIG), attributesConfig);
+        }
+        // If no label is set, try to get configured value from DI container first
+        try {
+            const container = DI.getOrCreateDOMContainer();
+            const configuredConfig = container.get(EnvironmentConfigs);
+            if (configuredConfig && configuredConfig.length > 0) {
+                const config = configuredConfig.find(({ level }) => level === ENVIRONMENT_LEVEL);
+                if (config) {
+                    return Object.assign(Object.assign({}, config), attributesConfig);
+                }
+            }
+        }
+        catch (error) {
+            environmentIndicatorLogger.error(error);
+        }
+        const envConfig = this.envConfigs.find(({ level }) => level === ENVIRONMENT_LEVEL) || null;
+        // If no env config found, return null
+        if (!envConfig)
+            return null;
+        return Object.assign(Object.assign({}, envConfig), attributesConfig);
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.config = this.getEnvConfigByLevel();
+    }
+    /**
+     * Handle config change when attributes change
+     */
+    attributeChangedCallback(name, oldValue, newValue) {
+        super.attributeChangedCallback(name, oldValue, newValue);
+        const watchedAttributes = [
+            'label',
+            'show-icon',
+            'size',
+            'background-color',
+            'text-color',
+            'icon',
+        ];
+        if (watchedAttributes.includes(name) && oldValue !== newValue) {
+            this.config = this.getEnvConfigByLevel();
+        }
+    }
+    /**
+     * Set environment configurations
+     * @param envConfigs - the environment configurations
+     */
+    setEnvConfigs(envConfigs) {
+        this.envConfigs = envConfigs;
+    }
+}
+__decorate([
+    attr
+], EnvironmentIndicator.prototype, "label", void 0);
+__decorate([
+    attr({ mode: 'boolean', attribute: 'show-icon' })
+], EnvironmentIndicator.prototype, "showIcon", void 0);
+__decorate([
+    attr
+], EnvironmentIndicator.prototype, "size", void 0);
+__decorate([
+    attr({ attribute: 'background-color' })
+], EnvironmentIndicator.prototype, "backgroundColor", void 0);
+__decorate([
+    attr({ attribute: 'text-color' })
+], EnvironmentIndicator.prototype, "textColor", void 0);
+__decorate([
+    attr
+], EnvironmentIndicator.prototype, "icon", void 0);
+__decorate([
+    observable
+], EnvironmentIndicator.prototype, "config", void 0);
+__decorate([
+    observable
+], EnvironmentIndicator.prototype, "envConfigs", void 0);
+/**
+ * The Foundation Environment indicator
+ *
+ * @public
+ * @remarks
+ * HTML Element: \<foundation-environment-indicator\>
+ */
+export const foundationEnvironmentIndicator = EnvironmentIndicator.compose({
+    baseName: 'environment-indicator',
+    template,
+    styles,
+});

package/dist/esm/environment-indicator/environment-indicator.styles.js

@@ -0,0 +1,29 @@
+import { css } from '@microsoft/fast-element';
+export const environmentIndicatorStyles = css `
+  .environment-indicator {
+    font-size: 12px;
+    display: inline-flex;
+    align-items: center;
+    gap: calc(var(--design-unit) * 1.4px);
+    border-radius: calc(var(--design-unit) * 1px);
+    height: calc(var(--design-unit) * 6px);
+    padding: calc(var(--design-unit) * 0.5px) calc(var(--design-unit) * 2px);
+    line-height: 1;
+    font-weight: 600;
+    text-transform: uppercase;
+  }
+
+  .environment-indicator.lg {
+    border-radius: calc(var(--design-unit) * 4px);
+    padding: calc(var(--design-unit) * 1px) calc(var(--design-unit) * 3.5px);
+    font-size: calc(var(--design-unit) * 4px);
+  }
+
+  .environment-indicator foundation-icon {
+    font-size: calc(var(--design-unit) * 3px);
+  }
+
+  .environment-indicator.lg foundation-icon {
+    font-size: calc(var(--design-unit) * 3.5px);
+  }
+`;

package/dist/esm/environment-indicator/environment-indicator.template.js

@@ -0,0 +1,28 @@
+import { html, when } from '@microsoft/fast-element';
+import { getPrefix } from '../utils';
+const getPrefixedEnvironmentIndicatorTemplate = (prefix) => html `
+  ${when((x) => x.config, html `
+      <div
+        data-test-id="environment-indicator"
+        part="environment-indicator"
+        class="environment-indicator ${({ config }) => config.size}"
+        style="${({ config }) => `color: ${config.textColor}; background: ${config.backgroundColor}`}"
+        aria-label="Environment indicator: ${({ config }) => config.label}"
+        title="Environment: ${({ config }) => config.label}"
+      >
+        ${when(({ config }) => config.showIcon && config.icon, html `
+            <${prefix}-icon
+              name="${({ config }) => config.icon}"
+              size="sm"
+              aria-hidden="true"
+            ></${prefix}-icon>
+          `)}
+        <span data-test-id="environment-indicator-text" aria-label="Environment label">
+          ${({ config }) => config.label}
+        </span>
+      </div>
+    `)}
+`;
+export const foundationEnvironmentIndicatorTemplate = html `
+  ${(x) => getPrefixedEnvironmentIndicatorTemplate(getPrefix(x))}
+`;

package/dist/esm/environment-indicator/index.js

@@ -0,0 +1,4 @@
+export * from './environment-indicator';
+export * from './environment-indicator.styles';
+export * from './environment-indicator.template';
+export { configureEnvironmentIndicator } from './utils/configure';

package/dist/esm/environment-indicator/utils/configure.js

@@ -0,0 +1,10 @@
+import { __awaiter } from "tslib";
+import { DI, Registration } from '@microsoft/fast-foundation';
+import { DEFAULT_ENVIRONMENT_LEVEL_CONFIG, EnvironmentConfigs } from '../environment-indicator';
+export function configureEnvironmentIndicator(config) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const value = config && config.length > 0 ? config : [DEFAULT_ENVIRONMENT_LEVEL_CONFIG];
+        const container = DI.getOrCreateDOMContainer();
+        container.register(Registration.instance(EnvironmentConfigs, value));
+    });
+}

package/dist/esm/environment-indicator/utils/logger.js

@@ -0,0 +1,2 @@
+import { createLogger } from '@genesislcap/foundation-logger';
+export const environmentIndicatorLogger = createLogger('EnvironmentIndicator');

package/dist/esm/index.js

@@ -32,6 +32,7 @@ export * from './dialog';
 export * from './disclosure';
 export * from './divider';
 export * from './dropdown-menu';
+export * from './environment-indicator';
 export * from './error-banner';
 export * from './error-boundary';
 export * from './error-dialog';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-ui",
   "description": "Genesis Foundation UI",
-  "version": "14.285.0",
+  "version": "14.285.2-alpha-a57a535.0",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -83,13 +83,13 @@
     }
   },
   "devDependencies": {
-    "@genesislcap/foundation-testing": "14.285.0",
-    "@genesislcap/genx": "14.285.0",
-    "@genesislcap/rollup-builder": "14.285.0",
-    "@genesislcap/ts-builder": "14.285.0",
-    "@genesislcap/uvu-playwright-builder": "14.285.0",
-    "@genesislcap/vite-builder": "14.285.0",
-    "@genesislcap/webpack-builder": "14.285.0",
+    "@genesislcap/foundation-testing": "14.285.2-alpha-a57a535.0",
+    "@genesislcap/genx": "14.285.2-alpha-a57a535.0",
+    "@genesislcap/rollup-builder": "14.285.2-alpha-a57a535.0",
+    "@genesislcap/ts-builder": "14.285.2-alpha-a57a535.0",
+    "@genesislcap/uvu-playwright-builder": "14.285.2-alpha-a57a535.0",
+    "@genesislcap/vite-builder": "14.285.2-alpha-a57a535.0",
+    "@genesislcap/webpack-builder": "14.285.2-alpha-a57a535.0",
     "copyfiles": "^2.4.1",
     "rimraf": "^5.0.0",
     "rxjs": "^7.5.4"
@@ -100,15 +100,15 @@
     "@fortawesome/free-regular-svg-icons": "^6.2.1",
     "@fortawesome/free-solid-svg-icons": "^6.2.1",
     "@genesiscommunitysuccess/analyzer-import-alias-plugin": "^5.0.3",
-    "@genesislcap/expression-builder": "14.285.0",
-    "@genesislcap/foundation-comms": "14.285.0",
-    "@genesislcap/foundation-criteria": "14.285.0",
-    "@genesislcap/foundation-errors": "14.285.0",
-    "@genesislcap/foundation-events": "14.285.0",
-    "@genesislcap/foundation-logger": "14.285.0",
-    "@genesislcap/foundation-notifications": "14.285.0",
-    "@genesislcap/foundation-user": "14.285.0",
-    "@genesislcap/foundation-utils": "14.285.0",
+    "@genesislcap/expression-builder": "14.285.2-alpha-a57a535.0",
+    "@genesislcap/foundation-comms": "14.285.2-alpha-a57a535.0",
+    "@genesislcap/foundation-criteria": "14.285.2-alpha-a57a535.0",
+    "@genesislcap/foundation-errors": "14.285.2-alpha-a57a535.0",
+    "@genesislcap/foundation-events": "14.285.2-alpha-a57a535.0",
+    "@genesislcap/foundation-logger": "14.285.2-alpha-a57a535.0",
+    "@genesislcap/foundation-notifications": "14.285.2-alpha-a57a535.0",
+    "@genesislcap/foundation-user": "14.285.2-alpha-a57a535.0",
+    "@genesislcap/foundation-utils": "14.285.2-alpha-a57a535.0",
     "@microsoft/fast-colors": "5.3.1",
     "@microsoft/fast-components": "2.30.6",
     "@microsoft/fast-element": "1.14.0",
@@ -130,5 +130,5 @@
     "access": "public"
   },
   "customElements": "dist/custom-elements.json",
-  "gitHead": "45006991dfd619837fe3093077405efeb710c5cd"
+  "gitHead": "fde8ace8951fac4bb34cdad920272c5750f3e1af"
 }