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

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

@@ -0,0 +1,252 @@
+import { html } from 'lit-html';
+const meta = {
+    title: 'Grid Layout',
+    component: 'zero-grid-layout',
+};
+export default meta;
+const wrapperStyle = 'display: flex; flex-direction: column; flex: 1; padding: 10px; justify-content: space-between; height: 1700px;';
+export const Primary = {
+    render: () => html `
+    <div style="${wrapperStyle}">
+      <zero-card style="height: 200px; width: 100%;">
+        <zero-grid-layout
+          class="spacing-2x"
+          col-count="2"
+          row-count="2"
+          col-lg-count="4"
+          row-lg-count="1"
+          col-sm-count="1"
+          row-sm-count="2"
+        >
+          <zero-grid-layout-item
+            style="height: 100%; background-color: green;"
+            col-lg-number="1"
+            row-lg-number="1"
+            width-lg="1"
+            height-lg="1"
+            col-md-number="1"
+            row-md-number="1"
+            width-md="1"
+            height-md="1"
+            col-sm-number="1"
+            row-sm-number="1"
+            width-sm="1"
+            height-sm="1"
+          ></zero-grid-layout-item>
+          <zero-grid-layout-item
+            style="height: 100%; background-color: red;"
+            col-lg-number="3"
+            row-lg-number="1"
+            width-lg="2"
+            height-lg="1"
+            col-md-number="2"
+            row-md-number="2"
+            width-md="1"
+            height-md="1"
+            col-sm-number="1"
+            row-sm-number="2"
+            width-sm="1"
+            height-sm="1"
+          ></zero-grid-layout-item>
+        </zero-grid-layout>
+      </zero-card>
+
+      <zero-card style="height: 200px; width: 100%;">
+        <zero-grid-layout row-count="2" col-count="4" class="spacing-2x">
+          <zero-grid-layout-item
+            style="background-color: green;"
+            col-number="1"
+            row-number="1"
+            width="1"
+            height="2"
+          ></zero-grid-layout-item>
+          <zero-grid-layout-item
+            style="background-color: red;"
+            col-number="2"
+            row-number="1"
+            width="3"
+            height="2"
+          ></zero-grid-layout-item>
+        </zero-grid-layout>
+      </zero-card>
+
+      <zero-card style="height: 200px; width: 100%;">
+        <zero-grid-layout row-count="2" col-count="4" class="spacing-2x">
+          <zero-grid-layout-item
+            style="background-color: blue;"
+            col-number="1"
+            row-number="1"
+            width="1"
+            height="2"
+          ></zero-grid-layout-item>
+          <zero-grid-layout-item
+            style="background-color: red;"
+            col-number="2"
+            row-number="1"
+            width="2"
+            height="2"
+          ></zero-grid-layout-item>
+          <zero-grid-layout-item
+            style="background-color: green;"
+            col-number="4"
+            row-number="1"
+            width="1"
+            height="2"
+          ></zero-grid-layout-item>
+        </zero-grid-layout>
+      </zero-card>
+
+      <zero-card style="height: 200px; width: 100%;">
+        <zero-grid-layout row-count="3" col-count="4" class="spacing-2x">
+          <zero-grid-layout-item
+            style="background-color: blue;"
+            col-number="1"
+            row-number="1"
+            width="4"
+            height="2"
+          ></zero-grid-layout-item>
+          <zero-grid-layout-item
+            style="background-color: red;"
+            col-number="1"
+            row-number="3"
+            width="3"
+            height="1"
+          ></zero-grid-layout-item>
+          <zero-grid-layout-item
+            style="background-color: yellow;"
+            col-number="4"
+            row-number="3"
+            width="1"
+            height="1"
+          ></zero-grid-layout-item>
+        </zero-grid-layout>
+      </zero-card>
+
+      <zero-card style="height: 200px; width: 100%;">
+        <zero-grid-layout row-count="4" col-count="4" class="spacing-2x">
+          <zero-grid-layout-item
+            style="background-color: blue;"
+            col-number="1"
+            row-number="1"
+            width="4"
+            height="1"
+          ></zero-grid-layout-item>
+          <zero-grid-layout-item
+            style="background-color: red;"
+            col-number="1"
+            row-number="2"
+            width="1"
+            height="2"
+          ></zero-grid-layout-item>
+          <zero-grid-layout-item
+            style="background-color: yellow;"
+            col-number="2"
+            row-number="2"
+            width="3"
+            height="2"
+          ></zero-grid-layout-item>
+          <zero-grid-layout-item
+            style="background-color: green;"
+            col-number="1"
+            row-number="4"
+            width="4"
+            height="1"
+          ></zero-grid-layout-item>
+        </zero-grid-layout>
+      </zero-card>
+
+      <zero-card style="height: 200px; width: 100%;">
+        <zero-grid-layout row-count="6" col-count="6" class="spacing-2x">
+          <zero-grid-layout-item
+            style="background-color: blue;"
+            col-number="1"
+            row-number="1"
+            width="2"
+            height="6"
+          ></zero-grid-layout-item>
+          <zero-grid-layout-item
+            style="background-color: red;"
+            col-number="3"
+            row-number="1"
+            width="4"
+            height="3"
+          ></zero-grid-layout-item>
+          <zero-grid-layout-item
+            style="background-color: yellow;"
+            col-number="3"
+            row-number="4"
+            width="2"
+            height="3"
+          ></zero-grid-layout-item>
+          <zero-grid-layout-item
+            style="background-color: yellow;"
+            col-number="5"
+            row-number="4"
+            width="1"
+            height="3"
+          ></zero-grid-layout-item>
+          <zero-grid-layout-item
+            style="background-color: green;"
+            col-number="6"
+            row-number="4"
+            width="1"
+            height="3"
+          ></zero-grid-layout-item>
+        </zero-grid-layout>
+      </zero-card>
+
+      <zero-card style="height: 200px; width: 100%;">
+        <zero-grid-layout row-count="6" col-count="6" class="spacing-2x">
+          <zero-grid-layout-item
+            style="background-color: blue;"
+            col-number="1"
+            row-number="1"
+            width="1"
+            height="6"
+          ></zero-grid-layout-item>
+          <zero-grid-layout-item
+            style="background-color: red;"
+            col-number="2"
+            row-number="1"
+            width="5"
+            height="4"
+          ></zero-grid-layout-item>
+          <zero-grid-layout-item
+            style="background-color: yellow;"
+            col-number="2"
+            row-number="5"
+            width="5"
+            height="2"
+          ></zero-grid-layout-item>
+        </zero-grid-layout>
+      </zero-card>
+
+      <zero-card style="height: 200px; width: 100%;">
+        <zero-grid-layout row-count="6" col-count="6" class="spacing-2x">
+          <zero-grid-layout-item
+            style="background-color: blue;"
+            col-number="1"
+            row-number="1"
+            width="1"
+            height="6"
+          ></zero-grid-layout-item>
+          <zero-grid-layout-item
+            style="background-color: red;"
+            col-number="2"
+            row-number="1"
+            width="5"
+            height="4"
+          ></zero-grid-layout-item>
+          <zero-grid-layout-item
+            style="background-color: yellow;"
+            col-number="2"
+            row-number="5"
+            width="5"
+            height="2"
+          ></zero-grid-layout-item>
+        </zero-grid-layout>
+      </zero-card>
+    </div>
+  `,
+};
+//# sourceMappingURL=grid-layout.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"grid-layout.stories.js","sourceRoot":"","sources":["../../../src/grid-layout/grid-layout.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,gHAAgH,CAAC;AAEnH,MAAM,CAAC,MAAM,OAAO,GAAa;IAC/B,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;kBACF,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgP3B;CACF,CAAC"}

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

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

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

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

