@infomaximum/ui-kit 0.10.2 → 0.11.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/components/Avatar/index.d.ts +1 -1
- package/dist/components/Dropdown/Dropdown.js +1 -0
- package/dist/components/Dropdown/Dropdown.types.d.ts +0 -1
- package/dist/components/Dropdown/Dropdown.utils.d.ts +1 -1
- package/dist/components/Dropdown/Dropdown.utils.js +1 -2
- package/dist/components/Dropdown/components/Group/Group.js +5 -7
- package/dist/components/Dropdown/components/Menu/Menu.js +4 -6
- package/dist/components/Dropdown/hooks/useSelectedKeysController.d.ts +2 -1
- package/dist/components/Dropdown/hooks/useSelectedKeysController.js +2 -1
- package/dist/components/Tabs/Tabs.d.ts +3 -0
- package/dist/components/Tabs/Tabs.js +60 -0
- package/dist/components/Tabs/Tabs.styles.d.ts +6 -0
- package/dist/components/Tabs/Tabs.styles.js +9 -0
- package/dist/components/Tabs/Tabs.tokens.d.ts +14 -0
- package/dist/components/Tabs/Tabs.tokens.js +15 -0
- package/dist/components/Tabs/Tabs.types.d.ts +28 -0
- package/dist/components/Tabs/components/TabBar/TabBar.d.ts +3 -0
- package/dist/components/Tabs/components/TabBar/TabBar.js +88 -0
- package/dist/components/Tabs/components/TabBar/TabBar.styles.d.ts +46 -0
- package/dist/components/Tabs/components/TabBar/TabBar.styles.js +70 -0
- package/dist/components/Tabs/components/TabBar/TabBar.types.d.ts +14 -0
- package/dist/components/Tabs/components/TabItem/TabItem.d.ts +3 -0
- package/dist/components/Tabs/components/TabItem/TabItem.js +94 -0
- package/dist/components/Tabs/components/TabItem/TabItem.styles.d.ts +38 -0
- package/dist/components/Tabs/components/TabItem/TabItem.styles.js +67 -0
- package/dist/components/Tabs/components/TabItem/TabItem.types.d.ts +32 -0
- package/dist/components/Tabs/forStories/items.d.ts +50 -0
- package/dist/components/Tabs/hooks/useMoreTabsController.d.ts +17 -0
- package/dist/components/Tabs/hooks/useMoreTabsController.js +68 -0
- package/dist/components/Tabs/hooks/useTabsDndController.d.ts +10 -0
- package/dist/components/Tabs/hooks/useTabsDndController.js +36 -0
- package/dist/components/Tabs/index.d.ts +2 -0
- package/dist/index.d.ts +3 -1
- package/dist/index.js +2 -0
- package/package.json +10 -3
- package/dist/docComponents/Demonstration/Demonstration.d.ts +0 -4
- package/dist/docComponents/Demonstration/Demonstration.styles.d.ts +0 -9
- package/dist/docComponents/Demonstration/Demonstration.types.d.ts +0 -5
- package/dist/docComponents/Description/Description.d.ts +0 -5
- package/dist/docComponents/Description/Description.style.d.ts +0 -26
- package/dist/docComponents/Doc/Doc.d.ts +0 -4
- package/dist/docComponents/Doc/Doc.style.d.ts +0 -13
- package/dist/docComponents/Example/Example.d.ts +0 -4
- package/dist/docComponents/Example/Example.styles.d.ts +0 -9
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { Theme } from 'themes';
|
|
2
|
-
export declare const descriptionStyle: (theme: Theme) => {
|
|
3
|
-
readonly padding: "24px 48px";
|
|
4
|
-
readonly background: "#FAFAFA";
|
|
5
|
-
readonly display: "flex";
|
|
6
|
-
readonly flexDirection: "column";
|
|
7
|
-
readonly gap: "24px";
|
|
8
|
-
readonly ".docblock-source.sb-unstyled": {
|
|
9
|
-
readonly margin: 0;
|
|
10
|
-
};
|
|
11
|
-
readonly "p, span": {
|
|
12
|
-
readonly color: "inherit";
|
|
13
|
-
readonly fontWeight: 400;
|
|
14
|
-
readonly margin: 0;
|
|
15
|
-
readonly fontFamily: "Roboto";
|
|
16
|
-
readonly fontSize: 14;
|
|
17
|
-
readonly lineHeight: "20px";
|
|
18
|
-
};
|
|
19
|
-
readonly h4: {
|
|
20
|
-
readonly color: "#262626";
|
|
21
|
-
readonly fontWeight: 500;
|
|
22
|
-
readonly fontFamily: "Roboto";
|
|
23
|
-
readonly fontSize: 16;
|
|
24
|
-
readonly lineHeight: "24px";
|
|
25
|
-
};
|
|
26
|
-
};
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { Theme } from 'themes';
|
|
2
|
-
export declare const docStyle: (theme: Theme) => {
|
|
3
|
-
readonly ".blue": {
|
|
4
|
-
readonly color: "#1677FF";
|
|
5
|
-
};
|
|
6
|
-
readonly fontFamily: "Roboto";
|
|
7
|
-
readonly fontSize: 14;
|
|
8
|
-
readonly lineHeight: "20px";
|
|
9
|
-
readonly display: "flex";
|
|
10
|
-
readonly flexDirection: "column";
|
|
11
|
-
readonly gap: 48;
|
|
12
|
-
readonly color: "#595959";
|
|
13
|
-
};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { Theme } from 'themes';
|
|
2
|
-
export declare const exampleStyle: (theme: Theme) => {
|
|
3
|
-
readonly display: "flex";
|
|
4
|
-
readonly flexDirection: "column";
|
|
5
|
-
readonly borderRadius: 12;
|
|
6
|
-
readonly border: "1px solid #D9D9D9";
|
|
7
|
-
readonly background: "#FFFFFF";
|
|
8
|
-
readonly overflow: "hidden";
|
|
9
|
-
};
|