@gusarov-studio/rubik-ui 31.5.2 → 31.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.
- package/dist/GridSystem/Col.d.ts +14 -0
- package/dist/GridSystem/Container.d.ts +9 -0
- package/dist/GridSystem/Row.d.ts +15 -0
- package/dist/GridSystem/index.d.ts +3 -0
- package/dist/Text/Text.d.ts +2 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/tsconfig.declarations.tsbuildinfo +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import type { ResponsiveValue } from "../foundation/breakpoints";
|
|
3
|
+
import "./Col.scss";
|
|
4
|
+
type SpanValue = number | "auto";
|
|
5
|
+
type OffsetValue = number;
|
|
6
|
+
type OrderValue = number | "first" | "last";
|
|
7
|
+
interface ColProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
8
|
+
span?: ResponsiveValue<SpanValue>;
|
|
9
|
+
offset?: ResponsiveValue<OffsetValue>;
|
|
10
|
+
order?: ResponsiveValue<OrderValue>;
|
|
11
|
+
children?: React.ReactNode;
|
|
12
|
+
}
|
|
13
|
+
declare const Col: React.ForwardRefExoticComponent<ColProps & React.RefAttributes<HTMLDivElement>>;
|
|
14
|
+
export { Col, type ColProps };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import type { ResponsiveValue } from "../foundation/breakpoints";
|
|
3
|
+
import "./Container.scss";
|
|
4
|
+
type MaxWidth = string | number;
|
|
5
|
+
interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
6
|
+
maxWidth?: ResponsiveValue<MaxWidth>;
|
|
7
|
+
}
|
|
8
|
+
declare const Container: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<HTMLDivElement>>;
|
|
9
|
+
export { Container, type ContainerProps };
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import type { CSSUnit } from "../types/CSSUnit";
|
|
3
|
+
import type { ResponsiveValue } from "../foundation/breakpoints";
|
|
4
|
+
import "./Row.scss";
|
|
5
|
+
type GapProperty = CSSUnit | `${number} ` | `calc(${string})` | number;
|
|
6
|
+
type AlignColumns = "start" | "center" | "end" | "stretch" | "baseline";
|
|
7
|
+
interface RowProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
8
|
+
gap?: ResponsiveValue<GapProperty>;
|
|
9
|
+
rowGap?: ResponsiveValue<GapProperty>;
|
|
10
|
+
columnGap?: ResponsiveValue<GapProperty>;
|
|
11
|
+
alignColumns?: ResponsiveValue<AlignColumns>;
|
|
12
|
+
children: React.ReactNode;
|
|
13
|
+
}
|
|
14
|
+
declare const Row: React.ForwardRefExoticComponent<RowProps & React.RefAttributes<HTMLDivElement>>;
|
|
15
|
+
export { Row, type RowProps };
|
package/dist/Text/Text.d.ts
CHANGED
|
@@ -7,10 +7,12 @@ type TextSize = 8 | 10 | 12 | 13 | 14 | 16 | 18 | 20 | 22 | 24 | 26 | 28 | 30 |
|
|
|
7
7
|
type TextElement = HTMLSpanElement | HTMLHeadingElement | HTMLLabelElement;
|
|
8
8
|
type TextWeight = "inherit" | "thin" | "extra-light" | "light" | "regular" | "medium" | "semibold" | "bold" | "extra-bold" | "black" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
|
|
9
9
|
type TextAlign = "inherit" | "start" | "center" | "end" | "justify";
|
|
10
|
+
type MaxWidth = string | number;
|
|
10
11
|
interface TextProps extends React.HTMLAttributes<TextElement> {
|
|
11
12
|
size?: ResponsiveValue<TextSize | `${TextSize}`>;
|
|
12
13
|
weight?: ResponsiveValue<TextWeight>;
|
|
13
14
|
align?: ResponsiveValue<TextAlign>;
|
|
15
|
+
maxWidth?: ResponsiveValue<MaxWidth>;
|
|
14
16
|
color?: NamedColor | Color;
|
|
15
17
|
block?: boolean;
|
|
16
18
|
truncate?: boolean;
|
package/dist/index.d.ts
CHANGED