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

package/dist/esm/radio/radio.styles.js

@@ -0,0 +1,37 @@
+import { foundationRadioStyles } from '@genesislcap/foundation-ui';
+import { css } from '@microsoft/fast-element';
+import { PrimaryRapidColorHEX } from '../_common';
+export const zeroRadioStyles = (context, definition) => css `
+  ${foundationRadioStyles(context, definition)}
+  :host {
+    --primary-gradient-angle: -113.5deg;
+  }
+
+  :host .control {
+    background: transparent;
+  }
+
+  :host([aria-checked='true']) .control {
+    background: transparent;
+    border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);
+  }
+
+  :host(:not([disabled])) .control:hover {
+    background: transparent;
+  }
+
+  :host([aria-checked='true']:not([disabled])) .control:hover {
+    background: transparent;
+    border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-hover);
+  }
+
+  .checked-indicator,
+  :host([aria-checked='true']:not([disabled])) .control:hover .checked-indicator {
+    background: linear-gradient(
+      var(--primary-gradient-angle),
+      ${PrimaryRapidColorHEX.blue},
+      ${PrimaryRapidColorHEX.purple}
+    );
+  }
+`;
+//# sourceMappingURL=radio.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"radio.styles.js","sourceRoot":"","sources":["../../../src/radio/radio.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,GAAG,EAAiB,MAAM,yBAAyB,CAAC;AAE7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAElD,MAAM,CAAC,MAAM,eAAe,GAAG,CAC7B,OAAiC,EACjC,UAAwB,EACT,EAAE,CAAC,GAAG,CAAA;IACnB,qBAAqB,CAAC,OAAO,EAAE,UAAU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;QA2BtC,oBAAoB,CAAC,IAAI;QACzB,oBAAoB,CAAC,MAAM;;;CAGlC,CAAC"}

package/dist/esm/radio/radio.template.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"radio.template.js","sourceRoot":"","sources":["../../../src/radio/radio.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAKrE,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,OAAiC,EACjC,UAAwB,EACH,EAAE,CAAC,uBAAuB,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC"}

package/dist/esm/radio-group/index.js

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

package/dist/esm/radio-group/index.js.map

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

package/dist/esm/radio-group/radio-group.js

@@ -0,0 +1,8 @@
+import { defaultRadioGroupConfig, foundationRadioGroupShadowOptions, RadioGroup as FoundationRadioGroup, } from '@genesislcap/foundation-ui';
+import { zeroRadioGroupTemplate as template } from './radio-group.template';
+import { zeroRadioGroupStyles as styles } from './radio-group.styles';
+export class RadioGroup extends FoundationRadioGroup {
+}
+export const zeroRadioGroup = RadioGroup.compose(Object.assign({ baseName: 'radio-group', template,
+    styles, shadowOptions: foundationRadioGroupShadowOptions }, defaultRadioGroupConfig));
+//# sourceMappingURL=radio-group.js.map

package/dist/esm/radio-group/radio-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.js","sourceRoot":"","sources":["../../../src/radio-group/radio-group.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,iCAAiC,EACjC,UAAU,IAAI,oBAAoB,GACnC,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,sBAAsB,IAAI,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAC5E,OAAO,EAAE,oBAAoB,IAAI,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAEtE,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,iCAAiC,IAC7C,uBAAuB,EAC1B,CAAC"}

package/dist/esm/radio-group/radio-group.stories.js

@@ -0,0 +1,17 @@
+import { html } from 'lit-html';
+const meta = {
+    title: 'Radio Group',
+    component: 'zero-radio-group',
+};
+export default meta;
+export const Primary = {
+    render: () => html `
+    <zero-radio-group>
+      <label slot="label">Zero Radio Group (label slot)</label>
+      <zero-radio>Zero label 1</zero-radio>
+      <zero-radio>Zero label 2</zero-radio>
+      <zero-radio>Zero label 3</zero-radio>
+    </zero-radio-group>
+  `,
+};
+//# sourceMappingURL=radio-group.stories.js.map

package/dist/esm/radio-group/radio-group.stories.js.map

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

package/dist/esm/radio-group/radio-group.styles.js

