@genesislcap/rapid-design-system 15.4.0 → 15.4.1

package/dist/dts/button/button.styles.d.ts

@@ -1,4 +1,23 @@
 import { ElementStyles } from '@microsoft/fast-element';
 import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
 export declare const rapidButtonStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;
+/**
+ * Every `appearance` value rapid-design-system actually styles.
+ *
+ * Derived from this file: the `appearanceBehavior(...)` registrations above plus the
+ * `:host([appearance='accent'])` rule — keep it in step with them.
+ *
+ * WHY IT IS DECLARED HERE RATHER THAN ON THE COMPONENT. `Button extends FoundationButton extends
+ * FASTButton`, and FAST declares `appearance: ButtonAppearance` = 'accent' | 'lightweight' |
+ * 'neutral' | 'outline' | 'stealth'. TypeScript requires a derived property to be assignable to the
+ * base's, so a subclass cannot widen it — `declare appearance: RapidButtonAppearance` gives TS2416
+ * and class/interface merging gives TS2415/TS2430. The React wrapper therefore surfaces this type
+ * through the `reactWrapperPropTypes` override in package.json (see ts-builder's
+ * react-wrapper-generator), which is the only boundary at which the public prop type can be
+ * corrected.
+ *
+ * The FAST-base values are retained so widening stays non-breaking for anything already compiling,
+ * but note `lightweight` / `outline` / `stealth` are NOT styled here and render as a plain button.
+ */
+export type RapidButtonAppearance = 'accent' | 'lightweight' | 'neutral' | 'outline' | 'stealth' | 'primary' | 'secondary' | 'tertiary' | 'danger' | 'success' | 'warning' | 'primary-outline' | 'secondary-outline' | 'neutral-outline' | 'link';
 //# sourceMappingURL=button.styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"button.styles.d.ts","sourceRoot":"","sources":["../../../src/button/button.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAyUpC,eAAO,MAAM,iBAAiB,GAC5B,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,aAgBA,CAAC"}
+{"version":3,"file":"button.styles.d.ts","sourceRoot":"","sources":["../../../src/button/button.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAyUpC,eAAO,MAAM,iBAAiB,GAC5B,SAAS,wBAAwB,EACjC,YAAY,2BAA2B,KACtC,aAgBA,CAAC;AAEJ;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,MAAM,qBAAqB,GAE7B,QAAQ,GACR,aAAa,GACb,SAAS,GACT,SAAS,GACT,SAAS,GAET,SAAS,GACT,WAAW,GACX,UAAU,GACV,QAAQ,GACR,SAAS,GACT,SAAS,GAET,iBAAiB,GACjB,mBAAmB,GACnB,iBAAiB,GAEjB,MAAM,CAAC"}

package/dist/dts/react.d.ts

@@ -87,6 +87,7 @@ import type { TreeItem as TreeItemWC } from './tree-item/tree-item';
 import type { TreeView as TreeViewWC } from './tree-view/tree-view';
 import type { UrlInput as UrlInputWC } from './url-input/url-input';
 import type { VerificationCodeInput as VerificationCodeInputWC } from './verification-code-input/verification-code-input';
+import type { RapidButtonAppearance } from './button/button.styles';
 import type { AddGroupEventDetail, AddRuleEventDetail, DelGroupEventDetail, DelRuleEventDetail, UpdateGroupEventDetail, UpdateRuleEventDetail } from '@genesislcap/expression-builder';
 import type { ClearOptions, FileSelectedEventDetail, FilterChangedEventDetail, FilterClearedEventDetail, MultiselectOption, OpenChangeEventDetail, SelectedOption, StepClickEventDetail, ValidationError, ValidationFailureEventDetail, VerificationCodeInputEventDetail } from '@genesislcap/foundation-ui';
 
@@ -146,15 +147,6 @@ 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'> &
@@ -166,6 +158,15 @@ 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'> &
@@ -233,8 +234,9 @@ export type BreadcrumbItemRef = BreadcrumbItemWC;
 
 export declare const Button: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
-    Omit<PublicOf<ButtonWC>, 'children' | 'style'> &
+    Omit<PublicOf<ButtonWC>, 'children' | 'style' | 'appearance'> &
     HTMLWCProps & {
+      appearance?: RapidButtonAppearance;
     }
   > & React.RefAttributes<ButtonWC>
 >;

package/dist/react.cjs

@@ -114,11 +114,6 @@ 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,6 +136,11 @@ 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);
@@ -1002,8 +1002,8 @@ module.exports = {
   Accordion,
   AccordionItem,
   ActionsMenu,
-  AiIndicator,
   AiCriteriaSearch,
+  AiIndicator,
   Anchor,
   AnchoredRegion,
   Avatar,

package/dist/react.mjs

@@ -112,11 +112,6 @@ 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,6 +134,11 @@ 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);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/rapid-design-system",
   "description": "Rapid Design System",
-  "version": "15.4.0",
+  "version": "15.4.1",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -38,13 +38,13 @@
   },
   "devDependencies": {
     "@genesiscommunitysuccess/analyzer-import-alias-plugin": "^5.0.3",
-    "@genesislcap/foundation-testing": "15.4.0",
-    "@genesislcap/genx": "15.4.0",
-    "@genesislcap/rollup-builder": "15.4.0",
-    "@genesislcap/ts-builder": "15.4.0",
-    "@genesislcap/uvu-playwright-builder": "15.4.0",
-    "@genesislcap/vite-builder": "15.4.0",
-    "@genesislcap/webpack-builder": "15.4.0",
+    "@genesislcap/foundation-testing": "15.4.1",
+    "@genesislcap/genx": "15.4.1",
+    "@genesislcap/rollup-builder": "15.4.1",
+    "@genesislcap/ts-builder": "15.4.1",
+    "@genesislcap/uvu-playwright-builder": "15.4.1",
+    "@genesislcap/vite-builder": "15.4.1",
+    "@genesislcap/webpack-builder": "15.4.1",
     "flexlayout-react": "^0.8.19"
   },
   "peerDependencies": {
@@ -56,9 +56,9 @@
     }
   },
   "dependencies": {
-    "@genesislcap/foundation-logger": "15.4.0",
-    "@genesislcap/foundation-ui": "15.4.0",
-    "@genesislcap/foundation-utils": "15.4.0",
+    "@genesislcap/foundation-logger": "15.4.1",
+    "@genesislcap/foundation-ui": "15.4.1",
+    "@genesislcap/foundation-utils": "15.4.1",
     "@microsoft/fast-colors": "5.3.1",
     "@microsoft/fast-components": "2.30.6",
     "@microsoft/fast-element": "1.14.0",
@@ -75,6 +75,14 @@
     "access": "public"
   },
   "customElements": "dist/custom-elements.json",
+  "reactWrapperPropTypes": {
+    "Button": {
+      "appearance": {
+        "type": "RapidButtonAppearance",
+        "from": "./button/button.styles"
+      }
+    }
+  },
   "exports": {
     ".": {
       "types": "./dist/dts/index.d.ts",
@@ -86,5 +94,5 @@
       "require": "./dist/react.cjs"
     }
   },
-  "gitHead": "2c61100a9805e799c8047a26ad6a147d1ac1af87"
+  "gitHead": "984a77280362d69ba3eab6256dbb7fe03b8c76b3"
 }