package/dist/esm/grid-layout-item/grid-layout-item.js

@@ -0,0 +1,5 @@
+import { GridLayoutItem as FoundationGridLayoutItem, foundationGridLayoutItemTemplate as zeroGridLayoutItemTemplate, foundationGridLayoutItemShadowOptions as zeroGridLayoutItemShadowOptions, defaultGridLayoutItemConfig, } from '@genesislcap/foundation-ui';
+export class GridLayoutItem extends FoundationGridLayoutItem {
+}
+export const zeroGridLayoutItem = GridLayoutItem.compose(Object.assign({ baseName: 'grid-layout-item', shadowOptions: zeroGridLayoutItemShadowOptions, template: zeroGridLayoutItemTemplate }, defaultGridLayoutItemConfig));
+//# sourceMappingURL=grid-layout-item.js.map

package/dist/esm/grid-layout-item/grid-layout-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-layout-item.js","sourceRoot":"","sources":["../../../src/grid-layout-item/grid-layout-item.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,IAAI,wBAAwB,EAC1C,gCAAgC,IAAI,0BAA0B,EAC9D,qCAAqC,IAAI,+BAA+B,EACxE,2BAA2B,GAC5B,MAAM,4BAA4B,CAAC;AAEpC,MAAM,OAAO,cAAe,SAAQ,wBAAwB;CAAG;AAS/D,MAAM,CAAC,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,iBACtD,QAAQ,EAAE,kBAAkB,EAC5B,aAAa,EAAE,+BAA+B,EAC9C,QAAQ,EAAE,0BAA0B,IACjC,2BAA2B,EAC9B,CAAC"}

