@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.
Files changed (94) hide show
  1. package/cjs/components/Combobox/ComboboxNew/Combobox.js +1 -1
  2. package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  3. package/cjs/components/Modal/Modal.css +2 -2
  4. package/cjs/components/Modal/Modal.js +4 -5
  5. package/cjs/components/Modal/Modal.js.map +1 -1
  6. package/cjs/components/Select/Select.js +1 -1
  7. package/cjs/components/Select/Select.js.map +1 -1
  8. package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +1 -1
  9. package/emotion/cjs/components/Modal/Modal.js +6 -7
  10. package/emotion/cjs/components/Scrollbar/Scrollbar.js +423 -0
  11. package/emotion/cjs/components/Scrollbar/Scrollbar.styles.js +59 -0
  12. package/emotion/cjs/components/Scrollbar/Scrollbar.tokens.js +39 -0
  13. package/emotion/cjs/components/Scrollbar/Scrollbar.types.js +4 -0
  14. package/emotion/cjs/components/Scrollbar/index.js +26 -0
  15. package/emotion/cjs/components/Scrollbar/utils.js +87 -0
  16. package/emotion/cjs/components/Scrollbar/variations/_size/base.js +12 -0
  17. package/emotion/cjs/components/Scrollbar/variations/_view/base.js +12 -0
  18. package/emotion/cjs/components/Select/Select.js +1 -1
  19. package/emotion/cjs/examples/components/Scrollbar/Scrollbar.config.js +27 -0
  20. package/emotion/cjs/examples/components/Scrollbar/Scrollbar.js +15 -0
  21. package/emotion/cjs/mixins/addScrollbar.js +24 -0
  22. package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +1 -1
  23. package/emotion/es/components/Modal/Modal.js +5 -6
  24. package/emotion/es/components/Scrollbar/Scrollbar.js +359 -0
  25. package/emotion/es/components/Scrollbar/Scrollbar.styles.js +24 -0
  26. package/emotion/es/components/Scrollbar/Scrollbar.tokens.js +21 -0
  27. package/emotion/es/components/Scrollbar/Scrollbar.types.js +1 -0
  28. package/emotion/es/components/Scrollbar/index.js +2 -0
  29. package/emotion/es/components/Scrollbar/utils.js +69 -0
  30. package/emotion/es/components/Scrollbar/variations/_size/base.js +2 -0
  31. package/emotion/es/components/Scrollbar/variations/_view/base.js +2 -0
  32. package/emotion/es/components/Select/Select.js +1 -1
  33. package/emotion/es/examples/components/Scrollbar/Scrollbar.config.js +17 -0
  34. package/emotion/es/examples/components/Scrollbar/Scrollbar.js +5 -0
  35. package/emotion/es/mixins/addScrollbar.js +6 -0
  36. package/es/components/Combobox/ComboboxNew/Combobox.js +1 -1
  37. package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
  38. package/es/components/Modal/Modal.css +2 -2
  39. package/es/components/Modal/Modal.js +4 -5
  40. package/es/components/Modal/Modal.js.map +1 -1
  41. package/es/components/Select/Select.js +1 -1
  42. package/es/components/Select/Select.js.map +1 -1
  43. package/package.json +2 -2
  44. package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +1 -1
  45. package/styled-components/cjs/components/Modal/Modal.js +6 -7
  46. package/styled-components/cjs/components/Scrollbar/Scrollbar.js +423 -0
  47. package/styled-components/cjs/components/Scrollbar/Scrollbar.styles.js +121 -0
  48. package/styled-components/cjs/components/Scrollbar/Scrollbar.tokens.js +39 -0
  49. package/styled-components/cjs/components/Scrollbar/Scrollbar.types.js +4 -0
  50. package/styled-components/cjs/components/Scrollbar/index.js +26 -0
  51. package/styled-components/cjs/components/Scrollbar/utils.js +87 -0
  52. package/styled-components/cjs/components/Scrollbar/variations/_size/base.js +14 -0
  53. package/styled-components/cjs/components/Scrollbar/variations/_view/base.js +14 -0
  54. package/styled-components/cjs/components/Select/Select.js +1 -1
  55. package/styled-components/cjs/examples/components/Scrollbar/Scrollbar.config.js +45 -0
  56. package/styled-components/cjs/examples/components/Scrollbar/Scrollbar.js +15 -0
  57. package/styled-components/cjs/mixins/addScrollbar.js +24 -0
  58. package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +1 -1
  59. package/styled-components/es/components/Modal/Modal.js +5 -6
  60. package/styled-components/es/components/Scrollbar/Scrollbar.js +359 -0
  61. package/styled-components/es/components/Scrollbar/Scrollbar.styles.js +51 -0
  62. package/styled-components/es/components/Scrollbar/Scrollbar.tokens.js +21 -0
  63. package/styled-components/es/components/Scrollbar/Scrollbar.types.js +1 -0
  64. package/styled-components/es/components/Scrollbar/index.js +2 -0
  65. package/styled-components/es/components/Scrollbar/utils.js +69 -0
  66. package/styled-components/es/components/Scrollbar/variations/_size/base.js +4 -0
  67. package/styled-components/es/components/Scrollbar/variations/_view/base.js +4 -0
  68. package/styled-components/es/components/Select/Select.js +1 -1
  69. package/styled-components/es/examples/components/Scrollbar/Scrollbar.config.js +35 -0
  70. package/styled-components/es/examples/components/Scrollbar/Scrollbar.js +5 -0
  71. package/styled-components/es/mixins/addScrollbar.js +6 -0
  72. package/types/components/Modal/Modal.d.ts.map +1 -1
  73. package/types/components/Scrollbar/Scrollbar.d.ts +23 -0
  74. package/types/components/Scrollbar/Scrollbar.d.ts.map +1 -0
  75. package/types/components/Scrollbar/Scrollbar.styles.d.ts +7 -0
  76. package/types/components/Scrollbar/Scrollbar.styles.d.ts.map +1 -0
  77. package/types/components/Scrollbar/Scrollbar.tokens.d.ts +22 -0
  78. package/types/components/Scrollbar/Scrollbar.tokens.d.ts.map +1 -0
  79. package/types/components/Scrollbar/Scrollbar.types.d.ts +52 -0
  80. package/types/components/Scrollbar/Scrollbar.types.d.ts.map +1 -0
  81. package/types/components/Scrollbar/index.d.ts +4 -0
  82. package/types/components/Scrollbar/index.d.ts.map +1 -0
  83. package/types/components/Scrollbar/utils.d.ts +7 -0
  84. package/types/components/Scrollbar/utils.d.ts.map +1 -0
  85. package/types/components/Scrollbar/variations/_size/base.d.ts +2 -0
  86. package/types/components/Scrollbar/variations/_size/base.d.ts.map +1 -0
  87. package/types/components/Scrollbar/variations/_view/base.d.ts +2 -0
  88. package/types/components/Scrollbar/variations/_view/base.d.ts.map +1 -0
  89. package/types/examples/components/Scrollbar/Scrollbar.config.d.ts +16 -0
  90. package/types/examples/components/Scrollbar/Scrollbar.config.d.ts.map +1 -0
  91. package/types/examples/components/Scrollbar/Scrollbar.d.ts +10 -0
  92. package/types/examples/components/Scrollbar/Scrollbar.d.ts.map +1 -0
  93. package/types/mixins/addScrollbar.d.ts +3 -0
  94. 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,2 @@
