@optiaxiom/react 0.1.0-next.6 → 0.1.0-next.8
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/button/{Button.css.ts.vanilla-CAppQRyC.css → Button.css.ts.vanilla-BopXGX13.css} +33 -2
- package/dist/assets/src/button-group/ButtonGroup.css.ts.vanilla-4BGjgIuZ.css +4 -0
- package/dist/assets/src/sprinkles/{sprinkles.css.ts.vanilla-CDl96MYc.css → sprinkles.css.ts.vanilla-Cj5eURGG.css} +2140 -1492
- package/dist/assets/src/styles/{theme.css.ts.vanilla-0B4GnT52.css → theme.css.ts.vanilla-BftJbjRk.css} +24 -0
- package/dist/box/Box-css.js +1 -1
- package/dist/button/Button-css.js +6 -4
- package/dist/button/Button.js +32 -9
- package/dist/button-group/ButtonGroup-css.js +3 -3
- package/dist/button-group/ButtonGroup.js +6 -36
- package/dist/index.d.ts +187 -156
- package/dist/input/Input-css.js +1 -1
- package/dist/input/Input.js +4 -4
- package/dist/sprinkles/sprinkles-css.js +3 -3
- package/dist/styles/theme-css.js +2 -2
- package/dist/tokens/spacing.js +6 -0
- package/package.json +1 -1
- package/dist/assets/src/button-group/ButtonGroup.css.ts.vanilla-xsXT6MRu.css +0 -28
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
cursor: pointer;
|
|
6
6
|
position: relative;
|
|
7
7
|
text-decoration: none;
|
|
8
|
+
user-select: none;
|
|
8
9
|
}
|
|
9
10
|
._1gqmi2d3:active:not([data-disabled="true"]) {
|
|
10
11
|
box-shadow: var(--ax-boxShadow-inner);
|
|
@@ -12,18 +13,47 @@
|
|
|
12
13
|
._1gqmi2d3:focus-visible {
|
|
13
14
|
outline-offset: 1px;
|
|
14
15
|
outline-style: solid;
|
|
15
|
-
outline-width:
|
|
16
|
+
outline-width: 2px;
|
|
16
17
|
}
|
|
17
18
|
._1gqmi2d3[data-disabled="true"] {
|
|
18
19
|
cursor: not-allowed;
|
|
19
20
|
}
|
|
21
|
+
._1sewcgl0[data-orientation="horizontal"] ._1gqmi2d3:not(:first-child):not(:last-child) {
|
|
22
|
+
border-inline-width: 0.5px;
|
|
23
|
+
}
|
|
24
|
+
._1sewcgl0[data-orientation="horizontal"] ._1gqmi2d3:not(:only-child):first-child {
|
|
25
|
+
border-bottom-right-radius: 0;
|
|
26
|
+
border-right-width: 0.5px;
|
|
27
|
+
border-top-right-radius: 0;
|
|
28
|
+
}
|
|
29
|
+
._1sewcgl0[data-orientation="horizontal"] ._1gqmi2d3:not(:only-child):last-child {
|
|
30
|
+
border-bottom-left-radius: 0;
|
|
31
|
+
border-left-width: 0.5px;
|
|
32
|
+
border-top-left-radius: 0;
|
|
33
|
+
}
|
|
34
|
+
._1sewcgl0[data-orientation="vertical"] ._1gqmi2d3:not(:first-child):not(:last-child) {
|
|
35
|
+
border-block-width: 0.5px;
|
|
36
|
+
}
|
|
37
|
+
._1sewcgl0[data-orientation="vertical"] ._1gqmi2d3:not(:only-child):first-child {
|
|
38
|
+
border-bottom-left-radius: 0;
|
|
39
|
+
border-bottom-right-radius: 0;
|
|
40
|
+
border-bottom-width: 0.5px;
|
|
41
|
+
}
|
|
42
|
+
._1sewcgl0[data-orientation="vertical"] ._1gqmi2d3:not(:only-child):last-child {
|
|
43
|
+
border-top-left-radius: 0;
|
|
44
|
+
border-top-right-radius: 0;
|
|
45
|
+
border-top-width: 0.5px;
|
|
46
|
+
}
|
|
47
|
+
._1sewcgl0[data-orientation] ._1gqmi2d3:not(:first-child):not(:last-child) {
|
|
48
|
+
border-radius: 0;
|
|
49
|
+
}
|
|
20
50
|
._1gqmi2d4 {
|
|
21
51
|
--_1gqmi2d0: var(--ax-colors-bg-error-solid);
|
|
22
52
|
--_1gqmi2d1: var(--ax-colors-bg-error-solid-hover);
|
|
23
53
|
--_1gqmi2d2: var(--ax-colors-bg-error-subtle);
|
|
24
54
|
}
|
|
25
55
|
._1gqmi2d4:focus-visible {
|
|
26
|
-
outline-color: red
|
|
56
|
+
outline-color: var(--ax-colors-red-200);
|
|
27
57
|
}
|
|
28
58
|
._1gqmi2d5 {
|
|
29
59
|
--_1gqmi2d0: var(--ax-colors-bg-brand-solid);
|
|
@@ -43,6 +73,7 @@
|
|
|
43
73
|
}
|
|
44
74
|
._1gqmi2d7 {
|
|
45
75
|
background-color: transparent;
|
|
76
|
+
border-color: var(--_1gqmi2d0);
|
|
46
77
|
color: var(--_1gqmi2d0);
|
|
47
78
|
}
|
|
48
79
|
._1gqmi2d7:hover:not([data-disabled="true"]) {
|