package/dist/esm/grid-layout-item/index.js

@@ -0,0 +1,3 @@
+export * from './grid-layout-item';
+export { foundationGridLayoutItemTemplate as zeroGridLayoutItemTemplate } from '@genesislcap/foundation-ui';
+//# sourceMappingURL=index.js.map

package/dist/esm/grid-layout-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/grid-layout-item/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAE,gCAAgC,IAAI,0BAA0B,EAAE,MAAM,4BAA4B,CAAC"}

package/dist/esm/icon/icon.js

@@ -0,0 +1,9 @@
+import { Icon as FoundationIcon, defaultIconConfig as foundationIconConfig, foundationIconTemplate as template, foundationIconShadowOptions, } from '@genesislcap/foundation-ui';
+import { zeroIconStyles as styles } from './icon.styles';
+export class Icon extends FoundationIcon {
+}
+export const defaultIconConfig = foundationIconConfig;
+export const zeroIconShadowOptions = foundationIconShadowOptions;
+export const zeroIcon = Icon.compose(Object.assign({ baseName: 'icon', template,
+    styles, shadowOptions: zeroIconShadowOptions }, defaultIconConfig));
+//# sourceMappingURL=icon.js.map

package/dist/esm/icon/icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../src/icon/icon.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,IAAI,cAAc,EACtB,iBAAiB,IAAI,oBAAoB,EACzC,sBAAsB,IAAI,QAAQ,EAClC,2BAA2B,GAC5B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,cAAc,IAAI,MAAM,EAAE,MAAM,eAAe,CAAC;AAEzD,MAAM,OAAO,IAAK,SAAQ,cAAc;CAAG;AAE3C,MAAM,CAAC,MAAM,iBAAiB,GAAG,oBAAoB,CAAC;AAEtD,MAAM,CAAC,MAAM,qBAAqB,GAAG,2BAA2B,CAAC;AAEjE,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,iBAClC,QAAQ,EAAE,MAAM,EAChB,QAAQ;IACR,MAAM,EACN,aAAa,EAAE,qBAAqB,IACjC,iBAAiB,EACpB,CAAC"}

package/dist/esm/icon/icon.stories.js

