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

package/dist/esm/snackbar/index.js

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

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

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

package/dist/esm/snackbar/snackbar.js

@@ -0,0 +1,13 @@
+import { foundationSnackbarShadowOptions, Snackbar as FoundationSnackbar, } from '@genesislcap/foundation-ui';
+import { zeroSnackbarTemplate } from './snackbar.template';
+import { zeroSnackbarStyles } from './snackbar.styles';
+export const zeroSnackbarShadowOptions = foundationSnackbarShadowOptions;
+export class Snackbar extends FoundationSnackbar {
+}
+export const zeroSnackbar = Snackbar.compose({
+    baseName: 'snackbar',
+    shadowOptions: zeroSnackbarShadowOptions,
+    styles: zeroSnackbarStyles,
+    template: zeroSnackbarTemplate,
+});
+//# sourceMappingURL=snackbar.js.map

package/dist/esm/snackbar/snackbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"snackbar.js","sourceRoot":"","sources":["../../../src/snackbar/snackbar.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,+BAA+B,EAC/B,QAAQ,IAAI,kBAAkB,GAC/B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAEvD,MAAM,CAAC,MAAM,yBAAyB,GAAG,+BAA+B,CAAC;AAEzE,MAAM,OAAO,QAAS,SAAQ,kBAAkB;CAAG;AASnD,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,OAAO,CAAC;IAC3C,QAAQ,EAAE,UAAU;IACpB,aAAa,EAAE,yBAAyB;IACxC,MAAM,EAAE,kBAAkB;IAC1B,QAAQ,EAAE,oBAAoB;CAC/B,CAAC,CAAC"}

package/dist/esm/snackbar/snackbar.stories.js

@@ -0,0 +1,43 @@
+import { html } from 'lit-html';
+const meta = {
+    title: 'Snackbar',
+    component: 'zero-snackbar',
+};
+export default meta;
+const showError = (errorText) => {
+    var _a;
+    let snackbar = document.querySelector('#js-snackbar');
+    if (!snackbar) {
+        snackbar = document.createElement('zero-snackbar');
+        snackbar.id = 'js-snackbar';
+        (_a = document.querySelector('#zero-snackbar')) === null || _a === void 0 ? void 0 : _a.appendChild(snackbar);
+    }
+    snackbar.error = {
+        title: 'Error Title',
+        errorDetails: `${errorText} ID - ${Math.random()}`,
+        config: {
+            snackbar: {
+                type: 'error',
+                confirmingActions: [
+                    {
+                        label: 'Action',
+                        action: () => {
+                            alert('Action in progress');
+                        },
+                    },
+                ],
+            },
+        },
+    };
+};
+export const Primary = {
+    args: {
+        errorText: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',
+    },
+    render: ({ errorText }) => html `
+      <div id="zero-snackbar" style="width: 100%;">
+        <zero-button @click="${() => showError(errorText)}">Show Zero Snackbar</zero-button>
+      </div>
+    `,
+};
+//# sourceMappingURL=snackbar.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"snackbar.stories.js","sourceRoot":"","sources":["../../../src/snackbar/snackbar.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAGhC,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,UAAU;IACjB,SAAS,EAAE,eAAe;CAC3B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,MAAM,SAAS,GAAG,CAAC,SAAiB,EAAE,EAAE;;IACtC,IAAI,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,cAAc,CAAa,CAAC;IAClE,IAAI,CAAC,QAAQ,EAAE;QACb,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,eAAe,CAAa,CAAC;QAC/D,QAAQ,CAAC,EAAE,GAAG,aAAa,CAAC;QAC5B,MAAA,QAAQ,CAAC,aAAa,CAAC,gBAAgB,CAAC,0CAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;KACjE;IAED,QAAQ,CAAC,KAAK,GAAG;QACf,KAAK,EAAE,aAAa;QACpB,YAAY,EAAE,GAAG,SAAS,SAAS,IAAI,CAAC,MAAM,EAAE,EAAE;QAClD,MAAM,EAAE;YACN,QAAQ,EAAE;gBACR,IAAI,EAAE,OAAO;gBACb,iBAAiB,EAAE;oBACjB;wBACE,KAAK,EAAE,QAAQ;wBACf,MAAM,EAAE,GAAG,EAAE;4BACX,KAAK,CAAC,oBAAoB,CAAC,CAAC;wBAC9B,CAAC;qBACF;iBACF;aACF;SACF;KACF,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAa;IAC/B,IAAI,EAAE;QACJ,SAAS,EAAE,0DAA0D;KACtE;IACD,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CACxB,IAAI,CAAA;;+BAEuB,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,CAAC;;KAEpD;CACJ,CAAC"}