@@ -0,0 +1,9 @@
+import { foundationRadioGroupStyles } from '@genesislcap/foundation-ui';
+import { css } from '@microsoft/fast-element';
+export const zeroRadioGroupStyles = (context, definition) => css `
+  ${foundationRadioGroupStyles(context, definition)}
+  :host([appearance="accent"]) {
+    background: green;
+  }
+`;
+//# sourceMappingURL=radio-group.styles.js.map

package/dist/esm/radio-group/radio-group.styles.js.map

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

package/dist/esm/radio-group/radio-group.template.js

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

package/dist/esm/radio-group/radio-group.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.template.js","sourceRoot":"","sources":["../../../src/radio-group/radio-group.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,4BAA4B,CAAC;AAQ1E,MAAM,CAAC,MAAM,sBAAsB,GAAG,CACpC,OAAiC,EACjC,UAAuC,EACb,EAAE,CAAC,4BAA4B,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC"}

package/dist/esm/segmented-control/index.js

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

package/dist/esm/segmented-control/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/segmented-control/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC"}

package/dist/esm/segmented-control/segmented-control.js

@@ -0,0 +1,10 @@
+import { RadioGroup as FoundationRadioGroup } from '@genesislcap/foundation-ui';
+import { zeroSegmentedControlTemplate as template } from './segmented-control.template';
+import { zeroSegmentedControlStyles as styles } from './segmented-control.styles';
+export class SegmentedControl extends FoundationRadioGroup {
+}
+export const zeroSegmentedControlShadowOptions = undefined;
+export const defaultSegmentedControlConfig = {};
+export const zeroSegmentedControl = SegmentedControl.compose(Object.assign({ baseName: 'segmented-control', template,
+    styles, shadowOptions: zeroSegmentedControlShadowOptions }, defaultSegmentedControlConfig));
+//# sourceMappingURL=segmented-control.js.map

package/dist/esm/segmented-control/segmented-control.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmented-control.js","sourceRoot":"","sources":["../../../src/segmented-control/segmented-control.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAChF,OAAO,EAAE,4BAA4B,IAAI,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxF,OAAO,EAAE,0BAA0B,IAAI,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAElF,MAAM,OAAO,gBAAiB,SAAQ,oBAAoB;CAAG;AAG7D,MAAM,CAAC,MAAM,iCAAiC,GAAmB,SAAS,CAAC;AAE3E,MAAM,CAAC,MAAM,6BAA6B,GAAG,EAAE,CAAC;AAShD,MAAM,CAAC,MAAM,oBAAoB,GAAG,gBAAgB,CAAC,OAAO,iBAC1D,QAAQ,EAAE,mBAAmB,EAC7B,QAAQ;IACR,MAAM,EACN,aAAa,EAAE,iCAAiC,IAC7C,6BAA6B,EAChC,CAAC"}

package/dist/esm/segmented-control/segmented-control.stories.js

@@ -0,0 +1,27 @@
+import { html } from 'lit-html';
+const meta = {
+    title: 'Segmented Control',
+    component: 'zero-segmented-control',
+};
+export default meta;
+const wrapperStyle = 'display: flex; flex-direction: column;';
+export const Primary = {
+    render: () => html `
+    <div style="${wrapperStyle}">
+      <zero-segmented-control>
+        <label slot="label">Neutral Segment Control (label slot)</label>
+        <zero-segmented-item>Segmented Item</zero-segmented-item>
+        <zero-segmented-item>Segmented Item</zero-segmented-item>
+        <zero-segmented-item>Segmented Item</zero-segmented-item>
+      </zero-segmented-control>
+
+      <zero-segmented-control appearance="primary">
+        <label slot="label">Primary Segment Control (label slot)</label>
+        <zero-segmented-item>Segmented Item</zero-segmented-item>
+        <zero-segmented-item>Segmented Item</zero-segmented-item>
+        <zero-segmented-item>Segmented Item</zero-segmented-item>
+      </zero-segmented-control>
+    </div>
+  `,
+};
+//# sourceMappingURL=segmented-control.stories.js.map

