@genesislcap/blank-app-seed 3.10.6 → 3.11.0-prerelease.1

package/.genx/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/blank-app-seed-config",
   "description": "Genesis Blank App Seed Configuration",
-  "version": "3.10.6",
+  "version": "3.11.0-prerelease.1",
   "license": "Apache-2.0",
   "genxSeedConfig": {
     "exclude": [

package/.genx/templates/chart.hbs

@@ -1,4 +1,4 @@
-<zero-g2plot-chart
+<rapid-g2plot-chart
   type="{{ config.type }}"
   :config="${(x) => ({
     {{#ifEquals config.type "pie"}}
@@ -15,4 +15,4 @@
     resourceName="{{ config.resourceName }}"
     server-fields="{{ config.xField }} {{ config.yField }}"
   ></chart-datasource>
-</zero-g2plot-chart>
+</rapid-g2plot-chart>

package/.genx/templates/entityManager.hbs

@@ -1,4 +1,5 @@
 <entity-management
+    design-system-prefix="rapid"
     enable-row-flashing
     enable-cell-flashing
     {{#if config.title}}

package/.genx/templates/form.hbs

@@ -1,4 +1,5 @@
 <foundation-form
+  design-system-prefix="rapid"
   resourceName="{{config.resourceName}}"
   {{#if config.uischema}}
   :uischema=${() => (

package/.genx/templates/grid.hbs

@@ -1,4 +1,4 @@
-<zero-grid-pro
+<rapid-grid-pro
   enable-row-flashing
   enable-cell-flashing
   >
@@ -17,4 +17,4 @@
     {{/if}}
   >
   </grid-pro-genesis-datasource>
-</zero-grid-pro>
+</rapid-grid-pro>

package/.genx/templates/gridLayout.hbs

@@ -1,30 +1,30 @@
-<zero-layout-region type="horizontal">
-    <zero-layout-region type="vertical">
+<rapid-layout-region type="horizontal">
+    <rapid-layout-region type="vertical">
     {{#each route.tiles}}
         {{#ifEquals @index 0}}
-        <zero-layout-item title="{{../title}}">
+        <rapid-layout-item title="{{../title}}">
             {{> (lookup ../this 'type') ../this}}
-        </zero-layout-item>
+        </rapid-layout-item>
         {{/ifEquals}}
         {{#ifEquals @index 1}}
-        <zero-layout-item title="{{../title}}">
+        <rapid-layout-item title="{{../title}}">
             {{> (lookup ../this 'type') ../this}}
-        </zero-layout-item>
+        </rapid-layout-item>
         {{/ifEquals}}
     {{/each}}
-    </zero-layout-region>
-    <zero-layout-region type="vertical">
+    </rapid-layout-region>
+    <rapid-layout-region type="vertical">
     {{#each route.tiles}}
         {{#ifEquals @index 2}}
-        <zero-layout-item title="{{../title}}">
+        <rapid-layout-item title="{{../title}}">
             {{> (lookup ../this 'type') ../this}}
-        </zero-layout-item>
+        </rapid-layout-item>
         {{/ifEquals}}
         {{#ifEquals @index 3}}
-        <zero-layout-item title="{{../title}}">
+        <rapid-layout-item title="{{../title}}">
             {{> (lookup ../this 'type') ../this}}
-        </zero-layout-item>
+        </rapid-layout-item>
         {{/ifEquals}}
     {{/each}}
-    </zero-layout-region>
-</zero-layout-region>
+    </rapid-layout-region>
+</rapid-layout-region>

package/.genx/templates/horizontalLayout.hbs

@@ -1,7 +1,7 @@
-<zero-layout-region>
+<rapid-layout-region>
     {{#each route.tiles}}
-    <zero-layout-item title="{{this.title}}">
+    <rapid-layout-item title="{{this.title}}">
         {{> (lookup . 'type') }}
-    </zero-layout-item>
+    </rapid-layout-item>
     {{/each}}
-</zero-layout-region>
+</rapid-layout-region>

package/.genx/templates/route.hbs

@@ -1,4 +1,4 @@
-import { customElement, FASTElement } from '@microsoft/fast-element';
+import { customElement, GenesisElement } from '@genesislcap/web-core';
 import { {{pascalCase route.name}}Styles as styles } from './{{kebabCase route.name}}.styles';
 import { {{pascalCase route.name}}Template as template } from './{{kebabCase route.name}}.template';
 
@@ -7,7 +7,7 @@ import { {{pascalCase route.name}}Template as template } from './{{kebabCase rou
   template,
   styles,
 })
-export class {{pascalCase route.name}} extends FASTElement {
+export class {{pascalCase route.name}} extends GenesisElement {
   constructor() {
     super();
   }

package/.genx/templates/route.styles.hbs

@@ -1,4 +1,4 @@
-import { css } from '@microsoft/fast-element';
+import { css } from '@genesislcap/web-core';
 
 export const {{pascalCase route.name}}Styles = css`
   :host {

package/.genx/templates/route.template.hbs

@@ -1,12 +1,12 @@
-import { html } from '@microsoft/fast-element';
+import { html } from '@genesislcap/web-core';
 import { getDateFormatter, getNumberFormatter{{#if route.FDC3EventHandlersEnabled}}, sendEventOnChannel{{/if}} } from '../../utils';
 import type { {{pascalCase route.name}} } from './{{kebabCase route.name}}';
 
 export const {{pascalCase route.name}}Template = html<{{pascalCase route.name}}>`
   {{#if route.tiles}}
-  <zero-layout auto-save-key="{{route.layoutKey}}">
+  <rapid-layout auto-save-key="{{route.layoutKey}}">
      {{> (lookup ./route 'layoutType') }}
-  </zero-layout>
+  </rapid-layout>
   {{else}}
   <!-- insert template code here -->
   Welcome to {{sentenceCase route.name}}

package/.genx/templates/tabsLayout.hbs

@@ -1,7 +1,7 @@
-<zero-layout-region type="tabs">
+<rapid-layout-region type="tabs">
     {{#each route.tiles}}
-    <zero-layout-item title="{{this.title}}">
+    <rapid-layout-item title="{{this.title}}">
         {{> (lookup . 'type') }}
-    </zero-layout-item>
+    </rapid-layout-item>
     {{/each}}
-</zero-layout-region>
+</rapid-layout-region>

package/.genx/tests/fixtures/testapp/client/src/routes/home/home.template.ts

@@ -1,4 +1,4 @@
-import { html } from '@microsoft/fast-element';
+import { html } from '@genesislcap/web-core';
 import type { Home } from './home';
 
 export const HomeTemplate = html<Home>`

package/.genx/versions.json

@@ -1,5 +1,5 @@
 {
-  "UI": "14.180.8",
-  "GSF": "7.2.6",
+  "UI": "14.180.6",
+  "GSF": "7.2.5",
   "Auth": "7.2.1"
 }

package/.github/workflows/build.yml

@@ -2,7 +2,7 @@ name: Build
 
 on:
   pull_request:
-    branches: [main, master, develop, alpha]
+    branches: [main, master, develop, alpha, prerelease]
   workflow_dispatch:
 
 jobs:

package/.github/workflows/release.yml

@@ -2,7 +2,7 @@ name: Release
 
 on:
   push:
-    branches: [main,prerelease]
+    branches: [main, prerelease]
 
 jobs:
   release:
@@ -22,9 +22,19 @@ jobs:
         env:
           GH_TOKEN: ${{secrets.GH_USER_TOKEN}}
         run: |
+          touch /tmp/dist-tag # create a blank file, so it's always there even if we don't do a release
           npm install
           npm run release
 
+      - name: Set dist tag
+        id: dist-tag
+        run: |
+          {
+            echo 'DIST_TAG<<EOF'
+            cat /tmp/dist-tag
+            echo EOF
+          } >> "$GITHUB_OUTPUT"
+
       - name: Generate .npmignore
         run: cp .gitignore .npmignore && echo '!.gitignore' >> .npmignore && cat .npmignore
 
@@ -35,4 +45,5 @@ jobs:
         uses: JS-DevTools/npm-publish@v3
         with:
           token: ${{secrets.NPM_TOKEN}}
+          tag: ${{ steps.dist-tag.outputs.DIST_TAG }}
 

package/.releaserc

@@ -56,6 +56,12 @@
         ]
       }
     ],
+    [
+      "@semantic-release/exec",
+      {
+        "publishCmd": "echo \"${nextRelease.channel}\" > /tmp/dist-tag"
+      }
+    ],
     [
       "@semantic-release/git",
       {

package/CHANGELOG.md

@@ -1,11 +1,26 @@
 # Changelog
 
-## [3.10.6](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v3.10.5...v3.10.6) (2024-05-23)
+## [3.11.0-prerelease.1](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v3.10.6-prerelease.2...v3.11.0-prerelease.1) (2024-05-23)
+
+
+### Features
+
+* rapid design system and web-core prelim [FUI-1948](https://github.com/genesiscommunitysuccess/blank-app-seed/issues/1948) (#210) 75f4d78
+
+## [3.10.6-prerelease.2](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v3.10.6-prerelease.1...v3.10.6-prerelease.2) (2024-05-23)
+
+
+### Bug Fixes
+
+* populate dist tag correctly GENC-511 (#224) a34021b
+
+## [3.10.6-prerelease.1](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v3.10.5...v3.10.6-prerelease.1) (2024-05-23)
 
 
 ### Bug Fixes
 
-* ability to set position in search-bar GENC-498 (#227) 279093b, closes PSD-9
+* build config update GENC-511 (#223) 3b55d54
+* remove reference to FAST GENC-511 (#222) f5adba4
 
 ## [3.10.5](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v3.10.4...v3.10.5) (2024-05-22)
 

package/README.md

@@ -57,8 +57,7 @@ When first opening the project, if you receive a notification from IntelliJ IDE
 ### Web Client
 
 The Web client for this project can be found [here](./client/README.md). It is built using Genesis's next
-generation web development framework, which is based on Web Components. Our state-of-the-art design system and component
-set is built on top of [Microsoft FAST](https://www.fast.design/docs/introduction/).
+generation web development framework, which is based on Web Components.
 
 # License
 

package/client/README.md

@@ -3,8 +3,6 @@
 ## Frontend stack
 
 Genesis components are standards-based Web Components, making them compatible with almost any modern web framework.
-Our state-of-the-art design system and component set is built on top of
-[Microsoft FAST](https://www.fast.design/docs/introduction/).
 
 # Development
 
@@ -46,6 +44,19 @@ Baseline task combines `clean` and `bootstrap` tasks into a single command:
 npm run baseline
 ```
 
+## Styling
+
+Genesis components are registered with a [Design System](https://learn.genesis.global/docs/web/design-systems/introduction/),
+and the default system is named `rapid`. Design systems are highly configurable. You can configure them by importing and
+modifying the tokens directly, or by using our [Design System Configuration](https://learn.genesis.global/docs/web/design-systems/preview/)
+tool in the context of your application.
+
+Simply run the application, configure the design system, select Save Changes, and hit Save on popup, then restart your application.
+
+```shell
+npm run dsconfig
+```
+
 ## Custom Elements IntelliSense
 
 Using any modern editor, you'll receive IntelliSense help while writing TypeScript code while working in the repo. However, you'll also likely be writing a lot of html markup inside of "html\`\`" blocks.

package/client/package.json

@@ -15,7 +15,8 @@
     },
     "federation": {
       "remotes": [
-        "@genesislcap/foundation-zero"
+        "@genesislcap/foundation-zero",
+        "@genesislcap/rapid-design-system"
       ]
     }
   },
@@ -99,6 +100,7 @@
     "@genesislcap/foundation-layout": "{{versions.UI}}",
     "@genesislcap/foundation-logger": "{{versions.UI}}",
     "@genesislcap/foundation-login": "{{versions.UI}}",
+    "@genesislcap/foundation-notifications": "{{versions.UI}}",
     "@genesislcap/foundation-shell": "{{versions.UI}}",
     "@genesislcap/foundation-store": "{{versions.UI}}",
     "@genesislcap/foundation-ui": "{{versions.UI}}",
@@ -106,11 +108,9 @@
     "@genesislcap/foundation-zero": "{{versions.UI}}",
     "@genesislcap/foundation-zero-grid-pro": "{{versions.UI}}",
     "@genesislcap/g2plot-chart": "{{versions.UI}}",
-    "@microsoft/fast-components": "^2.21.6",
-    "@microsoft/fast-element": "^1.7.0",
-    "@microsoft/fast-foundation": "^2.33.4",
-    "@microsoft/fast-router": "^0.4.2",
-    "@microsoft/fast-web-utilities": "^5.1.0",
+    "@genesislcap/rapid-design-system": "{{versions.UI}}",
+    "@genesislcap/rapid-grid-pro": "{{versions.UI}}",
+    "@genesislcap/web-core": "{{versions.UI}}",
     "numeral": "2.0.6",
     "rxjs": "^7.5.4",
     "tslib": "^2.3.1"
@@ -125,12 +125,16 @@
     "@genesislcap/foundation-layout": "{{versions.UI}}",
     "@genesislcap/foundation-logger": "{{versions.UI}}",
     "@genesislcap/foundation-login": "{{versions.UI}}",
+    "@genesislcap/foundation-notifications": "{{versions.UI}}",
     "@genesislcap/foundation-shell": "{{versions.UI}}",
     "@genesislcap/foundation-store": "{{versions.UI}}",
     "@genesislcap/foundation-ui": "{{versions.UI}}",
     "@genesislcap/foundation-utils": "{{versions.UI}}",
     "@genesislcap/foundation-zero": "{{versions.UI}}",
     "@genesislcap/foundation-zero-grid-pro": "{{versions.UI}}",
-    "@genesislcap/g2plot-chart": "{{versions.UI}}"
-}
+    "@genesislcap/g2plot-chart": "{{versions.UI}}",
+    "@genesislcap/rapid-design-system": "{{versions.UI}}",
+    "@genesislcap/rapid-grid-pro": "{{versions.UI}}",
+    "@genesislcap/web-core": "{{versions.UI}}"
+  }
 }

package/client/src/components/components.ts

@@ -1,75 +1,63 @@
 import { EntityManagement } from '@genesislcap/foundation-entity-management';
 import { Form } from '@genesislcap/foundation-forms';
-import { Navigation } from '@genesislcap/foundation-header';
 import { foundationLayoutComponents } from '@genesislcap/foundation-layout';
 import { getApp } from '@genesislcap/foundation-shell/app';
 import { FoundationRouter } from '@genesislcap/foundation-ui';
-import {
-  assureDesignSystem,
-  DesignSystemModule,
-  ResourceType,
-} from '@genesislcap/foundation-utils';
+import * as zeroDesignSystem from '@genesislcap/foundation-zero';
 import { zeroGridComponents } from '@genesislcap/foundation-zero-grid-pro';
 import { g2plotChartsComponents } from '@genesislcap/g2plot-chart';
-import { logger } from '../utils';
+import * as rapidDesignSystem from '@genesislcap/rapid-design-system';
+import { rapidGridComponents } from '@genesislcap/rapid-grid-pro';
 
 /**
  * Ensure tree shaking doesn't remove these.
  */
 FoundationRouter;
-Navigation;
 EntityManagement;
 Form;
 
-/**
- * zeroDesignSystemImport.
- * @remarks
- * Attempts to use a module federation version of zero before falling back to the version that was bundled with the app.
- * @internal
- */
-async function zeroDesignSystemImport(): Promise<DesignSystemModule> {
-  let module: DesignSystemModule;
-  let type: ResourceType = ResourceType.remote;
-  try {
-    module = await import(
-      /* webpackChunkName: "foundation-zero" */
-      'foundationZero/ZeroDesignSystem'
-    );
-    return assureDesignSystem(module);
-  } catch (e) {
-    logger.info(
-      `Please note remoteEntry.js load errors are expected if module federated dependencies are offline. Falling back to locally bundled versions.`,
-    );
-    type = ResourceType.local;
-    module = await import(
-      /* webpackChunkName: "foundation-zero" */
-      '@genesislcap/foundation-zero'
-    );
-    return assureDesignSystem(module);
-  } finally {
-    logger.debug(`Using '${type}' version of foundation-zero`);
-  }
-}
-
 /**
  * registerComponents.
  * @public
  */
 export async function registerComponents() {
-  const designSystem = await zeroDesignSystemImport();
-  const { provideDesignSystem, baseComponents } = designSystem;
-
+  const { configure: configureHeader } = await import('@genesislcap/foundation-header/config');
   /**
    * Register any PBC components with the design system
    */
   getApp().registerComponents({
-    designSystem,
+    designSystem: rapidDesignSystem,
   });
 
-  provideDesignSystem().register(
-    baseComponents,
-    zeroGridComponents,
-    g2plotChartsComponents,
-    foundationLayoutComponents,
-  );
+  rapidDesignSystem
+    .provideDesignSystem()
+    .register(
+      rapidDesignSystem.baseComponents,
+      rapidGridComponents,
+      g2plotChartsComponents,
+      foundationLayoutComponents,
+    );
+
+  configureHeader({
+    templateOptions: {
+      icon: 'rapid-icon',
+      button: 'rapid-button',
+      connectionIndicator: 'rapid-connection-indicator',
+      select: 'rapid-select',
+      option: 'rapid-option',
+      flyout: 'rapid-flyout',
+    },
+  });
+
+  /**
+   * Still required while we transition all PBCs to rapid. Remove when complete.
+   */
+  zeroDesignSystem
+    .provideDesignSystem()
+    .register(
+      zeroDesignSystem.baseComponents,
+      zeroGridComponents,
+      g2plotChartsComponents,
+      foundationLayoutComponents,
+    );
 }

package/client/src/layouts/default.ts

@@ -1,7 +1,6 @@
 import { getApp } from '@genesislcap/foundation-shell/app';
 import type { FoundationRouter } from '@genesislcap/foundation-ui';
-import { css, html } from '@microsoft/fast-element';
-import { FASTElementLayout } from '@microsoft/fast-router';
+import { css, GenesisElementLayout, html } from '@genesislcap/web-core';
 import type { Store } from '../store';
 
 type ClientAppRouter = FoundationRouter & { store: Store };
@@ -25,7 +24,7 @@ const baseLayoutCss = css`
   }
 `;
 
-export const loginLayout = new FASTElementLayout(
+export const loginLayout = new GenesisElementLayout(
   html<ClientAppRouter>`
     <div class="container">
       <div class="content">
@@ -36,7 +35,7 @@ export const loginLayout = new FASTElementLayout(
   baseLayoutCss,
 );
 
-export const defaultLayout = new FASTElementLayout(
+export const defaultLayout = new GenesisElementLayout(
   html<ClientAppRouter>`
     <div class="container">
       ${app.registerElementsTarget('layout-start')}
@@ -57,7 +56,7 @@ export const defaultLayout = new FASTElementLayout(
     ${baseLayoutCss}
 
     .content {
-      padding-top: 60px;
+      padding-top: var(--nav-height);
     }
 
     foundation-header {
@@ -66,11 +65,12 @@ export const defaultLayout = new FASTElementLayout(
       top: 0;
       left: 0;
       width: 100%;
+      height: var(--nav-height);
       align-items: center;
       border: none;
     }
 
-    zero-tree-item zero-icon {
+    rapid-tree-item rapid-icon {
       color: #879ba6;
       padding-right: 10px;
     }
@@ -83,13 +83,13 @@ export const defaultLayout = new FASTElementLayout(
       position: relative;
     }
 
-    zero-flyout::part(flyout) {
+    rapid-flyout::part(flyout) {
       width: 40%;
       min-width: 320px;
       padding: 0;
     }
 
-    zero-flyout::part(content) {
+    rapid-flyout::part(content) {
       height: 100%;
     }
   `.withBehaviors(app.registerStylesTarget('layout')),

package/client/src/main/main.styles.ts

@@ -1,5 +1,5 @@
 import { getApp } from '@genesislcap/foundation-shell/app';
-import { css } from '@microsoft/fast-element';
+import { css } from '@genesislcap/web-core';
 import { stylesFontFaces } from '../styles';
 import './main.css';
 
@@ -8,15 +8,16 @@ export const MainStyles = css`
   :host {
     contain: content;
 
-    --nav-height: 60px;
+    --nav-height: 39px;
   }
 
   :host,
-  zero-design-system-provider,
+  rapid-design-system-provider,
   .dynamic-template,
   foundation-router {
     display: flex;
     width: 100%;
     height: 100%;
+    background-color: var(--neutral-layer-4);
   }
 `.withBehaviors(getApp().registerStylesTarget('main'));

package/client/src/main/main.template.ts

@@ -1,18 +1,17 @@
 import { LAYOUT_POPOUT_CONTAINER_CLASS } from '@genesislcap/foundation-layout';
-import { html, ref } from '@microsoft/fast-element';
-import type { ViewTemplate } from '@microsoft/fast-element';
+import { html, ref, ViewTemplate } from '@genesislcap/web-core';
 import type { MainApplication } from './main';
 
 export const DynamicTemplate: ViewTemplate<MainApplication> = html`
   <template>
-    <zero-design-system-provider ${ref('provider')} class="${LAYOUT_POPOUT_CONTAINER_CLASS}">
+    <rapid-design-system-provider ${ref('provider')} class="${LAYOUT_POPOUT_CONTAINER_CLASS}">
       <div class="dynamic-template">${(x) => x.selectTemplate()}</div>
-    </zero-design-system-provider>
+    </rapid-design-system-provider>
   </template>
 `;
 
 export const LoadingTemplate: ViewTemplate<MainApplication> = html`
-  <zero-progress-ring></zero-progress-ring>
+  <rapid-progress-ring></rapid-progress-ring>
 `;
 
 export const MainTemplate: ViewTemplate<MainApplication> = html`

package/client/src/main/main.ts

@@ -3,10 +3,18 @@ import { EventEmitter } from '@genesislcap/foundation-events';
 import { App } from '@genesislcap/foundation-shell/app';
 import { importPBCAssets } from '@genesislcap/foundation-shell/pbc';
 import { configureDesignSystem } from '@genesislcap/foundation-ui';
-import { baseLayerLuminance, StandardLuminance } from '@microsoft/fast-components';
-import { FASTElement, customElement, observable, DOM } from '@microsoft/fast-element';
-import { Container, inject, Registration } from '@microsoft/fast-foundation';
-import { DefaultRouteRecognizer } from '@microsoft/fast-router';
+import {
+  baseLayerLuminance,
+  customElement,
+  Container,
+  DefaultRouteRecognizer,
+  DOM,
+  GenesisElement,
+  inject,
+  observable,
+  Registration,
+  StandardLuminance,
+} from '@genesislcap/web-core';
 import * as Components from '../components';
 import { MainRouterConfig } from '../routes';
 import { Store, StoreEventDetailMap } from '../store';
@@ -28,7 +36,7 @@ const name = '{{rootElement}}';
   template,
   styles,
 })
-export class MainApplication extends EventEmitter<StoreEventDetailMap>(FASTElement) {
+export class MainApplication extends EventEmitter<StoreEventDetailMap>(GenesisElement) {
   @App app: App;
   @Connect connect!: Connect;
   @Container container!: Container;

package/client/src/routes/config.ts

@@ -5,13 +5,12 @@ import {
   Settings as LoginSettings,
 } from '@genesislcap/foundation-login';
 import { FoundationRouterConfiguration } from '@genesislcap/foundation-ui';
-import { optional } from '@microsoft/fast-foundation';
-import { Route } from '@microsoft/fast-router';
+import { optional, Route } from '@genesislcap/web-core';
 import { defaultLayout, loginLayout } from '../layouts';
-import { NotFound } from './not-found/not-found';
 {{#each routes}}
 import { {{pascalCase this.name}} } from './{{kebabCase this.name}}/{{kebabCase this.name}}';
 {{/each}}
+import { NotFound } from './not-found/not-found';
 
 // eslint-disable-next-line
 declare var ENABLE_SSO: string;

package/client/src/routes/not-found/not-found.styles.ts

@@ -1,4 +1,4 @@
-import { css } from '@microsoft/fast-element';
+import { css } from '@genesislcap/web-core';
 import { mixinScreen } from '../../styles';
 
 export const NotFoundStyles = css`

package/client/src/routes/not-found/not-found.template.ts

@@ -1,4 +1,4 @@
-import { html } from '@microsoft/fast-element';
+import { html } from '@genesislcap/web-core';
 import type { NotFound } from './not-found';
 
 export const NotFoundTemplate = html<NotFound>`

package/client/src/routes/not-found/not-found.ts

@@ -1,4 +1,4 @@
-import { customElement, FASTElement } from '@microsoft/fast-element';
+import { customElement, GenesisElement } from '@genesislcap/web-core';
 import { logger } from '../../utils';
 import { NotFoundStyles as styles } from './not-found.styles';
 import { NotFoundTemplate as template } from './not-found.template';
@@ -8,7 +8,7 @@ import { NotFoundTemplate as template } from './not-found.template';
   template,
   styles,
 })
-export class NotFound extends FASTElement {
+export class NotFound extends GenesisElement {
   public connectedCallback() {
     super.connectedCallback();
     logger.debug(`${name} is now connected to the DOM`);

package/client/src/styles/styles.ts

@@ -1,4 +1,4 @@
-import { css } from '@microsoft/fast-element';
+import { css } from '@genesislcap/web-core';
 import { mixinCardTitle } from './typography';
 
 export const stylesCardHeading = css`
@@ -22,9 +22,9 @@ export const mixinCardStyles = `
 /**
  * Temp as these parts are being removed from foundation-ui
  */
-export const hideZeroButtonParts = `
-  zero-button::part(info1),
-  zero-button::part(info2) {
+export const hideRapidButtonParts = `
+  rapid-button::part(info1),
+  rapid-button::part(info2) {
     display: none;
   }
 `;

package/client/src/types.ts

@@ -1,4 +1,4 @@
-import { DI } from '@microsoft/fast-foundation';
+import { DI } from '@genesislcap/web-core';
 
 export const HostENV = DI.createInterface<string>();
 

package/client/src/typings.d.ts

@@ -1,4 +1,5 @@
 declare module 'foundationZero/ZeroDesignSystem';
+declare module 'rapidDesignSystem/RapidDesignSystem';
 declare module '*.png';
 declare module '*.jpg';
 declare module '*.svg';

package/client/tsconfig.json

@@ -4,7 +4,7 @@
       {
         "name": "@genesiscommunitysuccess/custom-elements-lsp",
         "srcRouteFromTSServer": "../../..",
-        "designSystemPrefix": "zero",
+        "designSystemPrefix": "rapid",
         "parser": {
           "fastEnable": true,
           "timeout": 2000,

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "@genesislcap/blank-app-seed",
   "description": "Genesis Blank App Seed",
-  "version": "3.10.6",
+  "version": "3.11.0-prerelease.1",
   "license": "Apache-2.0",
   "scripts": {
     "release": "semantic-release"
   },
   "devDependencies": {
     "@semantic-release/changelog": "^6.0.3",
+    "@semantic-release/exec": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
     "conventional-changelog-conventionalcommits": "^6.1.0",
     "semantic-release": "^21.0.7",