package/dist/esm/snackbar/snackbar.styles.js

@@ -0,0 +1,16 @@
+import { css } from '@microsoft/fast-element';
+import { foundationSnackbarStyles } from '@genesislcap/foundation-ui';
+import { neutralLayer1, neutralLayer2 } from '@microsoft/fast-components';
+import { chartPinkWebRGBA } from '../_config/styles/colors';
+export const zeroSnackbarStyles = css `
+  ${foundationSnackbarStyles}
+  .snackbar {
+    border: calc(var(--stroke-width) * 1px) solid ${neutralLayer2};
+    background-color: ${neutralLayer1};
+  }
+
+  :host([type='error']) .snackbar::after {
+    background-color: ${chartPinkWebRGBA(1)};
+  }
+`;
+//# sourceMappingURL=snackbar.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"snackbar.styles.js","sourceRoot":"","sources":["../../../src/snackbar/snackbar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC1E,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAAA;IACjC,wBAAwB;;oDAEwB,aAAa;wBACzC,aAAa;;;;wBAIb,gBAAgB,CAAC,CAAC,CAAC;;CAE1C,CAAC"}

package/dist/esm/snackbar/snackbar.template.js

@@ -0,0 +1,24 @@
+import { html, ref, repeat } from '@microsoft/fast-element';
+export const zeroSnackbarTemplate = html `
+  <div class="snackbar ${(x) => x.deleteAnimation}" ${ref('snackbar')}>
+    <div part="content" class="content">
+      <div>${(x) => { var _a; return ((_a = x.error) === null || _a === void 0 ? void 0 : _a.errorDetails) || 'Place holder for error message'; }}</div>
+    </div>
+    <div part="action" class="action">
+      ${repeat((x) => { var _a, _b, _c; return (_c = (_b = (_a = x.error) === null || _a === void 0 ? void 0 : _a.config) === null || _b === void 0 ? void 0 : _b.snackbar) === null || _c === void 0 ? void 0 : _c.confirmingActions; }, html `
+          <zero-button
+            slot="action"
+            appearance="lightweight"
+            @click=${(x, c) => {
+    var _a;
+    x === null || x === void 0 ? void 0 : x.action();
+    (_a = c.parent) === null || _a === void 0 ? void 0 : _a.dismiss();
+}}
+          >
+            ${(x) => x.label}
+          </zero-button>
+        `)}
+    </div>
+  </div>
+`;
+//# sourceMappingURL=snackbar.template.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"snackbar.template.js","sourceRoot":"","sources":["../../../src/snackbar/snackbar.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAI5D,MAAM,CAAC,MAAM,oBAAoB,GAA2B,IAAI,CAAA;yBACvC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,KAAK,GAAG,CAAC,UAAU,CAAC;;aAExD,CAAC,CAAC,EAAE,EAAE,WAAC,OAAA,CAAA,MAAA,CAAC,CAAC,KAAK,0CAAE,YAAY,KAAI,gCAAgC,CAAA,EAAA;;;QAGrE,MAAM,CACN,CAAC,CAAC,EAAE,EAAE,mBAAC,OAAA,MAAA,MAAA,MAAA,CAAC,CAAC,KAAK,0CAAE,MAAM,0CAAE,QAAQ,0CAAE,iBAAiB,CAAA,EAAA,EACnD,IAAI,CAAA;;;;qBAIS,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;;IAChB,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,MAAM,EAAE,CAAC;IACZ,MAAA,CAAC,CAAC,MAAM,0CAAE,OAAO,EAAE,CAAC;AACtB,CAAC;;cAEC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK;;SAEnB,CACF;;;CAGN,CAAC"}

