@genesislcap/foundation-zero 15.15.2-FUI-2564.1 → 15.15.2-FUI-2603.8

package/dist/dts/react.d.ts

@@ -124,23 +124,23 @@ interface HTMLWCProps extends React.AriaAttributes {
   onInput?(e: Event): void;
 }
 
-export declare const AccordionItem: React.ForwardRefExoticComponent<
+export declare const Accordion: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
-    Omit<PublicOf<AccordionItemWC>, 'children' | 'style'> &
+    Omit<PublicOf<AccordionWC>, 'children' | 'style'> &
     HTMLWCProps & {
     }
-  > & React.RefAttributes<AccordionItemWC>
+  > & React.RefAttributes<AccordionWC>
 >;
-export type AccordionItemRef = AccordionItemWC;
+export type AccordionRef = AccordionWC;
 
-export declare const Accordion: React.ForwardRefExoticComponent<
+export declare const AccordionItem: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
-    Omit<PublicOf<AccordionWC>, 'children' | 'style'> &
+    Omit<PublicOf<AccordionItemWC>, 'children' | 'style'> &
     HTMLWCProps & {
     }
-  > & React.RefAttributes<AccordionWC>
+  > & React.RefAttributes<AccordionItemWC>
 >;
-export type AccordionRef = AccordionWC;
+export type AccordionItemRef = AccordionItemWC;
 
 export declare const ActionsMenu: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
@@ -151,6 +151,15 @@ export declare const ActionsMenu: React.ForwardRefExoticComponent<
 >;
 export type ActionsMenuRef = ActionsMenuWC;
 
+export declare const AiIndicator: React.ForwardRefExoticComponent<
+  React.PropsWithChildren<
+    Omit<PublicOf<AiIndicatorWC>, 'children' | 'style'> &
+    HTMLWCProps & {
+    }
+  > & React.RefAttributes<AiIndicatorWC>
+>;
+export type AiIndicatorRef = AiIndicatorWC;
+
 export declare const AiCriteriaSearch: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<AiCriteriaSearchWC>, 'children' | 'style'> &
@@ -162,15 +171,6 @@ export declare const AiCriteriaSearch: React.ForwardRefExoticComponent<
 >;
 export type AiCriteriaSearchRef = AiCriteriaSearchWC;
 
-export declare const AiIndicator: React.ForwardRefExoticComponent<
-  React.PropsWithChildren<
-    Omit<PublicOf<AiIndicatorWC>, 'children' | 'style'> &
-    HTMLWCProps & {
-    }
-  > & React.RefAttributes<AiIndicatorWC>
->;
-export type AiIndicatorRef = AiIndicatorWC;
-
 export declare const Anchor: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<AnchorWC>, 'children' | 'style'> &
@@ -558,14 +558,14 @@ export declare const HorizontalScroll: React.ForwardRefExoticComponent<
 >;
 export type HorizontalScrollRef = HorizontalScrollWC;
 
-export declare const Icon: React.ForwardRefExoticComponent<
+export declare const ListboxOption: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
-    Omit<PublicOf<IconWC>, 'children' | 'style'> &
+    Omit<PublicOf<ListboxOptionWC>, 'children' | 'style'> &
     HTMLWCProps & {
     }
-  > & React.RefAttributes<IconWC>
+  > & React.RefAttributes<ListboxOptionWC>
 >;
-export type IconRef = IconWC;
+export type ListboxOptionRef = ListboxOptionWC;
 
 export declare const Listbox: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
@@ -576,15 +576,6 @@ export declare const Listbox: React.ForwardRefExoticComponent<
 >;
 export type ListboxRef = ListboxWC;
 
-export declare const ListboxOption: React.ForwardRefExoticComponent<
-  React.PropsWithChildren<
-    Omit<PublicOf<ListboxOptionWC>, 'children' | 'style'> &
-    HTMLWCProps & {
-    }
-  > & React.RefAttributes<ListboxOptionWC>
->;
-export type ListboxOptionRef = ListboxOptionWC;
-
 export declare const Menu: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<MenuWC>, 'children' | 'style'> &
@@ -625,6 +616,15 @@ export declare const Multiselect: React.ForwardRefExoticComponent<
 >;
 export type MultiselectRef = MultiselectWC;
 
+export declare const Icon: React.ForwardRefExoticComponent<
+  React.PropsWithChildren<
+    Omit<PublicOf<IconWC>, 'children' | 'style'> &
+    HTMLWCProps & {
+    }
+  > & React.RefAttributes<IconWC>
+>;
+export type IconRef = IconWC;
+
 export declare const NotificationListener: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<NotificationListenerWC>, 'children' | 'style'> &

