@salutejs/plasma-new-hope 0.337.0-canary.2254.18028326170.0 → 0.337.0-canary.2255.18028844305.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 (71) hide show
  1. package/emotion/cjs/examples/components/Chip/Chip.clear.config.js +45 -0
  2. package/emotion/cjs/examples/components/Chip/Chip.js +29 -5
  3. package/emotion/es/examples/components/Chip/Chip.clear.config.js +35 -0
  4. package/emotion/es/examples/components/Chip/Chip.js +15 -2
  5. package/emotion/es/examples/components/Combobox/Combobox.js +7 -0
  6. package/package.json +2 -2
  7. package/styled-components/cjs/examples/components/Chip/Chip.clear.config.js +225 -0
  8. package/styled-components/cjs/examples/components/Chip/Chip.js +29 -5
  9. package/styled-components/es/examples/components/Chip/Chip.clear.config.js +215 -0
  10. package/styled-components/es/examples/components/Chip/Chip.js +15 -2
  11. package/styled-components/es/examples/components/Combobox/Combobox.js +0 -7
  12. package/types/components/Chip/Chip.types.d.ts +1 -0
  13. package/types/components/Chip/Chip.types.d.ts.map +1 -1
  14. package/types/examples/components/Chip/Chip.clear.config.d.ts +34 -0
  15. package/types/examples/components/Chip/Chip.clear.config.d.ts.map +1 -0
  16. package/types/examples/components/Chip/Chip.d.ts +55 -1
  17. package/types/examples/components/Chip/Chip.d.ts.map +1 -1
  18. package/emotion/cjs/components/Scrollbar/Scrollbar.js +0 -418
  19. package/emotion/cjs/components/Scrollbar/Scrollbar.styles.js +0 -59
  20. package/emotion/cjs/components/Scrollbar/Scrollbar.tokens.js +0 -39
  21. package/emotion/cjs/components/Scrollbar/Scrollbar.types.js +0 -4
  22. package/emotion/cjs/components/Scrollbar/index.js +0 -26
  23. package/emotion/cjs/components/Scrollbar/variations/_size/base.js +0 -12
  24. package/emotion/cjs/components/Scrollbar/variations/_view/base.js +0 -12
  25. package/emotion/cjs/examples/components/Scrollbar/Scrollbar.config.js +0 -27
  26. package/emotion/cjs/examples/components/Scrollbar/Scrollbar.js +0 -15
  27. package/emotion/es/components/Scrollbar/Scrollbar.js +0 -354
  28. package/emotion/es/components/Scrollbar/Scrollbar.styles.js +0 -24
  29. package/emotion/es/components/Scrollbar/Scrollbar.tokens.js +0 -21
  30. package/emotion/es/components/Scrollbar/Scrollbar.types.js +0 -1
  31. package/emotion/es/components/Scrollbar/index.js +0 -2
  32. package/emotion/es/components/Scrollbar/variations/_size/base.js +0 -2
  33. package/emotion/es/components/Scrollbar/variations/_view/base.js +0 -2
  34. package/emotion/es/examples/components/Scrollbar/Scrollbar.config.js +0 -17
  35. package/emotion/es/examples/components/Scrollbar/Scrollbar.js +0 -5
  36. package/styled-components/cjs/components/Scrollbar/Scrollbar.js +0 -418
  37. package/styled-components/cjs/components/Scrollbar/Scrollbar.styles.js +0 -123
  38. package/styled-components/cjs/components/Scrollbar/Scrollbar.tokens.js +0 -39
  39. package/styled-components/cjs/components/Scrollbar/Scrollbar.types.js +0 -4
  40. package/styled-components/cjs/components/Scrollbar/index.js +0 -26
  41. package/styled-components/cjs/components/Scrollbar/variations/_size/base.js +0 -14
  42. package/styled-components/cjs/components/Scrollbar/variations/_view/base.js +0 -14
  43. package/styled-components/cjs/examples/components/Scrollbar/Scrollbar.config.js +0 -45
  44. package/styled-components/cjs/examples/components/Scrollbar/Scrollbar.js +0 -15
  45. package/styled-components/es/components/Scrollbar/Scrollbar.js +0 -354
  46. package/styled-components/es/components/Scrollbar/Scrollbar.styles.js +0 -53
  47. package/styled-components/es/components/Scrollbar/Scrollbar.tokens.js +0 -21
  48. package/styled-components/es/components/Scrollbar/Scrollbar.types.js +0 -1
  49. package/styled-components/es/components/Scrollbar/index.js +0 -2
  50. package/styled-components/es/components/Scrollbar/variations/_size/base.js +0 -4
  51. package/styled-components/es/components/Scrollbar/variations/_view/base.js +0 -4
  52. package/styled-components/es/examples/components/Scrollbar/Scrollbar.config.js +0 -35
  53. package/styled-components/es/examples/components/Scrollbar/Scrollbar.js +0 -5
  54. package/types/components/Scrollbar/Scrollbar.d.ts +0 -23
  55. package/types/components/Scrollbar/Scrollbar.d.ts.map +0 -1
  56. package/types/components/Scrollbar/Scrollbar.styles.d.ts +0 -7
  57. package/types/components/Scrollbar/Scrollbar.styles.d.ts.map +0 -1
  58. package/types/components/Scrollbar/Scrollbar.tokens.d.ts +0 -22
  59. package/types/components/Scrollbar/Scrollbar.tokens.d.ts.map +0 -1
  60. package/types/components/Scrollbar/Scrollbar.types.d.ts +0 -44
  61. package/types/components/Scrollbar/Scrollbar.types.d.ts.map +0 -1
  62. package/types/components/Scrollbar/index.d.ts +0 -4
  63. package/types/components/Scrollbar/index.d.ts.map +0 -1
  64. package/types/components/Scrollbar/variations/_size/base.d.ts +0 -2
  65. package/types/components/Scrollbar/variations/_size/base.d.ts.map +0 -1
  66. package/types/components/Scrollbar/variations/_view/base.d.ts +0 -2
  67. package/types/components/Scrollbar/variations/_view/base.d.ts.map +0 -1
  68. package/types/examples/components/Scrollbar/Scrollbar.config.d.ts +0 -16
  69. package/types/examples/components/Scrollbar/Scrollbar.config.d.ts.map +0 -1
  70. package/types/examples/components/Scrollbar/Scrollbar.d.ts +0 -10
  71. package/types/examples/components/Scrollbar/Scrollbar.d.ts.map +0 -1