package/dist/esm/switch/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/switch/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC"}

package/dist/esm/switch/switch.js

@@ -0,0 +1,8 @@
+import { defaultSwitchConfig, foundationSwitchShadowOptions, Switch as FoundationSwitch, } from '@genesislcap/foundation-ui';
+import { zeroSwitchTemplate as template } from './switch.template';
+import { zeroSwitchStyles as styles } from './switch.styles';
+export class Switch extends FoundationSwitch {
+}
+export const zeroSwitch = Switch.compose(Object.assign({ baseName: 'switch', template,
+    styles, shadowOptions: foundationSwitchShadowOptions }, defaultSwitchConfig));
+//# sourceMappingURL=switch.js.map

package/dist/esm/switch/switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../src/switch/switch.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,6BAA6B,EAC7B,MAAM,IAAI,gBAAgB,GAC3B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,kBAAkB,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,gBAAgB,IAAI,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAE7D,MAAM,OAAO,MAAO,SAAQ,gBAAgB;CAAG;AAE/C,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,iBACtC,QAAQ,EAAE,QAAQ,EAClB,QAAQ;IACR,MAAM,EACN,aAAa,EAAE,6BAA6B,IACzC,mBAAmB,EACtB,CAAC"}

package/dist/esm/switch/switch.stories.js

@@ -0,0 +1,12 @@
+import { html } from 'lit-html';
+const meta = {
+    title: 'Switch',
+    component: 'zero-switch',
+};
+export default meta;
+export const Primary = {
+    render: () => html `
+    <zero-switch checked></zero-switch>
+  `,
+};
+//# sourceMappingURL=switch.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.stories.js","sourceRoot":"","sources":["../../../src/switch/switch.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,QAAQ;IACf,SAAS,EAAE,aAAa;CACzB,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,MAAM,CAAC,MAAM,OAAO,GAAa;IAC/B,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;GAEjB;CACF,CAAC"}

package/dist/esm/switch/switch.styles.js

@@ -0,0 +1,51 @@
+import { foundationSwitchStyles } from '@genesislcap/foundation-ui';
+import { css } from '@microsoft/fast-element';
+import { PrimaryRapidColorHEX, ColorHEX } from '../_common';
+import { neutralFillStealthRest } from '@microsoft/fast-components';
+export const zeroSwitchStyles = (context, definition) => css `
+  ${foundationSwitchStyles(context, definition)}
+  :host {
+    --primary-gradient-angle: -113.5deg;
+  }
+
+  .switch {
+    background: none;
+    border-color: ${neutralFillStealthRest};
+  }
+
+  .checked-indicator {
+    background: ${neutralFillStealthRest};
+  }
+
+  .switch:hover {
+    border-color: ${ColorHEX.white};
+    background: none;
+  }
+
+  :host([aria-checked='true']) .switch {
+    background: none;
+  }
+
+  :host([aria-checked='true']) .checked-indicator {
+    background: linear-gradient(
+      var(--primary-gradient-angle),
+      ${PrimaryRapidColorHEX.blue},
+      ${PrimaryRapidColorHEX.purple}
+    );
+  }
+
+  :host([aria-checked='true']:not([disabled])) .switch:hover,
+  :host([aria-checked='true']:not([disabled])) .switch:active {
+    background: none;
+  }
+
+  :host([aria-checked='true']:not([disabled])) .switch:hover .checked-indicator,
+  :host([aria-checked='true']:not([disabled])) .switch:active .checked-indicator {
+    background: linear-gradient(
+      var(--primary-gradient-angle),
+      ${PrimaryRapidColorHEX.blue},
+      ${PrimaryRapidColorHEX.purple}
+    );
+  }
+`;
+//# sourceMappingURL=switch.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.styles.js","sourceRoot":"","sources":["../../../src/switch/switch.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,GAAG,EAAiB,MAAM,yBAAyB,CAAC;AAE7D,OAAO,EAAE,oBAAoB,EAAE,QAAQ,EAAwB,MAAM,YAAY,CAAC;AAClF,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAEpE,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC9B,OAAiC,EACjC,UAAyB,EACV,EAAE,CAAC,GAAG,CAAA;IACnB,sBAAsB,CAAC,OAAO,EAAE,UAAU,CAAC;;;;;;;oBAO3B,sBAAsB;;;;kBAIxB,sBAAsB;;;;oBAIpB,QAAQ,CAAC,KAAK;;;;;;;;;;;QAW1B,oBAAoB,CAAC,IAAI;QACzB,oBAAoB,CAAC,MAAM;;;;;;;;;;;;;QAa3B,oBAAoB,CAAC,IAAI;QACzB,oBAAoB,CAAC,MAAM;;;CAGlC,CAAC"}