@@ -0,0 +1,63 @@
+import { html } from 'lit-html';
+const meta = {
+    title: 'Icon',
+    component: 'zero-icon',
+};
+export default meta;
+const wrapperStyle = 'display: flex; width: 50%; justify-content: space-between;';
+export const Multiple = {
+    render: () => html `
+    <div style="${wrapperStyle}">
+      <zero-icon name="glasses" size="1x"></zero-icon>
+      <zero-icon name="amazon" size="2x" variant="brand"></zero-icon>
+      <zero-icon name="amazon-pay" size="3x" variant="brand"></zero-icon>
+      <zero-icon name="apple" size="4x" variant="brand"></zero-icon>
+      <zero-icon name="chrome" size="5x" variant="brand"></zero-icon>
+      <zero-icon name="ambulance" size="xs"></zero-icon>
+      <zero-icon name="angry" size="1x"></zero-icon>
+      <zero-icon variant="regular" name="angry" size="sm"></zero-icon>
+      <zero-icon name="address-book" size="lg"></zero-icon>
+      <zero-icon variant="regular" name="address-book" size="xl"></zero-icon>
+      <zero-icon name="bookmark" size="2xl;"></zero-icon>
+      <zero-icon variant="regular" name="bookmark" size="2xs"></zero-icon>
+    </div>
+  `,
+};
+export const Configurable = {
+    argTypes: {
+        size: {
+            control: 'select',
+            options: [
+                '2xs',
+                'xs',
+                'sm',
+                'lg',
+                'xl',
+                '2xl',
+                '1x',
+                '2x',
+                '3x',
+                '4x',
+                '5x',
+                '6x',
+                '7x',
+                '8x',
+                '9x',
+                '10x',
+            ],
+        },
+        variant: {
+            control: 'select',
+            options: ['solid', 'regular', 'brand'],
+        },
+    },
+    args: {
+        name: 'glasses',
+        size: 'lg',
+        variant: 'solid',
+    },
+    render: ({ name, size, variant }) => html `
+    <zero-icon name="${name}" size="${size}" variant="${variant}"></zero-icon>
+  `,
+};
+//# sourceMappingURL=icon.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon.stories.js","sourceRoot":"","sources":["../../../src/icon/icon.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,YAAY,GAAG,4DAA4D,CAAC;AAElF,MAAM,CAAC,MAAM,QAAQ,GAAa;IAChC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;kBACF,YAAY;;;;;;;;;;;;;;GAc3B;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAa;IACpC,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE;gBACP,KAAK;gBACL,IAAI;gBACJ,IAAI;gBACJ,IAAI;gBACJ,IAAI;gBACJ,KAAK;gBACL,IAAI;gBACJ,IAAI;gBACJ,IAAI;gBACJ,IAAI;gBACJ,IAAI;gBACJ,IAAI;gBACJ,IAAI;gBACJ,IAAI;gBACJ,IAAI;gBACJ,KAAK;aACN;SACF;QACD,OAAO,EAAE;YACP,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,OAAO,CAAC;SACvC;KACF;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,IAAI;QACV,OAAO,EAAE,OAAO;KACjB;IACD,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,IAAI,CAAA;uBACpB,IAAI,WAAW,IAAI,cAAc,OAAO;GAC5D;CACF,CAAC"}

package/dist/esm/icon/icon.styles.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon.styles.js","sourceRoot":"","sources":["../../../src/icon/icon.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,GAAG,EAAiB,MAAM,yBAAyB,CAAC;AAM7D,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,OAAiC,EACjC,UAAuC,EACxB,EAAE,CAAC,GAAG,CAAA;IACnB,oBAAoB,CAAC,OAAO,EAAE,UAAU,CAAC;CAC5C,CAAC"}

package/dist/esm/icon/index.js

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

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

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

package/dist/esm/index.federated.js

@@ -0,0 +1,2 @@
+import('./index');
+//# sourceMappingURL=index.federated.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.federated.js","sourceRoot":"","sources":["../../src/index.federated.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,SAAS,CAAC,CAAC"}

package/dist/esm/index.js