@@ -1,15 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "Scrollbar", {
6
- enumerable: true,
7
- get: function() {
8
- return Scrollbar;
9
- }
10
- });
11
- var _Scrollbar = require("../../../components/Scrollbar");
12
- var _engines = require("../../../engines");
13
- var _Scrollbarconfig = require("./Scrollbar.config");
14
- var mergedConfig = (0, _engines.mergeConfig)(_Scrollbar.scrollbarConfig, _Scrollbarconfig.config);
15
- var Scrollbar = (0, _engines.component)(mergedConfig);
@@ -1,354 +0,0 @@
1
- function _array_like_to_array(arr, len) {
2
- if (len == null || len > arr.length) len = arr.length;
3
- for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
4
- return arr2;
5
- }
6
- function _array_with_holes(arr) {
7
- if (Array.isArray(arr)) return arr;
8
- }
9
- function _define_property(obj, key, value) {
10
- if (key in obj) {
11
- Object.defineProperty(obj, key, {
12
- value: value,
13
- enumerable: true,
14
- configurable: true,
15
- writable: true
16
- });
17
- } else {
18
- obj[key] = value;
19
- }
20
- return obj;
21
- }
22
- function _iterable_to_array_limit(arr, i) {
23
- var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
24
- if (_i == null) return;
25
- var _arr = [];
26
- var _n = true;
27
- var _d = false;
28
- var _s, _e;
29
- try {
30
- for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
31
- _arr.push(_s.value);
32
- if (i && _arr.length === i) break;
33
- }
34
- } catch (err) {
35
- _d = true;
36
- _e = err;
37
- } finally{
38
- try {
39
- if (!_n && _i["return"] != null) _i["return"]();
40
- } finally{
41
- if (_d) throw _e;
42
- }
43
- }
44
- return _arr;
45
- }
46
- function _non_iterable_rest() {
47
- throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
48
- }
49
- function _object_spread(target) {
50
- for(var i = 1; i < arguments.length; i++){
51
- var source = arguments[i] != null ? arguments[i] : {};
52
- var ownKeys = Object.keys(source);
53
- if (typeof Object.getOwnPropertySymbols === "function") {
54
- ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
55
- return Object.getOwnPropertyDescriptor(source, sym).enumerable;
56
- }));
57
- }
58
- ownKeys.forEach(function(key) {
59
- _define_property(target, key, source[key]);
60
- });
61
- }
62
- return target;
63
- }
64
- function ownKeys(object, enumerableOnly) {
65
- var keys = Object.keys(object);
66
- if (Object.getOwnPropertySymbols) {
67
- var symbols = Object.getOwnPropertySymbols(object);
68
- if (enumerableOnly) {
69
- symbols = symbols.filter(function(sym) {
70
- return Object.getOwnPropertyDescriptor(object, sym).enumerable;
71
- });
72
- }
73
- keys.push.apply(keys, symbols);
74
- }
75
- return keys;
76
- }
77
- function _object_spread_props(target, source) {
78
- source = source != null ? source : {};
79
- if (Object.getOwnPropertyDescriptors) {
80
- Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
81
- } else {
82
- ownKeys(Object(source)).forEach(function(key) {
83
- Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
84
- });
85
- }
86
- return target;
87
- }
88
- function _object_without_properties(source, excluded) {
89
- if (source == null) return {};
90
- var target = _object_without_properties_loose(source, excluded);
91
- var key, i;
92
- if (Object.getOwnPropertySymbols) {
93
- var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
94
- for(i = 0; i < sourceSymbolKeys.length; i++){
95
- key = sourceSymbolKeys[i];
96
- if (excluded.indexOf(key) >= 0) continue;
97
- if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
98
- target[key] = source[key];
99
- }
100
- }
101
- return target;
102
- }
103
- function _object_without_properties_loose(source, excluded) {
104
- if (source == null) return {};
105
- var target = {};
106
- var sourceKeys = Object.keys(source);
107
- var key, i;
108
- for(i = 0; i < sourceKeys.length; i++){
109
- key = sourceKeys[i];
110
- if (excluded.indexOf(key) >= 0) continue;
111
- target[key] = source[key];
112
- }
113
- return target;
114
- }
115
- function _sliced_to_array(arr, i) {
116
- return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
117
- }
118
- function _unsupported_iterable_to_array(o, minLen) {
119
- if (!o) return;
120
- if (typeof o === "string") return _array_like_to_array(o, minLen);
121
- var n = Object.prototype.toString.call(o).slice(8, -1);
122
- if (n === "Object" && o.constructor) n = o.constructor.name;
123
- if (n === "Map" || n === "Set") return Array.from(n);
124
- if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
125
- }
126
- import React, { forwardRef, useRef, useState, useEffect, useCallback } from "react";
127
- import cls from "classnames";
128
- import { base as sizeCSS } from "./variations/_size/base";
129
- import { base as viewCSS } from "./variations/_view/base";
130
- import { base, StyledScrollBar, StyledContainer, StyledContent, StyledTrack, StyledThumb } from "./Scrollbar.styles";
131
- import { classes } from "./Scrollbar.tokens";
132
- export var scrollbarRoot = function(Root) {
133
- return /*#__PURE__*/ forwardRef(function(_param, ref) {
134
- var className = _param.className, _param_view = _param.view, view = _param_view === void 0 ? 'default' : _param_view, _param_size = _param.size, size = _param_size === void 0 ? 'm' : _param_size, _param_placement = _param.placement, placement = _param_placement === void 0 ? 'right' : _param_placement, _param_offset = _param.offset, offset = _param_offset === void 0 ? 4 : _param_offset, _param_verticalOffset = _param.verticalOffset, verticalOffset = _param_verticalOffset === void 0 ? 4 : _param_verticalOffset, _param_autoHide = _param.autoHide, autoHide = _param_autoHide === void 0 ? true : _param_autoHide, _param_autoHideDelay = _param.autoHideDelay, autoHideDelay = _param_autoHideDelay === void 0 ? 2000 : _param_autoHideDelay, style = _param.style, children = _param.children, rest = _object_without_properties(_param, [
135
- "className",
136
- "view",
137
- "size",
138
- "placement",
139
- "offset",
140
- "verticalOffset",
141
- "autoHide",
142
- "autoHideDelay",
143
- "style",
144
- "children"
145
- ]);
146
- var containerRef = useRef(null);
147
- var contentRef = useRef(null);
148
- var trackRef = useRef(null);
149
- var thumbRef = useRef(null);
150
- var hideTimeoutRef = useRef(null);
151
- var _useState = _sliced_to_array(useState({
152
- isVisible: false,
153
- thumbHeight: 0,
154
- thumbPosition: 0,
155
- isDragging: false
156
- }), 2), scrollbarState = _useState[0], setScrollbarState = _useState[1];
157
- var minScrollbarTrackHeight = 20;
158
- var calculateScrollbar = useCallback(function() {
159
- if (!containerRef.current || !contentRef.current) {
160
- return {
161
- thumbHeight: 0,
162
- thumbPosition: 0
163
- };
164
- }
165
- var _containerRef_current = containerRef.current, scrollTop = _containerRef_current.scrollTop, scrollHeight = _containerRef_current.scrollHeight, clientHeight = _containerRef_current.clientHeight;
166
- var trackHeight = clientHeight - verticalOffset * 2;
167
- var thumbHeight = Math.max(trackHeight / scrollHeight * trackHeight, minScrollbarTrackHeight);
168
- var maxScroll = scrollHeight - clientHeight;
169
- var thumbPosition = maxScroll > 0 ? scrollTop / maxScroll * (trackHeight - thumbHeight) : 0;
170
- return {
171
- thumbHeight: thumbHeight,
172
- thumbPosition: thumbPosition
173
- };
174
- }, [
175
- verticalOffset
176
- ]);
177
- var updateScrollbar = useCallback(function() {
178
- var show = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
179
- if (!containerRef.current) return;
180
- var _calculateScrollbar = calculateScrollbar(), thumbHeight = _calculateScrollbar.thumbHeight, thumbPosition = _calculateScrollbar.thumbPosition;
181
- setScrollbarState(function(prev) {
182
- return _object_spread_props(_object_spread({}, prev), {
183
- thumbHeight: thumbHeight,
184
- thumbPosition: thumbPosition,
185
- isVisible: show || prev.isVisible
186
- });
187
- });
188
- }, [
189
- calculateScrollbar
190
- ]);
191
- var showScrollbarWithDelay = useCallback(function() {
192
- if (hideTimeoutRef.current) {
193
- clearTimeout(hideTimeoutRef.current);
194
- }
195
- updateScrollbar(true);
196
- if (autoHide) {
197
- hideTimeoutRef.current = setTimeout(function() {
198
- setScrollbarState(function(prev) {
199
- return _object_spread_props(_object_spread({}, prev), {
200
- isVisible: false
201
- });
202
- });
203
- hideTimeoutRef.current = null;
204
- }, autoHideDelay);
205
- }
206
- }, [
207
- autoHide,
208
- autoHideDelay,
209
- updateScrollbar
210
- ]);
211
- var handleScroll = useCallback(function() {
212
- if (!containerRef.current) return;
213
- showScrollbarWithDelay();
214
- }, [
215
- showScrollbarWithDelay
216
- ]);
217
- var handleMouseEnter = useCallback(function() {
218
- showScrollbarWithDelay();
219
- }, [
220
- showScrollbarWithDelay
221
- ]);
222
- var handleScrollbarDrag = useCallback(function(e) {
223
- e.preventDefault();
224
- var thumb = e.currentTarget;
225
- var track = thumb.parentElement;
226
- if (!containerRef.current || !track) return;
227
- if (hideTimeoutRef.current) {
228
- clearTimeout(hideTimeoutRef.current);
229
- hideTimeoutRef.current = null;
230
- }
231
- var startY = e.clientY;
232
- var startThumbPosition = parseFloat(thumb.style.top || '0');
233
- var trackRect = track.getBoundingClientRect();
234
- var trackHeight = trackRect.height;
235
- var thumbHeight = thumb.offsetHeight;
236
- var _containerRef_current = containerRef.current, scrollHeight = _containerRef_current.scrollHeight, clientHeight = _containerRef_current.clientHeight;
237
- var maxScroll = scrollHeight - clientHeight;
238
- var handleMouseMove = function(moveEvent) {
239
- var deltaY = moveEvent.clientY - startY;
240
- var newThumbPosition = Math.max(0, Math.min(trackHeight - thumbHeight, startThumbPosition + deltaY));
241
- var scrollPercentage = newThumbPosition / (trackHeight - thumbHeight);
242
- var newScrollTop = scrollPercentage * maxScroll;
243
- if (containerRef.current) {
244
- containerRef.current.scrollTop = newScrollTop;
245
- }
246
- setScrollbarState(function(prev) {
247
- return _object_spread_props(_object_spread({}, prev), {
248
- thumbPosition: newThumbPosition,
249
- isDragging: true,
250
- isVisible: true
251
- });
252
- });
253
- };
254
- var handleMouseUp = function() {
255
- document.removeEventListener('mousemove', handleMouseMove);
256
- document.removeEventListener('mouseup', handleMouseUp);
257
- setScrollbarState(function(prev) {
258
- return _object_spread_props(_object_spread({}, prev), {
259
- isDragging: false
260
- });
261
- });
262
- showScrollbarWithDelay();
263
- };
264
- document.addEventListener('mousemove', handleMouseMove);
265
- document.addEventListener('mouseup', handleMouseUp);
266
- }, [
267
- showScrollbarWithDelay
268
- ]);
269
- useEffect(function() {
270
- return function() {
271
- if (hideTimeoutRef.current) {
272
- clearTimeout(hideTimeoutRef.current);
273
- }
274
- };
275
- }, []);
276
- useEffect(function() {
277
- var container = containerRef.current;
278
- if (!container) return;
279
- container.addEventListener('scroll', handleScroll);
280
- container.addEventListener('mouseenter', handleMouseEnter);
281
- var resizeObserver = new ResizeObserver(function() {
282
- updateScrollbar();
283
- });
284
- if (contentRef.current) {
285
- resizeObserver.observe(contentRef.current);
286
- }
287
- return function() {
288
- container.removeEventListener('scroll', handleScroll);
289
- container.removeEventListener('mouseenter', handleMouseEnter);
290
- resizeObserver.disconnect();
291
- };
292
- }, [
293
- handleScroll,
294
- handleMouseEnter,
295
- updateScrollbar
296
- ]);
297
- useEffect(function() {
298
- updateScrollbar();
299
- }, [
300
- updateScrollbar
301
- ]);
302
- var _obj, _obj1;
303
- return /*#__PURE__*/ React.createElement(Root, _object_spread({
304
- view: view,
305
- size: size,
306
- className: cls(classes.scrollBarRoot, className),
307
- ref: ref
308
- }, rest), /*#__PURE__*/ React.createElement(StyledScrollBar, {
309
- className: cls((_obj = {}, _define_property(_obj, classes.scrollBarVisible, scrollbarState.isVisible), _define_property(_obj, classes.scrollBarDragging, scrollbarState.isDragging), _obj)),
310
- style: style,
311
- "data-placement": placement,
312
- "data-size": size,
313
- "data-view": view
314
- }, /*#__PURE__*/ React.createElement(StyledContainer, {
315
- ref: containerRef,
316
- className: classes.scrollBarContainer,
317
- "data-placement": placement
318
- }, /*#__PURE__*/ React.createElement(StyledContent, {
319
- ref: contentRef,
320
- className: classes.scrollBarContent
321
- }, children)), /*#__PURE__*/ React.createElement(StyledTrack, {
322
- ref: trackRef,
323
- className: cls(classes.scrollBarTrack, _define_property({}, classes.scrollBarTrackVisible, scrollbarState.isVisible)),
324
- "data-placement": placement,
325
- style: (_obj1 = {}, _define_property(_obj1, placement, offset), _define_property(_obj1, "top", verticalOffset), _define_property(_obj1, "bottom", verticalOffset), _obj1)
326
- }, /*#__PURE__*/ React.createElement(StyledThumb, {
327
- ref: thumbRef,
328
- className: classes.scrollBarThumb,
329
- style: {
330
- height: "".concat(scrollbarState.thumbHeight, "px"),
331
- top: "".concat(scrollbarState.thumbPosition, "px")
332
- },
333
- onMouseDown: handleScrollbarDrag
334
- }))));
335
- });
336
- };
337
- export var scrollbarConfig = {
338
- name: 'Scrollbar',
339
- tag: 'div',
340
- layout: scrollbarRoot,
341
- base: base,
342
- variations: {
343
- view: {
344
- css: viewCSS
345
- },
346
- size: {
347
- css: sizeCSS
348
- }
349
- },
350
- defaults: {
351
- size: 'm',
352
- view: 'default'
353
- }
354
- };
@@ -1,53 +0,0 @@
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-2c5b375e-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-2c5b375e-1"
23
- })([
24
- "width:100%;height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none;box-sizing:border-box;&[data-placement='left']{padding-left:var(",
25
- ");}&[data-placement='right']{padding-right:var(",
26
- ");}&::-webkit-scrollbar{display:none;width:0;height:0;}"
27
- ], tokens.trackWidth, tokens.trackWidth);
28
- export var StyledContent = styled.div.withConfig({
29
- displayName: "Scrollbar.styles__StyledContent",
30
- componentId: "sc-2c5b375e-2"
31
- })([
32
- "min-height:100%;box-sizing:border-box;"
33
- ]);
34
- export var StyledTrack = styled.div.withConfig({
35
- displayName: "Scrollbar.styles__StyledTrack",
36
- componentId: "sc-2c5b375e-3"
37
- })([
38
- "position:absolute;width:var(",
39
- ");opacity:0;transition:opacity 0.3s ease;pointer-events:none;z-index:10;background:var(",
40
- ");border-radius:var(",
41
- ");&[data-placement='left']{left:0;}&[data-placement='right']{right:0;}&.",
42
- "{opacity:1;pointer-events:auto;}"
43
- ], tokens.trackWidth, tokens.trackColor, tokens.trackBorderRadius, classes.scrollBarTrackVisible);
44
- export var StyledThumb = styled.div.withConfig({
45
- displayName: "Scrollbar.styles__StyledThumb",
46
- componentId: "sc-2c5b375e-4"
47
- })([
48
- "position:absolute;left:0;width:100%;background:var(",
49
- ");border-radius:var(",
50
- ");cursor:pointer;transition:background-color 0.2s ease;box-sizing:border-box;&:hover{background:var(",
51
- ");}&:active{background:var(",
52
- ");}"
53
- ], tokens.thumbColor, tokens.thumbBorderRadius, tokens.thumbColorHover, tokens.thumbColorActive);
@@ -1,21 +0,0 @@
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
- };
@@ -1,2 +0,0 @@
1
- export { scrollbarRoot, scrollbarConfig } from "./Scrollbar";
2
- export { tokens as scrollbarTokens, classes as scrollbarClasses } from "./Scrollbar.tokens";
@@ -1,4 +0,0 @@
1
- import { css } from "styled-components";
2
- export var base = css([
3
- ""
4
- ]);
@@ -1,4 +0,0 @@
1
- import { css } from "styled-components";
2
- export var base = css([
3
- ""
4
- ]);
@@ -1,35 +0,0 @@
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);",
15
- ":var(--surface-transparent-tertiary);"
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
- };
@@ -1,5 +0,0 @@
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);
@@ -1,23 +0,0 @@
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
@@ -1 +0,0 @@
1
- {"version":3,"file":"Scrollbar.d.ts","sourceRoot":"","sources":["../../../src/components/Scrollbar/Scrollbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+D,MAAM,OAAO,CAAC;AAGpF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAM7C,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AASnD,eAAO,MAAM,aAAa,SAAU,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC,0FAuOxE,CAAC;AAEN,eAAO,MAAM,eAAe;;;mBAzOQ,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;;;;;;;;;;;;;;CA0P5E,CAAC"}
@@ -1,7 +0,0 @@
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
@@ -1 +0,0 @@
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,qKAqB3B,CAAC;AAEF,eAAO,MAAM,aAAa,qKAGzB,CAAC;AAEF,eAAO,MAAM,WAAW,qKAuBvB,CAAC;AAEF,eAAO,MAAM,WAAW,qKAiBvB,CAAC"}
@@ -1,22 +0,0 @@
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
@@ -1 +0,0 @@
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"}
@@ -1,44 +0,0 @@
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?: number;
23
- /**
24
- * Вертикальный отступ скроллбара
25
- */
26
- verticalOffset?: number;
27
- /**
28
- * Автоматически скрывать скроллбар
29
- */
30
- autoHide?: boolean;
31
- /**
32
- * Задержка перед скрытием скроллбара (мс)
33
- */
34
- autoHideDelay?: number;
35
- /**
36
- * Дополнительные стили
37
- */
38
- style?: CSSProperties;
39
- /**
40
- * Дочерние элементы
41
- */
42
- children?: React.ReactNode;
43
- }
44
- //# sourceMappingURL=Scrollbar.types.d.ts.map
@@ -1 +0,0 @@
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,CAAC;IAChB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;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"}
@@ -1,4 +0,0 @@
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
@@ -1 +0,0 @@
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"}
@@ -1,2 +0,0 @@
1
- export declare const base: import("@linaria/core").LinariaClassName;
2
- //# sourceMappingURL=base.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Scrollbar/variations/_size/base.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,0CAAQ,CAAC"}
@@ -1,2 +0,0 @@
1
- export declare const base: import("@linaria/core").LinariaClassName;
2
- //# sourceMappingURL=base.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Scrollbar/variations/_view/base.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,0CAAQ,CAAC"}