package/dist/esm/switch/switch.template.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.template.js","sourceRoot":"","sources":["../../../src/switch/switch.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAKtE,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAChC,OAAiC,EACjC,UAAyB,EACH,EAAE,CAAC,wBAAwB,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC"}

package/dist/esm/tab/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tab/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC;AACtB,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC"}

package/dist/esm/tab/tab.js

@@ -0,0 +1,8 @@
+import { defaultTabConfig, foundationTabShadowOptions, Tab as FoundationTab, } from '@genesislcap/foundation-ui';
+import { zeroTabTemplate as template } from './tab.template';
+import { zeroTabStyles as styles } from './tab.styles';
+export class Tab extends FoundationTab {
+}
+export const zeroTab = Tab.compose(Object.assign({ baseName: 'tab', template,
+    styles, shadowOptions: foundationTabShadowOptions }, defaultTabConfig));
+//# sourceMappingURL=tab.js.map

package/dist/esm/tab/tab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab.js","sourceRoot":"","sources":["../../../src/tab/tab.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,0BAA0B,EAC1B,GAAG,IAAI,aAAa,GACrB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,eAAe,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC7D,OAAO,EAAE,aAAa,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AAEvD,MAAM,OAAO,GAAI,SAAQ,aAAa;CAAG;AAEzC,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,iBAChC,QAAQ,EAAE,KAAK,EACf,QAAQ;IACR,MAAM,EACN,aAAa,EAAE,0BAA0B,IACtC,gBAAgB,EACnB,CAAC"}

package/dist/esm/tab/tab.styles.js

@@ -0,0 +1,30 @@
+import { foundationTabStyles } from '@genesislcap/foundation-ui';
+import { css } from '@microsoft/fast-element';
+import { neutralLayer2, neutralLayer4, } from '@microsoft/fast-components';
+import { ColorHEX } from '../_common';
+export const zeroTabStyles = (context, definition) => css `
+  ${foundationTabStyles(context, definition)}
+  :host {
+    background-color: ${neutralLayer2};
+    border-radius: calc(var(--control-corner-radius) * 2px) calc(var(--control-corner-radius) * 2px)
+      0 0;
+    border: calc(var(--stroke-width) * 1px) solid ${ColorHEX.lightGrey};
+    box-shadow: 0 0 15px 0 rgb(0 0 0 / 30%);
+    margin-right: 5px;
+  }
+
+  :host([aria-selected='true']),
+  :host([aria-selected='true']:hover) {
+    background-color: ${neutralLayer4};
+    border-bottom: 1px solid var(--zero-card-fill-color);
+  }
+
+  :host([appearance='secondary']) {
+    border-radius: 0;
+    border: 0;
+    box-shadow: none;
+    margin-right: 0;
+    background-color: var(--zero-card-fill-color);
+  }
+`;
+//# sourceMappingURL=tab.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tab.styles.js","sourceRoot":"","sources":["../../../src/tab/tab.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,GAAG,EAAiB,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAIL,aAAa,EAEb,aAAa,GACd,MAAM,4BAA4B,CAAC;AAKpC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,CAAC,MAAM,aAAa,GAAG,CAC3B,OAAiC,EACjC,UAAuC,EACxB,EAAE,CAAC,GAAG,CAAA;IACnB,mBAAmB,CAAC,OAAO,EAAE,UAAU,CAAC;;wBAEpB,aAAa;;;oDAGe,QAAQ,CAAC,SAAS;;;;;;;wBAO9C,aAAa;;;;;;;;;;;CAWpC,CAAC"}

