@visitwonders/assembly 0.5.0 → 0.7.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.
Files changed (19) hide show
  1. package/declarations/action/link.d.ts +1 -0
  2. package/declarations/action/link.d.ts.map +1 -1
  3. package/declarations/layout/h-stack.d.ts +1 -1
  4. package/declarations/layout/h-stack.d.ts.map +1 -1
  5. package/declarations/layout/stack.d.ts +2 -2
  6. package/declarations/layout/stack.d.ts.map +1 -1
  7. package/declarations/layout/v-stack.d.ts +1 -1
  8. package/declarations/layout/v-stack.d.ts.map +1 -1
  9. package/dist/action/link-css-2cdcfb5b6eeb7da1db3223b891efa870.css +49 -0
  10. package/dist/action/link.js +2 -2
  11. package/dist/form/textarea.css +3 -3
  12. package/dist/layout/h-stack.js.map +1 -1
  13. package/dist/layout/{stack-css-f094dc4a0a45b6af2acedca81dcce289.css → stack-css-739dd3865e9aaac1e9fec1f2fdf70f80.css} +16 -1
  14. package/dist/layout/stack.js +1 -1
  15. package/dist/layout/v-stack.js.map +1 -1
  16. package/dist/styles/semantic/spacing.css +3 -0
  17. package/dist/styles.css +3 -0
  18. package/package.json +17 -16
  19. package/dist/action/link-css-2b7265326c02ebb264835b3680b7e81e.css +0 -19
package/declarations/action/link.d.ts CHANGED
@@ -6,6 +6,7 @@ export interface LinkSignature {
6
6
  model?: unknown;
7
7
  isBlock?: boolean;
8
8
  variant?: 'default' | 'unstyled';
9
+ underline?: 'always' | 'hover' | 'none';
9
10
  };