@@ -0,0 +1,64 @@
+import { baseComponents } from './base-components';
+import { provideDesignSystem } from './provide-design-system';
+export { baseComponents, provideDesignSystem };
+export const registerZeroDesignSystem = () => provideDesignSystem().register(baseComponents);
+export * from './_common';
+export * from './_config';
+export * from './actions-menu';
+export * from './anchor';
+export * from './badge';
+export * from './banner';
+export * from './breadcrumb-item';
+export * from './breadcrumb';
+export * from './button';
+export * from './card';
+export * from './checkbox';
+export * from './combobox';
+export * from './data-grid';
+export * from './design-system-provider';
+export * from './dialog';
+export * from './date-picker';
+export * from './disclosure';
+export * from './divider';
+export * from './dropdown-menu';
+export * from './error-boundary';
+export * from './error-banner';
+export * from './error-dialog';
+export * from './file-upload';
+export * from './filter';
+export * from './filter-bar';
+export * from './flex-layout';
+export * from './flipper';
+export * from './flyout';
+export * from './grid-layout';
+export * from './grid-layout-item';
+export * from './icon';
+export * from './listbox-option';
+export * from './menu';
+export * from './menu-item';
+export * from './modal';
+export * from './multiselect';
+export * from './number-field';
+export * from './progress';
+export * from './progress-ring';
+export * from './radio';
+export * from './radio-group';
+export * from './snackbar';
+export * from './segmented-control';
+export * from './segmented-item';
+export * from './select';
+export * from './skeleton';
+export * from './slider';
+export * from './switch';
+export * from './tab';
+export * from './tab-panel';
+export * from './tabs';
+export * from './text-area';
+export * from './text-field';
+export * from './toast';
+export * from './toolbar';
+export * from './tooltip';
+export * from './tree-item';
+export * from './tree-view';
+export * from './url-input';
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAC;AAE/C,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,EAAE,CAAC,mBAAmB,EAAE,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC;AAE7F,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,QAAQ,CAAC;AACvB,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC"}

package/dist/esm/listbox-option/index.js

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

package/dist/esm/listbox-option/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/listbox-option/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC"}

package/dist/esm/listbox-option/listbox-option.js

@@ -0,0 +1,8 @@
+import { defaultListboxOptionConfig, foundationListboxOptionShadowOptions, ListboxOption as FoundationListboxOption, } from '@genesislcap/foundation-ui';
+import { zeroListboxOptionTemplate as template } from './listbox-option.template';
+import { zeroListboxOptionStyles as styles } from './listbox-option.styles';
+export class ListboxOption extends FoundationListboxOption {
+}
+export const zeroListboxOption = ListboxOption.compose(Object.assign({ baseName: 'option', template,
+    styles, shadowOptions: foundationListboxOptionShadowOptions }, defaultListboxOptionConfig));
+//# sourceMappingURL=listbox-option.js.map

package/dist/esm/listbox-option/listbox-option.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"listbox-option.js","sourceRoot":"","sources":["../../../src/listbox-option/listbox-option.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,0BAA0B,EAC1B,oCAAoC,EACpC,aAAa,IAAI,uBAAuB,GACzC,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,yBAAyB,IAAI,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAClF,OAAO,EAAE,uBAAuB,IAAI,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAE5E,MAAM,OAAO,aAAc,SAAQ,uBAAuB;CAAG;AAE7D,MAAM,CAAC,MAAM,iBAAiB,GAAG,aAAa,CAAC,OAAO,iBACpD,QAAQ,EAAE,QAAQ,EAClB,QAAQ;IACR,MAAM,EACN,aAAa,EAAE,oCAAoC,IAChD,0BAA0B,EAC7B,CAAC"}

package/dist/esm/listbox-option/listbox-option.styles.js

@@ -0,0 +1,22 @@
+import { foundationListboxOptionStyles } from '@genesislcap/foundation-ui';
+import { css } from '@microsoft/fast-element';
+import { ColorHEX, PrimaryRapidColorHEX } from '../_common';
+export const zeroListboxOptionStyles = (context, definition) => css `
+  ${foundationListboxOptionStyles(context, definition)}
+  :host {
+    background-color: ${ColorHEX.darkGrey};
+    margin: 0;
+    border-radius: 0;
+    border: 1px solid ${ColorHEX.lightGrey};
+  }
+
+  :host(:hover:not([disabled])) {
+    background-color: ${ColorHEX.mediumGrey};
+  }
+
+  :host(.selected) {
+    background-color: ${ColorHEX.darkerGrey};
+    color: ${PrimaryRapidColorHEX.blue};
+  }
+`;
+//# sourceMappingURL=listbox-option.styles.js.map