package/dist/esm/tab/tab.template.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"tab.template.js","sourceRoot":"","sources":["../../../src/tab/tab.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAQnE,MAAM,CAAC,MAAM,eAAe,GAAG,CAC7B,OAAiC,EACjC,UAAuC,EACpB,EAAE,CAAC,qBAAqB,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC"}

package/dist/esm/tab-panel/index.js

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

package/dist/esm/tab-panel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tab-panel/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC"}

package/dist/esm/tab-panel/tab-panel.js

@@ -0,0 +1,8 @@
+import { defaultTabPanelConfig, foundationTabPanelShadowOptions, TabPanel as FoundationTabPanel, } from '@genesislcap/foundation-ui';
+import { zeroTabPanelTemplate as template } from './tab-panel.template';
+import { zeroTabPanelStyles as styles } from './tab-panel.styles';
+export class TabPanel extends FoundationTabPanel {
+}
+export const zeroTabPanel = TabPanel.compose(Object.assign({ baseName: 'tab-panel', template,
+    styles, shadowOptions: foundationTabPanelShadowOptions }, defaultTabPanelConfig));
+//# sourceMappingURL=tab-panel.js.map

package/dist/esm/tab-panel/tab-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-panel.js","sourceRoot":"","sources":["../../../src/tab-panel/tab-panel.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,+BAA+B,EAC/B,QAAQ,IAAI,kBAAkB,GAC/B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,oBAAoB,IAAI,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AACxE,OAAO,EAAE,kBAAkB,IAAI,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAElE,MAAM,OAAO,QAAS,SAAQ,kBAAkB;CAAG;AAEnD,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,OAAO,iBAC1C,QAAQ,EAAE,WAAW,EACrB,QAAQ;IACR,MAAM,EACN,aAAa,EAAE,+BAA+B,IAC3C,qBAAqB,EACxB,CAAC"}

package/dist/esm/tab-panel/tab-panel.styles.js

@@ -0,0 +1,9 @@
+import { foundationTabPanelStyles } from '@genesislcap/foundation-ui';
+import { css } from '@microsoft/fast-element';
+export const zeroTabPanelStyles = (context, definition) => css `
+  ${foundationTabPanelStyles(context, definition)}
+  :host {
+    padding: 0;
+  }
+`;
+//# sourceMappingURL=tab-panel.styles.js.map

package/dist/esm/tab-panel/tab-panel.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-panel.styles.js","sourceRoot":"","sources":["../../../src/tab-panel/tab-panel.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,GAAG,EAAiB,MAAM,yBAAyB,CAAC;AAM7D,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAChC,OAAiC,EACjC,UAAuC,EACxB,EAAE,CAAC,GAAG,CAAA;IACnB,wBAAwB,CAAC,OAAO,EAAE,UAAU,CAAC;;;;CAIhD,CAAC"}

package/dist/esm/tab-panel/tab-panel.template.js

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

package/dist/esm/tab-panel/tab-panel.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-panel.template.js","sourceRoot":"","sources":["../../../src/tab-panel/tab-panel.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/tabs/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tabs/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC"}

package/dist/esm/tabs/tabs.js

@@ -0,0 +1,8 @@
+import { defaultTabsConfig, foundationTabsShadowOptions, Tabs as FoundationTabs, } from '@genesislcap/foundation-ui';
+import { zeroTabsTemplate as template } from './tabs.template';
+import { zeroTabsStyles as styles } from './tabs.styles';
+export class Tabs extends FoundationTabs {
+}
+export const zeroTabs = Tabs.compose(Object.assign({ baseName: 'tabs', template,
+    styles, shadowOptions: foundationTabsShadowOptions }, defaultTabsConfig));
+//# sourceMappingURL=tabs.js.map

