@genesislcap/foundation-zero 9.0.1-alpha-b5c5eb7.0

package/dist/esm/combobox/combobox.styles.js

@@ -0,0 +1,56 @@
+import { foundationComboboxStyles } from '@genesislcap/foundation-ui';
+import { designUnit } from '@microsoft/fast-components';
+import { css } from '@microsoft/fast-element';
+import { ColorHEX, PrimaryRapidColorHEX } from '../_common';
+import { defaultRapidBorderUnfocusedColor, defaultRapidTextColor, defaultRapidBGColor, defaultRapidActiveBGColor, } from '../_common';
+export const zeroComboboxStyles = (context, definition) => css `
+  ${foundationComboboxStyles(context, definition)}
+  :host {
+    --primary-gradient-angle: -113.5deg;
+
+    border-radius: calc(var(--control-corner-radius) * 1px);
+    border-color: ${defaultRapidBorderUnfocusedColor};
+    background: ${defaultRapidBGColor};
+  }
+
+  :host(:focus-within:not([disabled])) {
+    background: linear-gradient(
+          var(--primary-gradient-angle),
+          ${PrimaryRapidColorHEX.blue} 0%,
+          ${PrimaryRapidColorHEX.purple} 100%
+        )
+        top/100% 1px,
+      linear-gradient(
+          var(--primary-gradient-angle),
+          ${PrimaryRapidColorHEX.blue} 0%,
+          ${PrimaryRapidColorHEX.purple} 100%
+        )
+        bottom/100% 1px;
+    background-origin: border-box;
+    background-repeat: no-repeat;
+    border: 1px solid transparent;
+    border-right-color: ${PrimaryRapidColorHEX.blue};
+    border-left-color: ${PrimaryRapidColorHEX.purple};
+  }
+
+  :host(:hover:not([disabled]):not([open])) {
+    border-color: ${defaultRapidTextColor};
+    background: ${defaultRapidBGColor};
+  }
+
+  :host([open][position='below']) .listbox {
+    padding: 0;
+    margin-top: calc(${designUnit} * 1px);
+    border-radius: 4px;
+    border: 1px solid ${ColorHEX.lightGrey};
+  }
+
+  :host([open]) .control {
+    background: ${defaultRapidActiveBGColor};
+  }
+
+  :host(:not([disabled])) .control:active {
+    background: none;
+  }
+`;
+//# sourceMappingURL=combobox.styles.js.map

package/dist/esm/combobox/combobox.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.styles.js","sourceRoot":"","sources":["../../../src/combobox/combobox.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,GAAG,EAAiB,MAAM,yBAAyB,CAAC;AAK7D,OAAO,EAAE,QAAQ,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAC5D,OAAO,EACL,gCAAgC,EAChC,qBAAqB,EACrB,mBAAmB,EACnB,yBAAyB,GAC1B,MAAM,YAAY,CAAC;AAEpB,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAChC,OAAiC,EACjC,UAAuC,EACxB,EAAE,CAAC,GAAG,CAAA;IACnB,wBAAwB,CAAC,OAAO,EAAE,UAAU,CAAC;;;;;oBAK7B,gCAAgC;kBAClC,mBAAmB;;;;;;YAMzB,oBAAoB,CAAC,IAAI;YACzB,oBAAoB,CAAC,MAAM;;;;;YAK3B,oBAAoB,CAAC,IAAI;YACzB,oBAAoB,CAAC,MAAM;;;;;;0BAMb,oBAAoB,CAAC,IAAI;yBAC1B,oBAAoB,CAAC,MAAM;;;;oBAIhC,qBAAqB;kBACvB,mBAAmB;;;;;uBAKd,UAAU;;wBAET,QAAQ,CAAC,SAAS;;;;kBAIxB,yBAAyB;;;;;;CAM1C,CAAC"}

package/dist/esm/combobox/combobox.template.js

@@ -0,0 +1,3 @@
+import { foundationComboboxTemplate } from '@genesislcap/foundation-ui';
+export const zeroComboboxTemplate = (context, definition) => foundationComboboxTemplate(context, definition);
+//# sourceMappingURL=combobox.template.js.map

package/dist/esm/combobox/combobox.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.template.js","sourceRoot":"","sources":["../../../src/combobox/combobox.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,4BAA4B,CAAC;AAQxE,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAClC,OAAiC,EACjC,UAAuC,EACf,EAAE,CAAC,0BAA0B,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC"}

package/dist/esm/combobox/index.js

@@ -0,0 +1,4 @@
+export * from './combobox';
+export * from './combobox.styles';
+export * from './combobox.template';
+//# sourceMappingURL=index.js.map

package/dist/esm/combobox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/combobox/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC"}

package/dist/esm/connection-indicator/connection-indicator.js

@@ -0,0 +1,9 @@
+import { ConnectionIndicator as FoundationConnectionIndicator, foundationConnectionIndicatorTemplate as template, foundationConnectionIndicatorStyles as styles, } from '@genesislcap/foundation-ui';
+export class ConnectionIndicator extends FoundationConnectionIndicator {
+}
+export const zeroConnectionIndicator = ConnectionIndicator.compose({
+    baseName: 'connection-indicator',
+    template,
+    styles,
+});
+//# sourceMappingURL=connection-indicator.js.map

