@genesislcap/rapid-design-system 15.3.5 → 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';
 
@@ -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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/rapid-design-system",
   "description": "Rapid Design System",
-  "version": "15.3.5",
+  "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.3.5",
-    "@genesislcap/genx": "15.3.5",
-    "@genesislcap/rollup-builder": "15.3.5",
-    "@genesislcap/ts-builder": "15.3.5",
-    "@genesislcap/uvu-playwright-builder": "15.3.5",
-    "@genesislcap/vite-builder": "15.3.5",
-    "@genesislcap/webpack-builder": "15.3.5",
+    "@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.3.5",
-    "@genesislcap/foundation-ui": "15.3.5",
-    "@genesislcap/foundation-utils": "15.3.5",
+    "@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": "dc772a3a6f1b3d1c249f1ffae27a13d29878609c"
+  "gitHead": "984a77280362d69ba3eab6256dbb7fe03b8c76b3"
 }