package/dist/esm/segmented-control/segmented-control.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmented-control.stories.js","sourceRoot":"","sources":["../../../src/segmented-control/segmented-control.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,wBAAwB;CACpC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,MAAM,YAAY,GAAG,wCAAwC,CAAC;AAE9D,MAAM,CAAC,MAAM,OAAO,GAAa;IAC/B,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;kBACF,YAAY;;;;;;;;;;;;;;;GAe3B;CACF,CAAC"}

package/dist/esm/segmented-control/segmented-control.styles.js

@@ -0,0 +1,45 @@
+import { foundationSegmentedControlStyles } from '@genesislcap/foundation-ui';
+import { css } from '@microsoft/fast-element';
+import { PrimaryRapidColorHEX } from '../_common/colors.hex';
+import { neutralFillStealthRest } from '@microsoft/fast-components';
+export const zeroSegmentedControlStyles = (context, definition) => css `
+  ${foundationSegmentedControlStyles(context, definition)}
+  :host {
+    --primary-gradient-angle: -113.5deg;
+  }
+
+  :host ::slotted(*) {
+    transition: color 0.4s ease 0s;
+  }
+
+  :host ::slotted(zero-segmented-item:first-of-type) {
+    border-radius: calc(var(--control-corner-radius) * 1px) 0 0
+      calc(var(--control-corner-radius) * 1px);
+    border-right-width: 0;
+  }
+
+  :host ::slotted(zero-segmented-item:last-of-type) {
+    border-radius: 0 calc(var(--control-corner-radius) * 1px)
+      calc(var(--control-corner-radius) * 1px) 0;
+    border-left-width: 0;
+  }
+
+  :host ::slotted(*[aria-checked='true']) {
+    background: ${neutralFillStealthRest};
+    background-origin: border-box;
+    border-color: transparent;
+    box-shadow: 2px 1000px 1px rgb(0 0 0 / 50%) inset;
+  }
+
+  :host([appearance='primary']) ::slotted(*[aria-checked='true']) {
+    background: linear-gradient(
+      var(--primary-gradient-angle),
+      ${PrimaryRapidColorHEX.blue},
+      ${PrimaryRapidColorHEX.purple}
+    );
+    background-origin: border-box;
+    border-color: transparent;
+    box-shadow: 2px 1000px 1px rgb(0 0 0 / 50%) inset;
+  }
+`;
+//# sourceMappingURL=segmented-control.styles.js.map

package/dist/esm/segmented-control/segmented-control.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmented-control.styles.js","sourceRoot":"","sources":["../../../src/segmented-control/segmented-control.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gCAAgC,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAAE,GAAG,EAAiB,MAAM,yBAAyB,CAAC;AAK7D,OAAO,EAAE,oBAAoB,EAAwB,MAAM,uBAAuB,CAAC;AACnF,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAEpE,MAAM,CAAC,MAAM,0BAA0B,GAAG,CACxC,OAAiC,EACjC,UAAuC,EACxB,EAAE,CAAC,GAAG,CAAA;IACnB,gCAAgC,CAAC,OAAO,EAAE,UAAU,CAAC;;;;;;;;;;;;;;;;;;;;;;kBAsBvC,sBAAsB;;;;;;;;;QAShC,oBAAoB,CAAC,IAAI;QACzB,oBAAoB,CAAC,MAAM;;;;;;CAMlC,CAAC"}

package/dist/esm/segmented-control/segmented-control.template.js

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

package/dist/esm/segmented-control/segmented-control.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmented-control.template.js","sourceRoot":"","sources":["../../../src/segmented-control/segmented-control.template.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kCAAkC,EAAE,MAAM,4BAA4B,CAAC;AAOhF,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAC1C,OAAiC,EACjC,UAAuC,EACP,EAAE,CAAC,kCAAkC,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC"}

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

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

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

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

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