package/dist/esm/connection-indicator/connection-indicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"connection-indicator.js","sourceRoot":"","sources":["../../../src/connection-indicator/connection-indicator.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,IAAI,6BAA6B,EACpD,qCAAqC,IAAI,QAAQ,EACjD,mCAAmC,IAAI,MAAM,GAC9C,MAAM,4BAA4B,CAAC;AAEpC,MAAM,OAAO,mBAAoB,SAAQ,6BAA6B;CAAG;AAEzE,MAAM,CAAC,MAAM,uBAAuB,GAAG,mBAAmB,CAAC,OAAO,CAAC;IACjE,QAAQ,EAAE,sBAAsB;IAChC,QAAQ;IACR,MAAM;CACP,CAAC,CAAC"}

package/dist/esm/connection-indicator/connection-indicator.stories.js

@@ -0,0 +1,15 @@
+import { html } from 'lit-html';
+const meta = {
+    title: 'Connection Indicator',
+    component: 'zero-connection-indicator',
+};
+export default meta;
+export const Primary = {
+    args: {
+        showLabel: true,
+    },
+    render: ({ showLabel }) => html `
+      <zero-connection-indicator show-label="${showLabel}"></zero-connection-indicator>
+    `,
+};
+//# sourceMappingURL=connection-indicator.stories.js.map

package/dist/esm/connection-indicator/connection-indicator.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"connection-indicator.stories.js","sourceRoot":"","sources":["../../../src/connection-indicator/connection-indicator.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,2BAA2B;CACvC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,MAAM,CAAC,MAAM,OAAO,GAAa;IAC/B,IAAI,EAAE;QACJ,SAAS,EAAE,IAAI;KAChB;IACD,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CACxB,IAAI,CAAA;+CACuC,SAAS;KACnD;CACJ,CAAC"}

package/dist/esm/connection-indicator/index.js

@@ -0,0 +1,2 @@
+export * from './connection-indicator';
+//# sourceMappingURL=index.js.map

package/dist/esm/connection-indicator/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/connection-indicator/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}

package/dist/esm/data-grid/data-grid-cell.styles.js

@@ -0,0 +1,6 @@
+import { foundationDataGridCellStyles } from '@genesislcap/foundation-ui';
+import { css } from '@microsoft/fast-element';
+export const zeroDataGridCellStyles = (context, defintion) => css `
+  ${foundationDataGridCellStyles(context, defintion)}
+`;
+//# sourceMappingURL=data-grid-cell.styles.js.map

package/dist/esm/data-grid/data-grid-cell.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-grid-cell.styles.js","sourceRoot":"","sources":["../../../src/data-grid/data-grid-cell.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,4BAA4B,CAAC;AAC1E,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAO9C,MAAM,CAAC,MAAM,sBAAsB,GAAG,CACpC,OAAiC,EACjC,SAAsC,EACvB,EAAE,CAAC,GAAG,CAAA;IACnB,4BAA4B,CAAC,OAAO,EAAE,SAAS,CAAC;CACnD,CAAC"}

package/dist/esm/data-grid/data-grid-row.styles.js

@@ -0,0 +1,6 @@
+import { foundationDataGridRowStyles } from '@genesislcap/foundation-ui';
+import { css } from '@microsoft/fast-element';
+export const zeroDataGridRowStyles = (context, defintion) => css `
+  ${foundationDataGridRowStyles(context, defintion)}
+`;
+//# sourceMappingURL=data-grid-row.styles.js.map

package/dist/esm/data-grid/data-grid-row.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-grid-row.styles.js","sourceRoot":"","sources":["../../../src/data-grid/data-grid-row.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,4BAA4B,CAAC;AACzE,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAO9C,MAAM,CAAC,MAAM,qBAAqB,GAAG,CACnC,OAAiC,EACjC,SAAsC,EACvB,EAAE,CAAC,GAAG,CAAA;IACnB,2BAA2B,CAAC,OAAO,EAAE,SAAS,CAAC;CAClD,CAAC"}

package/dist/esm/data-grid/data-grid.js

@@ -0,0 +1,16 @@
+import { DataGrid as FoundationDataGrid, DataGridCell as FoundationDataGridCell, DataGridRow as FoundationDataGridRow, defaultDataGridConfig, defaultDataGridCellConfig, defaultDataGridRowConfig, foundationDataGridCellShadowOptions, foundationDataGridRowShadowOptions, foundationDataGridShadowOptions, } from '@genesislcap/foundation-ui';
+import { dataGridCellTemplate, dataGridRowTemplate } from '@microsoft/fast-foundation';
+import { zeroDataGridStyles as gridStyles } from './data-grid.styles';
+import { zeroDataGridTemplate as gridTemplate } from './data-grid.template';
+import { zeroDataGridRowStyles as rowStyles } from './data-grid-row.styles';
+import { zeroDataGridCellStyles as cellStyles } from './data-grid-cell.styles';
+export class DataGridCell extends FoundationDataGridCell {
+}
+export const zeroDataGridCell = DataGridCell.compose(Object.assign({ baseName: 'data-grid-cell', template: dataGridCellTemplate, styles: cellStyles, shadowOptions: foundationDataGridCellShadowOptions }, defaultDataGridCellConfig));
+export class DataGridRow extends FoundationDataGridRow {
+}
+export const zeroDataGridRow = DataGridRow.compose(Object.assign({ baseName: 'data-grid-row', template: dataGridRowTemplate, styles: rowStyles, shadowOptions: foundationDataGridRowShadowOptions }, defaultDataGridRowConfig));
+export class DataGrid extends FoundationDataGrid {
+}
+export const zeroDataGrid = DataGrid.compose(Object.assign({ baseName: 'data-grid', template: gridTemplate, styles: gridStyles, shadowOptions: foundationDataGridShadowOptions }, defaultDataGridConfig));
+//# sourceMappingURL=data-grid.js.map