10
11
  Blocks: {
11
12
  default: [];
package/declarations/action/link.d.ts.map CHANGED
@@ -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":"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"}
package/declarations/layout/h-stack.d.ts CHANGED
@@ -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;
package/declarations/layout/h-stack.d.ts.map CHANGED
@@ -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"}
package/declarations/layout/stack.d.ts CHANGED
@@ -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;
package/declarations/layout/stack.d.ts.map CHANGED
@@ -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"}
package/declarations/layout/v-stack.d.ts CHANGED
@@ -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;
package/declarations/layout/v-stack.d.ts.map CHANGED
@@ -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"}
package/dist/action/link-css-2cdcfb5b6eeb7da1db3223b891efa870.css ADDED
@@ -0,0 +1,49 @@
1
+ /* <inline>/src/action/link-css-2cdcfb5b6eeb7da1db3223b891efa870.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: color 150ms ease, text-decoration-color 150ms ease;
9
+ cursor: pointer;
10
+ }
11
+
12
+ .link_e4aeb20a2:hover {
13
+ color: var(--color-text-link-hover);
14
+ text-decoration-color: currentColor;
15
+ }
16
+
17
+ .link_e4aeb20a2[data-underline="always"] {
18
+ text-decoration-color: currentColor;
19
+ }
20
+
21
+ .link_e4aeb20a2[data-underline="none"] {
22
+ text-decoration-color: transparent;
23
+ }
24
+
25
+ .link_e4aeb20a2[data-underline="none"]:hover {
26
+ text-decoration-color: transparent;
27
+ }
28
+
29
+ .link_e4aeb20a2:visited {
30
+ color: var(--color-text-link-visited);
31
+ }
32
+
33
+ .link_e4aeb20a2[data-block] {
34
+ display: block;
35
+ }
36
+
37
+ .link_e4aeb20a2[data-variant="unstyled"] {
38
+ text-decoration: inherit;
39
+ color: inherit;
40
+ font-weight: inherit;
41
+ font-size: inherit;
42
+ line-height: inherit;
43
+ font-family: inherit;
44
+ font-style: inherit;
45
+ font-variant: inherit;
46
+ font-optical-sizing: inherit;
47
+ font-kerning: inherit;
48
+ font-feature-settings: inherit;
49
+ }
package/dist/action/link.js CHANGED
@@ -1,4 +1,4 @@
1
- import "./link-css-2b7265326c02ebb264835b3680b7e81e.css"
1
+ import "./link-css-2cdcfb5b6eeb7da1db3223b891efa870.css"
2
2
  import { LinkTo } from '@ember/routing';
3
3
  import { precompileTemplate } from '@ember/template-compilation';
4
4
  import { setComponentTemplate } from '@ember/component';
@@ -6,7 +6,7 @@ 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>", {
9
+ 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>", {
10
10
  strictMode: true,
11
11
  scope: () => ({
12
12
  LinkTo
package/dist/form/textarea.css CHANGED
@@ -15,14 +15,14 @@
15
15
  .textarea_eb3566bbf {
16
16
  box-sizing: border-box;
17
17
  width: 100%;
18
- padding: var(--spacing-2);
18
+ padding: var(--spacing-2) var(--input-padding-horizontal-md);
19
19
  border: var(--border-width-1) solid var(--color-border-control);
20
20
  border-radius: var(--radius-md);
21
21
  background-color: var(--color-bg);
22
22
  color: var(--color-text);
23
23
  font-family: inherit;
24
24
  font-size: var(--font-size-13);
25
- line-height: var(--line-height-tight);
25
+ line-height: var(--line-height-normal);
26
26
  transition:
27
27
  border-color var(--transition-fast),
28
28
  box-shadow var(--transition-fast);
@@ -51,7 +51,7 @@
51
51
  }
52
52
 
53
53
  .textarea-wrapper_eb3566bbf[data-size="md"] .textarea_eb3566bbf {
54
- padding: var(--spacing-2);
54
+ padding: var(--spacing-2) var(--input-padding-horizontal-md);
55
55
  font-size: var(--font-size-13);
56
56
  }
57
57
 
package/dist/layout/h-stack.js.map CHANGED
@@ -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;;;;"}
package/dist/layout/{stack-css-f094dc4a0a45b6af2acedca81dcce289.css → stack-css-739dd3865e9aaac1e9fec1f2fdf70f80.css} RENAMED
@@ -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"] {
package/dist/layout/stack.js CHANGED
@@ -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';
package/dist/layout/v-stack.js.map CHANGED
@@ -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;;;;"}
package/dist/styles/semantic/spacing.css CHANGED
@@ -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
@@ -445,6 +445,9 @@
445
445
  --spacing-gap-lg: var(--spacing-5); /* 20px */
446
446
  --spacing-gap-xl: var(--spacing-6); /* 24px */
447
447
  --spacing-gap-2xl: var(--spacing-8); /* 32px */
448
+ --spacing-gap-3xl: var(--spacing-10); /* 40px */
449
+ --spacing-gap-4xl: var(--spacing-12); /* 48px */
450
+ --spacing-gap-5xl: var(--spacing-16); /* 64px */
448
451
 
449
452
  /* Inset (padding) - 4px increments */
450
453
  --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.5.0",
3
+ "version": "0.7.0",
4
4
  "description": "The default blueprint for Embroider v2 addons.",
5
5
  "keywords": [
6
6
  "ember-addon"
@@ -77,6 +77,21 @@
77
77
  "declarations",
78
78
  "dist"
79
79
  ],
80
+ "scripts": {
81
+ "build": "rollup --config",
82
+ "format": "prettier . --cache --write",
83
+ "lint": "concurrently \"pnpm:lint:*(!fix)\" --names \"lint:\" --prefixColors auto",
84
+ "lint:fix": "concurrently \"pnpm:lint:*:fix\" --names \"fix:\" --prefixColors auto && pnpm run format",
85
+ "lint:format": "prettier . --cache --check",
86
+ "lint:hbs": "ember-template-lint . --no-error-on-unmatched-pattern",
87
+ "lint:hbs:fix": "ember-template-lint . --fix --no-error-on-unmatched-pattern",
88
+ "lint:js": "eslint . --cache",
89
+ "lint:js:fix": "eslint . --fix",
90
+ "lint:types": "glint",
91
+ "prepack": "rollup --config",
92
+ "start": "rollup --config --watch",
93
+ "test": "echo 'A v2 addon does not have tests, run tests in showcase'"
94
+ },
80
95
  "dependencies": {
81
96
  "@arthur5005/dnd-kit-ember": "^0.1.2",
82
97
  "@embroider/addon-shim": "^1.8.9",
@@ -207,19 +222,5 @@
207
222
  "./typography/heading.js": "./dist/_app_/typography/heading.js",
208
223
  "./typography/text.js": "./dist/_app_/typography/text.js"
209
224
  }
210
- },
211
- "scripts": {
212
- "build": "rollup --config",
213
- "format": "prettier . --cache --write",
214
- "lint": "concurrently \"pnpm:lint:*(!fix)\" --names \"lint:\" --prefixColors auto",
215
- "lint:fix": "concurrently \"pnpm:lint:*:fix\" --names \"fix:\" --prefixColors auto && pnpm run format",
216
- "lint:format": "prettier . --cache --check",
217
- "lint:hbs": "ember-template-lint . --no-error-on-unmatched-pattern",
218
- "lint:hbs:fix": "ember-template-lint . --fix --no-error-on-unmatched-pattern",
219
- "lint:js": "eslint . --cache",
220
- "lint:js:fix": "eslint . --fix",
221
- "lint:types": "glint",
222
- "start": "rollup --config --watch",
223
- "test": "echo 'A v2 addon does not have tests, run tests in showcase'"
224
225
  }
225
- }
226
+ }
package/dist/action/link-css-2b7265326c02ebb264835b3680b7e81e.css DELETED
@@ -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
- }