package/dist/esm/tabs/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../src/tabs/tabs.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,2BAA2B,EAC3B,IAAI,IAAI,cAAc,GACvB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,gBAAgB,IAAI,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,cAAc,IAAI,MAAM,EAAE,MAAM,eAAe,CAAC;AAEzD,MAAM,OAAO,IAAK,SAAQ,cAAc;CAAG;AAE3C,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,iBAClC,QAAQ,EAAE,MAAM,EAChB,QAAQ;IACR,MAAM,EACN,aAAa,EAAE,2BAA2B,IACvC,iBAAiB,EACpB,CAAC"}

package/dist/esm/tabs/tabs.stories.js

@@ -0,0 +1,52 @@
+import { html } from 'lit-html';
+const meta = {
+    title: 'Tabs',
+    component: 'zero-tabs',
+};
+export default meta;
+export const Primary = {
+    argTypes: {
+        appearance: {
+            control: 'select',
+            options: ['primary', 'secondary'],
+        },
+        orientation: {
+            control: 'select',
+            options: ['vertical', 'horizontal'],
+        },
+    },
+    args: {
+        appearance: 'primary',
+        orientation: 'horizontal',
+    },
+    render: ({ appearance, orientation }) => html `
+    <div style="min-height: 300px">
+      <zero-tabs appearance="${appearance}" orientation="${orientation}">
+        <span part="start" class="start" slot="start">Blotter Header</span>
+        <zero-tab>Rapid Tab 1</zero-tab>
+        <zero-tab slot="tab">Rapid Tab 2</zero-tab>
+        <zero-tab slot="tab">Rapid Tab 3</zero-tab>
+        <zero-tab slot="tab">Rapid Tab 4</zero-tab>
+        <zero-tab-panel slot="tabpanel">
+          <zero-tabs appearance="secondary">
+            <zero-tab appearance="secondary" slot="tab">Rapid Nested Tab 1</zero-tab>
+            <zero-tab appearance="secondary" slot="tab">Rapid Nested Tab 2</zero-tab>
+            <zero-tab-panel slot="tabpanel">Rapid Nested Tab Panel 1</zero-tab-panel>
+            <zero-tab-panel slot="tabpanel">Rapid Nested Tab Panel 2</zero-tab-panel>
+          </zero-tabs>
+        </zero-tab-panel>
+        <zero-tab-panel slot="tabpanel">Rapid Tab Panel 2</zero-tab-panel>
+        <zero-tab-panel slot="tabpanel">Rapid Tab Panel 3</zero-tab-panel>
+        <zero-tab-panel slot="tabpanel">
+          <zero-tabs appearance="secondary">
+            <zero-tab appearance="secondary" slot="tab">Rapid Nested Tab 1</zero-tab>
+            <zero-tab appearance="secondary" slot="tab">Rapid Nested Tab 2</zero-tab>
+            <zero-tab-panel slot="tabpanel">Rapid Nested Tab Panel 1</zero-tab-panel>
+            <zero-tab-panel slot="tabpanel">Rapid Nested Tab Panel 2</zero-tab-panel>
+          </zero-tabs>
+        </zero-tab-panel>
+      </zero-tabs>
+    </div>
+  `,
+};
+//# sourceMappingURL=tabs.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.stories.js","sourceRoot":"","sources":["../../../src/tabs/tabs.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,MAAM;IACb,SAAS,EAAE,WAAW;CACvB,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,MAAM,CAAC,MAAM,OAAO,GAAa;IAC/B,QAAQ,EAAE;QACR,UAAU,EAAE;YACV,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,SAAS,EAAE,WAAW,CAAC;SAClC;QACD,WAAW,EAAE;YACX,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,UAAU,EAAE,YAAY,CAAC;SACpC;KACF;IACD,IAAI,EAAE;QACJ,UAAU,EAAE,SAAS;QACrB,WAAW,EAAE,YAAY;KAC1B;IACD,MAAM,EAAE,CAAC,EAAE,UAAU,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,IAAI,CAAA;;+BAEhB,UAAU,kBAAkB,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BnE;CACF,CAAC"}