package/dist/esm/listbox-option/listbox-option.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"listbox-option.styles.js","sourceRoot":"","sources":["../../../src/listbox-option/listbox-option.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,4BAA4B,CAAC;AAC3E,OAAO,EAAE,GAAG,EAAiB,MAAM,yBAAyB,CAAC;AAK7D,OAAO,EAAE,QAAQ,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAE5D,MAAM,CAAC,MAAM,uBAAuB,GAAG,CACrC,OAAiC,EACjC,UAAuC,EACxB,EAAE,CAAC,GAAG,CAAA;IACnB,6BAA6B,CAAC,OAAO,EAAE,UAAU,CAAC;;wBAE9B,QAAQ,CAAC,QAAQ;;;wBAGjB,QAAQ,CAAC,SAAS;;;;wBAIlB,QAAQ,CAAC,UAAU;;;;wBAInB,QAAQ,CAAC,UAAU;aAC9B,oBAAoB,CAAC,IAAI;;CAErC,CAAC"}

package/dist/esm/listbox-option/listbox-option.template.js

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

package/dist/esm/listbox-option/listbox-option.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"listbox-option.template.js","sourceRoot":"","sources":["../../../src/listbox-option/listbox-option.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,+BAA+B,EAAE,MAAM,4BAA4B,CAAC;AAQ7E,MAAM,CAAC,MAAM,yBAAyB,GAAG,CACvC,OAAiC,EACjC,UAAuC,EACV,EAAE,CAAC,+BAA+B,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC"}

package/dist/esm/listbox-option/style/colors.js

@@ -0,0 +1,6 @@
+import { parseColorHexRGB } from '@microsoft/fast-colors';
+import { getWebRGBA } from '../../_common';
+const rapidSelectedListboxFillColor = parseColorHexRGB('#141519');
+const rapidSelectedListboxFillAlpha = 1;
+export const defaultSelectedListboxFillColor = getWebRGBA(rapidSelectedListboxFillColor, rapidSelectedListboxFillAlpha);
+//# sourceMappingURL=colors.js.map

package/dist/esm/listbox-option/style/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../../../src/listbox-option/style/colors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AACvE,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAK3C,MAAM,6BAA6B,GAAgB,gBAAgB,CAAC,SAAS,CAAE,CAAC;AAChF,MAAM,6BAA6B,GAAG,CAAC,CAAC;AACxC,MAAM,CAAC,MAAM,+BAA+B,GAAG,UAAU,CACvD,6BAA6B,EAC7B,6BAA6B,CAC9B,CAAC"}

package/dist/esm/listbox-option/style/index.js

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

package/dist/esm/listbox-option/style/index.js.map

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

package/dist/esm/menu/index.js

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

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

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

package/dist/esm/menu/menu.js

@@ -0,0 +1,12 @@
+import { foundationMenuShadowOptions, Menu as FoundationMenu, foundationMenuTemplate as zeroMenuTemplate, } from '@genesislcap/foundation-ui';
+import { zeroMenuStyles } from './menu.styles';
+export const zeroMenuShadowOptions = foundationMenuShadowOptions;
+export class Menu extends FoundationMenu {
+}
+export const zeroMenu = Menu.compose({
+    baseName: 'menu',
+    template: zeroMenuTemplate,
+    styles: zeroMenuStyles,
+    shadowOptions: zeroMenuShadowOptions,
+});
+//# sourceMappingURL=menu.js.map

package/dist/esm/menu/menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../src/menu/menu.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,2BAA2B,EAC3B,IAAI,IAAI,cAAc,EACtB,sBAAsB,IAAI,gBAAgB,GAC3C,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,MAAM,CAAC,MAAM,qBAAqB,GAAG,2BAA2B,CAAC;AAEjE,MAAM,OAAO,IAAK,SAAQ,cAAc;CAAG;AAS3C,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC;IACnC,QAAQ,EAAE,MAAM;IAChB,QAAQ,EAAE,gBAAgB;IAC1B,MAAM,EAAE,cAAc;IACtB,aAAa,EAAE,qBAAqB;CACrC,CAAC,CAAC"}