1
+ export { scrollbarRoot, scrollbarConfig } from "./Scrollbar";
2
+ export { tokens as scrollbarTokens, classes as scrollbarClasses } from "./Scrollbar.tokens";
@@ -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
+ };
@@ -0,0 +1,4 @@
1
+ import { css } from "styled-components";
2
+ export var base = css([
3
+ ""
4
+ ]);
@@ -0,0 +1,4 @@
1
+ import { css } from "styled-components";
2
+ export var base = css([
3
+ ""
4
+ ]);
@@ -402,7 +402,7 @@ import { Context } from "./Select.context";
402
402
  // В данном эффекте мы следим за изменениями value снаружи и вносим коррективы в дерево чекбоксов.
403
403
  // Пример: когда юзер очистил value извне, тогда нужно пройтись по элементам и выключить все чекбоксы.
404
404
  useLayoutEffect(function() {
405
- var checkedCopy = new Map(checked);
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,sFAmHhE,CAAC;AAEN,eAAO,MAAM,WAAW;;;mBArHQ,SAAS,CAAC,cAAc,EAAE,UAAU,CAAC;;;;;;;;;;CAkIpE,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,4 @@
1
+ export { scrollbarRoot, scrollbarConfig } from './Scrollbar';
2
+ export { tokens as scrollbarTokens, classes as scrollbarClasses } from './Scrollbar.tokens';
3
+ export type { ScrollBarProps } from './Scrollbar.types';
4
+ //# sourceMappingURL=index.d.ts.map
@@ -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,2 @@
1
+ export declare const base: import("@linaria/core").LinariaClassName;
2
+ //# sourceMappingURL=base.d.ts.map
@@ -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,2 @@
1
+ export declare const base: import("@linaria/core").LinariaClassName;
2
+ //# sourceMappingURL=base.d.ts.map
@@ -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,3 @@
1
+ export declare const scrollbarLarge: () => string;
2
+ export declare const scrollbarSmall: () => string;
3
+ //# sourceMappingURL=addScrollbar.d.ts.map
@@ -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"}