@visitwonders/assembly 0.7.0 → 0.8.1

package/declarations/action/link.d.ts

@@ -1,9 +1,16 @@
-import type { TOC } from '@ember/component/template-only';
+import Component from '@glimmer/component';
 export interface LinkSignature {
     Element: HTMLAnchorElement;
     Args: {
-        route: string;
+        route?: string;
         model?: unknown;
+        models?: unknown[];
+        query?: Record<string, unknown>;
+        href?: string;
+        external?: boolean;
+        size?: 'sm' | 'md' | 'lg';
+        weight?: 'normal' | 'bold';
+        color?: 'accent' | 'neutral';
         isBlock?: boolean;
         variant?: 'default' | 'unstyled';
         underline?: 'always' | 'hover' | 'none';
@@ -12,6 +19,7 @@ export interface LinkSignature {
         default: [];
     };
 }
-declare const Link: TOC<LinkSignature>;
-export default Link;
+export default class Link extends Component<LinkSignature> {
+    get query(): Record<string, unknown>;
+}
 //# sourceMappingURL=link.d.ts.map

package/declarations/action/link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../src/action/link.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAC;AAE1D,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,iBAAiB,CAAC;IAC3B,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,OAAO,CAAC;QAChB,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;QACjC,SAAS,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;KACzC,CAAC;IACF,MAAM,EAAE;QACN,OAAO,EAAE,EAAE,CAAC;KACb,CAAC;CACH;AAED,QAAA,MAAM,IAAI,EAAE,GAAG,CAAC,aAAa,CAuB3B,CAAC;AAEH,eAAe,IAAI,CAAC"}
+{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../src/action/link.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAG3C,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,iBAAiB,CAAC;IAC3B,IAAI,EAAE;QACJ,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,OAAO,CAAC;QAChB,MAAM,CAAC,EAAE,OAAO,EAAE,CAAC;QACnB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QAChC,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;QAC1B,MAAM,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;QAC3B,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;QACjC,SAAS,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;KACzC,CAAC;IACF,MAAM,EAAE;QACN,OAAO,EAAE,EAAE,CAAC;KACb,CAAC;CACH;AAED,MAAM,CAAC,OAAO,OAAO,IAAK,SAAQ,SAAS,CAAC,aAAa,CAAC;IACxD,IAAI,KAAK,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAEnC;CA2FF"}

package/declarations/typography/heading.d.ts

@@ -47,6 +47,6 @@ export default class Heading extends Component<HeadingSignature> {
     get tone(): "primary" | "secondary" | "muted" | "inherit";
     get align(): "left" | "center" | "right";
     get truncate(): boolean;
-    get wrap(): "nowrap" | "normal" | "balance" | "pretty";
+    get wrap(): "normal" | "nowrap" | "balance" | "pretty";
 }
 //# sourceMappingURL=heading.d.ts.map

package/declarations/typography/text.d.ts

@@ -45,7 +45,7 @@ export default class Text extends Component<TextSignature> {
     get tone(): "primary" | "critical" | "success" | "warning" | "secondary" | "muted" | "inherit";
     get align(): "left" | "center" | "right";
     get truncate(): boolean;
-    get wrap(): "nowrap" | "normal" | "balance" | "pretty";
+    get wrap(): "normal" | "nowrap" | "balance" | "pretty";
     get decoration(): "none" | "underline" | "line-through";
     get transform(): "none" | "uppercase" | "lowercase" | "capitalize";
 }

package/dist/action/link-css-7e63c457aec3ba475c3c05aac8b1e83d.css

@@ -0,0 +1,92 @@
+/* <inline>/src/action/link-css-7e63c457aec3ba475c3c05aac8b1e83d.css */
+
+  .link_e4aeb20a2 {
+    color: var(--color-text-link);
+    text-decoration: underline;
+    text-decoration-color: transparent;
+    text-underline-offset: 2px;
+    transition:
+      color 150ms ease,
+      text-decoration-color 150ms ease;
+    cursor: pointer;
+  }
+
+  .link_e4aeb20a2:hover {
+    color: var(--color-text-link-hover);
+    text-decoration-color: currentColor;
+  }
+
+  .link_e4aeb20a2[data-underline="always"] {
+    text-decoration-color: currentColor;
+  }
+
+  .link_e4aeb20a2[data-underline="none"] {
+    text-decoration-color: transparent;
+  }
+
+  .link_e4aeb20a2[data-underline="none"]:hover {
+    text-decoration-color: transparent;
+  }
+
+  .link_e4aeb20a2:focus-visible {
+    outline: 2px solid transparent;
+    box-shadow: var(--focus-ring);
+    border-radius: var(--radius-sm);
+    text-decoration-color: currentColor;
+  }
+
+  .link_e4aeb20a2:visited {
+    color: var(--color-text-link-visited);
+  }
+
+  .link_e4aeb20a2[data-block] {
+    display: block;
+  }
+
+  /* Size */
+  .link_e4aeb20a2[data-size="sm"] {
+    font-size: var(--font-size-sm);
+    line-height: var(--line-height-tight);
+  }
+
+  .link_e4aeb20a2[data-size="md"] {
+    font-size: var(--font-size-md);
+    line-height: var(--line-height-normal);
+  }
+
+  .link_e4aeb20a2[data-size="lg"] {
+    font-size: var(--font-size-lg);
+    line-height: var(--line-height-normal);
+  }
+
+  /* Weight */
+  .link_e4aeb20a2[data-weight="bold"] {
+    font-weight: var(--font-weight-medium);
+  }
+
+  /* Color */
+  .link_e4aeb20a2[data-color="neutral"] {
+    color: var(--color-text);
+  }
+
+  .link_e4aeb20a2[data-color="neutral"]:hover {
+    color: var(--color-text-link-hover);
+  }
+
+  .link_e4aeb20a2[data-color="neutral"]:visited {
+    color: var(--color-text);
+  }
+
+  .link_e4aeb20a2[data-variant="unstyled"] {
+    text-decoration: inherit;
+    color: inherit;
+    font-weight: inherit;
+    font-size: inherit;
+    line-height: inherit;
+    font-family: inherit;
+    font-style: inherit;
+    font-variant: inherit;
+    font-optical-sizing: inherit;
+    font-kerning: inherit;
+    font-feature-settings: inherit;
+  }

package/dist/action/link.js

@@ -1,17 +1,24 @@
-import "./link-css-2cdcfb5b6eeb7da1db3223b891efa870.css"
+import "./link-css-7e63c457aec3ba475c3c05aac8b1e83d.css"
+import Component from '@glimmer/component';
 import { LinkTo } from '@ember/routing';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import templateOnly from '@ember/component/template-only';
 
 ;
 
-const Link = setComponentTemplate(precompileTemplate("\n<LinkTo @route={{@route}} @model={{@model}} class=\"link_e4aeb20a2\" data-block={{if @isBlock \"true\"}} data-variant={{@variant}} data-underline={{@underline}} ...attributes>\n  {{yield}}\n</LinkTo>", {
-  strictMode: true,
-  scope: () => ({
-    LinkTo
-  })
-}), templateOnly());
+class Link extends Component {
+  get query() {
+    return this.args.query ?? {};
+  }
+  static {
+    setComponentTemplate(precompileTemplate("\n{{#if @href}}\n  <a href={{@href}} target={{if @external \"_blank\"}} rel={{if @external \"noopener noreferrer\"}} class=\"link_e4aeb20a2\" data-size={{@size}} data-weight={{@weight}} data-color={{@color}} data-block={{if @isBlock \"true\"}} data-variant={{@variant}} data-underline={{@underline}} ...attributes>\n    {{yield}}\n  </a>\n{{else if @models}}\n  <LinkTo @route={{@route}} @models={{@models}} @query={{this.query}} class=\"link_e4aeb20a2\" data-size={{@size}} data-weight={{@weight}} data-color={{@color}} data-block={{if @isBlock \"true\"}} data-variant={{@variant}} data-underline={{@underline}} ...attributes>\n    {{yield}}\n  </LinkTo>\n{{else if @model}}\n  <LinkTo @route={{@route}} @model={{@model}} @query={{this.query}} class=\"link_e4aeb20a2\" data-size={{@size}} data-weight={{@weight}} data-color={{@color}} data-block={{if @isBlock \"true\"}} data-variant={{@variant}} data-underline={{@underline}} ...attributes>\n    {{yield}}\n  </LinkTo>\n{{else}}\n  <LinkTo @route={{@route}} @query={{this.query}} class=\"link_e4aeb20a2\" data-size={{@size}} data-weight={{@weight}} data-color={{@color}} data-block={{if @isBlock \"true\"}} data-variant={{@variant}} data-underline={{@underline}} ...attributes>\n    {{yield}}\n  </LinkTo>\n{{/if}}", {
+      strictMode: true,
+      scope: () => ({
+        LinkTo
+      })
+    }), this);
+  }
+}
 
 export { Link as default };
 //# sourceMappingURL=link.js.map

package/dist/styles/primitive/z-index.css

@@ -11,4 +11,5 @@
   --z-300: 300;
   --z-400: 400;
   --z-500: 500;
+  --z-600: 600;
 }

package/dist/styles.css

@@ -253,6 +253,7 @@
   --z-300: 300;
   --z-400: 400;
   --z-500: 500;
+  --z-600: 600;
 }
 
 :root {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visitwonders/assembly",
-  "version": "0.7.0",
+  "version": "0.8.1",
   "description": "The default blueprint for Embroider v2 addons.",
   "keywords": [
     "ember-addon"

package/dist/action/link-css-2cdcfb5b6eeb7da1db3223b891efa870.css

@@ -1,49 +0,0 @@
-/* <inline>/src/action/link-css-2cdcfb5b6eeb7da1db3223b891efa870.css */
-
-  .link_e4aeb20a2 {
-    color: var(--color-text-link);
-    text-decoration: underline;
-    text-decoration-color: transparent;
-    text-underline-offset: 2px;
-    transition: color 150ms ease, text-decoration-color 150ms ease;
-    cursor: pointer;
-  }
-
-  .link_e4aeb20a2:hover {
-    color: var(--color-text-link-hover);
-    text-decoration-color: currentColor;
-  }
-
-  .link_e4aeb20a2[data-underline="always"] {
-    text-decoration-color: currentColor;
-  }
-
-  .link_e4aeb20a2[data-underline="none"] {
-    text-decoration-color: transparent;
-  }
-
-  .link_e4aeb20a2[data-underline="none"]:hover {
-    text-decoration-color: transparent;
-  }
-
-  .link_e4aeb20a2:visited {
-    color: var(--color-text-link-visited);
-  }
-
-  .link_e4aeb20a2[data-block] {
-    display: block;
-  }
-
-  .link_e4aeb20a2[data-variant="unstyled"] {
-    text-decoration: inherit;
-    color: inherit;
-    font-weight: inherit;
-    font-size: inherit;
-    line-height: inherit;
-    font-family: inherit;
-    font-style: inherit;
-    font-variant: inherit;
-    font-optical-sizing: inherit;
-    font-kerning: inherit;
-    font-feature-settings: inherit;
-  }