package/dist/esm/menu/menu.stories.js

@@ -0,0 +1,27 @@
+import { html } from 'lit-html';
+const meta = {
+    title: 'Menu',
+    component: 'zero-menu',
+};
+export default meta;
+export const Primary = {
+    args: {
+        menuItemsText: 'Menu item',
+        subMenuItemsText: 'SubMenu item',
+    },
+    render: ({ menuItemsText, subMenuItemsText }) => html `
+      <zero-menu>
+        <zero-menu-item>
+          ${menuItemsText} 1
+          <zero-menu>
+            <zero-menu-item>${subMenuItemsText} 1</zero-menu-item>
+            <zero-menu-item>${subMenuItemsText} 2</zero-menu-item>
+            <zero-menu-item>${subMenuItemsText}</zero-menu-item>
+          </zero-menu>
+        </zero-menu-item>
+        <zero-menu-item>${menuItemsText} 2</zero-menu-item>
+        <zero-menu-item>${menuItemsText}</zero-menu-item>
+      </zero-menu>
+    `,
+};
+//# sourceMappingURL=menu.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu.stories.js","sourceRoot":"","sources":["../../../src/menu/menu.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,IAAI,EAAE;QACJ,aAAa,EAAE,WAAW;QAC1B,gBAAgB,EAAE,cAAc;KACjC;IACD,MAAM,EAAE,CAAC,EAAE,aAAa,EAAE,gBAAgB,EAAE,EAAE,EAAE,CAC9C,IAAI,CAAA;;;YAGI,aAAa;;8BAEK,gBAAgB;8BAChB,gBAAgB;8BAChB,gBAAgB;;;0BAGpB,aAAa;0BACb,aAAa;;KAElC;CACJ,CAAC"}

package/dist/esm/menu/menu.styles.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu.styles.js","sourceRoot":"","sources":["../../../src/menu/menu.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,GAAG,EAAiB,MAAM,yBAAyB,CAAC;AAM7D,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,OAAiC,EACjC,UAAuC,EACxB,EAAE,CAAC,GAAG,CAAA;IACnB,oBAAoB,CAAC,OAAO,EAAE,UAAU,CAAC;;;;;CAK5C,CAAC"}

package/dist/esm/menu-item/index.js

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

package/dist/esm/menu-item/index.js.map

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

package/dist/esm/menu-item/menu-item.js

@@ -0,0 +1,7 @@
+import { foundationMenuItemShadowOptions, MenuItem as FoundationMenuItem, foundationMenuItemTemplate as zeroMenuItemTemplate, defaultMenuItemConfig, } from '@genesislcap/foundation-ui';
+import { zeroMenuItemStyles } from './menu-item.styles';
+export const zeroMenuItemShadowOptions = foundationMenuItemShadowOptions;
+export class MenuItem extends FoundationMenuItem {
+}
+export const zeroMenuItem = MenuItem.compose(Object.assign({ baseName: 'menu-item', template: zeroMenuItemTemplate, styles: zeroMenuItemStyles, shadowOptions: zeroMenuItemShadowOptions }, defaultMenuItemConfig));
+//# sourceMappingURL=menu-item.js.map

package/dist/esm/menu-item/menu-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item.js","sourceRoot":"","sources":["../../../src/menu-item/menu-item.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,+BAA+B,EAC/B,QAAQ,IAAI,kBAAkB,EAC9B,0BAA0B,IAAI,oBAAoB,EAClD,qBAAqB,GACtB,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAExD,MAAM,CAAC,MAAM,yBAAyB,GAAG,+BAA+B,CAAC;AAEzE,MAAM,OAAO,QAAS,SAAQ,kBAAkB;CAAG;AASnD,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,OAAO,iBAC1C,QAAQ,EAAE,WAAW,EACrB,QAAQ,EAAE,oBAAoB,EAC9B,MAAM,EAAE,kBAAkB,EAC1B,aAAa,EAAE,yBAAyB,IACrC,qBAAqB,EACxB,CAAC"}