package/dist/esm/data-grid/data-grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-grid.js","sourceRoot":"","sources":["../../../src/data-grid/data-grid.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,IAAI,kBAAkB,EAC9B,YAAY,IAAI,sBAAsB,EACtC,WAAW,IAAI,qBAAqB,EACpC,qBAAqB,EACrB,yBAAyB,EACzB,wBAAwB,EACxB,mCAAmC,EACnC,kCAAkC,EAClC,+BAA+B,GAChC,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACvF,OAAO,EAAE,kBAAkB,IAAI,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACtE,OAAO,EAAE,oBAAoB,IAAI,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAC5E,OAAO,EAAE,qBAAqB,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC5E,OAAO,EAAE,sBAAsB,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAE/E,MAAM,OAAO,YAAa,SAAQ,sBAAsB;CAAG;AAS3D,MAAM,CAAC,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,iBAClD,QAAQ,EAAE,gBAAgB,EAC1B,QAAQ,EAAE,oBAAoB,EAC9B,MAAM,EAAE,UAAU,EAClB,aAAa,EAAE,mCAAmC,IAC/C,yBAAyB,EAC5B,CAAC;AAEH,MAAM,OAAO,WAAY,SAAQ,qBAAqB;CAAG;AASzD,MAAM,CAAC,MAAM,eAAe,GAAG,WAAW,CAAC,OAAO,iBAChD,QAAQ,EAAE,eAAe,EACzB,QAAQ,EAAE,mBAAmB,EAC7B,MAAM,EAAE,SAAS,EACjB,aAAa,EAAE,kCAAkC,IAC9C,wBAAwB,EAC3B,CAAC;AAEH,MAAM,OAAO,QAAS,SAAQ,kBAAkB;CAAG;AASnD,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,OAAO,iBAC1C,QAAQ,EAAE,WAAW,EACrB,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,UAAU,EAClB,aAAa,EAAE,+BAA+B,IAC3C,qBAAqB,EACxB,CAAC"}

package/dist/esm/data-grid/data-grid.stories.js

@@ -0,0 +1,47 @@
+import { html } from 'lit-html';
+const meta = {
+    title: 'Data Grid',
+    component: 'zero-data-grid',
+};
+export default meta;
+const loadData = (rows) => {
+    const zeroDataGrid = document.querySelector('zero-data-grid');
+    zeroDataGrid.rowsData = rows;
+};
+const clearData = () => {
+    const zeroDataGrid = document.querySelector('zero-data-grid');
+    zeroDataGrid.rowsData = [];
+};
+const rowsData = [
+    { make: 'Toyota', model: 'Celica', price: 35000, creationDate: 1617624494293, isCool: true },
+    { make: 'Ford', model: 'Mondeo', price: 32000, creationDate: 1617624494295, isCool: false },
+    { make: 'Porsche', model: 'Boxter', price: 72000, creationDate: 1619637452397, isCool: false },
+    { make: 'Audi', model: 'A6', price: 80000, creationDate: 1617624494293, isCool: true },
+    { make: 'Renault', model: 'Clio', price: 20000, creationDate: 1617624494295, isCool: true },
+    { make: 'Chevrolet', model: 'Camaro', price: 40000, creationDate: 1619637452397, isCool: false },
+    { make: 'BMW', model: 'Z8', price: 90000, creationDate: 1617624494293, isCool: false },
+    { make: 'Suzuki', model: 'Jimny', price: 23000, creationDate: 1617624494295, isCool: false },
+    { make: 'Toyota', model: 'Celica', price: 35000, creationDate: 1619637452397, isCool: true },
+    { make: 'Ford', model: 'Mondeo', price: 32000, creationDate: 1617624494293, isCool: false },
+    { make: 'Porsche', model: 'Boxter', price: 72000, creationDate: 1617624494295, isCool: true },
+    { make: 'Audi', model: 'A6', price: 80000, creationDate: 1619637452397, isCool: false },
+    { make: 'Renault', model: 'Clio', price: 20000, creationDate: 1617624494293, isCool: false },
+    { make: 'Chevrolet', model: 'Camaro', price: 40000, creationDate: 1617624494295, isCool: true },
+    { make: 'BMW', model: 'Z8', price: 90000, creationDate: 1619637452397, isCool: true },
+    { make: 'Suzuki', model: 'Jimny', price: 23000, creationDate: 1617624494293, isCool: true },
+];
+export const Primary = {
+    args: {
+        dataGridRowsData: rowsData,
+    },
+    render: ({ dataGridRowsData }) => html `
+      <div>
+        <div>
+          <zero-button @click="${() => loadData(dataGridRowsData)}">Load Data</zero-button>
+          <zero-button @click="${() => clearData()}">Clear Data</zero-button>
+        </div>
+        <zero-data-grid></zero-data-grid>
+      </div>
+    `,
+};
+//# sourceMappingURL=data-grid.stories.js.map