@@ -0,0 +1,10 @@
+import { Radio as FoundationFoundationRadio } from '@genesislcap/foundation-ui';
+import { zeroSegmentedItemTemplate as template } from './segmented-item.template';
+import { zeroSegmentedItemStyles as styles } from './segmented-item.styles';
+export class SegmentedItem extends FoundationFoundationRadio {
+}
+export const zeroSegmentedItemShadowOptions = undefined;
+export const defaultSegmentedItemConfig = {};
+export const zeroSegmentedItem = SegmentedItem.compose(Object.assign({ baseName: 'segmented-item', template,
+    styles, shadowOptions: zeroSegmentedItemShadowOptions }, defaultSegmentedItemConfig));
+//# sourceMappingURL=segmented-item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"segmented-item.js","sourceRoot":"","sources":["../../../src/segmented-item/segmented-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AAEhF,OAAO,EAAE,yBAAyB,IAAI,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAClF,OAAO,EAAE,uBAAuB,IAAI,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAE5E,MAAM,OAAO,aAAc,SAAQ,yBAAyB;CAAG;AAG/D,MAAM,CAAC,MAAM,8BAA8B,GAAmB,SAAS,CAAC;AAExE,MAAM,CAAC,MAAM,0BAA0B,GAAG,EAAE,CAAC;AAS7C,MAAM,CAAC,MAAM,iBAAiB,GAAG,aAAa,CAAC,OAAO,iBACpD,QAAQ,EAAE,gBAAgB,EAC1B,QAAQ;IACR,MAAM,EACN,aAAa,EAAE,8BAA8B,IAC1C,0BAA0B,EAC7B,CAAC"}

package/dist/esm/segmented-item/segmented-item.styles.js

@@ -0,0 +1,15 @@
+import { foundationSegmentedItemStyles } from '@genesislcap/foundation-ui';
+import { css } from '@microsoft/fast-element';
+import { ColorHEX } from '../_common/colors.hex';
+export const zeroSegmentedItemStyles = (context, definition) => css `
+  ${foundationSegmentedItemStyles(context, definition)}
+  :host {
+    color: var(--neutral-stroke-rest);
+    font-size: var(--type-ramp-minus-1-font-size);
+  }
+
+  :host([aria-checked='true']) {
+    color: ${ColorHEX.white};
+  }
+`;
+//# sourceMappingURL=segmented-item.styles.js.map

package/dist/esm/segmented-item/segmented-item.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmented-item.styles.js","sourceRoot":"","sources":["../../../src/segmented-item/segmented-item.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,4BAA4B,CAAC;AAC3E,OAAO,EAAE,GAAG,EAAiB,MAAM,yBAAyB,CAAC;AAE7D,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,MAAM,CAAC,MAAM,uBAAuB,GAAG,CACrC,OAAiC,EACjC,UAAwB,EACT,EAAE,CAAC,GAAG,CAAA;IACnB,6BAA6B,CAAC,OAAO,EAAE,UAAU,CAAC;;;;;;;aAOzC,QAAQ,CAAC,KAAK;;CAE1B,CAAC"}

package/dist/esm/segmented-item/segmented-item.template.js

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

package/dist/esm/segmented-item/segmented-item.template.js.map

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

package/dist/esm/select/index.js

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

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

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

package/dist/esm/select/select.js

@@ -0,0 +1,8 @@
+import { defaultSelectConfig, foundationSelectShadowOptions, Select as FoundationSelect, } from '@genesislcap/foundation-ui';
+import { zeroSelectTemplate as template } from './select.template';
+import { zeroSelectStyles as styles } from './select.styles';
+export class Select extends FoundationSelect {
+}
+export const zeroSelect = Select.compose(Object.assign({ baseName: 'select', template,
+    styles, shadowOptions: foundationSelectShadowOptions }, defaultSelectConfig));
+//# sourceMappingURL=select.js.map

package/dist/esm/select/select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../src/select/select.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/select/select.stories.js

@@ -0,0 +1,18 @@
+import { html } from 'lit-html';
+const meta = {
+    title: 'Select',
+    component: 'zero-select',
+};
+export default meta;
+export const Primary = {
+    render: () => html `
+    <div style="min-height: 300px;">
+      <zero-select>
+        <zero-option value="1">Zero Option 1</zero-option>
+        <zero-option value="2">Zero Option 2</zero-option>
+        <zero-option value="3">Zero Option 3</zero-option>
+      </zero-select>
+    </div>
+  `,
+};
+//# sourceMappingURL=select.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select.stories.js","sourceRoot":"","sources":["../../../src/select/select.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;;;;;;;;GAQjB;CACF,CAAC"}

