@dss-kit/ui-kit 0.2.29 → 0.2.31
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/README.md +21 -21
- package/dist/styles/utils/breakpoints/base.scss +11 -11
- package/dist/styles/utils/breakpoints/index.scss +3 -3
- package/dist/styles/utils/breakpoints/screen.scss +61 -61
- package/dist/styles/utils/breakpoints/semantic.scss +31 -31
- package/dist/styles/utils/breakpoints.d.ts +11 -12
- package/dist/styles/utils/breakpoints.d.ts.map +1 -1
- package/dist/styles/utils/breakpoints.ts +35 -21
- package/dist/styles/utils/fonts/font-family.scss +3 -3
- package/dist/styles/utils/fonts/index.scss +1 -1
- package/dist/styles/utils/index.scss +5 -5
- package/dist/styles/utils/size/index.scss +1 -1
- package/dist/styles/utils/size/modifiers.scss +40 -40
- package/dist/styles/utils/style/index.scss +1 -1
- package/dist/styles/utils/style/variants.scss +34 -34
- package/dist/styles/utils/typography/_font-weight.scss +33 -33
- package/dist/styles/utils/typography/_variants.scss +85 -85
- package/dist/styles/utils/typography/index.scss +2 -2
- package/dist/ui-kit.cjs.js +46 -46
- package/dist/ui-kit.cjs.js.map +1 -1
- package/dist/ui-kit.es.js +7400 -7362
- package/dist/ui-kit.es.js.map +1 -1
- package/dist/utils/hooks/breakpoints/index.d.ts +2 -0
- package/dist/utils/hooks/breakpoints/index.d.ts.map +1 -0
- package/dist/utils/hooks/breakpoints/useBreakpoint/index.d.ts +4 -0
- package/dist/utils/hooks/breakpoints/useBreakpoint/index.d.ts.map +1 -0
- package/dist/utils/hooks/breakpoints/useBreakpoint/useBreakpoint.const.d.ts +15 -0
- package/dist/utils/hooks/breakpoints/useBreakpoint/useBreakpoint.const.d.ts.map +1 -0
- package/dist/utils/hooks/breakpoints/useBreakpoint/useBreakpoint.d.ts +18 -0
- package/dist/utils/hooks/breakpoints/useBreakpoint/useBreakpoint.d.ts.map +1 -0
- package/dist/utils/hooks/breakpoints/useBreakpoint/useBreakpoint.types.d.ts +20 -0
- package/dist/utils/hooks/breakpoints/useBreakpoint/useBreakpoint.types.d.ts.map +1 -0
- package/dist/utils/hooks/index.d.ts +1 -0
- package/dist/utils/hooks/index.d.ts.map +1 -1
- package/package.json +92 -92
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utils/hooks/breakpoints/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/utils/hooks/breakpoints/useBreakpoint/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,mBAAmB,uBAAuB,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { BreakpointType } from './useBreakpoint.types.ts';
|
|
2
|
+
export declare enum BreakpointsBase {
|
|
3
|
+
_1920 = 1920,
|
|
4
|
+
_1440 = 1440,
|
|
5
|
+
_1280 = 1280,
|
|
6
|
+
_1200 = 1200,
|
|
7
|
+
_1024 = 1024,
|
|
8
|
+
_992 = 992,
|
|
9
|
+
_768 = 768,
|
|
10
|
+
_576 = 576,
|
|
11
|
+
_480 = 480,
|
|
12
|
+
_375 = 375
|
|
13
|
+
}
|
|
14
|
+
export declare const Breakpoints: Record<BreakpointType, BreakpointsBase>;
|
|
15
|
+
//# sourceMappingURL=useBreakpoint.const.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useBreakpoint.const.d.ts","sourceRoot":"","sources":["../../../../../src/utils/hooks/breakpoints/useBreakpoint/useBreakpoint.const.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gEAAgE,CAAC;AAErG,oBAAY,eAAe;IACzB,KAAK,OAAO;IACZ,KAAK,OAAO;IACZ,KAAK,OAAO;IACZ,KAAK,OAAO;IACZ,KAAK,OAAO;IACZ,IAAI,MAAM;IACV,IAAI,MAAM;IACV,IAAI,MAAM;IACV,IAAI,MAAM;IACV,IAAI,MAAM;CACX;AAED,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,cAAc,EAAE,eAAe,CAM/D,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { BreakpointType, UseBreakpointProps } from './useBreakpoint.types';
|
|
2
|
+
/**
|
|
3
|
+
* Хук `useBreakpoint`.
|
|
4
|
+
* Используется для определения текущей ширины окна и проверки соответствия брейкпойнтам.
|
|
5
|
+
*
|
|
6
|
+
* @param {UseBreakpointProps} [props] - Свойства для настройки хука.
|
|
7
|
+
* @param {BreakpointDirection} [props.direction="max"] - Направление измерения брейкпойнтов.
|
|
8
|
+
*/
|
|
9
|
+
export declare const useBreakpoint: (props?: UseBreakpointProps) => {
|
|
10
|
+
windowWidth: number;
|
|
11
|
+
match: (bp: BreakpointType) => boolean;
|
|
12
|
+
isXs: boolean;
|
|
13
|
+
isSm: boolean;
|
|
14
|
+
isMd: boolean;
|
|
15
|
+
isLg: boolean;
|
|
16
|
+
isXl: boolean;
|
|
17
|
+
};
|
|
18
|
+
//# sourceMappingURL=useBreakpoint.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useBreakpoint.d.ts","sourceRoot":"","sources":["../../../../../src/utils/hooks/breakpoints/useBreakpoint/useBreakpoint.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEhF;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,GAAI,QAAQ,kBAAkB;;gBA6B/C,cAAc,KAAG,OAAO;;;;;;CAmBhC,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Тип направления для измерения брейкпойнтов.
|
|
3
|
+
* Используется для указания минимального или максимального значения.
|
|
4
|
+
*
|
|
5
|
+
* - "min" - минимальное значение (Используется при mobile first)
|
|
6
|
+
* - "max" - максимальное значение (Используется при desktop first)
|
|
7
|
+
*/
|
|
8
|
+
export type BreakpointDirection = "min" | "max";
|
|
9
|
+
/**
|
|
10
|
+
* Тип брейкпойнта.
|
|
11
|
+
* Определяет размеры экрана, используемые в приложении.
|
|
12
|
+
*/
|
|
13
|
+
export type BreakpointType = "xs" | "sm" | "md" | "lg" | "xl";
|
|
14
|
+
/**
|
|
15
|
+
* Свойства для хука `useBreakpoint`.
|
|
16
|
+
*/
|
|
17
|
+
export interface UseBreakpointProps {
|
|
18
|
+
direction?: BreakpointDirection;
|
|
19
|
+
}
|
|
20
|
+
//# sourceMappingURL=useBreakpoint.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useBreakpoint.types.d.ts","sourceRoot":"","sources":["../../../../../src/utils/hooks/breakpoints/useBreakpoint/useBreakpoint.types.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,MAAM,mBAAmB,GAAG,KAAK,GAAG,KAAK,CAAC;AAEhD;;;GAGG;AACH,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9D;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,SAAS,CAAC,EAAE,mBAAmB,CAAC;CACjC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,92 +1,92 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@dss-kit/ui-kit",
|
|
3
|
-
"version": "0.2.
|
|
4
|
-
"type": "module",
|
|
5
|
-
"main": "./dist/ui-kit.cjs.js",
|
|
6
|
-
"module": "./dist/ui-kit.es.js",
|
|
7
|
-
"types": "./dist/index.d.ts",
|
|
8
|
-
"exports": {
|
|
9
|
-
".": {
|
|
10
|
-
"import": "./dist/ui-kit.es.js",
|
|
11
|
-
"require": "./dist/ui-kit.cjs.js",
|
|
12
|
-
"types": "./dist/index.d.ts"
|
|
13
|
-
},
|
|
14
|
-
"./ui-kit.css": "./dist/ui-kit.css",
|
|
15
|
-
"./root.css": "./dist/root.css",
|
|
16
|
-
"./styles/utils": "./dist/styles/utils/index.scss"
|
|
17
|
-
},
|
|
18
|
-
"files": [
|
|
19
|
-
"dist"
|
|
20
|
-
],
|
|
21
|
-
"sideEffects": false,
|
|
22
|
-
"scripts": {
|
|
23
|
-
"build:base": "vite build",
|
|
24
|
-
"build:root": "vite build --config vite.config.root.ts",
|
|
25
|
-
"build": "npm run build:base && npm run build:root",
|
|
26
|
-
"dev": "vite",
|
|
27
|
-
"type-check": "tsc --noEmit",
|
|
28
|
-
"biome:check": "npx @biomejs/biome check --no-errors-on-unmatched --max-diagnostics 100",
|
|
29
|
-
"biome:format": "npx @biomejs/biome format --write --max-diagnostics 100",
|
|
30
|
-
"biome:lint": "npx @biomejs/biome lint --write --max-diagnostics 100",
|
|
31
|
-
"lint-staged": "lint-staged",
|
|
32
|
-
"test": "jest --passWithNoTests",
|
|
33
|
-
"storybook": "storybook dev -p 6006",
|
|
34
|
-
"storybook:build": "storybook build",
|
|
35
|
-
"release:first": "standard-version --first-release",
|
|
36
|
-
"release:major": "standard-version --release-as major",
|
|
37
|
-
"release:minor": "standard-version --release-as minor",
|
|
38
|
-
"release:patch": "standard-version --release-as patch",
|
|
39
|
-
"prepare": "husky"
|
|
40
|
-
},
|
|
41
|
-
"peerDependencies": {
|
|
42
|
-
"@emotion/css": "^11.13.5",
|
|
43
|
-
"@highcharts/react": "4.1.0",
|
|
44
|
-
"framer-motion": "^12.23.22",
|
|
45
|
-
"react": ">=18.0.0 <20.0.0",
|
|
46
|
-
"react-dom": ">=18.0.0 <20.0.0"
|
|
47
|
-
},
|
|
48
|
-
"dependencies": {
|
|
49
|
-
"@floating-ui/react": "^0.27.16",
|
|
50
|
-
"@lexical/list": "^0.39.0",
|
|
51
|
-
"@lexical/markdown": "^0.39.0",
|
|
52
|
-
"@lexical/react": "^0.39.0",
|
|
53
|
-
"@lexical/table": "^0.39.0",
|
|
54
|
-
"@tanstack/react-table": "^8.21.3",
|
|
55
|
-
"@tanstack/react-virtual": "^3.13.12",
|
|
56
|
-
"classnames": "^2.5.1",
|
|
57
|
-
"lexical": "^0.39.0",
|
|
58
|
-
"lodash.debounce": "^4.0.8",
|
|
59
|
-
"lodash.merge": "^4.6.2"
|
|
60
|
-
},
|
|
61
|
-
"devDependencies": {
|
|
62
|
-
"@biomejs/biome": "2.2.7",
|
|
63
|
-
"@commitlint/cli": "^20.1.0",
|
|
64
|
-
"@commitlint/config-conventional": "^20.0.0",
|
|
65
|
-
"@storybook/addon-docs": "^9.0.14",
|
|
66
|
-
"@storybook/react-vite": "^9.0.14",
|
|
67
|
-
"@testing-library/react": "^16.0.0",
|
|
68
|
-
"@types/jest": "^29.5.12",
|
|
69
|
-
"@types/lodash.debounce": "^4.0.9",
|
|
70
|
-
"@types/lodash.merge": "^4.6.9",
|
|
71
|
-
"@types/node": "^22.3.0",
|
|
72
|
-
"@types/react": "^18.3.3",
|
|
73
|
-
"@types/react-dom": "^18.3.3",
|
|
74
|
-
"@vitejs/plugin-react": "^4.6.0",
|
|
75
|
-
"globals": "^15.9.0",
|
|
76
|
-
"husky": "^9.1.7",
|
|
77
|
-
"jest": "^29.7.0",
|
|
78
|
-
"jest-environment-jsdom": "^29.7.0",
|
|
79
|
-
"jest-transform-stub": "^2.0.0",
|
|
80
|
-
"lint-staged": "^16.2.7",
|
|
81
|
-
"sass": "^1.77.8",
|
|
82
|
-
"standard-version": "^9.5.0",
|
|
83
|
-
"storybook": "^9.0.14",
|
|
84
|
-
"ts-jest": "^29.2.5",
|
|
85
|
-
"ts-node": "^10.9.2",
|
|
86
|
-
"typescript": "^5.5.3",
|
|
87
|
-
"vite": "^7.0.0",
|
|
88
|
-
"vite-plugin-dts": "^4.5.4",
|
|
89
|
-
"vite-plugin-static-copy": "^3.1.0",
|
|
90
|
-
"vite-plugin-svgr": "^4.2.0"
|
|
91
|
-
}
|
|
92
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "@dss-kit/ui-kit",
|
|
3
|
+
"version": "0.2.31",
|
|
4
|
+
"type": "module",
|
|
5
|
+
"main": "./dist/ui-kit.cjs.js",
|
|
6
|
+
"module": "./dist/ui-kit.es.js",
|
|
7
|
+
"types": "./dist/index.d.ts",
|
|
8
|
+
"exports": {
|
|
9
|
+
".": {
|
|
10
|
+
"import": "./dist/ui-kit.es.js",
|
|
11
|
+
"require": "./dist/ui-kit.cjs.js",
|
|
12
|
+
"types": "./dist/index.d.ts"
|
|
13
|
+
},
|
|
14
|
+
"./ui-kit.css": "./dist/ui-kit.css",
|
|
15
|
+
"./root.css": "./dist/root.css",
|
|
16
|
+
"./styles/utils": "./dist/styles/utils/index.scss"
|
|
17
|
+
},
|
|
18
|
+
"files": [
|
|
19
|
+
"dist"
|
|
20
|
+
],
|
|
21
|
+
"sideEffects": false,
|
|
22
|
+
"scripts": {
|
|
23
|
+
"build:base": "vite build",
|
|
24
|
+
"build:root": "vite build --config vite.config.root.ts",
|
|
25
|
+
"build": "npm run build:base && npm run build:root",
|
|
26
|
+
"dev": "vite",
|
|
27
|
+
"type-check": "tsc --noEmit",
|
|
28
|
+
"biome:check": "npx @biomejs/biome check --no-errors-on-unmatched --max-diagnostics 100",
|
|
29
|
+
"biome:format": "npx @biomejs/biome format --write --max-diagnostics 100",
|
|
30
|
+
"biome:lint": "npx @biomejs/biome lint --write --max-diagnostics 100",
|
|
31
|
+
"lint-staged": "lint-staged",
|
|
32
|
+
"test": "jest --passWithNoTests",
|
|
33
|
+
"storybook": "storybook dev -p 6006",
|
|
34
|
+
"storybook:build": "storybook build",
|
|
35
|
+
"release:first": "standard-version --first-release",
|
|
36
|
+
"release:major": "standard-version --release-as major",
|
|
37
|
+
"release:minor": "standard-version --release-as minor",
|
|
38
|
+
"release:patch": "standard-version --release-as patch",
|
|
39
|
+
"prepare": "husky"
|
|
40
|
+
},
|
|
41
|
+
"peerDependencies": {
|
|
42
|
+
"@emotion/css": "^11.13.5",
|
|
43
|
+
"@highcharts/react": "4.1.0",
|
|
44
|
+
"framer-motion": "^12.23.22",
|
|
45
|
+
"react": ">=18.0.0 <20.0.0",
|
|
46
|
+
"react-dom": ">=18.0.0 <20.0.0"
|
|
47
|
+
},
|
|
48
|
+
"dependencies": {
|
|
49
|
+
"@floating-ui/react": "^0.27.16",
|
|
50
|
+
"@lexical/list": "^0.39.0",
|
|
51
|
+
"@lexical/markdown": "^0.39.0",
|
|
52
|
+
"@lexical/react": "^0.39.0",
|
|
53
|
+
"@lexical/table": "^0.39.0",
|
|
54
|
+
"@tanstack/react-table": "^8.21.3",
|
|
55
|
+
"@tanstack/react-virtual": "^3.13.12",
|
|
56
|
+
"classnames": "^2.5.1",
|
|
57
|
+
"lexical": "^0.39.0",
|
|
58
|
+
"lodash.debounce": "^4.0.8",
|
|
59
|
+
"lodash.merge": "^4.6.2"
|
|
60
|
+
},
|
|
61
|
+
"devDependencies": {
|
|
62
|
+
"@biomejs/biome": "2.2.7",
|
|
63
|
+
"@commitlint/cli": "^20.1.0",
|
|
64
|
+
"@commitlint/config-conventional": "^20.0.0",
|
|
65
|
+
"@storybook/addon-docs": "^9.0.14",
|
|
66
|
+
"@storybook/react-vite": "^9.0.14",
|
|
67
|
+
"@testing-library/react": "^16.0.0",
|
|
68
|
+
"@types/jest": "^29.5.12",
|
|
69
|
+
"@types/lodash.debounce": "^4.0.9",
|
|
70
|
+
"@types/lodash.merge": "^4.6.9",
|
|
71
|
+
"@types/node": "^22.3.0",
|
|
72
|
+
"@types/react": "^18.3.3",
|
|
73
|
+
"@types/react-dom": "^18.3.3",
|
|
74
|
+
"@vitejs/plugin-react": "^4.6.0",
|
|
75
|
+
"globals": "^15.9.0",
|
|
76
|
+
"husky": "^9.1.7",
|
|
77
|
+
"jest": "^29.7.0",
|
|
78
|
+
"jest-environment-jsdom": "^29.7.0",
|
|
79
|
+
"jest-transform-stub": "^2.0.0",
|
|
80
|
+
"lint-staged": "^16.2.7",
|
|
81
|
+
"sass": "^1.77.8",
|
|
82
|
+
"standard-version": "^9.5.0",
|
|
83
|
+
"storybook": "^9.0.14",
|
|
84
|
+
"ts-jest": "^29.2.5",
|
|
85
|
+
"ts-node": "^10.9.2",
|
|
86
|
+
"typescript": "^5.5.3",
|
|
87
|
+
"vite": "^7.0.0",
|
|
88
|
+
"vite-plugin-dts": "^4.5.4",
|
|
89
|
+
"vite-plugin-static-copy": "^3.1.0",
|
|
90
|
+
"vite-plugin-svgr": "^4.2.0"
|
|
91
|
+
}
|
|
92
|
+
}
|