package/dist/esm/data-grid/data-grid.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-grid.stories.js","sourceRoot":"","sources":["../../../src/data-grid/data-grid.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAGhC,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,WAAW;IAClB,SAAS,EAAE,gBAAgB;CAC5B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE;IACxB,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,gBAAgB,CAAa,CAAC;IAC1E,YAAY,CAAC,QAAQ,GAAG,IAAI,CAAC;AAC/B,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,gBAAgB,CAAa,CAAC;IAC1E,YAAY,CAAC,QAAQ,GAAG,EAAE,CAAC;AAC7B,CAAC,CAAC;AAEF,MAAM,QAAQ,GAAG;IACf,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,EAAE,IAAI,EAAE;IAC5F,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,EAAE,KAAK,EAAE;IAC3F,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,EAAE,KAAK,EAAE;IAE9F,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,EAAE,IAAI,EAAE;IACtF,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,EAAE,IAAI,EAAE;IAC3F,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,EAAE,KAAK,EAAE;IAEhG,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,EAAE,KAAK,EAAE;IACtF,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,EAAE,KAAK,EAAE;IAC5F,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,EAAE,IAAI,EAAE;IAE5F,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,EAAE,KAAK,EAAE;IAC3F,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,EAAE,IAAI,EAAE;IAC7F,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,EAAE,KAAK,EAAE;IAEvF,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,EAAE,KAAK,EAAE;IAC5F,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,EAAE,IAAI,EAAE;IAC/F,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,EAAE,IAAI,EAAE;IAErF,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,EAAE,IAAI,EAAE;CAC5F,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAa;IAC/B,IAAI,EAAE;QACJ,gBAAgB,EAAE,QAAQ;KAC3B;IACD,MAAM,EAAE,CAAC,EAAE,gBAAgB,EAAE,EAAE,EAAE,CAC/B,IAAI,CAAA;;;iCAGyB,GAAG,EAAE,CAAC,QAAQ,CAAC,gBAAgB,CAAC;iCAChC,GAAG,EAAE,CAAC,SAAS,EAAE;;;;KAI7C;CACJ,CAAC"}

package/dist/esm/data-grid/data-grid.styles.js

@@ -0,0 +1,6 @@
+import { foundationDataGridStyles } from '@genesislcap/foundation-ui';
+import { css } from '@microsoft/fast-element';
+export const zeroDataGridStyles = (context, defintion) => css `
+  ${foundationDataGridStyles(context, defintion)}
+`;
+//# sourceMappingURL=data-grid.styles.js.map

package/dist/esm/data-grid/data-grid.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-grid.styles.js","sourceRoot":"","sources":["../../../src/data-grid/data-grid.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAO9C,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAChC,OAAiC,EACjC,SAAsC,EACvB,EAAE,CAAC,GAAG,CAAA;IACnB,wBAAwB,CAAC,OAAO,EAAE,SAAS,CAAC;CAC/C,CAAC"}

package/dist/esm/data-grid/data-grid.template.js

@@ -0,0 +1,3 @@
+import { foundationDataGridTemplate } from '@genesislcap/foundation-ui';
+export const zeroDataGridTemplate = (context, definition) => foundationDataGridTemplate(context, definition);
+//# sourceMappingURL=data-grid.template.js.map

package/dist/esm/data-grid/data-grid.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-grid.template.js","sourceRoot":"","sources":["../../../src/data-grid/data-grid.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,4BAA4B,CAAC;AAQxE,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAClC,OAAiC,EACjC,UAAuC,EACf,EAAE,CAAC,0BAA0B,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC"}

package/dist/esm/data-grid/index.js

@@ -0,0 +1,6 @@
+export * from './data-grid.template';
+export * from './data-grid.styles';
+export * from './data-grid';
+export * from './data-grid-cell.styles';
+export * from './data-grid-row.styles';
+//# sourceMappingURL=index.js.map

package/dist/esm/data-grid/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/data-grid/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAE5B,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC"}

package/dist/esm/date-picker/date-picker.js

@@ -0,0 +1,10 @@
+import { DatePicker as FoundationDatePicker } from '@genesislcap/foundation-ui';
+import { zeroDatePickerTemplate as template } from './date-picker.template';
+import { zeroDatePickerStyles as styles } from './date-picker.styles';
+export const zeroDatePickerShadowOptions = undefined;
+export const defaultDatePickerConfig = {};
+export class DatePicker extends FoundationDatePicker {
+}
+export const zeroDatePicker = DatePicker.compose(Object.assign({ baseName: 'date-picker', template,
+    styles, shadowOptions: zeroDatePickerShadowOptions }, defaultDatePickerConfig));
+//# sourceMappingURL=date-picker.js.map

package/dist/esm/date-picker/date-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.js","sourceRoot":"","sources":["../../../src/date-picker/date-picker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAChF,OAAO,EAAE,sBAAsB,IAAI,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAC5E,OAAO,EAAE,oBAAoB,IAAI,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAEtE,MAAM,CAAC,MAAM,2BAA2B,GAAmB,SAAS,CAAC;AAErE,MAAM,CAAC,MAAM,uBAAuB,GAAG,EAAE,CAAC;AAE1C,MAAM,OAAO,UAAW,SAAQ,oBAAoB;CAAG;AAEvD,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,iBAC9C,QAAQ,EAAE,aAAa,EACvB,QAAQ;IACR,MAAM,EACN,aAAa,EAAE,2BAA2B,IACvC,uBAAuB,EAC1B,CAAC"}

package/dist/esm/date-picker/date-picker.stories.js