package/dist/esm/select/select.styles.js

@@ -0,0 +1,56 @@
+import { foundationSelectStyles } 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 zeroSelectStyles = (context, definition) => css `
+  ${foundationSelectStyles(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=select.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select.styles.js","sourceRoot":"","sources":["../../../src/select/select.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,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,gBAAgB,GAAG,CAC9B,OAAiC,EACjC,UAAuC,EACxB,EAAE,CAAC,GAAG,CAAA;IACnB,sBAAsB,CAAC,OAAO,EAAE,UAAU,CAAC;;;;;oBAK3B,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/select/select.template.js

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

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

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

package/dist/esm/skeleton/index.js

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

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

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

package/dist/esm/skeleton/skeleton.js

@@ -0,0 +1,8 @@
+import { defaultSkeletonConfig, foundationSkeletonShadowOptions, Skeleton as FoundationSkeleton, } from '@genesislcap/foundation-ui';
+import { zeroSkeletonTemplate as template } from './skeleton.template';
+import { zeroSkeletonStyles as styles } from './skeleton.styles';
+export class Skeleton extends FoundationSkeleton {
+}
+export const zeroSkeleton = Skeleton.compose(Object.assign({ baseName: 'skeleton', template,
+    styles, shadowOptions: foundationSkeletonShadowOptions }, defaultSkeletonConfig));
+//# sourceMappingURL=skeleton.js.map

package/dist/esm/skeleton/skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.js","sourceRoot":"","sources":["../../../src/skeleton/skeleton.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,qBAAqB,CAAC;AACvE,OAAO,EAAE,kBAAkB,IAAI,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAEjE,MAAM,OAAO,QAAS,SAAQ,kBAAkB;CAAG;AAEnD,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,OAAO,iBAC1C,QAAQ,EAAE,UAAU,EACpB,QAAQ;IACR,MAAM,EACN,aAAa,EAAE,+BAA+B,IAC3C,qBAAqB,EACxB,CAAC"}

package/dist/esm/skeleton/skeleton.stories.js

@@ -0,0 +1,36 @@
+import { html } from 'lit-html';
+const meta = {
+    title: 'Skeleton',
+    component: 'zero-skeleton',
+};
+export default meta;
+export const Primary = {
+    render: () => html `
+    <div
+      style="
+      background-color: #fff;
+      padding: 20px;
+      width: 500px;
+      border-radius: 4px;"
+    >
+      <zero-skeleton style="width: 50px; height: 50px;" shape="circle"></zero-skeleton>
+      <zero-skeleton
+        style="border-radius: 4px; margin-top: 10px; height: 10px;"
+        shape="rect"
+      ></zero-skeleton>
+      <zero-skeleton
+        style="border-radius: 4px; margin-top: 10px; height: 10px;"
+        shape="rect"
+      ></zero-skeleton>
+      <zero-skeleton
+        style="border-radius: 4px;width: 75px;height: 30px;margin-top: 20px;margin-bottom: 10px;"
+        shape="rect"
+      ></zero-skeleton>
+    </div>
+    <zero-skeleton
+      style="border-radius: 4px; margin-top: 10px; height: 20px;"
+      shape="rect"
+    ></zero-skeleton>
+  `,
+};
+//# sourceMappingURL=skeleton.stories.js.map

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

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

package/dist/esm/skeleton/skeleton.styles.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.styles.js","sourceRoot":"","sources":["../../../src/skeleton/skeleton.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;CAChD,CAAC"}

package/dist/esm/skeleton/skeleton.template.js

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

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

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

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

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

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

package/dist/esm/slider/slider.js

@@ -0,0 +1,8 @@
+import { defaultSliderConfig, foundationSliderShadowOptions, Slider as FoundationSlider, } from '@genesislcap/foundation-ui';
+import { zeroSliderTemplate as template } from './slider.template';
+import { zeroSliderStyles as styles } from './slider.styles';
+export class Slider extends FoundationSlider {
+}
+export const zeroSlider = Slider.compose(Object.assign({ baseName: 'slider', template,
+    styles, shadowOptions: foundationSliderShadowOptions }, defaultSliderConfig));
+//# sourceMappingURL=slider.js.map

package/dist/esm/slider/slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.js","sourceRoot":"","sources":["../../../src/slider/slider.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/slider/slider.stories.js

@@ -0,0 +1,15 @@
+import { html } from 'lit-html';
+const meta = {
+    title: 'Slider',
+    component: 'zero-slider',
+};
+export default meta;
+export const Primary = {
+    render: () => html `
+    <div style="min-height: 300px;">
+      <zero-slider min="0" max="100" step="10" value="70" orientation="vertical"></zero-slider>
+      <zero-slider min="0" max="100" step="10" value="70"></zero-slider>
+    </div>
+  `,
+};
+//# sourceMappingURL=slider.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"slider.stories.js","sourceRoot":"","sources":["../../../src/slider/slider.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;;;;;GAKjB;CACF,CAAC"}

package/dist/esm/slider/slider.styles.js

@@ -0,0 +1,63 @@
+import { foundationSliderStyles } from '@genesislcap/foundation-ui';
+import { css } from '@microsoft/fast-element';
+import { PrimaryRapidColorHEX, ColorHEX } from '../_common';
+import { primaryBlueWebRGBA } from '../_config/styles';
+export const zeroSliderStyles = (context, definition) => css `
+  ${foundationSliderStyles(context, definition)}
+  :host {
+    --primary-gradient-angle: -113.5deg;
+  }
+
+  .thumb-cursor {
+    background: linear-gradient(
+      var(--primary-gradient-angle),
+      ${PrimaryRapidColorHEX.blue},
+      ${PrimaryRapidColorHEX.purple}
+    );
+    border-radius: calc(var(--control-corner-radius) * 2px);
+  }
+
+  .thumb-cursor:hover,
+  .thumb-cursor:active {
+    background: linear-gradient(
+      var(--primary-gradient-angle),
+      ${PrimaryRapidColorHEX.blue},
+      ${PrimaryRapidColorHEX.purple}
+    );
+    border-radius: transparent;
+  }
+
+  :host(:focus-visible) .thumb-cursor {
+    box-shadow: 0 0 0 0;
+  }
+
+  .thumb-cursor:hover::after,
+  .thumb-cursor:active::after {
+    content: '';
+    height: calc(var(--thumb-size) * 2px);
+    width: calc(var(--thumb-size) * 2px);
+    border-radius: calc(var(--control-corner-radius) * 4px);
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    z-index: -1;
+  }
+
+  .thumb-cursor:hover::after {
+    background-color: ${primaryBlueWebRGBA(0.1)};
+  }
+
+  .thumb-cursor:active::after {
+    background-color: ${primaryBlueWebRGBA(0.2)};
+  }
+
+  .track {
+    background-color: ${ColorHEX.mediumGrey};
+  }
+
+  .track-progress {
+    background-color: var(--neutral-stroke-rest);
+  }
+`;
+//# sourceMappingURL=slider.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"slider.styles.js","sourceRoot":"","sources":["../../../src/slider/slider.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,EAAE,MAAM,YAAY,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAEvD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC9B,OAAiC,EACjC,UAAyB,EACV,EAAE,CAAC,GAAG,CAAA;IACnB,sBAAsB,CAAC,OAAO,EAAE,UAAU,CAAC;;;;;;;;QAQvC,oBAAoB,CAAC,IAAI;QACzB,oBAAoB,CAAC,MAAM;;;;;;;;;QAS3B,oBAAoB,CAAC,IAAI;QACzB,oBAAoB,CAAC,MAAM;;;;;;;;;;;;;;;;;;;;;;;wBAuBX,kBAAkB,CAAC,GAAG,CAAC;;;;wBAIvB,kBAAkB,CAAC,GAAG,CAAC;;;;wBAIvB,QAAQ,CAAC,UAAU;;;;;;CAM1C,CAAC"}

package/dist/esm/slider/slider.template.js

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

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

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