@genesislcap/foundation-zero 14.96.1 → 14.97.0

package/dist/custom-elements.json

@@ -784,225 +784,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/_config/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./styles"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./tokens"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./values"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/accordion/accordion.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "type": {
-            "text": "Meta"
-          },
-          "default": "{\n  title: 'Accordion',\n  component: 'zero-accordion',\n}"
-        },
-        {
-          "kind": "variable",
-          "name": "Primary",
-          "type": {
-            "text": "StoryObj"
-          },
-          "default": "{\n  render: () => html`\n    <zero-accordion>\n      <zero-accordion-item slot=\"item\" id=\"accordion-1\">\n        Accordion one content\n        <div slot=\"heading\">Accordion one</div>\n      </zero-accordion-item>\n      <zero-accordion-item slot=\"item\" id=\"accordion-2\">\n        Accordion two content\n        <div slot=\"heading\">Accordion two</div>\n      </zero-accordion-item>\n      <zero-accordion-item slot=\"item\" id=\"accordion-3\">\n        Accordion three content\n        <div slot=\"heading\">Accordion three</div>\n      </zero-accordion-item>\n      <zero-accordion-item slot=\"item\" id=\"accordion-4\">\n        Accordion four content\n        <div slot=\"heading\">Accordion four</div>\n      </zero-accordion-item>\n    </zero-accordion>\n  `,\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "src/accordion/accordion.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Primary",
-          "declaration": {
-            "name": "Primary",
-            "module": "src/accordion/accordion.stories.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/accordion/accordion.styles.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "zeroAccordionStyles",
-          "return": {
-            "type": {
-              "text": "ElementStyles"
-            }
-          },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "FoundationElementDefinition"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "zeroAccordionStyles",
-          "declaration": {
-            "name": "zeroAccordionStyles",
-            "module": "src/accordion/accordion.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/accordion/accordion.template.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "zeroAccordionTemplate",
-          "return": {
-            "type": {
-              "text": "ViewTemplate<Accordion>"
-            }
-          },
-          "parameters": [
-            {
-              "name": "context",
-              "type": {
-                "text": "ElementDefinitionContext"
-              }
-            },
-            {
-              "name": "definition",
-              "type": {
-                "text": "FoundationElementDefinition"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "zeroAccordionTemplate",
-          "declaration": {
-            "name": "zeroAccordionTemplate",
-            "module": "src/accordion/accordion.template.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/accordion/accordion.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "Accordion",
-          "superclass": {
-            "name": "FoundationAccordion",
-            "package": "@genesislcap/foundation-ui"
-          },
-          "tagName": "%%prefix%%-card",
-          "customElement": true
-        },
-        {
-          "kind": "variable",
-          "name": "zeroAccordion"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "Accordion",
-          "declaration": {
-            "name": "Accordion",
-            "module": "src/accordion/accordion.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "zeroAccordion",
-          "declaration": {
-            "name": "zeroAccordion",
-            "module": "src/accordion/accordion.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/accordion/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./accordion"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./accordion.styles"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./accordion.template"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/accordion-item/accordion-item.styles.ts",
@@ -1423,6 +1204,194 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/accordion/accordion.stories.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "meta",
+          "type": {
+            "text": "Meta"
+          },
+          "default": "{\n  title: 'Accordion',\n  component: 'zero-accordion',\n}"
+        },
+        {
+          "kind": "variable",
+          "name": "Primary",
+          "type": {
+            "text": "StoryObj"
+          },
+          "default": "{\n  render: () => html`\n    <zero-accordion>\n      <zero-accordion-item slot=\"item\" id=\"accordion-1\">\n        Accordion one content\n        <div slot=\"heading\">Accordion one</div>\n      </zero-accordion-item>\n      <zero-accordion-item slot=\"item\" id=\"accordion-2\">\n        Accordion two content\n        <div slot=\"heading\">Accordion two</div>\n      </zero-accordion-item>\n      <zero-accordion-item slot=\"item\" id=\"accordion-3\">\n        Accordion three content\n        <div slot=\"heading\">Accordion three</div>\n      </zero-accordion-item>\n      <zero-accordion-item slot=\"item\" id=\"accordion-4\">\n        Accordion four content\n        <div slot=\"heading\">Accordion four</div>\n      </zero-accordion-item>\n    </zero-accordion>\n  `,\n}"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "meta",
+            "module": "src/accordion/accordion.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "Primary",
+          "declaration": {
+            "name": "Primary",
+            "module": "src/accordion/accordion.stories.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/accordion/accordion.styles.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "zeroAccordionStyles",
+          "return": {
+            "type": {
+              "text": "ElementStyles"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "zeroAccordionStyles",
+          "declaration": {
+            "name": "zeroAccordionStyles",
+            "module": "src/accordion/accordion.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/accordion/accordion.template.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "zeroAccordionTemplate",
+          "return": {
+            "type": {
+              "text": "ViewTemplate<Accordion>"
+            }
+          },
+          "parameters": [
+            {
+              "name": "context",
+              "type": {
+                "text": "ElementDefinitionContext"
+              }
+            },
+            {
+              "name": "definition",
+              "type": {
+                "text": "FoundationElementDefinition"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "zeroAccordionTemplate",
+          "declaration": {
+            "name": "zeroAccordionTemplate",
+            "module": "src/accordion/accordion.template.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/accordion/accordion.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "Accordion",
+          "superclass": {
+            "name": "FoundationAccordion",
+            "package": "@genesislcap/foundation-ui"
+          },
+          "tagName": "%%prefix%%-card",
+          "customElement": true
+        },
+        {
+          "kind": "variable",
+          "name": "zeroAccordion"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "Accordion",
+          "declaration": {
+            "name": "Accordion",
+            "module": "src/accordion/accordion.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "zeroAccordion",
+          "declaration": {
+            "name": "zeroAccordion",
+            "module": "src/accordion/accordion.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/accordion/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./accordion"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./accordion.styles"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./accordion.template"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/anchor/anchor.stories.ts",
@@ -1611,6 +1580,37 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/_config/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./styles"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./tokens"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./values"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/anchored-region/anchored-region.stories.ts",
@@ -14946,7 +14946,7 @@
         {
           "kind": "variable",
           "name": "zeroUrlInputTemplate",
-          "default": "html<UrlInput>`\n  <div class=\"container\" value=${(x) => x.value}>\n    <zero-text-field\n      class=\"url-input\"\n      required\n      type=\"url\"\n      :value=${(x) => (x.focused && !x.readOnly ? x.value : '')}\n      @blur=${(x, c) => (!x.readOnly ? x.saveUrl(c.event?.target['value']) : '')}\n      @focus=${(x) => x.focus()}\n      :readOnly=${(x) => x.readOnly}\n      }\n    ></zero-text-field>\n    ${when(\n      (x) => x.readOnly || !x.focused,\n      html`\n        <a class=\"url-input-link\" href=${(x) => x.value} target=\"_blank\">${(x) => x.value}</a>\n      `,\n    )}\n  </div>\n`"
+          "default": "html<UrlInput>`\n  ${getPrefixedUrlInput('zero')}\n`"
         }
       ],
       "exports": [
@@ -14968,58 +14968,13 @@
           "kind": "class",
           "description": "",
           "name": "UrlInput",
-          "members": [
-            {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "default": "''"
-            },
-            {
-              "kind": "field",
-              "name": "focused",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "saveUrl",
-              "privacy": "public",
-              "parameters": [
-                {
-                  "name": "url",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "focus",
-              "privacy": "public"
-            }
-          ],
           "superclass": {
-            "name": "FoundationTextField",
+            "name": "FoundationUrlInput",
             "package": "@genesislcap/foundation-ui"
           },
           "tagName": "%%prefix%%-url-input",
           "customElement": true
         },
-        {
-          "kind": "variable",
-          "name": "defaultUrlInputConfig",
-          "default": "foundationUrlInputConfig"
-        },
-        {
-          "kind": "variable",
-          "name": "zeroUrlInputShadowOptions",
-          "default": "foundationUrlInputShadowOptions"
-        },
         {
           "kind": "variable",
           "name": "zeroUrlInput"
@@ -15034,22 +14989,6 @@
             "module": "src/url-input/url-input.ts"
           }
         },
-        {
-          "kind": "js",
-          "name": "defaultUrlInputConfig",
-          "declaration": {
-            "name": "defaultUrlInputConfig",
-            "module": "src/url-input/url-input.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "zeroUrlInputShadowOptions",
-          "declaration": {
-            "name": "zeroUrlInputShadowOptions",
-            "module": "src/url-input/url-input.ts"
-          }
-        },
         {
           "kind": "js",
           "name": "zeroUrlInput",

package/dist/dts/url-input/url-input.d.ts

@@ -1,14 +1,8 @@
-import { TextField as FoundationTextField } from '@genesislcap/foundation-ui';
+import { UrlInput as FoundationUrlInput } from '@genesislcap/foundation-ui';
 /**
  * @tagname %%prefix%%-url-input
  */
-export declare class UrlInput extends FoundationTextField {
-    value: string;
-    focused: boolean;
-    saveUrl(url: string): void;
-    focus(): void;
+export declare class UrlInput extends FoundationUrlInput {
 }
-export declare const defaultUrlInputConfig: {};
-export declare const zeroUrlInputShadowOptions: ShadowRootInit;
 export declare const zeroUrlInput: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof UrlInput>;
 //# sourceMappingURL=url-input.d.ts.map

package/dist/dts/url-input/url-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"url-input.d.ts","sourceRoot":"","sources":["../../../src/url-input/url-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,SAAS,IAAI,mBAAmB,EACjC,MAAM,4BAA4B,CAAC;AAKpC;;GAEG;AACH,qBAAa,QAAS,SAAQ,mBAAmB;IACnC,KAAK,EAAE,MAAM,CAAM;IACnB,OAAO,EAAE,OAAO,CAAC;IAEtB,OAAO,CAAC,GAAG,EAAE,MAAM;IAKnB,KAAK;CAGb;AAED,eAAO,MAAM,qBAAqB,IAA2B,CAAC;AAE9D,eAAO,MAAM,yBAAyB,gBAAkC,CAAC;AAEzE,eAAO,MAAM,YAAY,wTAMvB,CAAC"}
+{"version":3,"file":"url-input.d.ts","sourceRoot":"","sources":["../../../src/url-input/url-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,QAAQ,IAAI,kBAAkB,EAC/B,MAAM,4BAA4B,CAAC;AAIpC;;GAEG;AACH,qBAAa,QAAS,SAAQ,kBAAkB;CAAG;AAEnD,eAAO,MAAM,YAAY,wTAMvB,CAAC"}

package/dist/dts/url-input/url-input.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"url-input.template.d.ts","sourceRoot":"","sources":["../../../src/url-input/url-input.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5C,eAAO,MAAM,oBAAoB,+DAmBhC,CAAC"}
+{"version":3,"file":"url-input.template.d.ts","sourceRoot":"","sources":["../../../src/url-input/url-input.template.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5C,eAAO,MAAM,oBAAoB,+DAEhC,CAAC"}

package/dist/esm/url-input/url-input.js

@@ -1,30 +1,10 @@
-import { __decorate } from "tslib";
-import { defaultUrlInputConfig as foundationUrlInputConfig, foundationUrlInputShadowOptions, TextField as FoundationTextField, } from '@genesislcap/foundation-ui';
-import { observable } from '@microsoft/fast-element';
+import { defaultUrlInputConfig as foundationUrlInputConfig, foundationUrlInputShadowOptions, UrlInput as FoundationUrlInput, } from '@genesislcap/foundation-ui';
 import { zeroUrlInputStyles as styles } from './url-input.styles';
-import { zeroUrlInputTemplate } from './url-input.template';
+import { zeroUrlInputTemplate as template } from './url-input.template';
 /**
  * @tagname %%prefix%%-url-input
  */
-export class UrlInput extends FoundationTextField {
-    constructor() {
-        super(...arguments);
-        this.value = '';
-    }
-    saveUrl(url) {
-        this.value = url.startsWith('http') ? url : 'https://' + url;
-        this.focused = false;
-    }
-    focus() {
-        this.focused = true;
-    }
+export class UrlInput extends FoundationUrlInput {
 }
-__decorate([
-    observable
-], UrlInput.prototype, "value", void 0);
-__decorate([
-    observable
-], UrlInput.prototype, "focused", void 0);
-export const defaultUrlInputConfig = foundationUrlInputConfig;
-export const zeroUrlInputShadowOptions = foundationUrlInputShadowOptions;
-export const zeroUrlInput = UrlInput.compose(Object.assign({ baseName: 'url-input', template: zeroUrlInputTemplate, styles, shadowOptions: foundationUrlInputShadowOptions }, foundationUrlInputConfig));
+export const zeroUrlInput = UrlInput.compose(Object.assign({ baseName: 'url-input', template,
+    styles, shadowOptions: foundationUrlInputShadowOptions }, foundationUrlInputConfig));

package/dist/esm/url-input/url-input.template.js

@@ -1,18 +1,5 @@
-import { html, when } from '@microsoft/fast-element';
+import { getPrefixedUrlInput } from '@genesislcap/foundation-ui';
+import { html } from '@microsoft/fast-element';
 export const zeroUrlInputTemplate = html `
-  <div class="container" value=${(x) => x.value}>
-    <zero-text-field
-      class="url-input"
-      required
-      type="url"
-      :value=${(x) => (x.focused && !x.readOnly ? x.value : '')}
-      @blur=${(x, c) => { var _a; return (!x.readOnly ? x.saveUrl((_a = c.event) === null || _a === void 0 ? void 0 : _a.target['value']) : ''); }}
-      @focus=${(x) => x.focus()}
-      :readOnly=${(x) => x.readOnly}
-      }
-    ></zero-text-field>
-    ${when((x) => x.readOnly || !x.focused, html `
-        <a class="url-input-link" href=${(x) => x.value} target="_blank">${(x) => x.value}</a>
-      `)}
-  </div>
+  ${getPrefixedUrlInput('zero')}
 `;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-zero",
   "description": "Genesis Foundation Zero Design System",
-  "version": "14.96.1",
+  "version": "14.97.0",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -65,7 +65,7 @@
     "storybook": "storybook dev -p 6006"
   },
   "devDependencies": {
-    "@genesislcap/genx": "14.96.1",
+    "@genesislcap/genx": "14.97.0",
     "@storybook/addon-essentials": "^7.1.0",
     "@storybook/addon-links": "^7.1.0",
     "@storybook/addons": "^7.1.0",
@@ -78,10 +78,10 @@
     "storybook": "^7.1.0"
   },
   "dependencies": {
-    "@genesislcap/foundation-comms": "14.96.1",
-    "@genesislcap/foundation-logger": "14.96.1",
-    "@genesislcap/foundation-ui": "14.96.1",
-    "@genesislcap/foundation-utils": "14.96.1",
+    "@genesislcap/foundation-comms": "14.97.0",
+    "@genesislcap/foundation-logger": "14.97.0",
+    "@genesislcap/foundation-ui": "14.97.0",
+    "@genesislcap/foundation-utils": "14.97.0",
     "@microsoft/fast-colors": "^5.1.4",
     "@microsoft/fast-components": "^2.21.3",
     "@microsoft/fast-element": "^1.7.0",
@@ -98,5 +98,5 @@
     "access": "public"
   },
   "customElements": "dist/custom-elements.json",
-  "gitHead": "48d09fe0db8cfe16fa806a5f098a0fb0405ffcbb"
+  "gitHead": "8a8a410a437d11bd1ada9d540411d3701f1382e5"
 }