@visitwonders/assembly 0.6.0 → 0.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,16 +1,25 @@
1
- import type { TOC } from '@ember/component/template-only';
1
+ import Component from '@glimmer/component';
2
2
  export interface LinkSignature {
3
3
  Element: HTMLAnchorElement;
4
4
  Args: {
5
- route: string;
5
+ route?: string;
6
6
  model?: unknown;
7
+ models?: unknown[];
8
+ query?: Record<string, unknown>;
9
+ href?: string;
10
+ external?: boolean;
11
+ size?: 'sm' | 'md' | 'lg';
12
+ weight?: 'normal' | 'bold';
13
+ color?: 'accent' | 'neutral';
7
14
  isBlock?: boolean;
8
15
  variant?: 'default' | 'unstyled';
16
+ underline?: 'always' | 'hover' | 'none';
9
17
  };
10
18
  Blocks: {
11
19
  default: [];
12
20
  };
13
21
  }
14
- declare const Link: TOC<LinkSignature>;
15
- export default Link;
22
+ export default class Link extends Component<LinkSignature> {
23
+ get query(): Record<string, unknown>;
24
+ }
16
25
  //# sourceMappingURL=link.d.ts.map
@@ -1 +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;KAClC,CAAC;IACF,MAAM,EAAE;QACN,OAAO,EAAE,EAAE,CAAC;KACb,CAAC;CACH;AAED,QAAA,MAAM,IAAI,EAAE,GAAG,CAAC,aAAa,CAsB3B,CAAC;AAEH,eAAe,IAAI,CAAC"}
1
+ {"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"}
@@ -2,7 +2,7 @@ import type { TOC } from '@ember/component/template-only';
2
2
  export interface HStackSignature {
3
3
  Element: HTMLDivElement;
4
4
  Args: {
5
- gap?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
5
+ gap?: 'none' | '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl';
6
6
  align?: 'start' | 'center' | 'end' | 'stretch' | 'baseline';
7
7
  justify?: 'start' | 'center' | 'end' | 'between';
8
8
  wrap?: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"h-stack.d.ts","sourceRoot":"","sources":["../../src/layout/h-stack.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAC;AAG1D,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,cAAc,CAAC;IACxB,IAAI,EAAE;QACJ,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;QAChD,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,UAAU,CAAC;QAC5D,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;QACjD,IAAI,CAAC,EAAE,OAAO,CAAC;QACf,MAAM,CAAC,EAAE,OAAO,CAAC;KAClB,CAAC;IACF,MAAM,EAAE;QACN,OAAO,EAAE,EAAE,CAAC;KACb,CAAC;CACH;AAED,QAAA,MAAM,MAAM,EAAE,GAAG,CAAC,eAAe,CAW/B,CAAC;AAEH,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"h-stack.d.ts","sourceRoot":"","sources":["../../src/layout/h-stack.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAC;AAG1D,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,cAAc,CAAC;IACxB,IAAI,EAAE;QACJ,GAAG,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;QACxF,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,UAAU,CAAC;QAC5D,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;QACjD,IAAI,CAAC,EAAE,OAAO,CAAC;QACf,MAAM,CAAC,EAAE,OAAO,CAAC;KAClB,CAAC;IACF,MAAM,EAAE;QACN,OAAO,EAAE,EAAE,CAAC;KACb,CAAC;CACH;AAED,QAAA,MAAM,MAAM,EAAE,GAAG,CAAC,eAAe,CAW/B,CAAC;AAEH,eAAe,MAAM,CAAC"}
@@ -3,7 +3,7 @@ export interface StackSignature {
3
3
  Element: HTMLDivElement;
4
4
  Args: {
5
5
  direction: 'row' | 'column';
6
- gap?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
6
+ gap?: 'none' | '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl';
7
7
  align?: 'start' | 'center' | 'end' | 'stretch' | 'baseline';
8
8
  justify?: 'start' | 'center' | 'end' | 'between';
9
9
  wrap?: boolean;
@@ -14,7 +14,7 @@ export interface StackSignature {
14
14
  };
15
15
  }
16
16
  export default class Stack extends Component<StackSignature> {
17
- get gap(): "sm" | "md" | "lg" | "xs" | "xl" | "none";
17
+ get gap(): "sm" | "md" | "lg" | "none" | "xs" | "xl" | "2xs" | "2xl" | "3xl" | "4xl" | "5xl";
18
18
  get align(): "center" | "end" | "start" | "stretch" | "baseline";
19
19
  get justify(): "center" | "end" | "start" | "between";
20
20
  get wrap(): boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"stack.d.ts","sourceRoot":"","sources":["../../src/layout/stack.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAE3C,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,cAAc,CAAC;IACxB,IAAI,EAAE;QACJ,SAAS,EAAE,KAAK,GAAG,QAAQ,CAAC;QAC5B,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;QAChD,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,UAAU,CAAC;QAC5D,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;QACjD,IAAI,CAAC,EAAE,OAAO,CAAC;QACf,MAAM,CAAC,EAAE,OAAO,CAAC;KAClB,CAAC;IACF,MAAM,EAAE;QACN,OAAO,EAAE,EAAE,CAAC;KACb,CAAC;CACH;AAED,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC1D,IAAI,GAAG,8CAEN;IAED,IAAI,KAAK,wDAIR;IAED,IAAI,OAAO,2CAEV;IAED,IAAI,IAAI,YAEP;IAED,IAAI,MAAM,YAET;CAyBF"}
1
+ {"version":3,"file":"stack.d.ts","sourceRoot":"","sources":["../../src/layout/stack.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAE3C,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,cAAc,CAAC;IACxB,IAAI,EAAE;QACJ,SAAS,EAAE,KAAK,GAAG,QAAQ,CAAC;QAC5B,GAAG,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;QACxF,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,UAAU,CAAC;QAC5D,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;QACjD,IAAI,CAAC,EAAE,OAAO,CAAC;QACf,MAAM,CAAC,EAAE,OAAO,CAAC;KAClB,CAAC;IACF,MAAM,EAAE;QACN,OAAO,EAAE,EAAE,CAAC;KACb,CAAC;CACH;AAED,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC1D,IAAI,GAAG,sFAEN;IAED,IAAI,KAAK,wDAIR;IAED,IAAI,OAAO,2CAEV;IAED,IAAI,IAAI,YAEP;IAED,IAAI,MAAM,YAET;CAyBF"}
@@ -2,7 +2,7 @@ import type { TOC } from '@ember/component/template-only';
2
2
  export interface VStackSignature {
3
3
  Element: HTMLDivElement;
4
4
  Args: {
5
- gap?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
5
+ gap?: 'none' | '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl';
6
6
  align?: 'start' | 'center' | 'end' | 'stretch';
7
7
  justify?: 'start' | 'center' | 'end' | 'between';
8
8
  inline?: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"v-stack.d.ts","sourceRoot":"","sources":["../../src/layout/v-stack.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAC;AAG1D,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,cAAc,CAAC;IACxB,IAAI,EAAE;QACJ,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;QAChD,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;QAC/C,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;QACjD,MAAM,CAAC,EAAE,OAAO,CAAC;KAClB,CAAC;IACF,MAAM,EAAE;QACN,OAAO,EAAE,EAAE,CAAC;KACb,CAAC;CACH;AAED,QAAA,MAAM,MAAM,EAAE,GAAG,CAAC,eAAe,CAW/B,CAAC;AAEH,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"v-stack.d.ts","sourceRoot":"","sources":["../../src/layout/v-stack.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAC;AAG1D,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,cAAc,CAAC;IACxB,IAAI,EAAE;QACJ,GAAG,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;QACxF,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;QAC/C,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;QACjD,MAAM,CAAC,EAAE,OAAO,CAAC;KAClB,CAAC;IACF,MAAM,EAAE;QACN,OAAO,EAAE,EAAE,CAAC;KACb,CAAC;CACH;AAED,QAAA,MAAM,MAAM,EAAE,GAAG,CAAC,eAAe,CAW/B,CAAC;AAEH,eAAe,MAAM,CAAC"}
@@ -47,6 +47,6 @@ export default class Heading extends Component<HeadingSignature> {
47
47
  get tone(): "primary" | "secondary" | "muted" | "inherit";
48
48
  get align(): "left" | "center" | "right";
49
49
  get truncate(): boolean;
50
- get wrap(): "nowrap" | "normal" | "balance" | "pretty";
50
+ get wrap(): "normal" | "nowrap" | "balance" | "pretty";
51
51
  }
52
52
  //# sourceMappingURL=heading.d.ts.map
@@ -45,7 +45,7 @@ export default class Text extends Component<TextSignature> {
45
45
  get tone(): "primary" | "critical" | "success" | "warning" | "secondary" | "muted" | "inherit";
46
46
  get align(): "left" | "center" | "right";
47
47
  get truncate(): boolean;
48
- get wrap(): "nowrap" | "normal" | "balance" | "pretty";
48
+ get wrap(): "normal" | "nowrap" | "balance" | "pretty";
49
49
  get decoration(): "none" | "underline" | "line-through";
50
50
  get transform(): "none" | "uppercase" | "lowercase" | "capitalize";
51
51
  }
@@ -0,0 +1,92 @@
1
+ /* <inline>/src/action/link-css-3dee8e26ccdbd8e9a887e46971642cca.css */
2
+
3
+ .link_e4aeb20a2 {
4
+ color: var(--color-text-link);
5
+ text-decoration: underline;
6
+ text-decoration-color: transparent;
7
+ text-underline-offset: 2px;
8
+ transition:
9
+ color 150ms ease,
10
+ text-decoration-color 150ms ease;
11
+ cursor: pointer;
12
+ }
13
+
14
+ .link_e4aeb20a2:hover {
15
+ color: var(--color-text-link-hover);
16
+ text-decoration-color: currentColor;
17
+ }
18
+
19
+ .link_e4aeb20a2[data-underline="always"] {
20
+ text-decoration-color: currentColor;
21
+ }
22
+
23
+ .link_e4aeb20a2[data-underline="none"] {
24
+ text-decoration-color: transparent;
25
+ }
26
+
27
+ .link_e4aeb20a2[data-underline="none"]:hover {
28
+ text-decoration-color: transparent;
29
+ }
30
+
31
+ .link_e4aeb20a2:focus-visible {
32
+ outline: 2px solid transparent;
33
+ box-shadow: var(--focus-ring);
34
+ border-radius: var(--radius-sm);
35
+ text-decoration-color: currentColor;
36
+ }
37
+
38
+ .link_e4aeb20a2:visited {
39
+ color: var(--color-text-link-visited);
40
+ }
41
+
42
+ .link_e4aeb20a2[data-block] {
43
+ display: block;
44
+ }
45
+
46
+ /* Size */
47
+ .link_e4aeb20a2[data-size="sm"] {
48
+ font-size: var(--font-size-sm);
49
+ line-height: var(--line-height-tight);
50
+ }
51
+
52
+ .link_e4aeb20a2[data-size="md"] {
53
+ font-size: var(--font-size-md);
54
+ line-height: var(--line-height-normal);
55
+ }
56
+
57
+ .link_e4aeb20a2[data-size="lg"] {
58
+ font-size: var(--font-size-lg);
59
+ line-height: var(--line-height-normal);
60
+ }
61
+
62
+ /* Weight */
63
+ .link_e4aeb20a2[data-weight="bold"] {
64
+ font-weight: var(--font-weight-medium);
65
+ }
66
+
67
+ /* Color */
68
+ .link_e4aeb20a2[data-color="neutral"] {
69
+ color: var(--color-text);
70
+ }
71
+
72
+ .link_e4aeb20a2[data-color="neutral"]:hover {
73
+ color: var(--color-text-secondary);
74
+ }
75
+
76
+ .link_e4aeb20a2[data-color="neutral"]:visited {
77
+ color: var(--color-text);
78
+ }
79
+
80
+ .link_e4aeb20a2[data-variant="unstyled"] {
81
+ text-decoration: inherit;
82
+ color: inherit;
83
+ font-weight: inherit;
84
+ font-size: inherit;
85
+ line-height: inherit;
86
+ font-family: inherit;
87
+ font-style: inherit;
88
+ font-variant: inherit;
89
+ font-optical-sizing: inherit;
90
+ font-kerning: inherit;
91
+ font-feature-settings: inherit;
92
+ }
@@ -1,17 +1,24 @@
1
- import "./link-css-2b7265326c02ebb264835b3680b7e81e.css"
1
+ import "./link-css-3dee8e26ccdbd8e9a887e46971642cca.css"
2
+ import Component from '@glimmer/component';
2
3
  import { LinkTo } from '@ember/routing';
3
4
  import { precompileTemplate } from '@ember/template-compilation';
4
5
  import { setComponentTemplate } from '@ember/component';
5
- import templateOnly from '@ember/component/template-only';
6
6
 
7
7
  ;
8
8
 
9
- const Link = setComponentTemplate(precompileTemplate("\n<LinkTo @route={{@route}} @model={{@model}} class=\"link_e4aeb20a2\" data-block={{if @isBlock \"true\"}} data-variant={{@variant}} ...attributes>\n {{yield}}\n</LinkTo>", {
10
- strictMode: true,
11
- scope: () => ({
12
- LinkTo
13
- })
14
- }), templateOnly());
9
+ class Link extends Component {
10
+ get query() {
11
+ return this.args.query ?? {};
12
+ }
13
+ static {
14
+ 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}}", {
15
+ strictMode: true,
16
+ scope: () => ({
17
+ LinkTo
18
+ })
19
+ }), this);
20
+ }
21
+ }
15
22
 
16
23
  export { Link as default };
17
24
  //# sourceMappingURL=link.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"h-stack.js","sources":["../../src/layout/h-stack.gts"],"sourcesContent":["import type { TOC } from '@ember/component/template-only';\nimport Stack from './stack.gts';\n\nexport interface HStackSignature {\n Element: HTMLDivElement;\n Args: {\n gap?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n align?: 'start' | 'center' | 'end' | 'stretch' | 'baseline';\n justify?: 'start' | 'center' | 'end' | 'between';\n wrap?: boolean;\n inline?: boolean;\n };\n Blocks: {\n default: [];\n };\n}\n\nconst HStack: TOC<HStackSignature> = <template>\n <Stack\n @direction=\"row\"\n @gap={{@gap}}\n @align={{@align}}\n @justify={{@justify}}\n @wrap={{@wrap}}\n @inline={{@inline}}\n ...attributes\n >\n {{yield}}\n </Stack>\n</template>;\n\nexport default HStack;\n"],"names":["HStack","setComponentTemplate","precompileTemplate","strictMode","scope","Stack","templateOnly"],"mappings":";;;;;AAiBA,MAAMA,MAAY,GAAAC,oBAAA,CAAmBC,kBAAA,CAAA,2JAAA,EAYrC;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
1
+ {"version":3,"file":"h-stack.js","sources":["../../src/layout/h-stack.gts"],"sourcesContent":["import type { TOC } from '@ember/component/template-only';\nimport Stack from './stack.gts';\n\nexport interface HStackSignature {\n Element: HTMLDivElement;\n Args: {\n gap?: 'none' | '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl';\n align?: 'start' | 'center' | 'end' | 'stretch' | 'baseline';\n justify?: 'start' | 'center' | 'end' | 'between';\n wrap?: boolean;\n inline?: boolean;\n };\n Blocks: {\n default: [];\n };\n}\n\nconst HStack: TOC<HStackSignature> = <template>\n <Stack\n @direction=\"row\"\n @gap={{@gap}}\n @align={{@align}}\n @justify={{@justify}}\n @wrap={{@wrap}}\n @inline={{@inline}}\n ...attributes\n >\n {{yield}}\n </Stack>\n</template>;\n\nexport default HStack;\n"],"names":["HStack","setComponentTemplate","precompileTemplate","strictMode","scope","Stack","templateOnly"],"mappings":";;;;;AAiBA,MAAMA,MAAY,GAAAC,oBAAA,CAAmBC,kBAAA,CAAA,2JAAA,EAYrC;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
@@ -1,4 +1,4 @@
1
- /* <inline>/src/layout/stack-css-f094dc4a0a45b6af2acedca81dcce289.css */
1
+ /* <inline>/src/layout/stack-css-739dd3865e9aaac1e9fec1f2fdf70f80.css */
2
2
 
3
3
  .stack_ea2819afb {
4
4
  display: flex;
@@ -21,6 +21,9 @@
21
21
  .stack_ea2819afb[data-gap="none"] {
22
22
  gap: 0;
23
23
  }
24
+ .stack_ea2819afb[data-gap="2xs"] {
25
+ gap: var(--spacing-gap-2xs);
26
+ }
24
27
  .stack_ea2819afb[data-gap="xs"] {
25
28
  gap: var(--spacing-gap-xs);
26
29
  }
@@ -36,6 +39,18 @@
36
39
  .stack_ea2819afb[data-gap="xl"] {
37
40
  gap: var(--spacing-gap-xl);
38
41
  }
42
+ .stack_ea2819afb[data-gap="2xl"] {
43
+ gap: var(--spacing-gap-2xl);
44
+ }
45
+ .stack_ea2819afb[data-gap="3xl"] {
46
+ gap: var(--spacing-gap-3xl);
47
+ }
48
+ .stack_ea2819afb[data-gap="4xl"] {
49
+ gap: var(--spacing-gap-4xl);
50
+ }
51
+ .stack_ea2819afb[data-gap="5xl"] {
52
+ gap: var(--spacing-gap-5xl);
53
+ }
39
54
 
40
55
  /* Align (cross-axis) */
41
56
  .stack_ea2819afb[data-align="start"] {
@@ -1,4 +1,4 @@
1
- import "./stack-css-f094dc4a0a45b6af2acedca81dcce289.css"
1
+ import "./stack-css-739dd3865e9aaac1e9fec1f2fdf70f80.css"
2
2
  import Component from '@glimmer/component';
3
3
  import { precompileTemplate } from '@ember/template-compilation';
4
4
  import { setComponentTemplate } from '@ember/component';
@@ -1 +1 @@
1
- {"version":3,"file":"v-stack.js","sources":["../../src/layout/v-stack.gts"],"sourcesContent":["import type { TOC } from '@ember/component/template-only';\nimport Stack from './stack.gts';\n\nexport interface VStackSignature {\n Element: HTMLDivElement;\n Args: {\n gap?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n align?: 'start' | 'center' | 'end' | 'stretch';\n justify?: 'start' | 'center' | 'end' | 'between';\n inline?: boolean;\n };\n Blocks: {\n default: [];\n };\n}\n\nconst VStack: TOC<VStackSignature> = <template>\n <Stack\n @direction=\"column\"\n @gap={{@gap}}\n @align={{@align}}\n @justify={{@justify}}\n @inline={{@inline}}\n ...attributes\n >\n {{yield}}\n </Stack>\n</template>;\n\nexport default VStack;\n"],"names":["VStack","setComponentTemplate","precompileTemplate","strictMode","scope","Stack","templateOnly"],"mappings":";;;;;AAgBA,MAAMA,MAAY,GAAAC,oBAAA,CAAmBC,kBAAA,CAAA,8IAAA,EAWrC;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
1
+ {"version":3,"file":"v-stack.js","sources":["../../src/layout/v-stack.gts"],"sourcesContent":["import type { TOC } from '@ember/component/template-only';\nimport Stack from './stack.gts';\n\nexport interface VStackSignature {\n Element: HTMLDivElement;\n Args: {\n gap?: 'none' | '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl';\n align?: 'start' | 'center' | 'end' | 'stretch';\n justify?: 'start' | 'center' | 'end' | 'between';\n inline?: boolean;\n };\n Blocks: {\n default: [];\n };\n}\n\nconst VStack: TOC<VStackSignature> = <template>\n <Stack\n @direction=\"column\"\n @gap={{@gap}}\n @align={{@align}}\n @justify={{@justify}}\n @inline={{@inline}}\n ...attributes\n >\n {{yield}}\n </Stack>\n</template>;\n\nexport default VStack;\n"],"names":["VStack","setComponentTemplate","precompileTemplate","strictMode","scope","Stack","templateOnly"],"mappings":";;;;;AAgBA,MAAMA,MAAY,GAAAC,oBAAA,CAAmBC,kBAAA,CAAA,8IAAA,EAWrC;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
@@ -11,4 +11,5 @@
11
11
  --z-300: 300;
12
12
  --z-400: 400;
13
13
  --z-500: 500;
14
+ --z-600: 600;
14
15
  }
@@ -11,6 +11,9 @@
11
11
  --spacing-gap-lg: var(--spacing-5); /* 20px */
12
12
  --spacing-gap-xl: var(--spacing-6); /* 24px */
13
13
  --spacing-gap-2xl: var(--spacing-8); /* 32px */
14
+ --spacing-gap-3xl: var(--spacing-10); /* 40px */
15
+ --spacing-gap-4xl: var(--spacing-12); /* 48px */
16
+ --spacing-gap-5xl: var(--spacing-16); /* 64px */
14
17
 
15
18
  /* Inset (padding) - 4px increments */
16
19
  --spacing-inset-2xs: var(--spacing-1); /* 4px */
package/dist/styles.css CHANGED
@@ -253,6 +253,7 @@
253
253
  --z-300: 300;
254
254
  --z-400: 400;
255
255
  --z-500: 500;
256
+ --z-600: 600;
256
257
  }
257
258
 
258
259
  :root {
@@ -445,6 +446,9 @@
445
446
  --spacing-gap-lg: var(--spacing-5); /* 20px */
446
447
  --spacing-gap-xl: var(--spacing-6); /* 24px */
447
448
  --spacing-gap-2xl: var(--spacing-8); /* 32px */
449
+ --spacing-gap-3xl: var(--spacing-10); /* 40px */
450
+ --spacing-gap-4xl: var(--spacing-12); /* 48px */
451
+ --spacing-gap-5xl: var(--spacing-16); /* 64px */
448
452
 
449
453
  /* Inset (padding) - 4px increments */
450
454
  --spacing-inset-2xs: var(--spacing-1); /* 4px */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@visitwonders/assembly",
3
- "version": "0.6.0",
3
+ "version": "0.8.0",
4
4
  "description": "The default blueprint for Embroider v2 addons.",
5
5
  "keywords": [
6
6
  "ember-addon"
@@ -1,19 +0,0 @@
1
- /* <inline>/src/action/link-css-2b7265326c02ebb264835b3680b7e81e.css */
2
-
3
- .link_e4aeb20a2[data-block] {
4
- display: block;
5
- }
6
-
7
- .link_e4aeb20a2[data-variant="unstyled"] {
8
- text-decoration: inherit;
9
- color: inherit;
10
- font-weight: inherit;
11
- font-size: inherit;
12
- line-height: inherit;
13
- font-family: inherit;
14
- font-style: inherit;
15
- font-variant: inherit;
16
- font-optical-sizing: inherit;
17
- font-kerning: inherit;
18
- font-feature-settings: inherit;
19
- }