package/dist/esm/tabs/tabs.styles.js

@@ -0,0 +1,52 @@
+import { foundationTabsStyles } from '@genesislcap/foundation-ui';
+import { css } from '@microsoft/fast-element';
+import { neutralLayer3 } from '@microsoft/fast-components';
+import { ColorHEX } from '../_common';
+export const zeroTabsStyles = (context, definition) => css `
+  ${foundationTabsStyles(context, definition)}
+  :host .tablist {
+    padding: 0;
+    display: block;
+    background-color: ${neutralLayer3};
+    width: 100%;
+    height: 42px;
+    border-bottom: calc(var(--stroke-width) * 1px) solid ${ColorHEX.lightGrey};
+  }
+
+  :host .tabpanel {
+    background-color: var(--zero-card-fill-color);
+  }
+
+  :host .end,
+  :host .start {
+    padding: 0 30px 0 16px;
+    height: calc(100% - 1px);
+    display: flex;
+    align-items: center;
+    border-bottom: calc(var(--stroke-width) * 1px) solid ${ColorHEX.lightGrey};
+    background-color: var(--neutral-layer-3);
+  }
+
+  :host([appearance='secondary']) .tablist {
+    display: grid;
+    grid-template-columns: repeat(18, max-content);
+    background-color: var(--zero-card-fill-color);
+    border-left: calc(var(--stroke-width) * 1px) solid ${ColorHEX.lightGrey};
+    border-right: calc(var(--stroke-width) * 1px) solid ${ColorHEX.lightGrey};
+  }
+
+  /* We don't want to show the active indicator on the tabs */
+  /* stylelint-disable-next-line selector-class-pattern */
+  .activeIndicator {
+    display: none;
+  }
+
+  /* stylelint-disable-next-line selector-class-pattern */
+  :host([appearance='secondary']) .tablist .activeIndicator {
+    border-radius: 0;
+    display: block;
+    height: 2px;
+    margin-top: 0;
+  }
+`;
+//# sourceMappingURL=tabs.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.styles.js","sourceRoot":"","sources":["../../../src/tabs/tabs.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,GAAG,EAAiB,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAK3D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,OAAiC,EACjC,UAAuC,EACxB,EAAE,CAAC,GAAG,CAAA;IACnB,oBAAoB,CAAC,OAAO,EAAE,UAAU,CAAC;;;;wBAIrB,aAAa;;;2DAGsB,QAAQ,CAAC,SAAS;;;;;;;;;;;;;2DAalB,QAAQ,CAAC,SAAS;;;;;;;;yDAQpB,QAAQ,CAAC,SAAS;0DACjB,QAAQ,CAAC,SAAS;;;;;;;;;;;;;;;;CAgB3E,CAAC"}

package/dist/esm/tabs/tabs.template.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.template.js","sourceRoot":"","sources":["../../../src/tabs/tabs.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAQpE,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC9B,OAAiC,EACjC,UAAuC,EACnB,EAAE,CAAC,sBAAsB,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC"}

package/dist/esm/text-area/index.js

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

package/dist/esm/text-area/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/text-area/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC"}

package/dist/esm/text-area/text-area.js

@@ -0,0 +1,8 @@
+import { defaultTextAreaConfig, foundationTextAreaShadowOptions, TextArea as FoundationTextArea, } from '@genesislcap/foundation-ui';
+import { zeroTextAreaTemplate as template } from './text-area.template';
+import { zeroTextAreaStyles as styles } from './text-area.styles';
+export class TextArea extends FoundationTextArea {
+}
+export const zeroTextArea = TextArea.compose(Object.assign({ baseName: 'text-area', template,
+    styles, shadowOptions: foundationTextAreaShadowOptions }, defaultTextAreaConfig));
+//# sourceMappingURL=text-area.js.map