package/dist/dts/tab/tab.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tab.styles.d.ts","sourceRoot":"","sources":["../../../src/tab/tab.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAGpC,eAAO,MAAM,aAAa,GACxB,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,aAwDF,CAAC"}
+{"version":3,"file":"tab.styles.d.ts","sourceRoot":"","sources":["../../../src/tab/tab.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAGpC,eAAO,MAAM,aAAa,GACxB,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,aAuBF,CAAC"}

package/dist/esm/tab/tab.styles.js

@@ -1,4 +1,4 @@
-import { alertFlashPhaseProperty, foundationTabStyles } from '@genesislcap/foundation-ui';
+import { foundationTabStyles } from '@genesislcap/foundation-ui';
 import { neutralLayer2, neutralLayer4 } from '@microsoft/fast-components';
 import { css } from '@microsoft/fast-element';
 import { ColorHEX } from '../_common';
@@ -25,37 +25,4 @@ export const zeroTabStyles = (context, definition) => css `
     margin-right: 0;
     background-color: var(--zero-card-fill-color);
   }
-
-  /*
-   * Sustained alert, sampling the flash phase the platform animates on the document. Every
-   * alerting surface reads that one value, so tabs and grid rows brighten and fade together
-   * however long ago each of them started alerting.
-   *
-   * Mixing towards transparent and currentColor lets the tab fade back to its own resting
-   * colours, so selected and unselected tabs each return to the right background.
-   *
-   * !important because a :host rule loses to any app stylesheet that colours tabs from the light
-   * DOM, and an alert nobody can see is worse than no alert.
-   */
-  :host([alert]) {
-    background-color: color-mix(
-      in srgb,
-      var(--tab-alert-color, ${ColorHEX.error}) calc(var(${alertFlashPhaseProperty}, 0) * 100%),
-      transparent
-    ) !important;
-    color: color-mix(
-      in srgb,
-      contrast-color(var(--tab-alert-color, ${ColorHEX.error}))
-        calc(var(${alertFlashPhaseProperty}, 0) * 100%),
-      currentColor
-    ) !important;
-  }
-
-  /* Reduced motion stops the clock, leaving the phase at 0, so paint a steady alert instead. */
-  @media (prefers-reduced-motion: reduce) {
-    :host([alert]) {
-      background-color: var(--tab-alert-color, ${ColorHEX.error}) !important;
-      color: contrast-color(var(--tab-alert-color, ${ColorHEX.error})) !important;
-    }
-  }
 `;

package/dist/react.cjs

@@ -104,14 +104,14 @@ function _mergeRefs(...refs) {
   };
 }
 
-const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
+const Accordion = React.forwardRef(function Accordion(props, ref) {
   const { children, ...rest } = props;
-  return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-card', { ...rest, ref }, children);
+  return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-card', { ...rest, ref }, children);
 });
 