@@ -0,0 +1,28 @@
+import { html } from 'lit-html';
+const meta = {
+    title: 'Date Picker',
+    component: 'zero-date-picker',
+};
+export default meta;
+const wrapperStyle = 'display: flex; flex-direction: row; justify-content: center; width: 100%; height: 500px;';
+export const Primary = {
+    args: {
+        firstDataPickerValue: '01-01-2021',
+        secondDatePickerFormat: 'MMMM/DD/YY',
+        thirdDatePickerFormat: 'MMM/ddd/YYYY',
+        thirdDatePickerValue: '01-01-2023',
+    },
+    render: ({ firstDataPickerValue, secondDatePickerFormat, thirdDatePickerFormat, thirdDatePickerValue, }) => html `
+      <div style="${wrapperStyle}">
+        <div>
+          <zero-date-picker value="${firstDataPickerValue}"></zero-date-picker>
+          <zero-date-picker format="${secondDatePickerFormat}"></zero-date-picker>
+          <zero-date-picker
+            format="${thirdDatePickerFormat}"
+            value="${thirdDatePickerValue}"
+          ></zero-date-picker>
+        </div>
+      </div>
+    `,
+};
+//# sourceMappingURL=date-picker.stories.js.map

package/dist/esm/date-picker/date-picker.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.stories.js","sourceRoot":"","sources":["../../../src/date-picker/date-picker.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,aAAa;IACpB,SAAS,EAAE,kBAAkB;CAC9B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,MAAM,YAAY,GAChB,0FAA0F,CAAC;AAE7F,MAAM,CAAC,MAAM,OAAO,GAAa;IAC/B,IAAI,EAAE;QACJ,oBAAoB,EAAE,YAAY;QAClC,sBAAsB,EAAE,YAAY;QACpC,qBAAqB,EAAE,cAAc;QACrC,oBAAoB,EAAE,YAAY;KACnC;IACD,MAAM,EAAE,CAAC,EACP,oBAAoB,EACpB,sBAAsB,EACtB,qBAAqB,EACrB,oBAAoB,GACrB,EAAE,EAAE,CACH,IAAI,CAAA;oBACY,YAAY;;qCAEK,oBAAoB;sCACnB,sBAAsB;;sBAEtC,qBAAqB;qBACtB,oBAAoB;;;;KAIpC;CACJ,CAAC"}

package/dist/esm/date-picker/date-picker.styles.js

@@ -0,0 +1,29 @@
+import { foundationDatePickerStyles } from '@genesislcap/foundation-ui';
+import { css } from '@microsoft/fast-element';
+import { ColorHEX } from '../_common';
+export const zeroDatePickerStyles = () => css `
+  ${foundationDatePickerStyles}
+  .date-toggle {
+    background: var(--neutral-layer-card-container);
+    color: var(--neutral-foreground-rest);
+  }
+
+  .calendar-dropdown {
+    background: ${ColorHEX.mediumGrey};
+  }
+
+  .week-days,
+  .header h3,
+  .header .months-arrows .icon-container zero-icon {
+    color: var(--neutral-stroke-rest);
+  }
+
+  .header .months-arrows .icon-container {
+    background-color: var(--neutral-layer-card-container);
+  }
+
+  .month-day.current {
+    color: ${ColorHEX.almostWhite};
+  }
+`;
+//# sourceMappingURL=date-picker.styles.js.map

package/dist/esm/date-picker/date-picker.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.styles.js","sourceRoot":"","sources":["../../../src/date-picker/date-picker.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,4BAA4B,CAAC;AACxE,OAAO,EAAE,GAAG,EAAiB,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAkB,EAAE,CAAC,GAAG,CAAA;IACxD,0BAA0B;;;;;;;kBAOZ,QAAQ,CAAC,UAAU;;;;;;;;;;;;;;aAcxB,QAAQ,CAAC,WAAW;;CAEhC,CAAC"}

package/dist/esm/date-picker/date-picker.template.js

@@ -0,0 +1,3 @@
+import { foundationDatePickerTemplate } from '@genesislcap/foundation-ui';
+export const zeroDatePickerTemplate = () => foundationDatePickerTemplate;
+//# sourceMappingURL=date-picker.template.js.map

package/dist/esm/date-picker/date-picker.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.template.js","sourceRoot":"","sources":["../../../src/date-picker/date-picker.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,4BAA4B,CAAC;AAI1E,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAA6B,EAAE,CAAC,4BAA4B,CAAC"}

package/dist/esm/date-picker/index.js

@@ -0,0 +1,4 @@
+export * from './date-picker';
+export * from './date-picker.styles';
+export * from './date-picker.template';
+//# sourceMappingURL=index.js.map

package/dist/esm/date-picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/date-picker/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC"}

package/dist/esm/design-system-provider/design-system-provider.js

@@ -0,0 +1,35 @@
+import { __decorate } from "tslib";
+import { designToken, provideTokens, swatchConverter } from '@genesislcap/foundation-ui';
+import { DesignSystemProvider as FASTDesignSystemProvider, neutralFillStealthRest, neutralForegroundRest, } from '@microsoft/fast-components';
+import { attr, html } from '@microsoft/fast-element';
+import { designSystemProviderStyles } from './design-system-provider.styles';
+import * as tokens from '../_config/tokens';
+import * as values from '../_config/values';
+export class ZeroDesignSystemProvider extends FASTDesignSystemProvider {
+    constructor() {
+        super();
+        provideTokens(tokens, values, this);
+    }
+}
+__decorate([
+    attr({
+        attribute: 'card-fill-color',
+        converter: swatchConverter,
+    }),
+    designToken(neutralFillStealthRest)
+], ZeroDesignSystemProvider.prototype, "cardFillColor", void 0);
+__decorate([
+    attr({
+        attribute: 'card-foreground-color',
+        converter: swatchConverter,
+    }),
+    designToken(neutralForegroundRest)
+], ZeroDesignSystemProvider.prototype, "cardForegroundColor", void 0);
+export const zeroDesignSystemProvider = ZeroDesignSystemProvider.compose({
+    baseName: 'design-system-provider',
+    template: html `
+    <slot></slot>
+  `,
+    styles: designSystemProviderStyles,
+});
+//# sourceMappingURL=design-system-provider.js.map

