@salutejs/plasma-new-hope 0.337.1-canary.2276.18280051462.0 → 0.338.0-canary.2254.18336605490.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/cjs/components/Combobox/ComboboxNew/Combobox.js +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/cjs/components/Modal/Modal.css +2 -2
- package/cjs/components/Modal/Modal.js +4 -5
- package/cjs/components/Modal/Modal.js.map +1 -1
- package/cjs/components/Select/Select.js +1 -1
- package/cjs/components/Select/Select.js.map +1 -1
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +1 -1
- package/emotion/cjs/components/Modal/Modal.js +6 -7
- package/emotion/cjs/components/Scrollbar/Scrollbar.js +423 -0
- package/emotion/cjs/components/Scrollbar/Scrollbar.styles.js +59 -0
- package/emotion/cjs/components/Scrollbar/Scrollbar.tokens.js +39 -0
- package/emotion/cjs/components/Scrollbar/Scrollbar.types.js +4 -0
- package/emotion/cjs/components/Scrollbar/index.js +26 -0
- package/emotion/cjs/components/Scrollbar/utils.js +87 -0
- package/emotion/cjs/components/Scrollbar/variations/_size/base.js +12 -0
- package/emotion/cjs/components/Scrollbar/variations/_view/base.js +12 -0
- package/emotion/cjs/components/Select/Select.js +1 -1
- package/emotion/cjs/examples/components/Scrollbar/Scrollbar.config.js +27 -0
- package/emotion/cjs/examples/components/Scrollbar/Scrollbar.js +15 -0
- package/emotion/cjs/mixins/addScrollbar.js +24 -0
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +1 -1
- package/emotion/es/components/Modal/Modal.js +5 -6
- package/emotion/es/components/Scrollbar/Scrollbar.js +359 -0
- package/emotion/es/components/Scrollbar/Scrollbar.styles.js +24 -0
- package/emotion/es/components/Scrollbar/Scrollbar.tokens.js +21 -0
- package/emotion/es/components/Scrollbar/Scrollbar.types.js +1 -0
- package/emotion/es/components/Scrollbar/index.js +2 -0
- package/emotion/es/components/Scrollbar/utils.js +69 -0
- package/emotion/es/components/Scrollbar/variations/_size/base.js +2 -0
- package/emotion/es/components/Scrollbar/variations/_view/base.js +2 -0
- package/emotion/es/components/Select/Select.js +1 -1
- package/emotion/es/examples/components/Scrollbar/Scrollbar.config.js +17 -0
- package/emotion/es/examples/components/Scrollbar/Scrollbar.js +5 -0
- package/emotion/es/mixins/addScrollbar.js +6 -0
- package/es/components/Combobox/ComboboxNew/Combobox.js +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/es/components/Modal/Modal.css +2 -2
- package/es/components/Modal/Modal.js +4 -5
- package/es/components/Modal/Modal.js.map +1 -1
- package/es/components/Select/Select.js +1 -1
- package/es/components/Select/Select.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +1 -1
- package/styled-components/cjs/components/Modal/Modal.js +6 -7
- package/styled-components/cjs/components/Scrollbar/Scrollbar.js +423 -0
- package/styled-components/cjs/components/Scrollbar/Scrollbar.styles.js +121 -0
- package/styled-components/cjs/components/Scrollbar/Scrollbar.tokens.js +39 -0
- package/styled-components/cjs/components/Scrollbar/Scrollbar.types.js +4 -0
- package/styled-components/cjs/components/Scrollbar/index.js +26 -0
- package/styled-components/cjs/components/Scrollbar/utils.js +87 -0
- package/styled-components/cjs/components/Scrollbar/variations/_size/base.js +14 -0
- package/styled-components/cjs/components/Scrollbar/variations/_view/base.js +14 -0
- package/styled-components/cjs/components/Select/Select.js +1 -1
- package/styled-components/cjs/examples/components/Scrollbar/Scrollbar.config.js +45 -0
- package/styled-components/cjs/examples/components/Scrollbar/Scrollbar.js +15 -0
- package/styled-components/cjs/mixins/addScrollbar.js +24 -0
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +1 -1
- package/styled-components/es/components/Modal/Modal.js +5 -6
- package/styled-components/es/components/Scrollbar/Scrollbar.js +359 -0
- package/styled-components/es/components/Scrollbar/Scrollbar.styles.js +51 -0
- package/styled-components/es/components/Scrollbar/Scrollbar.tokens.js +21 -0
- package/styled-components/es/components/Scrollbar/Scrollbar.types.js +1 -0
- package/styled-components/es/components/Scrollbar/index.js +2 -0
- package/styled-components/es/components/Scrollbar/utils.js +69 -0
- package/styled-components/es/components/Scrollbar/variations/_size/base.js +4 -0
- package/styled-components/es/components/Scrollbar/variations/_view/base.js +4 -0
- package/styled-components/es/components/Select/Select.js +1 -1
- package/styled-components/es/examples/components/Scrollbar/Scrollbar.config.js +35 -0
- package/styled-components/es/examples/components/Scrollbar/Scrollbar.js +5 -0
- package/styled-components/es/mixins/addScrollbar.js +6 -0
- package/types/components/Modal/Modal.d.ts.map +1 -1
- package/types/components/Scrollbar/Scrollbar.d.ts +23 -0
- package/types/components/Scrollbar/Scrollbar.d.ts.map +1 -0
- package/types/components/Scrollbar/Scrollbar.styles.d.ts +7 -0
- package/types/components/Scrollbar/Scrollbar.styles.d.ts.map +1 -0
- package/types/components/Scrollbar/Scrollbar.tokens.d.ts +22 -0
- package/types/components/Scrollbar/Scrollbar.tokens.d.ts.map +1 -0
- package/types/components/Scrollbar/Scrollbar.types.d.ts +52 -0
- package/types/components/Scrollbar/Scrollbar.types.d.ts.map +1 -0
- package/types/components/Scrollbar/index.d.ts +4 -0
- package/types/components/Scrollbar/index.d.ts.map +1 -0
- package/types/components/Scrollbar/utils.d.ts +7 -0
- package/types/components/Scrollbar/utils.d.ts.map +1 -0
- package/types/components/Scrollbar/variations/_size/base.d.ts +2 -0
- package/types/components/Scrollbar/variations/_size/base.d.ts.map +1 -0
- package/types/components/Scrollbar/variations/_view/base.d.ts +2 -0
- package/types/components/Scrollbar/variations/_view/base.d.ts.map +1 -0
- package/types/examples/components/Scrollbar/Scrollbar.config.d.ts +16 -0
- package/types/examples/components/Scrollbar/Scrollbar.config.d.ts.map +1 -0
- package/types/examples/components/Scrollbar/Scrollbar.d.ts +10 -0
- package/types/examples/components/Scrollbar/Scrollbar.d.ts.map +1 -0
- package/types/mixins/addScrollbar.d.ts +3 -0
- package/types/mixins/addScrollbar.d.ts.map +1 -0
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import styled from "styled-components";
|
|
2
|
+
import { css } from "styled-components";
|
|
3
|
+
import { tokens, classes } from "./Scrollbar.tokens";
|
|
4
|
+
export var base = css([
|
|
5
|
+
"display:flex;position:relative;width:100%;height:100%;"
|
|
6
|
+
]);
|
|
7
|
+
export var StyledScrollBar = styled.div.withConfig({
|
|
8
|
+
displayName: "Scrollbar.styles__StyledScrollBar",
|
|
9
|
+
componentId: "sc-d13e1ac1-0"
|
|
10
|
+
})([
|
|
11
|
+
"position:relative;width:var(",
|
|
12
|
+
",100%);height:var(",
|
|
13
|
+
",100%);overflow:hidden;&.",
|
|
14
|
+
"{.",
|
|
15
|
+
"{opacity:1;pointer-events:auto;}}&.",
|
|
16
|
+
"{.",
|
|
17
|
+
"{background-color:var(",
|
|
18
|
+
") !important;}}"
|
|
19
|
+
], tokens.width, tokens.height, classes.scrollBarVisible, classes.scrollBarTrack, classes.scrollBarDragging, classes.scrollBarThumb, tokens.thumbColorActive);
|
|
20
|
+
export var StyledContainer = styled.div.withConfig({
|
|
21
|
+
displayName: "Scrollbar.styles__StyledContainer",
|
|
22
|
+
componentId: "sc-d13e1ac1-1"
|
|
23
|
+
})([
|
|
24
|
+
"width:100%;height:100%;overflow:auto;overflow:overlay;scrollbar-width:none;-ms-overflow-style:none;box-sizing:border-box;&::-webkit-scrollbar{display:none;width:0;height:0;}"
|
|
25
|
+
]);
|
|
26
|
+
export var StyledContent = styled.div.withConfig({
|
|
27
|
+
displayName: "Scrollbar.styles__StyledContent",
|
|
28
|
+
componentId: "sc-d13e1ac1-2"
|
|
29
|
+
})([
|
|
30
|
+
"min-height:100%;box-sizing:border-box;width:100%;"
|
|
31
|
+
]);
|
|
32
|
+
export var StyledTrack = styled.div.withConfig({
|
|
33
|
+
displayName: "Scrollbar.styles__StyledTrack",
|
|
34
|
+
componentId: "sc-d13e1ac1-3"
|
|
35
|
+
})([
|
|
36
|
+
"position:absolute;width:var(",
|
|
37
|
+
");opacity:0;transition:opacity 0.3s ease;pointer-events:none;z-index:10;background:var(",
|
|
38
|
+
");border-radius:var(",
|
|
39
|
+
");top:var(--scrollbar-offset-top,0);bottom:var(--scrollbar-offset-bottom,0);&[data-placement='left']{left:var(--scrollbar-offset-left,0);}&[data-placement='right']{right:var(--scrollbar-offset-right,0);}&.",
|
|
40
|
+
"{opacity:1;pointer-events:auto;}"
|
|
41
|
+
], tokens.trackWidth, tokens.trackColor, tokens.trackBorderRadius, classes.scrollBarTrackVisible);
|
|
42
|
+
export var StyledThumb = styled.div.withConfig({
|
|
43
|
+
displayName: "Scrollbar.styles__StyledThumb",
|
|
44
|
+
componentId: "sc-d13e1ac1-4"
|
|
45
|
+
})([
|
|
46
|
+
"position:absolute;left:0;width:100%;background:var(",
|
|
47
|
+
");border-radius:var(",
|
|
48
|
+
");cursor:pointer;transition:background-color 0.2s ease;box-sizing:border-box;&:hover{background:var(",
|
|
49
|
+
");}&:active{background:var(",
|
|
50
|
+
");}"
|
|
51
|
+
], tokens.thumbColor, tokens.thumbBorderRadius, tokens.thumbColorHover, tokens.thumbColorActive);
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
export var tokens = {
|
|
2
|
+
width: '--scrollbar-width',
|
|
3
|
+
height: '--scrollbar-height',
|
|
4
|
+
trackWidth: '--scrollbar-track-width',
|
|
5
|
+
trackColor: '--scrollbar-track-color',
|
|
6
|
+
trackBorderRadius: '--scrollbar-track-border-radius',
|
|
7
|
+
thumbColor: '--scrollbar-thumb-color',
|
|
8
|
+
thumbColorHover: '--scrollbar-thumb-color-hover',
|
|
9
|
+
thumbColorActive: '--scrollbar-thumb-color-active',
|
|
10
|
+
thumbBorderRadius: '--scrollbar-thumb-border-radius'
|
|
11
|
+
};
|
|
12
|
+
export var classes = {
|
|
13
|
+
scrollBarRoot: 'scrollbar-root',
|
|
14
|
+
scrollBarContainer: 'scrollbar-container',
|
|
15
|
+
scrollBarContent: 'scrollbar-content',
|
|
16
|
+
scrollBarTrack: 'scrollbar-track',
|
|
17
|
+
scrollBarThumb: 'scrollbar-thumb',
|
|
18
|
+
scrollBarVisible: 'scrollbar-visible',
|
|
19
|
+
scrollBarDragging: 'scrollbar-dragging',
|
|
20
|
+
scrollBarTrackVisible: 'scrollbar-track-visible'
|
|
21
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { };
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
export var parseOffset = function(offset) {
|
|
2
|
+
if (!offset) {
|
|
3
|
+
return {
|
|
4
|
+
top: '0',
|
|
5
|
+
right: '0',
|
|
6
|
+
bottom: '0',
|
|
7
|
+
left: '0'
|
|
8
|
+
};
|
|
9
|
+
}
|
|
10
|
+
var offsetString = typeof offset === 'number' ? "".concat(offset, "px") : offset;
|
|
11
|
+
var parts = offsetString.split(/\s+/).filter(Boolean);
|
|
12
|
+
switch(parts.length){
|
|
13
|
+
case 1:
|
|
14
|
+
return {
|
|
15
|
+
top: parts[0],
|
|
16
|
+
right: parts[0],
|
|
17
|
+
bottom: parts[0],
|
|
18
|
+
left: parts[0]
|
|
19
|
+
};
|
|
20
|
+
case 2:
|
|
21
|
+
return {
|
|
22
|
+
top: parts[0],
|
|
23
|
+
right: parts[1],
|
|
24
|
+
bottom: parts[0],
|
|
25
|
+
left: parts[1]
|
|
26
|
+
};
|
|
27
|
+
case 3:
|
|
28
|
+
return {
|
|
29
|
+
top: parts[0],
|
|
30
|
+
right: parts[1],
|
|
31
|
+
bottom: parts[2],
|
|
32
|
+
left: parts[1]
|
|
33
|
+
};
|
|
34
|
+
case 4:
|
|
35
|
+
return {
|
|
36
|
+
top: parts[0],
|
|
37
|
+
right: parts[1],
|
|
38
|
+
bottom: parts[2],
|
|
39
|
+
left: parts[3]
|
|
40
|
+
};
|
|
41
|
+
default:
|
|
42
|
+
return {
|
|
43
|
+
top: '0',
|
|
44
|
+
right: '0',
|
|
45
|
+
bottom: '0',
|
|
46
|
+
left: '0'
|
|
47
|
+
};
|
|
48
|
+
}
|
|
49
|
+
};
|
|
50
|
+
export var calculateScrollbar = function(container, parsedOffset) {
|
|
51
|
+
var minScrollbarTrackHeight = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 20;
|
|
52
|
+
if (!container) {
|
|
53
|
+
return {
|
|
54
|
+
thumbHeight: 0,
|
|
55
|
+
thumbPosition: 0
|
|
56
|
+
};
|
|
57
|
+
}
|
|
58
|
+
var scrollTop = container.scrollTop, scrollHeight = container.scrollHeight, clientHeight = container.clientHeight;
|
|
59
|
+
var topOffset = parseFloat(parsedOffset.top) || 0;
|
|
60
|
+
var bottomOffset = parseFloat(parsedOffset.bottom) || 0;
|
|
61
|
+
var trackHeight = clientHeight - topOffset - bottomOffset;
|
|
62
|
+
var thumbHeight = Math.max(trackHeight / scrollHeight * trackHeight, minScrollbarTrackHeight);
|
|
63
|
+
var maxScroll = scrollHeight - clientHeight;
|
|
64
|
+
var thumbPosition = maxScroll > 0 ? scrollTop / maxScroll * (trackHeight - thumbHeight) : 0;
|
|
65
|
+
return {
|
|
66
|
+
thumbHeight: thumbHeight,
|
|
67
|
+
thumbPosition: thumbPosition
|
|
68
|
+
};
|
|
69
|
+
};
|
|
@@ -402,7 +402,7 @@ import { Context } from "./Select.context";
|
|
|
402
402
|
// В данном эффекте мы следим за изменениями value снаружи и вносим коррективы в дерево чекбоксов.
|
|
403
403
|
// Пример: когда юзер очистил value извне, тогда нужно пройтись по элементам и выключить все чекбоксы.
|
|
404
404
|
useLayoutEffect(function() {
|
|
405
|
-
var checkedCopy = new Map(
|
|
405
|
+
var checkedCopy = new Map(valueToCheckedMap);
|
|
406
406
|
checkedCopy.forEach(function(_, key) {
|
|
407
407
|
checkedCopy.set(key, false);
|
|
408
408
|
});
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { css } from "styled-components";
|
|
2
|
+
import { scrollbarTokens as tokens } from "../../../components/Scrollbar";
|
|
3
|
+
export var config = {
|
|
4
|
+
defaults: {
|
|
5
|
+
view: 'default',
|
|
6
|
+
size: 's'
|
|
7
|
+
},
|
|
8
|
+
variations: {
|
|
9
|
+
view: {
|
|
10
|
+
default: css([
|
|
11
|
+
"",
|
|
12
|
+
":var(--surface-transparent-primary);",
|
|
13
|
+
":var(--surface-transparent-tertiary);",
|
|
14
|
+
":var(--surface-transparent-tertiary-hover);",
|
|
15
|
+
":var(--surface-transparent-tertiary-active);"
|
|
16
|
+
], tokens.trackColor, tokens.thumbColor, tokens.thumbColorHover, tokens.thumbColorActive)
|
|
17
|
+
},
|
|
18
|
+
size: {
|
|
19
|
+
m: css([
|
|
20
|
+
"",
|
|
21
|
+
":0.25rem;",
|
|
22
|
+
":0.25rem;",
|
|
23
|
+
":0.25rem;",
|
|
24
|
+
":0.25rem;"
|
|
25
|
+
], tokens.width, tokens.trackWidth, tokens.trackBorderRadius, tokens.thumbBorderRadius),
|
|
26
|
+
s: css([
|
|
27
|
+
"",
|
|
28
|
+
":0.125rem;",
|
|
29
|
+
":0.125rem;",
|
|
30
|
+
":0.125rem;",
|
|
31
|
+
":0.125rem;"
|
|
32
|
+
], tokens.width, tokens.trackWidth, tokens.trackBorderRadius, tokens.thumbBorderRadius)
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { scrollbarConfig } from "../../../components/Scrollbar";
|
|
2
|
+
import { component, mergeConfig } from "../../../engines";
|
|
3
|
+
import { config } from "./Scrollbar.config";
|
|
4
|
+
var mergedConfig = mergeConfig(scrollbarConfig, config);
|
|
5
|
+
export var Scrollbar = component(mergedConfig);
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export var scrollbarLarge = function() {
|
|
2
|
+
return "\n &::-webkit-scrollbar {\n width: 0.25rem;\n height: 0.25rem;\n }\n\n &::-webkit-scrollbar-track {\n background-color: var(--surface-transparent-primary);\n border-radius: 0.25rem;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: var(--surface-transparent-tertiary);\n border-radius: 0.25rem;\n transition: background-color 0.2s ease;\n\n &:hover {\n background-color: var(--surface-transparent-tertiary-hover);\n }\n\n &:active {\n background-color: var(--surface-transparent-tertiary-active);\n }\n }\n\n /* scrollbar-width: thin;\n scrollbar-color: var(--surface-transparent-tertiary) var(--surface-transparent-primary); */\n";
|
|
3
|
+
};
|
|
4
|
+
export var scrollbarSmall = function() {
|
|
5
|
+
return "\n &::-webkit-scrollbar {\n width: 0.125rem;\n height: 0.125rem;\n }\n\n &::-webkit-scrollbar-track {\n background-color: var(--surface-transparent-primary);\n border-radius: 0.125rem;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: var(--surface-transparent-tertiary);\n border-radius: 0.125rem;\n transition: background-color 0.2s ease;\n\n &:hover {\n background-color: var(--surface-transparent-tertiary-hover);\n }\n\n &:active {\n background-color: var(--surface-transparent-tertiary-active);\n }\n }\n\n /* scrollbar-width: thin;\n scrollbar-color: var(--surface-transparent-tertiary) var(--surface-transparent-primary); */\n";
|
|
6
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAGhE,OAAO,EAAE,SAAS,EAAa,MAAM,aAAa,CAAC;AASnD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAS3C;;;GAGG;AACH,eAAO,MAAM,SAAS,SAAU,SAAS,CAAC,cAAc,EAAE,UAAU,CAAC,
|
|
1
|
+
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAGhE,OAAO,EAAE,SAAS,EAAa,MAAM,aAAa,CAAC;AASnD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAS3C;;;GAGG;AACH,eAAO,MAAM,SAAS,SAAU,SAAS,CAAC,cAAc,EAAE,UAAU,CAAC,sFAkHhE,CAAC;AAEN,eAAO,MAAM,WAAW;;;mBApHQ,SAAS,CAAC,cAAc,EAAE,UAAU,CAAC;;;;;;;;;;CAiIpE,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { RootProps } from '../../engines';
|
|
3
|
+
import { ScrollBarProps } from './Scrollbar.types';
|
|
4
|
+
export declare const scrollbarRoot: (Root: RootProps<HTMLDivElement, ScrollBarProps>) => React.ForwardRefExoticComponent<ScrollBarProps & React.RefAttributes<HTMLDivElement>>;
|
|
5
|
+
export declare const scrollbarConfig: {
|
|
6
|
+
name: string;
|
|
7
|
+
tag: string;
|
|
8
|
+
layout: (Root: RootProps<HTMLDivElement, ScrollBarProps>) => React.ForwardRefExoticComponent<ScrollBarProps & React.RefAttributes<HTMLDivElement>>;
|
|
9
|
+
base: import("@linaria/core").LinariaClassName;
|
|
10
|
+
variations: {
|
|
11
|
+
view: {
|
|
12
|
+
css: import("@linaria/core").LinariaClassName;
|
|
13
|
+
};
|
|
14
|
+
size: {
|
|
15
|
+
css: import("@linaria/core").LinariaClassName;
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
defaults: {
|
|
19
|
+
size: string;
|
|
20
|
+
view: string;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
23
|
+
//# sourceMappingURL=Scrollbar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Scrollbar.d.ts","sourceRoot":"","sources":["../../../src/components/Scrollbar/Scrollbar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAGvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAM7C,OAAO,EAAE,cAAc,EAAkB,MAAM,mBAAmB,CAAC;AAKnE,eAAO,MAAM,aAAa,SAAU,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC,0FA8QxE,CAAC;AAEN,eAAO,MAAM,eAAe;;;mBAhRQ,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;;;;;;;;;;;;;;CAiS5E,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export declare const base: import("@linaria/core").LinariaClassName;
|
|
2
|
+
export declare const StyledScrollBar: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
|
3
|
+
export declare const StyledContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
|
4
|
+
export declare const StyledContent: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
|
5
|
+
export declare const StyledTrack: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
|
6
|
+
export declare const StyledThumb: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
|
7
|
+
//# sourceMappingURL=Scrollbar.styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Scrollbar.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Scrollbar/Scrollbar.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAKhB,CAAC;AAEF,eAAO,MAAM,eAAe,qKAkB3B,CAAC;AAEF,eAAO,MAAM,eAAe,qKAc3B,CAAC;AAEF,eAAO,MAAM,aAAa,qKAIzB,CAAC;AAEF,eAAO,MAAM,WAAW,qKAwBvB,CAAC;AAEF,eAAO,MAAM,WAAW,qKAiBvB,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
export declare const tokens: {
|
|
2
|
+
width: string;
|
|
3
|
+
height: string;
|
|
4
|
+
trackWidth: string;
|
|
5
|
+
trackColor: string;
|
|
6
|
+
trackBorderRadius: string;
|
|
7
|
+
thumbColor: string;
|
|
8
|
+
thumbColorHover: string;
|
|
9
|
+
thumbColorActive: string;
|
|
10
|
+
thumbBorderRadius: string;
|
|
11
|
+
};
|
|
12
|
+
export declare const classes: {
|
|
13
|
+
scrollBarRoot: string;
|
|
14
|
+
scrollBarContainer: string;
|
|
15
|
+
scrollBarContent: string;
|
|
16
|
+
scrollBarTrack: string;
|
|
17
|
+
scrollBarThumb: string;
|
|
18
|
+
scrollBarVisible: string;
|
|
19
|
+
scrollBarDragging: string;
|
|
20
|
+
scrollBarTrackVisible: string;
|
|
21
|
+
};
|
|
22
|
+
//# sourceMappingURL=Scrollbar.tokens.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Scrollbar.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Scrollbar/Scrollbar.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;CAUlB,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;;;;;CASnB,CAAC"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import type { CSSProperties } from 'react';
|
|
2
|
+
export interface ScrollBarProps {
|
|
3
|
+
/**
|
|
4
|
+
* Дополнительный класс name
|
|
5
|
+
*/
|
|
6
|
+
className?: string;
|
|
7
|
+
/**
|
|
8
|
+
* Стиль компонента
|
|
9
|
+
*/
|
|
10
|
+
view?: string;
|
|
11
|
+
/**
|
|
12
|
+
* Размер компонента
|
|
13
|
+
*/
|
|
14
|
+
size?: string;
|
|
15
|
+
/**
|
|
16
|
+
* Расположение скроллбара
|
|
17
|
+
*/
|
|
18
|
+
placement?: 'left' | 'right';
|
|
19
|
+
/**
|
|
20
|
+
* Отступы скроллбара
|
|
21
|
+
*/
|
|
22
|
+
offset?: string | number;
|
|
23
|
+
/**
|
|
24
|
+
* Автоматически скрывать скроллбар
|
|
25
|
+
*/
|
|
26
|
+
autoHide?: boolean;
|
|
27
|
+
/**
|
|
28
|
+
* Задержка перед скрытием скроллбара (мс)
|
|
29
|
+
*/
|
|
30
|
+
autoHideDelay?: number;
|
|
31
|
+
/**
|
|
32
|
+
* Дополнительные стили
|
|
33
|
+
*/
|
|
34
|
+
style?: CSSProperties;
|
|
35
|
+
/**
|
|
36
|
+
* Дочерние элементы
|
|
37
|
+
*/
|
|
38
|
+
children?: React.ReactNode;
|
|
39
|
+
}
|
|
40
|
+
export interface ScrollbarState {
|
|
41
|
+
isVisible: boolean;
|
|
42
|
+
thumbHeight: number;
|
|
43
|
+
thumbPosition: number;
|
|
44
|
+
isDragging: boolean;
|
|
45
|
+
}
|
|
46
|
+
export interface ParsedOffset {
|
|
47
|
+
top: string;
|
|
48
|
+
right: string;
|
|
49
|
+
bottom: string;
|
|
50
|
+
left: string;
|
|
51
|
+
}
|
|
52
|
+
//# sourceMappingURL=Scrollbar.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Scrollbar.types.d.ts","sourceRoot":"","sources":["../../../src/components/Scrollbar/Scrollbar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,MAAM,WAAW,cAAc;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC7B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,MAAM,WAAW,cAAc;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,YAAY;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CAChB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Scrollbar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC5F,YAAY,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ParsedOffset } from './Scrollbar.types';
|
|
2
|
+
export declare const parseOffset: (offset?: string | number) => ParsedOffset;
|
|
3
|
+
export declare const calculateScrollbar: (container: HTMLDivElement | null, parsedOffset: ParsedOffset, minScrollbarTrackHeight?: number) => {
|
|
4
|
+
thumbHeight: number;
|
|
5
|
+
thumbPosition: number;
|
|
6
|
+
};
|
|
7
|
+
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/Scrollbar/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,eAAO,MAAM,WAAW,YAAa,MAAM,GAAG,MAAM,KAAG,YAwCtD,CAAC;AAEF,eAAO,MAAM,kBAAkB,cAChB,cAAc,GAAG,IAAI,gBAClB,YAAY;;;CAkB7B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Scrollbar/variations/_size/base.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,0CAAQ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Scrollbar/variations/_view/base.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,0CAAQ,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export declare const config: {
|
|
2
|
+
defaults: {
|
|
3
|
+
view: string;
|
|
4
|
+
size: string;
|
|
5
|
+
};
|
|
6
|
+
variations: {
|
|
7
|
+
view: {
|
|
8
|
+
default: import("@linaria/core").LinariaClassName;
|
|
9
|
+
};
|
|
10
|
+
size: {
|
|
11
|
+
m: import("@linaria/core").LinariaClassName;
|
|
12
|
+
s: import("@linaria/core").LinariaClassName;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
//# sourceMappingURL=Scrollbar.config.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Scrollbar.config.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/Scrollbar/Scrollbar.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;CA6BlB,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export declare const Scrollbar: import("react").FunctionComponent<import("../../../engines/types").PropsType<{
|
|
2
|
+
view: {
|
|
3
|
+
default: import("@linaria/core").LinariaClassName;
|
|
4
|
+
};
|
|
5
|
+
size: {
|
|
6
|
+
m: import("@linaria/core").LinariaClassName;
|
|
7
|
+
s: import("@linaria/core").LinariaClassName;
|
|
8
|
+
};
|
|
9
|
+
}> & import("../../../components/Scrollbar").ScrollBarProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
10
|
+
//# sourceMappingURL=Scrollbar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Scrollbar.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/Scrollbar/Scrollbar.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,SAAS;;;;;;;;4GAA0B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"addScrollbar.d.ts","sourceRoot":"","sources":["../../src/mixins/addScrollbar.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,cA2B1B,CAAC;AAEF,eAAO,MAAM,cAAc,cA2B1B,CAAC"}
|