@cronocode/react-box 0.2.9 → 0.3.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/box.d.ts +17 -15
- package/box.js +8068 -7938
- package/components/button.js +13 -13
- package/components/flex.js +24 -23
- package/package.json +1 -1
- package/style.css +1 -1
package/box.d.ts
CHANGED
|
@@ -3,9 +3,11 @@ import { SizeType, ColorType, CursorType, FontSizeType } from './css.variables';
|
|
|
3
3
|
import ClassNameUtils from './utils/className/classNameUtils';
|
|
4
4
|
interface BoxDisplay {
|
|
5
5
|
display?: 'none' | 'block' | 'inline-block' | 'flex' | 'inline-flex' | 'grid';
|
|
6
|
+
inline?: boolean;
|
|
6
7
|
}
|
|
7
8
|
interface BoxPosition {
|
|
8
9
|
position?: 'static' | 'relative' | 'absolute' | 'fixed' | 'sticky';
|
|
10
|
+
inset?: SizeType;
|
|
9
11
|
top?: SizeType;
|
|
10
12
|
right?: SizeType;
|
|
11
13
|
bottom?: SizeType;
|
|
@@ -27,20 +29,20 @@ interface BoxSize {
|
|
|
27
29
|
inlineMaxHeight?: string;
|
|
28
30
|
}
|
|
29
31
|
interface BoxMargin {
|
|
30
|
-
margin?: SizeType;
|
|
31
|
-
m?: SizeType;
|
|
32
|
-
marginHorizontal?: SizeType;
|
|
33
|
-
mx?: SizeType;
|
|
34
|
-
marginVertical?: SizeType;
|
|
35
|
-
my?: SizeType;
|
|
36
|
-
marginTop?: SizeType;
|
|
37
|
-
mt?: SizeType;
|
|
38
|
-
marginRight?: SizeType;
|
|
39
|
-
mr?: SizeType;
|
|
40
|
-
marginBottom?: SizeType;
|
|
41
|
-
mb?: SizeType;
|
|
42
|
-
marginLeft?: SizeType;
|
|
43
|
-
ml?: SizeType;
|
|
32
|
+
margin?: SizeType | 'auto';
|
|
33
|
+
m?: SizeType | 'auto';
|
|
34
|
+
marginHorizontal?: SizeType | 'auto';
|
|
35
|
+
mx?: SizeType | 'auto';
|
|
36
|
+
marginVertical?: SizeType | 'auto';
|
|
37
|
+
my?: SizeType | 'auto';
|
|
38
|
+
marginTop?: SizeType | 'auto';
|
|
39
|
+
mt?: SizeType | 'auto';
|
|
40
|
+
marginRight?: SizeType | 'auto';
|
|
41
|
+
mr?: SizeType | 'auto';
|
|
42
|
+
marginBottom?: SizeType | 'auto';
|
|
43
|
+
mb?: SizeType | 'auto';
|
|
44
|
+
marginLeft?: SizeType | 'auto';
|
|
45
|
+
ml?: SizeType | 'auto';
|
|
44
46
|
}
|
|
45
47
|
interface BoxBorder {
|
|
46
48
|
border?: SizeType;
|
|
@@ -996,7 +998,7 @@ export default function Box<TTag extends keyof React.ReactHTML = 'div'>(boxProps
|
|
|
996
998
|
is?: string | undefined;
|
|
997
999
|
'aria-activedescendant'?: string | undefined;
|
|
998
1000
|
'aria-atomic'?: (boolean | "true" | "false") | undefined;
|
|
999
|
-
'aria-autocomplete'?: "none" | "
|
|
1001
|
+
'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined;
|
|
1000
1002
|
'aria-busy'?: (boolean | "true" | "false") | undefined;
|
|
1001
1003
|
'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
|
|
1002
1004
|
'aria-colcount'?: number | undefined;
|