package/dist/esm/design-system-provider/design-system-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-system-provider.js","sourceRoot":"","sources":["../../../src/design-system-provider/design-system-provider.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AACzF,OAAO,EACL,oBAAoB,IAAI,wBAAwB,EAChD,sBAAsB,EACtB,qBAAqB,GAEtB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAE7E,OAAO,KAAK,MAAM,MAAM,mBAAmB,CAAC;AAC5C,OAAO,KAAK,MAAM,MAAM,mBAAmB,CAAC;AAM5C,MAAM,OAAO,wBAAyB,SAAQ,wBAAwB;IAepE;QACE,KAAK,EAAE,CAAC;QACR,aAAa,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC;IACtC,CAAC;CACF;AAbC;IALC,IAAI,CAAC;QACJ,SAAS,EAAE,iBAAiB;QAC5B,SAAS,EAAE,eAAe;KAC3B,CAAC;IACD,WAAW,CAAC,sBAAsB,CAAC;+DACP;AAO7B;IALC,IAAI,CAAC;QACJ,SAAS,EAAE,uBAAuB;QAClC,SAAS,EAAE,eAAe;KAC3B,CAAC;IACD,WAAW,CAAC,qBAAqB,CAAC;qEACA;AAerC,MAAM,CAAC,MAAM,wBAAwB,GAAG,wBAAwB,CAAC,OAAO,CAAC;IACvE,QAAQ,EAAE,wBAAwB;IAClC,QAAQ,EAAE,IAAI,CAAA;;GAEb;IACD,MAAM,EAAE,0BAA0B;CACnC,CAAC,CAAC"}

package/dist/esm/design-system-provider/design-system-provider.styles.js

@@ -0,0 +1,55 @@
+import { FontStyle, FontWeight } from '@genesislcap/foundation-utils';
+import { neutralFillStealthActive, neutralForegroundRest } from '@microsoft/fast-components';
+import { css } from '@microsoft/fast-element';
+import { display, forcedColorsStylesheetBehavior } from '@microsoft/fast-foundation';
+import { SystemColors } from '@microsoft/fast-web-utilities';
+import { loadRobotoFontFaces, mixinRobotoFont } from '../_config/styles/external/roboto-font';
+loadRobotoFontFaces();
+const baseStyles = css `
+  ${display('flex')}
+  :host {
+    flex: 1;
+  }
+`;
+const backgroundStyles = css `
+  :host {
+    background-color: ${neutralFillStealthActive};
+  }
+`.withBehaviors(forcedColorsStylesheetBehavior(css `
+      :host {
+        background-color: ${SystemColors.ButtonFace};
+        box-shadow: 0 0 0 1px ${SystemColors.CanvasText};
+        color: ${SystemColors.ButtonText};
+      }
+    `));
+const getHeaderForContext = (context, headingLevel, typeRampValue) => css `
+  ${context.name} ${'h' + headingLevel} {
+    font-size: var(--type-ramp-plus-${typeRampValue}-font-size);
+    line-height: var(--type-ramp-plus-${typeRampValue}-line-height);
+    margin: 0;
+    ${mixinRobotoFont(FontStyle.Normal, FontWeight.Bold)}
+  }
+`;
+const typography = (context) => css `
+  :host {
+    color: ${neutralForegroundRest};
+    ${mixinRobotoFont()}
+  }
+
+  ${getHeaderForContext(context, '1', '6')}
+  ${getHeaderForContext(context, '2', '5')}
+  ${getHeaderForContext(context, '3', '4')}
+  ${getHeaderForContext(context, '4', '3')}
+  ${getHeaderForContext(context, '5', '2')}
+  ${getHeaderForContext(context, '6', '1')}
+`;
+export const designSystemProviderStyles = (context) => {
+    const contextualizedTypography = typography(context);
+    contextualizedTypography.addStylesTo(document);
+    return css `
+    ${baseStyles}
+    ${backgroundStyles}
+    ${contextualizedTypography}
+  `;
+};
+//# sourceMappingURL=design-system-provider.styles.js.map