package/dist/esm/text-area/text-area.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-area.js","sourceRoot":"","sources":["../../../src/text-area/text-area.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,+BAA+B,EAC/B,QAAQ,IAAI,kBAAkB,GAC/B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,oBAAoB,IAAI,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AACxE,OAAO,EAAE,kBAAkB,IAAI,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAElE,MAAM,OAAO,QAAS,SAAQ,kBAAkB;CAAG;AAEnD,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,OAAO,iBAC1C,QAAQ,EAAE,WAAW,EACrB,QAAQ;IACR,MAAM,EACN,aAAa,EAAE,+BAA+B,IAC3C,qBAAqB,EACxB,CAAC"}

package/dist/esm/text-area/text-area.stories.js

@@ -0,0 +1,16 @@
+import { html } from 'lit-html';
+const meta = {
+    title: 'Text Area',
+    component: 'zero-text-area',
+};
+export default meta;
+export const Primary = {
+    render: () => html `
+    <div style="height: 200px;">
+      <zero-text-area resize="both" placeholder="Enter text...">Text Area</zero-text-area>
+      <zero-text-area value="some value">Test label</zero-text-area>
+      <zero-text-area value="disabled" disabled>Test label 2</zero-text-area>
+    </div>
+  `,
+};
+//# sourceMappingURL=text-area.stories.js.map

package/dist/esm/text-area/text-area.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-area.stories.js","sourceRoot":"","sources":["../../../src/text-area/text-area.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,WAAW;IAClB,SAAS,EAAE,gBAAgB;CAC5B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,MAAM,CAAC,MAAM,OAAO,GAAa;IAC/B,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;;;;;GAMjB;CACF,CAAC"}

package/dist/esm/text-area/text-area.styles.js

@@ -0,0 +1,52 @@
+import { foundationTextAreaStyles } from '@genesislcap/foundation-ui';
+import { css } from '@microsoft/fast-element';
+import { PrimaryRapidColorHEX } from '../_common';
+import { defaultRapidActiveBGColor, defaultRapidBGColor, defaultRapidBorderUnfocusedColor, defaultRapidTextColor, defaultRapidLabelColor, } from '../_common';
+export const zeroTextAreaStyles = (context, definition) => css `
+  ${foundationTextAreaStyles(context, definition)}
+  :host {
+    --primary-gradient-angle: -113.5deg;
+  }
+
+  :host .control {
+    height: 100%;
+    background-color: ${defaultRapidBGColor};
+    border: calc(var(--stroke-width) * 1px) solid ${defaultRapidBorderUnfocusedColor};
+    border-radius: calc(var(--control-corner-radius) * 1px);
+  }
+
+  :host(:hover:not([disabled])) .control {
+    border-color: ${defaultRapidTextColor};
+    background: ${defaultRapidBGColor};
+  }
+
+  :host(:focus-within:not([disabled])) .control {
+    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};
+    background-color: ${defaultRapidActiveBGColor};
+    box-shadow: none;
+  }
+
+  .label {
+    color: ${defaultRapidLabelColor};
+    font-family: Roboto-Medium, sans-serif;
+    font-style: normal;
+    margin: calc(var(--design-unit) * 2px) 0;
+  }
+`;
+//# sourceMappingURL=text-area.styles.js.map

package/dist/esm/text-area/text-area.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-area.styles.js","sourceRoot":"","sources":["../../../src/text-area/text-area.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,GAAG,EAAiB,MAAM,yBAAyB,CAAC;AAK7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAClD,OAAO,EACL,yBAAyB,EACzB,mBAAmB,EACnB,gCAAgC,EAChC,qBAAqB,EACrB,sBAAsB,GACvB,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;;;;;;;wBAOzB,mBAAmB;oDACS,gCAAgC;;;;;oBAKhE,qBAAqB;kBACvB,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;wBAC5B,yBAAyB;;;;;aAKpC,sBAAsB;;;;;CAKlC,CAAC"}

package/dist/esm/text-area/text-area.template.js

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

package/dist/esm/text-area/text-area.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-area.template.js","sourceRoot":"","sources":["../../../src/text-area/text-area.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/text-field/index.js

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

package/dist/esm/text-field/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/text-field/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC"}