@genesislcap/documentation-components 14.266.1 → 14.267.0

package/dist/dts/components/design-system-editor/design-system-editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"design-system-editor.d.ts","sourceRoot":"","sources":["../../../../src/components/design-system-editor/design-system-editor.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,WAAW,EAAwC,MAAM,yBAAyB,CAAC;AAE5F,OAAO,EAGL,sBAAsB,EACtB,YAAY,EAEb,MAAM,aAAa,CAAC;AA+FrB,qBAKa,kBAAmB,SAAQ,WAAW;IACW,gBAAgB,EAAE,OAAO,CAAS;IAC3E,aAAa,EAAE,YAAY,EAAE,CAAC;IAE3C,uBAAuB,CAAC,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO;IAmB3D,cAAc,EAAE,GAAG,CAAM;IAGzB,EAAE,SAAU;IACnB,SAAS,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAoBrC,QAAQ,EAAE,OAAO,CAAyD;IAC1E,SAAS,EAAE,MAAM,CAA0B;IAG3C,YAAY,EAAE,MAAM,CAA6B;IAGjD,WAAW,EAAE,MAAM,CAA4B;IAG/C,QAAQ,EAAE,MAAM,CAAyB;IAGzC,OAAO,EAAE,MAAM,CAAwB;IAGvC,YAAY,EAAE,MAAM,CAA6B;IAGjD,WAAW,EAAE,MAAM,CAA4B;IAG/C,UAAU,EAAE,MAAM,CAA2B;IAG7C,YAAY,EAAE,MAAM,CAA6B;IAGjD,cAAc,EAAE,MAAM,CAA+B;IAEhD,eAAe,EAAE,OAAO,CAAQ;IAC5C,OAAO,CAAC,qBAAqB,CAAkB;IAE/C,aAAa,MAAO,WAAW,KAAG,IAAI,CAsBpC;IAEF,oBAAoB,kCAIlB;IAEF,iBAAiB,MAAO,WAAW,KAAG,IAAI,CAKxC;IAEF,WAAW;IAgBX,mBAAmB,mBAUjB;IAEF,eAAe,CAAC,EAAE,EAAE,sBAAsB;IAe1C,aAAa;IAUb,YAAY,sBAIV;IAEF,iBAAiB;CAWlB"}
+{"version":3,"file":"design-system-editor.d.ts","sourceRoot":"","sources":["../../../../src/components/design-system-editor/design-system-editor.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,WAAW,EAAwC,MAAM,yBAAyB,CAAC;AAE5F,OAAO,EAGL,sBAAsB,EACtB,YAAY,EAEb,MAAM,aAAa,CAAC;AA0ErB,qBAKa,kBAAmB,SAAQ,WAAW;IACW,gBAAgB,EAAE,OAAO,CAAS;IAC3E,aAAa,EAAE,YAAY,EAAE,CAAC;IAE3C,uBAAuB,CAAC,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO;IAe3D,cAAc,EAAE,GAAG,CAAM;IAGzB,EAAE,SAAW;IACpB,SAAS,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAoBrC,QAAQ,EAAE,OAAO,CAA0D;IAC3E,SAAS,EAAE,MAAM,CAA2B;IAG5C,YAAY,EAAE,MAAM,CAA8B;IAGlD,WAAW,EAAE,MAAM,CAA6B;IAGhD,QAAQ,EAAE,MAAM,CAA0B;IAG1C,OAAO,EAAE,MAAM,CAAyB;IAGxC,YAAY,EAAE,MAAM,CAA8B;IAGlD,WAAW,EAAE,MAAM,CAA6B;IAGhD,UAAU,EAAE,MAAM,CAA4B;IAG9C,YAAY,EAAE,MAAM,CAA8B;IAGlD,cAAc,EAAE,MAAM,CAAgC;IAEjD,eAAe,EAAE,OAAO,CAAQ;IAC5C,OAAO,CAAC,qBAAqB,CAAkB;IAE/C,aAAa,MAAO,WAAW,KAAG,IAAI,CAsBpC;IAEF,oBAAoB,kCAIlB;IAEF,iBAAiB,MAAO,WAAW,KAAG,IAAI,CAKxC;IAEF,WAAW;IAgBX,mBAAmB,mBAUjB;IAEF,eAAe,CAAC,EAAE,EAAE,sBAAsB;IAe1C,aAAa;IAUb,YAAY,sBAIV;IAEF,iBAAiB;CAWlB"}

package/dist/dts/components/design-system-export/design-system-export.d.ts

@@ -1,8 +1,7 @@
-import { Modal } from '@genesislcap/alpha-design-system';
+import { Modal } from '@genesislcap/foundation-ui';
 import { FASTElement } from '@microsoft/fast-element';
 export declare class DesignSystemExport extends FASTElement {
     modal: Modal;
-    closeAlphaDialogTrigger: HTMLElement;
     value: any;
     tokensPath: any;
     connectedCallback(): void;

package/dist/dts/components/design-system-export/design-system-export.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"design-system-export.d.ts","sourceRoot":"","sources":["../../../../src/components/design-system-export/design-system-export.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAEzD,OAAO,EAAuB,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAM3E,qBAKa,kBAAmB,SAAQ,WAAW;IAC1C,KAAK,EAAE,KAAK,CAAC;IACb,uBAAuB,EAAE,WAAW,CAAC;IAC/B,KAAK,MAAC;IACb,UAAU,MAAC;IACV,iBAAiB;IAQjB,YAAY,0BA2DjB;IAEK,SAAS,aAEd;IAEK,UAAU,aAEf;IAEK,YAAY,aAsBjB;CACH"}
+{"version":3,"file":"design-system-export.d.ts","sourceRoot":"","sources":["../../../../src/components/design-system-export/design-system-export.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,EAAE,MAAM,4BAA4B,CAAC;AACvE,OAAO,EAAuB,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAM3E,qBAKa,kBAAmB,SAAQ,WAAW;IAC1C,KAAK,EAAE,KAAK,CAAC;IACP,KAAK,MAAC;IACb,UAAU,MAAC;IACV,iBAAiB;IAQjB,YAAY,0BA2DjB;IAEK,SAAS,aAEd;IAEK,UAAU,aAEf;IAEK,YAAY,aAsBjB;CACH"}

package/dist/dts/components/design-system-preview/design-system-preview.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"design-system-preview.template.d.ts","sourceRoot":"","sources":["../../../../src/components/design-system-preview/design-system-preview.template.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,eAAO,MAAM,2BAA2B,0EA6BvC,CAAC"}
+{"version":3,"file":"design-system-preview.template.d.ts","sourceRoot":"","sources":["../../../../src/components/design-system-preview/design-system-preview.template.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAc9D,eAAO,MAAM,2BAA2B,0EA6BvC,CAAC"}

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

@@ -1,5 +1,5 @@
-import { Modal, Dialog, Banner } from '@genesislcap/alpha-design-system';
-import { ActionMenuItem, DropdownMenuItem } from '@genesislcap/foundation-ui';
+import { ActionMenuItem, DropdownMenuItem, Modal } from '@genesislcap/foundation-ui';
+import { Banner, Dialog } from '@genesislcap/foundation-ui';
 import { FASTElement } from '@microsoft/fast-element';
 export declare class PreviewComponents extends FASTElement {
     modal: Modal;

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

@@ -1 +1 @@
-{"version":3,"file":"preview-components.d.ts","sourceRoot":"","sources":["../../../../src/components/preview-components/preview-components.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AACzE,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAE9E,OAAO,EAA4B,WAAW,EAAc,MAAM,yBAAyB,CAAC;AAO5F,qBAKa,iBAAkB,SAAQ,WAAW;IAEzC,KAAK,EAAE,KAAK,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,oBAAoB,EAAE,cAAc,CAAC;IAE/B,MAAM,SAAU;IACjB,sBAAsB,SAAkB;IACxC,uBAAuB,SAAkB;IACzC,uBAAuB,SAAsB;IAC7C,oBAAoB,SAAiB;IACrC,qBAAqB,SAAa;IAClC,sBAAsB,SAAe;IACrC,SAAS,SAAW;IAEpB,KAAK,WAA8C;IACnD,SAAS,WA0BnB;IAEU,WAAW,EAAE,cAAc,EAAE,CAiBvC;IAEU,cAAc;;;;;;MAIxB;IACU,iBAAiB,EAAE,gBAAgB,EAAE,CA4C/C;IAEK,QAAQ,EAAE,WAAW,CAAC;IAE7B,iBAAiB;IAcjB,OAAO,CAAC,kBAAkB;IAS1B,OAAO,CAAC,eAAe;IAWvB,UAAU,CAAC,KAAK,KAAA;IAIhB,WAAW,CAAC,KAAK,KAAA;IAIjB,aAAa;CAGd"}
+{"version":3,"file":"preview-components.d.ts","sourceRoot":"","sources":["../../../../src/components/preview-components/preview-components.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AACrF,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAE5D,OAAO,EAA4B,WAAW,EAAc,MAAM,yBAAyB,CAAC;AAO5F,qBAKa,iBAAkB,SAAQ,WAAW;IAEzC,KAAK,EAAE,KAAK,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,oBAAoB,EAAE,cAAc,CAAC;IAE/B,MAAM,SAAW;IAClB,sBAAsB,SAAkB;IACxC,uBAAuB,SAAkB;IACzC,uBAAuB,SAAsB;IAC7C,oBAAoB,SAAiB;IACrC,qBAAqB,SAAa;IAClC,sBAAsB,SAAe;IACrC,SAAS,SAAW;IAEpB,KAAK,WAA8C;IACnD,SAAS,WA0BnB;IAEU,WAAW,EAAE,cAAc,EAAE,CAiBvC;IAEU,cAAc;;;;;;MAIxB;IACU,iBAAiB,EAAE,gBAAgB,EAAE,CA4C/C;IAEK,QAAQ,EAAE,WAAW,CAAC;IAE7B,iBAAiB;IAcjB,OAAO,CAAC,kBAAkB;IAS1B,OAAO,CAAC,eAAe;IAWvB,UAAU,CAAC,KAAK,KAAA;IAIhB,WAAW,CAAC,KAAK,KAAA;IAIjB,aAAa;CAGd"}

package/dist/dts/components/preview-form/preview-form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"preview-form.d.ts","sourceRoot":"","sources":["../../../../src/components/preview-form/preview-form.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,WAAW,EAAyB,MAAM,yBAAyB,CAAC;AAC5F,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAO1C,qBAKa,WAAY,SAAQ,WAAW;IAC9B,UAAU,EAAE,WAAW,CAAe;IACtC,QAAQ,mDAAY;IACpB,eAAe,EAAE,WAAW,CAAqB;IACjD,aAAa,mDAAiB;IAC7B,MAAM,SAAU;IACV,QAAQ,EAAE,WAAW,CAAC;IACtB,YAAY,EAAE,GAAG,CAQlC;IACU,iBAAiB,EAAE,GAAG,CAehC;IAEF,iBAAiB;IAcjB,OAAO,CAAC,kBAAkB;IAS1B,OAAO,CAAC,eAAe;CAGxB"}
+{"version":3,"file":"preview-form.d.ts","sourceRoot":"","sources":["../../../../src/components/preview-form/preview-form.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,WAAW,EAAyB,MAAM,yBAAyB,CAAC;AAC5F,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAO1C,qBAKa,WAAY,SAAQ,WAAW;IAC9B,UAAU,EAAE,WAAW,CAAe;IACtC,QAAQ,mDAAY;IACpB,eAAe,EAAE,WAAW,CAAqB;IACjD,aAAa,mDAAiB;IAC7B,MAAM,SAAW;IACX,QAAQ,EAAE,WAAW,CAAC;IACtB,YAAY,EAAE,GAAG,CAQlC;IACU,iBAAiB,EAAE,GAAG,CAehC;IAEF,iBAAiB;IAcjB,OAAO,CAAC,kBAAkB;IAS1B,OAAO,CAAC,eAAe;CAGxB"}

package/dist/dts/components/preview-grid/preview-grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"preview-grid.d.ts","sourceRoot":"","sources":["../../../../src/components/preview-grid/preview-grid.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,oBAAoB,EAAqB,MAAM,uCAAuC,CAAC;AAChG,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhD,OAAO,EAA4B,WAAW,EAAc,MAAM,yBAAyB,CAAC;AAO5F,qBAKa,WAAY,SAAQ,WAAW;IAEnC,IAAI,EAAE,OAAO,CAAC;IACR,MAAM,SAAU;IAGtB,QAAQ,EAAE,WAAW,CAAC;IAEjB,OAAO;;;;;;;;;;;;;;;;;;;;;;;;SAAsB;IAE7B,UAAU,EAAE,MAAM,EAAE,CA2C9B;IAEiB,WAAW,EAAE,WAAW,CAQzC;IAEK,cAAc;IAGrB,wBAAwB,uBAOtB;IAEK,qCAAqC,EAAE,GAAG,EAAE,CAWjD;IAEF,OAAO,CAAC,eAAe,CAiBrB;IAEK,gCAAgC,EAAE,MAAM,CAS7C;IAEK,yBAAyB;;;;;;;;;;;;MAc9B;IAEF,iBAAiB;IAejB,OAAO,CAAC,kBAAkB;IAS1B,OAAO,CAAC,eAAe;CAMxB"}
+{"version":3,"file":"preview-grid.d.ts","sourceRoot":"","sources":["../../../../src/components/preview-grid/preview-grid.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,oBAAoB,EAAqB,MAAM,uCAAuC,CAAC;AAChG,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhD,OAAO,EAA4B,WAAW,EAAc,MAAM,yBAAyB,CAAC;AAO5F,qBAKa,WAAY,SAAQ,WAAW;IAEnC,IAAI,EAAE,OAAO,CAAC;IACR,MAAM,SAAW;IAGvB,QAAQ,EAAE,WAAW,CAAC;IAEjB,OAAO;;;;;;;;;;;;;;;;;;;;;;;;SAAsB;IAE7B,UAAU,EAAE,MAAM,EAAE,CA2C9B;IAEiB,WAAW,EAAE,WAAW,CAQzC;IAEK,cAAc;IAGrB,wBAAwB,uBAOtB;IAEK,qCAAqC,EAAE,GAAG,EAAE,CAWjD;IAEF,OAAO,CAAC,eAAe,CAiBrB;IAEK,gCAAgC,EAAE,MAAM,CAS7C;IAEK,yBAAyB;;;;;;;;;;;;MAc9B;IAEF,iBAAiB;IAejB,OAAO,CAAC,kBAAkB;IAS1B,OAAO,CAAC,eAAe;CAMxB"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AA6BA,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAwBA,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC"}

package/dist/esm/components/design-system-editor/design-system-editor.js

@@ -1,5 +1,4 @@
 import { __awaiter, __decorate } from "tslib";
-import { designTokens as alphaDefaultDesignTokens } from '@genesislcap/alpha-design-system';
 import { loadRobotoFontFaces, designTokens as zeroDefaultDesignTokens, } from '@genesislcap/foundation-zero';
 import { designTokens as rapidDefaultDesignTokens } from '@genesislcap/rapid-design-system';
 import { StandardLuminance, Combobox, Select } from '@microsoft/fast-components';
@@ -34,18 +33,6 @@ const ZeroBadgeAppearance = {
     neutral: 'secondary',
     font: 'white',
 };
-const AlphaDefaults = mapDesignToken(alphaDefaultDesignTokens);
-const AlphaButtonApperance = {
-    accent: 'accent',
-    neutral: 'neutral',
-    outline: 'outline',
-    text: 'lightweight',
-};
-const AlphaBadgeAppearance = {
-    accent: 'primary',
-    neutral: 'neutral',
-    font: 'white',
-};
 const RapidDefaults = mapDesignToken(rapidDefaultDesignTokens);
 const RapidButtonApperance = {
     accent: 'primary',
@@ -65,12 +52,6 @@ const DS = {
         buttons: ZeroButtonApperance,
         badge: ZeroBadgeAppearance,
     },
-    alpha: {
-        prefix: 'alpha',
-        tokenDefaults: AlphaDefaults,
-        buttons: AlphaButtonApperance,
-        badge: AlphaBadgeAppearance,
-    },
     rapid: {
         prefix: 'rapid',
         tokenDefaults: RapidDefaults,
@@ -89,18 +70,18 @@ let DesignSystemEditor = class DesignSystemEditor extends FASTElement {
         super(...arguments);
         this.customDesignMode = false;
         this.userSelections = {};
-        this.ds = 'zero';
-        this.darkMode = ZeroDefaults.luminance === StandardLuminance.DarkMode;
-        this.luminance = ZeroDefaults.luminance;
-        this.neutralColor = ZeroDefaults.neutralColor;
-        this.accentColor = ZeroDefaults.accentColor;
-        this.bodyFont = ZeroDefaults.bodyFont;
-        this.density = ZeroDefaults.density;
-        this.borderRadius = ZeroDefaults.borderRadius;
-        this.strokeWidth = ZeroDefaults.strokeWidth;
-        this.designUnit = ZeroDefaults.designUnit;
-        this.baseFontSize = ZeroDefaults.baseFontSize;
-        this.baseLineHeight = ZeroDefaults.baseLineHeight;
+        this.ds = 'rapid';
+        this.darkMode = RapidDefaults.luminance === StandardLuminance.DarkMode;
+        this.luminance = RapidDefaults.luminance;
+        this.neutralColor = RapidDefaults.neutralColor;
+        this.accentColor = RapidDefaults.accentColor;
+        this.bodyFont = RapidDefaults.bodyFont;
+        this.density = RapidDefaults.density;
+        this.borderRadius = RapidDefaults.borderRadius;
+        this.strokeWidth = RapidDefaults.strokeWidth;
+        this.designUnit = RapidDefaults.designUnit;
+        this.baseFontSize = RapidDefaults.baseFontSize;
+        this.baseLineHeight = RapidDefaults.baseLineHeight;
         this.preserveOptions = true;
         this.tokenUpdateInProgress = false;
         this.changeHandler = (e) => {
@@ -155,11 +136,7 @@ let DesignSystemEditor = class DesignSystemEditor extends FASTElement {
     }
     customDesignModeChanged(oldValue, newValue) {
         return __awaiter(this, void 0, void 0, function* () {
-            const defaultDesignSystems = [
-                { name: 'Zero', value: 'zero' },
-                { name: 'Foundation UI', value: 'alpha' },
-                { name: 'Rapid', value: 'rapid' },
-            ];
+            const defaultDesignSystems = [{ name: 'Rapid', value: 'rapid' }];
             if (this.customDesignMode) {
                 const { appName = 'Custom Design', dsPrefix = 'custom' } = yield this.getAppDetails();
                 const customDesignSystem = { name: appName, value: dsPrefix };

package/dist/esm/components/design-system-editor/design-system-editor.styles.js

@@ -10,8 +10,8 @@ export const DesignSystemEditorStyles = css `
   }
 
   .configuration {
-    background: #fafafa;
-    color: #333;
+    background: #333;
+    color: #fafafa;
     width: 300px;
     flex: none;
     padding: 15px;
@@ -76,32 +76,32 @@ export const DesignSystemEditorStyles = css `
     overflow: auto;
   }
 
-  alpha-select {
+  rapid-select {
     min-width: 190px;
   }
 
-  alpha-combobox {
+  rapid-combobox {
     min-width: 100px;
   }
 
-  alpha-slider-label {
+  rapid-slider-label {
     font-size: 10px;
   }
 
-  alpha-slider {
+  rapid-slider {
     margin-top: 12px;
   }
 
-  alpha-slider::part(thumb-container) {
+  rapid-slider::part(thumb-container) {
     border: 1px solid var(--neutral-stroke-hover);
     border-radius: calc(var(--control-corner-radius) * 1px);
   }
 
-  alpha-checkbox::part(control) {
+  rapid-checkbox::part(control) {
     width: 32px;
   }
 
-  alpha-checkbox::part(label) {
+  rapid-checkbox::part(label) {
     color: #333;
     padding: 15px;
     font-size: 12px;
@@ -125,11 +125,11 @@ export const DesignSystemEditorStyles = css `
     margin-top: 20px;
   }
 
-  alpha-text-field::part(root) {
+  rapid-text-field::part(root) {
     height: 30px;
   }
 
-  alpha-button {
+  rapid-button {
     margin: 0;
   }
 `;

package/dist/esm/components/design-system-editor/design-system-editor.template.js

@@ -9,14 +9,14 @@ export const DesignSystemEditorTemplate = html `
               <label for="body-font">Design System</label>
             </div>
             <div class="input">
-              <alpha-select
+              <rapid-select
                 name="ds"
                 @change="${(x, c) => x.changeHandler(c.event)}"
               >
                 ${repeat((x) => x.designSystems, html `
-                    <alpha-option value="${(x) => x.value}">${(x) => x.name}</alpha-option>
+                    <rapid-option value="${(x) => x.value}">${(x) => x.name}</rapid-option>
                   `)}
-              </alpha-select>
+              </rapid-select>
             </div>
           </div>
         `)}
@@ -32,12 +32,12 @@ export const DesignSystemEditorTemplate = html `
             :value="${(x) => x.accentColor}"
             @input="${(x, c) => x.changeHandler(c.event)}"
           />
-          <alpha-text-field
+          <rapid-text-field
             name="accentColor"
             type="text"
             :value="${(x) => x.accentColor}"
             @input="${(x, c) => x.changeHandler(c.event)}"
-          ></alpha-text-field>
+          ></rapid-text-field>
         </div>
       </div>
 
@@ -52,12 +52,12 @@ export const DesignSystemEditorTemplate = html `
             :value="${(x) => x.neutralColor}"
             @input="${(x, c) => x.changeHandler(c.event)}"
           />
-          <alpha-text-field
+          <rapid-text-field
             name="neutralColor"
             type="text"
             :value="${(x) => x.neutralColor}"
             @input="${(x, c) => x.changeHandler(c.event)}"
-          ></alpha-text-field>
+          ></rapid-text-field>
         </div>
       </div>
 
@@ -66,21 +66,21 @@ export const DesignSystemEditorTemplate = html `
           <label for="body-font">Body Font</label>
         </div>
         <div class="input">
-          <alpha-combobox
+          <rapid-combobox
             name="bodyFont"
             autocomplete="both"
             :value="${(x) => x.bodyFont}"
             @change="${(x, c) => x.changeHandler(c.event)}"
           >
-            <alpha-option value="Roboto">Roboto</alpha-option>
-            <alpha-option value="Segoe UI">Segoe UI</alpha-option>
-            <alpha-option value="Monospace">Monospace</alpha-option>
-            <alpha-option value="Times New Roman">Times New Roman</alpha-option>
-            <alpha-option value="Helvetica">Helvetica</alpha-option>
-            <alpha-option value="Garamond">Garamond</alpha-option>
-            <alpha-option value="Georgia">Georgia</alpha-option>
-            <alpha-option value="Verdana">Verdana</alpha-option>
-          </alpha-combobox>
+            <rapid-option value="Roboto">Roboto</rapid-option>
+            <rapid-option value="Segoe UI">Segoe UI</rapid-option>
+            <rapid-option value="Monospace">Monospace</rapid-option>
+            <rapid-option value="Times New Roman">Times New Roman</rapid-option>
+            <rapid-option value="Helvetica">Helvetica</rapid-option>
+            <rapid-option value="Garamond">Garamond</rapid-option>
+            <rapid-option value="Georgia">Georgia</rapid-option>
+            <rapid-option value="Verdana">Verdana</rapid-option>
+          </rapid-combobox>
         </div>
       </div>
 
@@ -89,20 +89,20 @@ export const DesignSystemEditorTemplate = html `
           <label for="base-font-size">Base Font Size</label>
         </div>
         <div class="input">
-          <alpha-combobox
+          <rapid-combobox
             name="baseFontSize"
             autocomplete="both"
             :value="${(x) => x.baseFontSize}"
             @change="${(x, c) => x.changeHandler(c.event)}"
           >
-            <alpha-option value="8px">8px</alpha-option>
-            <alpha-option value="10px">10px</alpha-option>
-            <alpha-option value="12px">12px</alpha-option>
-            <alpha-option value="14px">14px</alpha-option>
-            <alpha-option value="16px">16px</alpha-option>
-            <alpha-option value="20px">20px</alpha-option>
-            <alpha-option value="24px">24px</alpha-option>
-          </alpha-combobox>
+            <rapid-option value="8px">8px</rapid-option>
+            <rapid-option value="10px">10px</rapid-option>
+            <rapid-option value="12px">12px</rapid-option>
+            <rapid-option value="14px">14px</rapid-option>
+            <rapid-option value="16px">16px</rapid-option>
+            <rapid-option value="20px">20px</rapid-option>
+            <rapid-option value="24px">24px</rapid-option>
+          </rapid-combobox>
         </div>
       </div>
 
@@ -111,19 +111,19 @@ export const DesignSystemEditorTemplate = html `
           <label for="base-line-height">Base Line Height</label>
         </div>
         <div class="input">
-          <alpha-combobox
+          <rapid-combobox
             name="baseLineHeight"
             autocomplete="both"
             :value="${(x) => x.baseLineHeight}"
             @change="${(x, c) => x.changeHandler(c.event)}"
           >
-            <alpha-option value="12px">12px</alpha-option>
-            <alpha-option value="14px">14px</alpha-option>
-            <alpha-option value="16px">16px</alpha-option>
-            <alpha-option value="20px">20px</alpha-option>
-            <alpha-option value="24px">24px</alpha-option>
-            <alpha-option value="28px">28px</alpha-option>
-          </alpha-combobox>
+            <rapid-option value="12px">12px</rapid-option>
+            <rapid-option value="14px">14px</rapid-option>
+            <rapid-option value="16px">16px</rapid-option>
+            <rapid-option value="20px">20px</rapid-option>
+            <rapid-option value="24px">24px</rapid-option>
+            <rapid-option value="28px">28px</rapid-option>
+          </rapid-combobox>
         </div>
       </div>
 
@@ -132,7 +132,7 @@ export const DesignSystemEditorTemplate = html `
           <label for="dark-mode-switch">Dark mode</label>
         </div>
         <div class="input">
-          <alpha-switch
+          <rapid-switch
             name="darkMode"
             :checked="${(x) => x.darkMode}"
             @change="${(x, c) => x.modeChangeHandler(c.event)}
@@ -140,7 +140,7 @@ export const DesignSystemEditorTemplate = html `
           >
             <span slot="checked-message">On</span>
             <span slot="unchecked-message">Off</span>
-          </alpha-switch>
+          </rapid-switch>
         </div>
       </div>
 
@@ -149,14 +149,14 @@ export const DesignSystemEditorTemplate = html `
           <label for="density-slider">Density</label>
         </div>
         <div class="input">
-          <alpha-slider
+          <rapid-slider
             name="density"
             min="-3"
             max="3"
             step="1"
             :value="${(x) => x.density}"
             @change="${(x, c) => x.changeHandler(c.event)}"
-          ></alpha-slider>
+          ></rapid-slider>
         </div>
       </div>
 
@@ -165,14 +165,14 @@ export const DesignSystemEditorTemplate = html `
           <label for="design-unit-slider">Design Unit</label>
         </div>
         <div class="input">
-          <alpha-slider
+          <rapid-slider
             name="designUnit"
             min="1"
             max="10"
             step="1"
             :value="${(x) => x.designUnit}"
             @change="${(x, c) => x.changeHandler(c.event)}"
-          ></alpha-slider>
+          ></rapid-slider>
         </div>
       </div>
 
@@ -181,14 +181,14 @@ export const DesignSystemEditorTemplate = html `
           <label for="border-radius-slider">Border radius</label>
         </div>
         <div class="input">
-          <alpha-slider
+          <rapid-slider
             name="borderRadius"
             min="0"
             max="20"
             step="1"
             :value="${(x) => x.borderRadius}"
             @change="${(x, c) => x.changeHandler(c.event)}"
-          ></alpha-slider>
+          ></rapid-slider>
         </div>
       </div>
 
@@ -197,24 +197,24 @@ export const DesignSystemEditorTemplate = html `
           <label for="stroke-width-slider">Stroke width</label>
         </div>
         <div class="input">
-          <alpha-slider
+          <rapid-slider
             name="strokeWidth"
             min="1"
             max="4"
             step="1"
             :value="${(x) => x.strokeWidth}"
             @change="${(x, c) => x.changeHandler(c.event)}"
-          ></alpha-slider>
+          ></rapid-slider>
         </div>
       </div>
       ${when((x) => !x.customDesignMode, html `
-          <alpha-checkbox :checked="${sync((x) => x.preserveOptions, 'boolean')}">
+          <rapid-checkbox :checked="${sync((x) => x.preserveOptions, 'boolean')}">
             Preserve selected options when changing design systems
-          </alpha-checkbox>
+          </rapid-checkbox>
         `)}
 
       <div class="footer-row">
-        <alpha-button appearance="accent" @click="${(x) => x.resetChanges()}">Reset</alpha-button>
+        <rapid-button appearance="accent" @click="${(x) => x.resetChanges()}">Reset</rapid-button>
         <slot name="export"></slot>
       </div>
     </div>

package/dist/esm/components/design-system-export/design-system-export.template.js

@@ -2,22 +2,22 @@ import { html, ref, when } from '@microsoft/fast-element';
 export const DesignSystemExportTemplate = html `
   <template>
     <div class="export">
-      <alpha-button appearance="accent" @click="${(x) => x.showModal()}">Save Changes</alpha-button>
-      <alpha-modal ${ref('modal')}>
+      <rapid-button appearance="accent" @click="${(x) => x.showModal()}">Save Changes</rapid-button>
+      <rapid-modal ${ref('modal')}>
         <slot>
           <textarea rows="26" cols="34" class="textarea" :value=${(x) => x.value}></textarea>
         </slot>
         <div class="buttons">
-          <alpha-button appearance="accent" @click="${(x) => x.closeModal()}" slot="bottom">
+          <rapid-button appearance="accent" @click="${(x) => x.closeModal()}" slot="bottom">
             Close
-          </alpha-button>
+          </rapid-button>
           ${when((x) => x.tokensPath, html `
-              <alpha-button appearance="accent" @click="${(x) => x.updateTokens()}" slot="bottom">
+              <rapid-button appearance="accent" @click="${(x) => x.updateTokens()}" slot="bottom">
                 Save
-              </alpha-button>
+              </rapid-button>
             `)}
         </div>
-      </alpha-modal>
+      </rapid-modal>
     </div>
   </template>
 `;

package/dist/esm/components/design-system-preview/design-system-preview.styles.js

@@ -7,7 +7,7 @@ export const DesignSystemPreviewStyles = css `
     flex: 1;
   }
 
-  alpha-tab-panel {
+  rapid-tab-panel {
     padding: 0;
   }
 

package/dist/esm/components/design-system-preview/design-system-preview.template.js

@@ -1,31 +1,50 @@
+import { Form as FoundationForms } from '@genesislcap/foundation-forms';
 import { html } from '@microsoft/fast-element';
+import { ColorPalette } from '../color-palette';
+import { ColorToken } from '../color-token';
+import { ColorTokens } from '../color-tokens';
+import { PreviewComponents } from '../preview-components';
+import { PreviewForm } from '../preview-form';
+import { PreviewGrid } from '../preview-grid';
+import { TypographyTokens } from '../typography-tokens';
+// DesignSystemEditor;
+PreviewComponents;
+// DesignSystemExport;
+ColorPalette;
+ColorToken;
+ColorTokens;
+TypographyTokens;
+// DesignSystemPreview;
+FoundationForms;
+PreviewForm;
+PreviewGrid;
 export const DesignSystemPreviewTemplate = html `
   <template>
-    <alpha-tabs>
-      <alpha-tab slot="tab">Components</alpha-tab>
-      <alpha-tab slot="tab">Typography</alpha-tab>
-      <alpha-tab slot="tab">Colors</alpha-tab>
-      <alpha-tab slot="tab">Form</alpha-tab>
-      <alpha-tab slot="tab">Grid</alpha-tab>
-      <alpha-tab-panel slot="tabpanel">
+    <rapid-tabs>
+      <rapid-tab slot="tab">Components</rapid-tab>
+      <rapid-tab slot="tab">Typography</rapid-tab>
+      <rapid-tab slot="tab">Colors</rapid-tab>
+      <rapid-tab slot="tab">Form</rapid-tab>
+      <rapid-tab slot="tab">Grid</rapid-tab>
+      <rapid-tab-panel slot="tabpanel">
         <preview-components></preview-components>
-      </alpha-tab-panel>
-      <alpha-tab-panel slot="tabpanel">
+      </rapid-tab-panel>
+      <rapid-tab-panel slot="tabpanel">
         <typography-tokens></typography-tokens>
-      </alpha-tab-panel>
-      <alpha-tab-panel slot="tabpanel">
+      </rapid-tab-panel>
+      <rapid-tab-panel slot="tabpanel">
         <div class="wrapper">
           <color-palette type="neutral"></color-palette>
           <color-palette type="accent"></color-palette>
           <color-tokens></color-tokens>
         </div>
-      </alpha-tab-panel>
-      <alpha-tab-panel slot="tabpanel">
+      </rapid-tab-panel>
+      <rapid-tab-panel slot="tabpanel">
         <preview-form></preview-form>
-      </alpha-tab-panel>
-      <alpha-tab-panel slot="tabpanel">
+      </rapid-tab-panel>
+      <rapid-tab-panel slot="tabpanel">
         <preview-grid></preview-grid>
-      </alpha-tab-panel>
-    </alpha-tabs>
+      </rapid-tab-panel>
+    </rapid-tabs>
   </template>
 `;

package/dist/esm/components/preview-components/preview-components.js

@@ -9,7 +9,7 @@ import { PreviewComponentsTemplate as template } from './preview-components.temp
 let PreviewComponents = class PreviewComponents extends FASTElement {
     constructor() {
         super(...arguments);
-        this.prefix = 'zero';
+        this.prefix = 'rapid';
         this.buttonAppearanceAccent = 'primary-blue';
         this.buttonAppearanceNeutral = 'primary-grey';
         this.buttonAppearanceOutline = 'primary-gradient';

package/dist/esm/components/preview-components/preview-components.styles.js

@@ -32,21 +32,21 @@ export const PreviewComponentsStyles = css `
     padding: 0 8px;
   }
 
-  alpha-button,
-  alpha-flipper {
+  rapid-button,
+  rapid-flipper {
     margin-right: calc(var(--base-horizontal-spacing-multiplier) * 2px);
   }
 
-  alpha-progress-ring {
+  rapid-progress-ring {
     margin: 0;
   }
 
-  alpha-accordion,
-  alpha-text-field {
+  rapid-accordion,
+  rapid-text-field {
     width: 100%;
   }
 
-  zero-design-system-provider {
+  rapid-design-system-provider {
     display: inline;
   }
 
@@ -71,8 +71,8 @@ export const PreviewComponentsStyles = css `
 
   zero-dialog,
   zero-error-dialog,
-  alpha-dialog,
-  alpha-error-dialog,
+  rapid-dialog,
+  rapid-error-dialog,
   rapid-dialog {
     position: relative;
     z-index: 100;

package/dist/esm/components/preview-form/preview-form.js

@@ -13,7 +13,7 @@ let PreviewForm = class PreviewForm extends FASTElement {
         this.uischema = uiSchema;
         this.jsonSchemaArray = JSON_SCHEMA_ARRAY;
         this.uiSchemaArray = uiSchemaArray;
-        this.prefix = 'zero';
+        this.prefix = 'rapid';
         this.editedEntity = {
             group1: {
                 NAME: 'Test Name',

package/dist/esm/components/preview-form/preview-form.styles.js

@@ -27,7 +27,7 @@ export const PreviewFormStyles = css `
     padding: 24px 0;
   }
 
-  zero-design-system-provider {
+  rapid-design-system-provider {
     display: inline;
   }
 `;

package/dist/esm/components/preview-grid/preview-grid.js

@@ -10,7 +10,7 @@ import { PreviewGridTemplate as template } from './preview-grid.template';
 let PreviewGrid = class PreviewGrid extends FASTElement {
     constructor() {
         super(...arguments);
-        this.prefix = 'zero';
+        this.prefix = 'rapid';
         this.rowData = [...sampleRowData];
         this.columnDefs = [
             { headerName: '#', colId: 'rowNum', valueGetter: 'node.id', width: 80, pinned: 'left' },

package/dist/esm/components/preview-grid/preview-grid.styles.js

@@ -7,7 +7,7 @@ export const PreviewGridStyles = css `
     flex: 1;
   }
 
-  zero-design-system-provider {
+  rapid-design-system-provider {
     display: inline;
   }
 

package/dist/esm/index.js

@@ -1,15 +1,12 @@
-import { provideDesignSystem as provideAlphaDesignSystem, baseComponents as alphaBaseComponents, } from '@genesislcap/alpha-design-system';
 import { Form as FoundationForms } from '@genesislcap/foundation-forms';
 import { provideDesignSystem as provideZeroDesignSystem, baseComponents as zeroBaseComponents, } from '@genesislcap/foundation-zero';
 import { zeroGridComponents } from '@genesislcap/foundation-zero-grid-pro';
-import { foundationGridComponents } from '@genesislcap/grid-pro';
 import { provideDesignSystem as provideRapidDesignSystem, baseComponents as rapidBaseComponents, } from '@genesislcap/rapid-design-system';
 import { rapidGridComponents } from '@genesislcap/rapid-grid-pro';
 import { DesignSystemEditor, ColorPalette, PreviewComponents, ColorToken, ColorTokens, TypographyTokens, DesignSystemExport, DesignSystemPreview, PreviewForm, PreviewGrid, } from './components';
 export * from './components';
 export * from './types';
 provideZeroDesignSystem().register(zeroBaseComponents, zeroGridComponents);
-provideAlphaDesignSystem().register(alphaBaseComponents, foundationGridComponents);
 provideRapidDesignSystem().register(rapidBaseComponents, rapidGridComponents);
 DesignSystemEditor;
 PreviewComponents;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/documentation-components",
   "description": "Genesis Foundation Dcoumentation Components",
-  "version": "14.266.1",
+  "version": "14.267.0",
   "sideEffects": [
     "*.css"
   ],
@@ -23,26 +23,25 @@
     "clean": "rimraf dist temp tsconfig.tsbuildinfo"
   },
   "devDependencies": {
-    "@genesislcap/genx": "14.266.1",
-    "@genesislcap/rollup-builder": "14.266.1",
-    "@genesislcap/ts-builder": "14.266.1",
-    "@genesislcap/uvu-playwright-builder": "14.266.1",
-    "@genesislcap/vite-builder": "14.266.1",
-    "@genesislcap/webpack-builder": "14.266.1",
+    "@genesislcap/genx": "14.267.0",
+    "@genesislcap/rollup-builder": "14.267.0",
+    "@genesislcap/ts-builder": "14.267.0",
+    "@genesislcap/uvu-playwright-builder": "14.267.0",
+    "@genesislcap/vite-builder": "14.267.0",
+    "@genesislcap/webpack-builder": "14.267.0",
     "rimraf": "^5.0.0"
   },
   "dependencies": {
     "@ag-grid-community/core": "29.2.0",
-    "@genesislcap/alpha-design-system": "14.266.1",
-    "@genesislcap/foundation-forms": "14.266.1",
-    "@genesislcap/foundation-logger": "14.266.1",
-    "@genesislcap/foundation-ui": "14.266.1",
-    "@genesislcap/foundation-utils": "14.266.1",
-    "@genesislcap/foundation-zero": "14.266.1",
-    "@genesislcap/foundation-zero-grid-pro": "14.266.1",
-    "@genesislcap/grid-pro": "14.266.1",
-    "@genesislcap/rapid-design-system": "14.266.1",
-    "@genesislcap/rapid-grid-pro": "14.266.1",
+    "@genesislcap/foundation-forms": "14.267.0",
+    "@genesislcap/foundation-logger": "14.267.0",
+    "@genesislcap/foundation-ui": "14.267.0",
+    "@genesislcap/foundation-utils": "14.267.0",
+    "@genesislcap/foundation-zero": "14.267.0",
+    "@genesislcap/foundation-zero-grid-pro": "14.267.0",
+    "@genesislcap/grid-pro": "14.267.0",
+    "@genesislcap/rapid-design-system": "14.267.0",
+    "@genesislcap/rapid-grid-pro": "14.267.0",
     "@jsonforms/core": "^3.2.1",
     "@microsoft/fast-colors": "5.3.1",
     "@microsoft/fast-components": "2.30.6",
@@ -59,5 +58,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "eecf3d436612a9f13877d3754a3503ddc7f1046d"
+  "gitHead": "71861fa4ba4a479834d486fd5e8e2528a42854e3"
 }