package/dist/esm/design-system-provider/design-system-provider.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-system-provider.styles.js","sourceRoot":"","sources":["../../../src/design-system-provider/design-system-provider.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,wBAAwB,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAC7F,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,OAAO,EAAE,OAAO,EAAE,8BAA8B,EAAE,MAAM,4BAA4B,CAAC;AACrF,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AAE9F,mBAAmB,EAAE,CAAC;AAEtB,MAAM,UAAU,GAAG,GAAG,CAAA;IAClB,OAAO,CAAC,MAAM,CAAC;;;;CAIlB,CAAC;AAEF,MAAM,gBAAgB,GAAG,GAAG,CAAA;;wBAEJ,wBAAwB;;CAE/C,CAAC,aAAa,CACb,8BAA8B,CAC5B,GAAG,CAAA;;4BAEqB,YAAY,CAAC,UAAU;gCACnB,YAAY,CAAC,UAAU;iBACtC,YAAY,CAAC,UAAU;;KAEnC,CACF,CACF,CAAC;AAEF,MAAM,mBAAmB,GAAG,CAC1B,OAAiC,EACjC,YAAoB,EACpB,aAAqB,EACrB,EAAE,CAAC,GAAG,CAAA;IACJ,OAAO,CAAC,IAAI,IAAI,GAAG,GAAG,YAAY;sCACA,aAAa;wCACX,aAAa;;MAE/C,eAAe,CAAC,SAAS,CAAC,MAAM,EAAE,UAAU,CAAC,IAAI,CAAC;;CAEvD,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,OAAiC,EAAE,EAAE,CAAC,GAAG,CAAA;;aAEhD,qBAAqB;MAC5B,eAAe,EAAE;;;IAGnB,mBAAmB,CAAC,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC;IACtC,mBAAmB,CAAC,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC;IACtC,mBAAmB,CAAC,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC;IACtC,mBAAmB,CAAC,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC;IACtC,mBAAmB,CAAC,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC;IACtC,mBAAmB,CAAC,OAAO,EAAE,GAAG,EAAE,GAAG,CAAC;CACzC,CAAC;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,OAAiC,EAAE,EAAE;IAC9E,MAAM,wBAAwB,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IAGrD,wBAAwB,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IAE/C,OAAO,GAAG,CAAA;MACN,UAAU;MACV,gBAAgB;MAChB,wBAAwB;GAC3B,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/design-system-provider/index.js

@@ -0,0 +1,3 @@
+export * from './design-system-provider';
+export * from './design-system-provider.styles';
+//# sourceMappingURL=index.js.map

package/dist/esm/design-system-provider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/design-system-provider/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,iCAAiC,CAAC"}

package/dist/esm/dialog/dialog.js

@@ -0,0 +1,9 @@
+import { Dialog as FoundationDialog, foundationDialogTemplate, foundationDialogShadowOptions, defaultDialogConfig as foundationConfig, } from '@genesislcap/foundation-ui';
+import { zeroDialogStyles } from './dialog.styles';
+export const defaultDialogConfig = foundationConfig;
+export const zeroDialogTemplate = foundationDialogTemplate;
+export const zeroDialogShadowOptions = foundationDialogShadowOptions;
+export class Dialog extends FoundationDialog {
+}
+export const zeroDialog = Dialog.compose(Object.assign({ baseName: 'dialog', shadowOptions: zeroDialogShadowOptions, styles: zeroDialogStyles, template: zeroDialogTemplate }, defaultDialogConfig));
+//# sourceMappingURL=dialog.js.map

package/dist/esm/dialog/dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../../src/dialog/dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,IAAI,gBAAgB,EAC1B,wBAAwB,EACxB,6BAA6B,EAC7B,mBAAmB,IAAI,gBAAgB,GACxC,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEnD,MAAM,CAAC,MAAM,mBAAmB,GAAG,gBAAgB,CAAC;AAEpD,MAAM,CAAC,MAAM,kBAAkB,GAAG,wBAAwB,CAAC;AAE3D,MAAM,CAAC,MAAM,uBAAuB,GAAG,6BAA6B,CAAC;AAErE,MAAM,OAAO,MAAO,SAAQ,gBAAgB;CAAG;AAS/C,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,iBACtC,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,uBAAuB,EACtC,MAAM,EAAE,gBAAgB,EACxB,QAAQ,EAAE,kBAAkB,IACzB,mBAAmB,EACtB,CAAC"}

package/dist/esm/dialog/dialog.stories.js

@@ -0,0 +1,40 @@
+import { html } from 'lit-html';
+const meta = {
+    title: 'Dialog',
+    component: 'zero-dialog',
+};
+export default meta;
+const showDialog = (e) => {
+    const dialog = document.querySelector('zero-dialog');
+    dialog.show();
+};
+const closeDialog = (e) => {
+    const dialog = document.querySelector('zero-dialog');
+    dialog.close();
+};
+export const Primary = {
+    args: {
+        dialogMaxWidth: '557px',
+        dialogTitle: 'Dialog title',
+        dialogInitialText: 'Some text in a Zero Dialog',
+        dialogMainText: `Lorem ipsum dolor sit amet consectetur adipisicing elit. Quis similique iste ab sed
+      voluptatem ut suscipit tenetur distinctio? Quo est debitis pariatur qui quisquam repudiandae
+      at atque et quibusdam rerum, reprehenderit sed laborum officiis distinctio dolorum
+      temporibus aperiam dolor consequatur perferendis aspernatur fugit repellendus asperiores,
+      voluptas illo? Voluptatum, atque quidem?`,
+        dialogCloseButtonText: 'Close this dialog',
+    },
+    render: ({ dialogMaxWidth, dialogTitle, dialogInitialText, dialogMainText, dialogCloseButtonText, }) => html `
+    <zero-button @click="${showDialog}">Show Zero Dialog</zero-button>
+    <zero-dialog style="--dialog-max-width: ${dialogMaxWidth};">
+      <h5 slot="top">${dialogTitle}</h5>
+      <p>${dialogInitialText}</p>
+      <p>${dialogMainText}</p>
+      <zero-divider slot="bottom"></zero-divider>
+      <zero-button appearance="primary-gradient" slot="bottom" @click="${closeDialog}">
+        ${dialogCloseButtonText}
+      </zero-button>
+    </zero-dialog>
+  `,
+};
+//# sourceMappingURL=dialog.stories.js.map

