@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.
- package/declarations/action/link.d.ts +13 -4
- package/declarations/action/link.d.ts.map +1 -1
- package/declarations/layout/h-stack.d.ts +1 -1
- package/declarations/layout/h-stack.d.ts.map +1 -1
- package/declarations/layout/stack.d.ts +2 -2
- package/declarations/layout/stack.d.ts.map +1 -1
- package/declarations/layout/v-stack.d.ts +1 -1
- package/declarations/layout/v-stack.d.ts.map +1 -1
- package/declarations/typography/heading.d.ts +1 -1
- package/declarations/typography/text.d.ts +1 -1
- package/dist/action/link-css-3dee8e26ccdbd8e9a887e46971642cca.css +92 -0
- package/dist/action/link.js +15 -8
- package/dist/layout/h-stack.js.map +1 -1
- package/dist/layout/{stack-css-f094dc4a0a45b6af2acedca81dcce289.css → stack-css-739dd3865e9aaac1e9fec1f2fdf70f80.css} +16 -1
- package/dist/layout/stack.js +1 -1
- package/dist/layout/v-stack.js.map +1 -1
- package/dist/styles/primitive/z-index.css +1 -0
- package/dist/styles/semantic/spacing.css +3 -0
- package/dist/styles.css +4 -0
- package/package.json +1 -1
- package/dist/action/link-css-2b7265326c02ebb264835b3680b7e81e.css +0 -19
|
@@ -1,16 +1,25 @@
|
|
|
1
|
-
import
|
|
1
|
+
import Component from '@glimmer/component';
|
|
2
2
|
export interface LinkSignature {
|
|
3
3
|
Element: HTMLAnchorElement;
|
|
4
4
|
Args: {
|
|
5
|
-
route
|
|
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
|
-
|
|
15
|
-
|
|
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":"
|
|
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;
|
|
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" | "
|
|
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;
|
|
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;
|
|
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(): "
|
|
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(): "
|
|
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
|
+
}
|
package/dist/action/link.js
CHANGED
|
@@ -1,17 +1,24 @@
|
|
|
1
|
-
import "./link-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
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
}
|
|
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-
|
|
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-
|
|
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,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,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
|
-
}
|