@optiaxiom/react 0.1.0-next.3 → 0.1.0-next.4
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/dist/assets/src/box/{Box.css.ts.vanilla-CfxlZUmV.css → Box.css.ts.vanilla-DMx7YI4c.css} +6 -2
- package/dist/assets/src/input/{Input.css.ts.vanilla-BfvNp8CZ.css → Input.css.ts.vanilla-CICpzaz6.css} +0 -2
- package/dist/avatar/Avatar-css.js +1 -1
- package/dist/box/Box-css.js +1 -1
- package/dist/heading/Heading.js +1 -12
- package/dist/input/Input-css.js +1 -1
- package/dist/text/Text.js +0 -1
- package/package.json +1 -1
package/dist/assets/src/box/{Box.css.ts.vanilla-CfxlZUmV.css → Box.css.ts.vanilla-DMx7YI4c.css}
RENAMED
|
@@ -3,9 +3,8 @@
|
|
|
3
3
|
._1jn0ep0 {
|
|
4
4
|
border: 0 solid var(--ax-colors-border-default);
|
|
5
5
|
box-sizing: border-box;
|
|
6
|
-
font:
|
|
6
|
+
font-family: var(--ax-fontFamily-sans);
|
|
7
7
|
font-feature-settings: "cv02", "cv03", "cv04", "cv11";
|
|
8
|
-
font-size: 100%;
|
|
9
8
|
margin: 0;
|
|
10
9
|
padding: 0;
|
|
11
10
|
}
|
|
@@ -14,6 +13,10 @@
|
|
|
14
13
|
color: inherit;
|
|
15
14
|
height: 0;
|
|
16
15
|
}
|
|
16
|
+
._1jn0ep0:is(h1, h2, h3, h4, h5, h6) {
|
|
17
|
+
font-size: inherit;
|
|
18
|
+
font-weight: inherit;
|
|
19
|
+
}
|
|
17
20
|
._1jn0ep0:is(b, strong) {
|
|
18
21
|
font-weight: bolder;
|
|
19
22
|
}
|
|
@@ -24,6 +27,7 @@
|
|
|
24
27
|
}
|
|
25
28
|
._1jn0ep0:is(button, input, optgroup, select, textarea) {
|
|
26
29
|
color: inherit;
|
|
30
|
+
font-size: 100%;
|
|
27
31
|
letter-spacing: inherit;
|
|
28
32
|
}
|
|
29
33
|
._1jn0ep0:is(button, input:where([type=button], [type=reset], [type=submit])) {
|
|
@@ -9,7 +9,6 @@
|
|
|
9
9
|
color: var(--ax-colors-fg-default);
|
|
10
10
|
display: flex;
|
|
11
11
|
flex-direction: row;
|
|
12
|
-
font-family: var(--ax-fontFamily-sans);
|
|
13
12
|
}
|
|
14
13
|
._5j10wf0:focus-within:is([data-invalid="true"]) {
|
|
15
14
|
outline-color: var(--ax-colors-red-200);
|
|
@@ -55,7 +54,6 @@
|
|
|
55
54
|
}
|
|
56
55
|
._5j10wf6 {
|
|
57
56
|
background: var(--ax-colors-transparent);
|
|
58
|
-
font-family: var(--ax-fontFamily-sans);
|
|
59
57
|
width: 100%;
|
|
60
58
|
}
|
|
61
59
|
._5j10wf6:focus-visible {
|
|
@@ -5,6 +5,6 @@ import './../assets/src/avatar/Avatar.css.ts.vanilla-DdarHYxU.css';
|
|
|
5
5
|
import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
|
|
6
6
|
|
|
7
7
|
var avatar = createRuntimeFn({compoundVariants:[],defaultClassName:'t64xwph',defaultVariants:{},variantClassNames:{colorScheme:{blue:'yukyx7a yukyx797',brand:'yukyx7f yukyx79f',dark:'yukyx7p yukyx79m',gray:'yukyx7t yukyx79t',green:'yukyx713 yukyx7a3',magenta:'yukyx71d yukyx7aa',neutral:'yukyx71h yukyx7ah',orange:'yukyx71t yukyx7aq',purple:'yukyx71x yukyx7au',red:'yukyx722 yukyx7b2',slate:'yukyx72c yukyx7bc',yellow:'yukyx72n yukyx7bn'},size:{xs:'yukyx7oo yukyx71m8 yukyx7h4',sm:'yukyx7os yukyx71mc yukyx7h8',md:'yukyx7ow yukyx71mg yukyx7hc',lg:'yukyx7p0 yukyx71mk yukyx7hg',xl:'yukyx7p4 yukyx71mo yukyx7hk'}}});
|
|
8
|
-
var fallback = createRuntimeFn({compoundVariants:[],defaultClassName:'t64xwp15 yukyx78l yukyx7q4 yukyx71no yukyx7ec yukyx7f0
|
|
8
|
+
var fallback = createRuntimeFn({compoundVariants:[],defaultClassName:'t64xwp15 yukyx78l yukyx7q4 yukyx71no yukyx7ec yukyx7f0 yukyx7qg yukyx7dy',defaultVariants:{},variantClassNames:{size:{xs:'yukyx71co yukyx71es',sm:'yukyx71cs yukyx71ew',md:'yukyx71cw yukyx71f0',lg:'yukyx71d0 yukyx71f4',xl:'yukyx71dc yukyx71fg'}}});
|
|
9
9
|
|
|
10
10
|
export { avatar, fallback };
|
package/dist/box/Box-css.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './../assets/src/styles/layers.css.ts.vanilla-D6EvK_O8.css';
|
|
2
2
|
import './../assets/src/styles/theme.css.ts.vanilla-Cb0QJvUK.css';
|
|
3
|
-
import './../assets/src/box/Box.css.ts.vanilla-
|
|
3
|
+
import './../assets/src/box/Box.css.ts.vanilla-DMx7YI4c.css';
|
|
4
4
|
|
|
5
5
|
var base = '_1jn0ep0';
|
|
6
6
|
|
package/dist/heading/Heading.js
CHANGED
|
@@ -23,18 +23,7 @@ const Heading = forwardRef(
|
|
|
23
23
|
({ asChild, children, level = "1", variant, ...props }, ref) => {
|
|
24
24
|
const Comp = asChild ? Slot : mapLevelToTag[level];
|
|
25
25
|
const fontSize = mapTagToFontSize[variant ?? mapLevelToTag[level]];
|
|
26
|
-
return /* @__PURE__ */ jsx(
|
|
27
|
-
Text,
|
|
28
|
-
{
|
|
29
|
-
asChild: true,
|
|
30
|
-
fontFamily: "sans",
|
|
31
|
-
fontSize,
|
|
32
|
-
fontWeight: "700",
|
|
33
|
-
ref,
|
|
34
|
-
...props,
|
|
35
|
-
children: /* @__PURE__ */ jsx(Comp, { children })
|
|
36
|
-
}
|
|
37
|
-
);
|
|
26
|
+
return /* @__PURE__ */ jsx(Text, { asChild: true, fontSize, fontWeight: "700", ref, ...props, children: /* @__PURE__ */ jsx(Comp, { children }) });
|
|
38
27
|
}
|
|
39
28
|
);
|
|
40
29
|
Heading.displayName = "@optiaxiom/react/Heading";
|
package/dist/input/Input-css.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './../assets/src/styles/layers.css.ts.vanilla-D6EvK_O8.css';
|
|
2
2
|
import './../assets/src/styles/theme.css.ts.vanilla-Cb0QJvUK.css';
|
|
3
|
-
import './../assets/src/input/Input.css.ts.vanilla-
|
|
3
|
+
import './../assets/src/input/Input.css.ts.vanilla-CICpzaz6.css';
|
|
4
4
|
import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
|
|
5
5
|
|
|
6
6
|
var input = createRuntimeFn({compoundVariants:[],defaultClassName:'_5j10wf6',defaultVariants:{},variantClassNames:{variant:{'default':'_5j10wf7',number:'_5j10wf8'}}});
|
package/dist/text/Text.js
CHANGED