package/dist/esm/dialog/dialog.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.stories.js","sourceRoot":"","sources":["../../../src/dialog/dialog.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAGhC,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,QAAQ;IACf,SAAS,EAAE,aAAa;CACzB,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,MAAM,UAAU,GAAG,CAAC,CAAC,EAAE,EAAE;IACvB,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,aAAa,CAAW,CAAC;IAC/D,MAAM,CAAC,IAAI,EAAE,CAAC;AAChB,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,CAAC,EAAE,EAAE;IACxB,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,aAAa,CAAW,CAAC;IAC/D,MAAM,CAAC,KAAK,EAAE,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAa;IAC/B,IAAI,EAAE;QACJ,cAAc,EAAE,OAAO;QACvB,WAAW,EAAE,cAAc;QAC3B,iBAAiB,EAAE,4BAA4B;QAC/C,cAAc,EAAE;;;;+CAI2B;QAC3C,qBAAqB,EAAE,mBAAmB;KAC3C;IACD,MAAM,EAAE,CAAC,EACP,cAAc,EACd,WAAW,EACX,iBAAiB,EACjB,cAAc,EACd,qBAAqB,GACtB,EAAE,EAAE,CAAC,IAAI,CAAA;2BACe,UAAU;8CACS,cAAc;uBACrC,WAAW;WACvB,iBAAiB;WACjB,cAAc;;yEAEgD,WAAW;UAC1E,qBAAqB;;;GAG5B;CACF,CAAC"}

package/dist/esm/dialog/dialog.styles.js

@@ -0,0 +1,77 @@
+import { css } from '@microsoft/fast-element';
+import { foundationDialogStyles } from '@genesislcap/foundation-ui';
+import { ColorHEX } from '../_common';
+import { whiteWebRGBA } from '../_config/styles/colors';
+import { defaultDialogActiveBGColor } from './styles/colors';
+import { neutralForegroundRest, neutralLayer2 } from '@microsoft/fast-components';
+export const zeroDialogStyles = css `
+  ${foundationDialogStyles}
+  :host {
+    --dialog-background: ${neutralLayer2};
+  }
+
+  dialog {
+    position: fixed;
+    top: 0;
+    bottom: 0;
+    color: rgb(255 255 255 / 30%);
+    border-radius: calc(var(--control-corner-radius) * 1px);
+    border: 1px solid ${ColorHEX.lightGrey};
+    text-align: left;
+    line-height: normal;
+    box-shadow: 0 2px 15px 0 rgb(0 0 0 / 35%);
+  }
+
+  .top {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    color: ${ColorHEX.almostWhite};
+    margin-bottom: calc(var(--design-unit) * 2px);
+  }
+
+  .bottom {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: flex-end;
+    color: ${ColorHEX.almostWhite};
+  }
+
+  :host slot:first-of-type {
+    color: ${neutralForegroundRest};
+  }
+
+  ::slotted(zero-button) {
+    margin-top: calc(var(--design-unit) * 4px - 1px);
+  }
+
+  .content-wrapper {
+    min-width: var(--dialog-min-width);
+    min-height: var(--dialog-min-height);
+    height: fit-content;
+    width: fit-content;
+    max-width: var(--dialog-max-width);
+    max-height: var(--dialog-max-height);
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    align-items: stretch;
+  }
+
+  .close-icon:hover svg {
+    background-color: ${whiteWebRGBA(0.05)};
+  }
+
+  .close-icon:hover svg g path {
+    fill: ${whiteWebRGBA(1)};
+  }
+
+  .close-icon:active svg {
+    background-color: ${defaultDialogActiveBGColor};
+  }
+
+  .close-icon:active svg g path {
+    fill: ${whiteWebRGBA(0.33)};
+  }
+`;
+//# sourceMappingURL=dialog.styles.js.map

package/dist/esm/dialog/dialog.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.styles.js","sourceRoot":"","sources":["../../../src/dialog/dialog.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,0BAA0B,EAAE,MAAM,iBAAiB,CAAC;AAC7D,OAAO,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAIlF,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;IAC/B,sBAAsB;;2BAEC,aAAa;;;;;;;;;wBAShB,QAAQ,CAAC,SAAS;;;;;;;;;;aAU7B,QAAQ,CAAC,WAAW;;;;;;;;aAQpB,QAAQ,CAAC,WAAW;;;;aAIpB,qBAAqB;;;;;;;;;;;;;;;;;;;;;wBAqBV,YAAY,CAAC,IAAI,CAAC;;;;YAI9B,YAAY,CAAC,CAAC,CAAC;;;;wBAIH,0BAA0B;;;;YAItC,YAAY,CAAC,IAAI,CAAC;;CAE7B,CAAC"}

package/dist/esm/dialog/index.js

@@ -0,0 +1,4 @@
+export * from './dialog';
+export * from './dialog.styles';
+export { foundationDialogTemplate as zeroDialogTemplate } from '@genesislcap/foundation-ui';
+//# sourceMappingURL=index.js.map

package/dist/esm/dialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/dialog/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,OAAO,EAAE,wBAAwB,IAAI,kBAAkB,EAAE,MAAM,4BAA4B,CAAC"}