-const Accordion = React.forwardRef(function Accordion(props, ref) {
+const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
   const { children, ...rest } = props;
-  return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-card', { ...rest, ref }, children);
+  return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-card', { ...rest, ref }, children);
 });
 
 const ActionsMenu = React.forwardRef(function ActionsMenu(props, ref) {
@@ -119,6 +119,11 @@ const ActionsMenu = React.forwardRef(function ActionsMenu(props, ref) {
   return React.createElement(customElements.getName(ActionsMenuWC) ?? '%%prefix%%-actions-menu', { ...rest, ref }, children);
 });
 
+const AiIndicator = React.forwardRef(function AiIndicator(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(AiIndicatorWC) ?? '%%prefix%%-ai-indicator', { ...rest, ref }, children);
+});
+
 const AiCriteriaSearch = React.forwardRef(function AiCriteriaSearch(props, ref) {
   const { onCriteriaChanged, onValidationErrors, children, ...rest } = props;
   const _innerRef = React.useRef(null);
@@ -141,11 +146,6 @@ const AiCriteriaSearch = React.forwardRef(function AiCriteriaSearch(props, ref)
   return React.createElement(customElements.getName(AiCriteriaSearchWC) ?? '%%prefix%%-ai-criteria-search', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
-const AiIndicator = React.forwardRef(function AiIndicator(props, ref) {
-  const { children, ...rest } = props;
-  return React.createElement(customElements.getName(AiIndicatorWC) ?? '%%prefix%%-ai-indicator', { ...rest, ref }, children);
-});
-
 const Anchor = React.forwardRef(function Anchor(props, ref) {
   const { children, ...rest } = props;
   return React.createElement(customElements.getName(AnchorWC) ?? '%%prefix%%-anchor', { ...rest, ref }, children);
@@ -626,9 +626,9 @@ const HorizontalScroll = React.forwardRef(function HorizontalScroll(props, ref)
   return React.createElement(customElements.getName(HorizontalScrollWC) ?? '%%prefix%%-horizontal-scroll', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
-const Icon = React.forwardRef(function Icon(props, ref) {
+const ListboxOption = React.forwardRef(function ListboxOption(props, ref) {
   const { children, ...rest } = props;
-  return React.createElement(customElements.getName(IconWC) ?? '%%prefix%%-icon', { ...rest, ref }, children);
+  return React.createElement(customElements.getName(ListboxOptionWC) ?? '%%prefix%%-option', { ...rest, ref }, children);
 });
 
 const Listbox = React.forwardRef(function Listbox(props, ref) {
@@ -636,11 +636,6 @@ const Listbox = React.forwardRef(function Listbox(props, ref) {
   return React.createElement(customElements.getName(ListboxWC) ?? '%%prefix%%-listbox', { ...rest, ref }, children);
 });
 
-const ListboxOption = React.forwardRef(function ListboxOption(props, ref) {
-  const { children, ...rest } = props;
-  return React.createElement(customElements.getName(ListboxOptionWC) ?? '%%prefix%%-option', { ...rest, ref }, children);
-});
-
 const Menu = React.forwardRef(function Menu(props, ref) {
   const { children, ...rest } = props;
   return React.createElement(customElements.getName(MenuWC) ?? '%%prefix%%-menu', { ...rest, ref }, children);
@@ -695,6 +690,11 @@ const Multiselect = React.forwardRef(function Multiselect(props, ref) {
   return React.createElement(customElements.getName(MultiselectWC) ?? '%%prefix%%-multiselect', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
+const Icon = React.forwardRef(function Icon(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(IconWC) ?? '%%prefix%%-icon', { ...rest, ref }, children);
+});
+
 const NotificationListener = React.forwardRef(function NotificationListener(props, ref) {
   const { children, ...rest } = props;
   return React.createElement(customElements.getName(NotificationListenerWC) ?? '%%prefix%%-notification-listener', { ...rest, ref }, children);
@@ -1063,11 +1063,11 @@ const VerificationCodeInput = React.forwardRef(function VerificationCodeInput(pr
 });
 
 module.exports = {
-  AccordionItem,
   Accordion,
+  AccordionItem,
   ActionsMenu,
-  AiCriteriaSearch,
   AiIndicator,
+  AiCriteriaSearch,
   Anchor,
   AnchoredRegion,
   Avatar,
@@ -1107,13 +1107,13 @@ module.exports = {
   GridLayout,
   GridLayoutItem,
   HorizontalScroll,
-  Icon,
-  Listbox,
   ListboxOption,
+  Listbox,
   Menu,
   MenuItem,
   Modal,
   Multiselect,
+  Icon,
   NotificationListener,
   NumberField,
   Optgroup,

package/dist/react.mjs

@@ -102,14 +102,14 @@ function _mergeRefs(...refs) {
   };
 }
 
-export const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
+export const Accordion = React.forwardRef(function Accordion(props, ref) {
   const { children, ...rest } = props;
-  return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-card', { ...rest, ref }, children);
+  return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-card', { ...rest, ref }, children);
 });
 
-export const Accordion = React.forwardRef(function Accordion(props, ref) {
+export const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
   const { children, ...rest } = props;
-  return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-card', { ...rest, ref }, children);
+  return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-card', { ...rest, ref }, children);
 });
 
 export const ActionsMenu = React.forwardRef(function ActionsMenu(props, ref) {
@@ -117,6 +117,11 @@ export const ActionsMenu = React.forwardRef(function ActionsMenu(props, ref) {
   return React.createElement(customElements.getName(ActionsMenuWC) ?? '%%prefix%%-actions-menu', { ...rest, ref }, children);
 });
 
+export const AiIndicator = React.forwardRef(function AiIndicator(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(AiIndicatorWC) ?? '%%prefix%%-ai-indicator', { ...rest, ref }, children);
+});
+
 export const AiCriteriaSearch = React.forwardRef(function AiCriteriaSearch(props, ref) {
   const { onCriteriaChanged, onValidationErrors, children, ...rest } = props;
   const _innerRef = React.useRef(null);
@@ -139,11 +144,6 @@ export const AiCriteriaSearch = React.forwardRef(function AiCriteriaSearch(props
   return React.createElement(customElements.getName(AiCriteriaSearchWC) ?? '%%prefix%%-ai-criteria-search', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
-export const AiIndicator = React.forwardRef(function AiIndicator(props, ref) {
-  const { children, ...rest } = props;
-  return React.createElement(customElements.getName(AiIndicatorWC) ?? '%%prefix%%-ai-indicator', { ...rest, ref }, children);
-});
-
 export const Anchor = React.forwardRef(function Anchor(props, ref) {
   const { children, ...rest } = props;
   return React.createElement(customElements.getName(AnchorWC) ?? '%%prefix%%-anchor', { ...rest, ref }, children);
@@ -624,9 +624,9 @@ export const HorizontalScroll = React.forwardRef(function HorizontalScroll(props
   return React.createElement(customElements.getName(HorizontalScrollWC) ?? '%%prefix%%-horizontal-scroll', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
-export const Icon = React.forwardRef(function Icon(props, ref) {
+export const ListboxOption = React.forwardRef(function ListboxOption(props, ref) {
   const { children, ...rest } = props;
-  return React.createElement(customElements.getName(IconWC) ?? '%%prefix%%-icon', { ...rest, ref }, children);
+  return React.createElement(customElements.getName(ListboxOptionWC) ?? '%%prefix%%-option', { ...rest, ref }, children);
 });
 
 export const Listbox = React.forwardRef(function Listbox(props, ref) {
@@ -634,11 +634,6 @@ export const Listbox = React.forwardRef(function Listbox(props, ref) {
   return React.createElement(customElements.getName(ListboxWC) ?? '%%prefix%%-listbox', { ...rest, ref }, children);
 });
 
-export const ListboxOption = React.forwardRef(function ListboxOption(props, ref) {
-  const { children, ...rest } = props;
-  return React.createElement(customElements.getName(ListboxOptionWC) ?? '%%prefix%%-option', { ...rest, ref }, children);
-});
-
 export const Menu = React.forwardRef(function Menu(props, ref) {
   const { children, ...rest } = props;
   return React.createElement(customElements.getName(MenuWC) ?? '%%prefix%%-menu', { ...rest, ref }, children);
@@ -693,6 +688,11 @@ export const Multiselect = React.forwardRef(function Multiselect(props, ref) {
   return React.createElement(customElements.getName(MultiselectWC) ?? '%%prefix%%-multiselect', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
+export const Icon = React.forwardRef(function Icon(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(IconWC) ?? '%%prefix%%-icon', { ...rest, ref }, children);
+});
+
 export const NotificationListener = React.forwardRef(function NotificationListener(props, ref) {
   const { children, ...rest } = props;
   return React.createElement(customElements.getName(NotificationListenerWC) ?? '%%prefix%%-notification-listener', { ...rest, ref }, children);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-zero",
   "description": "Genesis Foundation Zero Design System",
-  "version": "15.15.2-FUI-2564.1",
+  "version": "15.15.2-FUI-2603.8",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -73,18 +73,18 @@
   },
   "devDependencies": {
     "@genesiscommunitysuccess/analyzer-import-alias-plugin": "^5.0.3",
-    "@genesislcap/genx": "15.15.2-FUI-2564.1",
-    "@genesislcap/rollup-builder": "15.15.2-FUI-2564.1",
-    "@genesislcap/ts-builder": "15.15.2-FUI-2564.1",
-    "@genesislcap/uvu-playwright-builder": "15.15.2-FUI-2564.1",
-    "@genesislcap/vite-builder": "15.15.2-FUI-2564.1",
-    "@genesislcap/webpack-builder": "15.15.2-FUI-2564.1"
+    "@genesislcap/genx": "15.15.2-FUI-2603.8",
+    "@genesislcap/rollup-builder": "15.15.2-FUI-2603.8",
+    "@genesislcap/ts-builder": "15.15.2-FUI-2603.8",
+    "@genesislcap/uvu-playwright-builder": "15.15.2-FUI-2603.8",
+    "@genesislcap/vite-builder": "15.15.2-FUI-2603.8",
+    "@genesislcap/webpack-builder": "15.15.2-FUI-2603.8"
   },
   "dependencies": {
-    "@genesislcap/foundation-comms": "15.15.2-FUI-2564.1",
-    "@genesislcap/foundation-logger": "15.15.2-FUI-2564.1",
-    "@genesislcap/foundation-ui": "15.15.2-FUI-2564.1",
-    "@genesislcap/foundation-utils": "15.15.2-FUI-2564.1",
+    "@genesislcap/foundation-comms": "15.15.2-FUI-2603.8",
+    "@genesislcap/foundation-logger": "15.15.2-FUI-2603.8",
+    "@genesislcap/foundation-ui": "15.15.2-FUI-2603.8",
+    "@genesislcap/foundation-utils": "15.15.2-FUI-2603.8",
     "@microsoft/fast-colors": "5.3.1",
     "@microsoft/fast-components": "2.30.6",
     "@microsoft/fast-element": "1.14.0",
@@ -111,5 +111,5 @@
       "require": "./dist/react.cjs"
     }
   },
-  "gitHead": "138fa84429b2d2ee038d23c3b91f3fe695737201"
+  "gitHead": "5a031de5ddf30696a674da64f8a7f832b7f4fc21"
 }