@salutejs/plasma-new-hope 0.337.0-canary.2254.18036780976.0 → 0.337.0-canary.2255.18035010233.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 (70) hide show
  1. package/emotion/cjs/examples/components/Chip/Chip.js +29 -5
  2. package/emotion/cjs/examples/components/Chip/Chip.transparent.config.js +45 -0
  3. package/emotion/cjs/examples/components/Combobox/Combobox.js +15 -0
  4. package/emotion/es/examples/components/Chip/Chip.js +15 -2
  5. package/emotion/es/examples/components/Chip/Chip.transparent.config.js +35 -0
  6. package/package.json +2 -2
  7. package/styled-components/cjs/examples/components/Chip/Chip.js +29 -5
  8. package/styled-components/cjs/examples/components/Chip/Chip.transparent.config.js +225 -0
  9. package/styled-components/es/examples/components/Chip/Chip.js +15 -2
  10. package/styled-components/es/examples/components/Chip/Chip.transparent.config.js +215 -0
  11. package/types/components/Chip/Chip.types.d.ts +1 -0
  12. package/types/components/Chip/Chip.types.d.ts.map +1 -1
  13. package/types/examples/components/Chip/Chip.d.ts +55 -1
  14. package/types/examples/components/Chip/Chip.d.ts.map +1 -1
  15. package/types/examples/components/Chip/Chip.transparent.config.d.ts +34 -0
  16. package/types/examples/components/Chip/Chip.transparent.config.d.ts.map +1 -0
  17. package/emotion/cjs/components/Scrollbar/Scrollbar.js +0 -418
  18. package/emotion/cjs/components/Scrollbar/Scrollbar.styles.js +0 -59
  19. package/emotion/cjs/components/Scrollbar/Scrollbar.tokens.js +0 -39
  20. package/emotion/cjs/components/Scrollbar/Scrollbar.types.js +0 -4
  21. package/emotion/cjs/components/Scrollbar/index.js +0 -26
  22. package/emotion/cjs/components/Scrollbar/variations/_size/base.js +0 -12
  23. package/emotion/cjs/components/Scrollbar/variations/_view/base.js +0 -12
  24. package/emotion/cjs/examples/components/Scrollbar/Scrollbar.config.js +0 -27
  25. package/emotion/cjs/examples/components/Scrollbar/Scrollbar.js +0 -15
  26. package/emotion/es/components/Scrollbar/Scrollbar.js +0 -354
  27. package/emotion/es/components/Scrollbar/Scrollbar.styles.js +0 -24
  28. package/emotion/es/components/Scrollbar/Scrollbar.tokens.js +0 -21
  29. package/emotion/es/components/Scrollbar/Scrollbar.types.js +0 -1
  30. package/emotion/es/components/Scrollbar/index.js +0 -2
  31. package/emotion/es/components/Scrollbar/variations/_size/base.js +0 -2
  32. package/emotion/es/components/Scrollbar/variations/_view/base.js +0 -2
  33. package/emotion/es/examples/components/Scrollbar/Scrollbar.config.js +0 -17
  34. package/emotion/es/examples/components/Scrollbar/Scrollbar.js +0 -5
  35. package/styled-components/cjs/components/Scrollbar/Scrollbar.js +0 -418
  36. package/styled-components/cjs/components/Scrollbar/Scrollbar.styles.js +0 -123
  37. package/styled-components/cjs/components/Scrollbar/Scrollbar.tokens.js +0 -39
  38. package/styled-components/cjs/components/Scrollbar/Scrollbar.types.js +0 -4
  39. package/styled-components/cjs/components/Scrollbar/index.js +0 -26
  40. package/styled-components/cjs/components/Scrollbar/variations/_size/base.js +0 -14
  41. package/styled-components/cjs/components/Scrollbar/variations/_view/base.js +0 -14
  42. package/styled-components/cjs/examples/components/Scrollbar/Scrollbar.config.js +0 -45
  43. package/styled-components/cjs/examples/components/Scrollbar/Scrollbar.js +0 -15
  44. package/styled-components/es/components/Scrollbar/Scrollbar.js +0 -354
  45. package/styled-components/es/components/Scrollbar/Scrollbar.styles.js +0 -53
  46. package/styled-components/es/components/Scrollbar/Scrollbar.tokens.js +0 -21
  47. package/styled-components/es/components/Scrollbar/Scrollbar.types.js +0 -1
  48. package/styled-components/es/components/Scrollbar/index.js +0 -2
  49. package/styled-components/es/components/Scrollbar/variations/_size/base.js +0 -4
  50. package/styled-components/es/components/Scrollbar/variations/_view/base.js +0 -4
  51. package/styled-components/es/examples/components/Scrollbar/Scrollbar.config.js +0 -35
  52. package/styled-components/es/examples/components/Scrollbar/Scrollbar.js +0 -5
  53. package/types/components/Scrollbar/Scrollbar.d.ts +0 -23
  54. package/types/components/Scrollbar/Scrollbar.d.ts.map +0 -1
  55. package/types/components/Scrollbar/Scrollbar.styles.d.ts +0 -7
  56. package/types/components/Scrollbar/Scrollbar.styles.d.ts.map +0 -1
  57. package/types/components/Scrollbar/Scrollbar.tokens.d.ts +0 -22
  58. package/types/components/Scrollbar/Scrollbar.tokens.d.ts.map +0 -1
  59. package/types/components/Scrollbar/Scrollbar.types.d.ts +0 -44
  60. package/types/components/Scrollbar/Scrollbar.types.d.ts.map +0 -1
  61. package/types/components/Scrollbar/index.d.ts +0 -4
  62. package/types/components/Scrollbar/index.d.ts.map +0 -1
  63. package/types/components/Scrollbar/variations/_size/base.d.ts +0 -2
  64. package/types/components/Scrollbar/variations/_size/base.d.ts.map +0 -1
  65. package/types/components/Scrollbar/variations/_view/base.d.ts +0 -2
  66. package/types/components/Scrollbar/variations/_view/base.d.ts.map +0 -1
  67. package/types/examples/components/Scrollbar/Scrollbar.config.d.ts +0 -16
  68. package/types/examples/components/Scrollbar/Scrollbar.config.d.ts.map +0 -1
  69. package/types/examples/components/Scrollbar/Scrollbar.d.ts +0 -10
  70. package/types/examples/components/Scrollbar/Scrollbar.d.ts.map +0 -1
@@ -1,418 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- function _export(target, all) {
6
- for(var name in all)Object.defineProperty(target, name, {
7
- enumerable: true,
8
- get: Object.getOwnPropertyDescriptor(all, name).get
9
- });
10
- }
11
- _export(exports, {
12
- get scrollbarConfig () {
13
- return scrollbarConfig;
14
- },
15
- get scrollbarRoot () {
16
- return scrollbarRoot;
17
- }
18
- });
19
- var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
20
- var _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
21
- var _base = require("./variations/_size/base");
22
- var _base1 = require("./variations/_view/base");
23
- var _Scrollbarstyles = require("./Scrollbar.styles");
24
- var _Scrollbartokens = require("./Scrollbar.tokens");
25
- function _array_like_to_array(arr, len) {
26
- if (len == null || len > arr.length) len = arr.length;
27
- for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
28
- return arr2;
29
- }
30
- function _array_with_holes(arr) {
31
- if (Array.isArray(arr)) return arr;
32
- }
33
- function _define_property(obj, key, value) {
34
- if (key in obj) {
35
- Object.defineProperty(obj, key, {
36
- value: value,
37
- enumerable: true,
38
- configurable: true,
39
- writable: true
40
- });
41
- } else {
42
- obj[key] = value;
43
- }
44
- return obj;
45
- }
46
- function _interop_require_default(obj) {
47
- return obj && obj.__esModule ? obj : {
48
- default: obj
49
- };
50
- }
51
- function _getRequireWildcardCache(nodeInterop) {
52
- if (typeof WeakMap !== "function") return null;
53
- var cacheBabelInterop = new WeakMap();
54
- var cacheNodeInterop = new WeakMap();
55
- return (_getRequireWildcardCache = function(nodeInterop) {
56
- return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
57
- })(nodeInterop);
58
- }
59
- function _interop_require_wildcard(obj, nodeInterop) {
60
- if (!nodeInterop && obj && obj.__esModule) {
61
- return obj;
62
- }
63
- if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
64
- return {
65
- default: obj
66
- };
67
- }
68
- var cache = _getRequireWildcardCache(nodeInterop);
69
- if (cache && cache.has(obj)) {
70
- return cache.get(obj);
71
- }
72
- var newObj = {
73
- __proto__: null
74
- };
75
- var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
76
- for(var key in obj){
77
- if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
78
- var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
79
- if (desc && (desc.get || desc.set)) {
80
- Object.defineProperty(newObj, key, desc);
81
- } else {
82
- newObj[key] = obj[key];
83
- }
84
- }
85
- }
86
- newObj.default = obj;
87
- if (cache) {
88
- cache.set(obj, newObj);
89
- }
90
- return newObj;
91
- }
92
- function _iterable_to_array_limit(arr, i) {
93
- var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
94
- if (_i == null) return;
95
- var _arr = [];
96
- var _n = true;
97
- var _d = false;
98
- var _s, _e;
99
- try {
100
- for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
101
- _arr.push(_s.value);
102
- if (i && _arr.length === i) break;
103
- }
104
- } catch (err) {
105
- _d = true;
106
- _e = err;
107
- } finally{
108
- try {
109
- if (!_n && _i["return"] != null) _i["return"]();
110
- } finally{
111
- if (_d) throw _e;
112
- }
113
- }
114
- return _arr;
115
- }
116
- function _non_iterable_rest() {
117
- throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
118
- }
119
- function _object_spread(target) {
120
- for(var i = 1; i < arguments.length; i++){
121
- var source = arguments[i] != null ? arguments[i] : {};
122
- var ownKeys = Object.keys(source);
123
- if (typeof Object.getOwnPropertySymbols === "function") {
124
- ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
125
- return Object.getOwnPropertyDescriptor(source, sym).enumerable;
126
- }));
127
- }
128
- ownKeys.forEach(function(key) {
129
- _define_property(target, key, source[key]);
130
- });
131
- }
132
- return target;
133
- }
134
- function ownKeys(object, enumerableOnly) {
135
- var keys = Object.keys(object);
136
- if (Object.getOwnPropertySymbols) {
137
- var symbols = Object.getOwnPropertySymbols(object);
138
- if (enumerableOnly) {
139
- symbols = symbols.filter(function(sym) {
140
- return Object.getOwnPropertyDescriptor(object, sym).enumerable;
141
- });
142
- }
143
- keys.push.apply(keys, symbols);
144
- }
145
- return keys;
146
- }
147
- function _object_spread_props(target, source) {
148
- source = source != null ? source : {};
149
- if (Object.getOwnPropertyDescriptors) {
150
- Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
151
- } else {
152
- ownKeys(Object(source)).forEach(function(key) {
153
- Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
154
- });
155
- }
156
- return target;
157
- }
158
- function _object_without_properties(source, excluded) {
159
- if (source == null) return {};
160
- var target = _object_without_properties_loose(source, excluded);
161
- var key, i;
162
- if (Object.getOwnPropertySymbols) {
163
- var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
164
- for(i = 0; i < sourceSymbolKeys.length; i++){
165
- key = sourceSymbolKeys[i];
166
- if (excluded.indexOf(key) >= 0) continue;
167
- if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
168
- target[key] = source[key];
169
- }
170
- }
171
- return target;
172
- }
173
- function _object_without_properties_loose(source, excluded) {
174
- if (source == null) return {};
175
- var target = {};
176
- var sourceKeys = Object.keys(source);
177
- var key, i;
178
- for(i = 0; i < sourceKeys.length; i++){
179
- key = sourceKeys[i];
180
- if (excluded.indexOf(key) >= 0) continue;
181
- target[key] = source[key];
182
- }
183
- return target;
184
- }
185
- function _sliced_to_array(arr, i) {
186
- return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
187
- }
188
- function _unsupported_iterable_to_array(o, minLen) {
189
- if (!o) return;
190
- if (typeof o === "string") return _array_like_to_array(o, minLen);
191
- var n = Object.prototype.toString.call(o).slice(8, -1);
192
- if (n === "Object" && o.constructor) n = o.constructor.name;
193
- if (n === "Map" || n === "Set") return Array.from(n);
194
- if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
195
- }
196
- var scrollbarRoot = function(Root) {
197
- return /*#__PURE__*/ (0, _react.forwardRef)(function(_param, ref) {
198
- 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, [
199
- "className",
200
- "view",
201
- "size",
202
- "placement",
203
- "offset",
204
- "verticalOffset",
205
- "autoHide",
206
- "autoHideDelay",
207
- "style",
208
- "children"
209
- ]);
210
- var containerRef = (0, _react.useRef)(null);
211
- var contentRef = (0, _react.useRef)(null);
212
- var trackRef = (0, _react.useRef)(null);
213
- var thumbRef = (0, _react.useRef)(null);
214
- var hideTimeoutRef = (0, _react.useRef)(null);
215
- var _useState = _sliced_to_array((0, _react.useState)({
216
- isVisible: false,
217
- thumbHeight: 0,
218
- thumbPosition: 0,
219
- isDragging: false
220
- }), 2), scrollbarState = _useState[0], setScrollbarState = _useState[1];
221
- var minScrollbarTrackHeight = 20;
222
- var calculateScrollbar = (0, _react.useCallback)(function() {
223
- if (!containerRef.current || !contentRef.current) {
224
- return {
225
- thumbHeight: 0,
226
- thumbPosition: 0
227
- };
228
- }
229
- var _containerRef_current = containerRef.current, scrollTop = _containerRef_current.scrollTop, scrollHeight = _containerRef_current.scrollHeight, clientHeight = _containerRef_current.clientHeight;
230
- var trackHeight = clientHeight - verticalOffset * 2;
231
- var thumbHeight = Math.max(trackHeight / scrollHeight * trackHeight, minScrollbarTrackHeight);
232
- var maxScroll = scrollHeight - clientHeight;
233
- var thumbPosition = maxScroll > 0 ? scrollTop / maxScroll * (trackHeight - thumbHeight) : 0;
234
- return {
235
- thumbHeight: thumbHeight,
236
- thumbPosition: thumbPosition
237
- };
238
- }, [
239
- verticalOffset
240
- ]);
241
- var updateScrollbar = (0, _react.useCallback)(function() {
242
- var show = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
243
- if (!containerRef.current) return;
244
- var _calculateScrollbar = calculateScrollbar(), thumbHeight = _calculateScrollbar.thumbHeight, thumbPosition = _calculateScrollbar.thumbPosition;
245
- setScrollbarState(function(prev) {
246
- return _object_spread_props(_object_spread({}, prev), {
247
- thumbHeight: thumbHeight,
248
- thumbPosition: thumbPosition,
249
- isVisible: show || prev.isVisible
250
- });
251
- });
252
- }, [
253
- calculateScrollbar
254
- ]);
255
- var showScrollbarWithDelay = (0, _react.useCallback)(function() {
256
- if (hideTimeoutRef.current) {
257
- clearTimeout(hideTimeoutRef.current);
258
- }
259
- updateScrollbar(true);
260
- if (autoHide) {
261
- hideTimeoutRef.current = setTimeout(function() {
262
- setScrollbarState(function(prev) {
263
- return _object_spread_props(_object_spread({}, prev), {
264
- isVisible: false
265
- });
266
- });
267
- hideTimeoutRef.current = null;
268
- }, autoHideDelay);
269
- }
270
- }, [
271
- autoHide,
272
- autoHideDelay,
273
- updateScrollbar
274
- ]);
275
- var handleScroll = (0, _react.useCallback)(function() {
276
- if (!containerRef.current) return;
277
- showScrollbarWithDelay();
278
- }, [
279
- showScrollbarWithDelay
280
- ]);
281
- var handleMouseEnter = (0, _react.useCallback)(function() {
282
- showScrollbarWithDelay();
283
- }, [
284
- showScrollbarWithDelay
285
- ]);
286
- var handleScrollbarDrag = (0, _react.useCallback)(function(e) {
287
- e.preventDefault();
288
- var thumb = e.currentTarget;
289
- var track = thumb.parentElement;
290
- if (!containerRef.current || !track) return;
291
- if (hideTimeoutRef.current) {
292
- clearTimeout(hideTimeoutRef.current);
293
- hideTimeoutRef.current = null;
294
- }
295
- var startY = e.clientY;
296
- var startThumbPosition = parseFloat(thumb.style.top || '0');
297
- var trackRect = track.getBoundingClientRect();
298
- var trackHeight = trackRect.height;
299
- var thumbHeight = thumb.offsetHeight;
300
- var _containerRef_current = containerRef.current, scrollHeight = _containerRef_current.scrollHeight, clientHeight = _containerRef_current.clientHeight;
301
- var maxScroll = scrollHeight - clientHeight;
302
- var handleMouseMove = function(moveEvent) {
303
- var deltaY = moveEvent.clientY - startY;
304
- var newThumbPosition = Math.max(0, Math.min(trackHeight - thumbHeight, startThumbPosition + deltaY));
305
- var scrollPercentage = newThumbPosition / (trackHeight - thumbHeight);
306
- var newScrollTop = scrollPercentage * maxScroll;
307
- if (containerRef.current) {
308
- containerRef.current.scrollTop = newScrollTop;
309
- }
310
- setScrollbarState(function(prev) {
311
- return _object_spread_props(_object_spread({}, prev), {
312
- thumbPosition: newThumbPosition,
313
- isDragging: true,
314
- isVisible: true
315
- });
316
- });
317
- };
318
- var handleMouseUp = function() {
319
- document.removeEventListener('mousemove', handleMouseMove);
320
- document.removeEventListener('mouseup', handleMouseUp);
321
- setScrollbarState(function(prev) {
322
- return _object_spread_props(_object_spread({}, prev), {
323
- isDragging: false
324
- });
325
- });
326
- showScrollbarWithDelay();
327
- };
328
- document.addEventListener('mousemove', handleMouseMove);
329
- document.addEventListener('mouseup', handleMouseUp);
330
- }, [
331
- showScrollbarWithDelay
332
- ]);
333
- (0, _react.useEffect)(function() {
334
- return function() {
335
- if (hideTimeoutRef.current) {
336
- clearTimeout(hideTimeoutRef.current);
337
- }
338
- };
339
- }, []);
340
- (0, _react.useEffect)(function() {
341
- var container = containerRef.current;
342
- if (!container) return;
343
- container.addEventListener('scroll', handleScroll);
344
- container.addEventListener('mouseenter', handleMouseEnter);
345
- var resizeObserver = new ResizeObserver(function() {
346
- updateScrollbar();
347
- });
348
- if (contentRef.current) {
349
- resizeObserver.observe(contentRef.current);
350
- }
351
- return function() {
352
- container.removeEventListener('scroll', handleScroll);
353
- container.removeEventListener('mouseenter', handleMouseEnter);
354
- resizeObserver.disconnect();
355
- };
356
- }, [
357
- handleScroll,
358
- handleMouseEnter,
359
- updateScrollbar
360
- ]);
361
- (0, _react.useEffect)(function() {
362
- updateScrollbar();
363
- }, [
364
- updateScrollbar
365
- ]);
366
- var _obj, _obj1;
367
- return /*#__PURE__*/ _react.default.createElement(Root, _object_spread({
368
- view: view,
369
- size: size,
370
- className: (0, _classnames.default)(_Scrollbartokens.classes.scrollBarRoot, className),
371
- ref: ref
372
- }, rest), /*#__PURE__*/ _react.default.createElement(_Scrollbarstyles.StyledScrollBar, {
373
- className: (0, _classnames.default)((_obj = {}, _define_property(_obj, _Scrollbartokens.classes.scrollBarVisible, scrollbarState.isVisible), _define_property(_obj, _Scrollbartokens.classes.scrollBarDragging, scrollbarState.isDragging), _obj)),
374
- style: style,
375
- "data-placement": placement,
376
- "data-size": size,
377
- "data-view": view
378
- }, /*#__PURE__*/ _react.default.createElement(_Scrollbarstyles.StyledContainer, {
379
- ref: containerRef,
380
- className: _Scrollbartokens.classes.scrollBarContainer,
381
- "data-placement": placement
382
- }, /*#__PURE__*/ _react.default.createElement(_Scrollbarstyles.StyledContent, {
383
- ref: contentRef,
384
- className: _Scrollbartokens.classes.scrollBarContent
385
- }, children)), /*#__PURE__*/ _react.default.createElement(_Scrollbarstyles.StyledTrack, {
386
- ref: trackRef,
387
- className: (0, _classnames.default)(_Scrollbartokens.classes.scrollBarTrack, _define_property({}, _Scrollbartokens.classes.scrollBarTrackVisible, scrollbarState.isVisible)),
388
- "data-placement": placement,
389
- style: (_obj1 = {}, _define_property(_obj1, placement, offset), _define_property(_obj1, "top", verticalOffset), _define_property(_obj1, "bottom", verticalOffset), _obj1)
390
- }, /*#__PURE__*/ _react.default.createElement(_Scrollbarstyles.StyledThumb, {
391
- ref: thumbRef,
392
- className: _Scrollbartokens.classes.scrollBarThumb,
393
- style: {
394
- height: "".concat(scrollbarState.thumbHeight, "px"),
395
- top: "".concat(scrollbarState.thumbPosition, "px")
396
- },
397
- onMouseDown: handleScrollbarDrag
398
- }))));
399
- });
400
- };
401
- var scrollbarConfig = {
402
- name: 'Scrollbar',
403
- tag: 'div',
404
- layout: scrollbarRoot,
405
- base: _Scrollbarstyles.base,
406
- variations: {
407
- view: {
408
- css: _base1.base
409
- },
410
- size: {
411
- css: _base.base
412
- }
413
- },
414
- defaults: {
415
- size: 'm',
416
- view: 'default'
417
- }
418
- };
@@ -1,123 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- function _export(target, all) {
6
- for(var name in all)Object.defineProperty(target, name, {
7
- enumerable: true,
8
- get: Object.getOwnPropertyDescriptor(all, name).get
9
- });
10
- }
11
- _export(exports, {
12
- get StyledContainer () {
13
- return StyledContainer;
14
- },
15
- get StyledContent () {
16
- return StyledContent;
17
- },
18
- get StyledScrollBar () {
19
- return StyledScrollBar;
20
- },
21
- get StyledThumb () {
22
- return StyledThumb;
23
- },
24
- get StyledTrack () {
25
- return StyledTrack;
26
- },
27
- get base () {
28
- return base;
29
- }
30
- });
31
- var _styledcomponents = /*#__PURE__*/ _interop_require_wildcard(require("styled-components"));
32
- var _Scrollbartokens = require("./Scrollbar.tokens");
33
- function _getRequireWildcardCache(nodeInterop) {
34
- if (typeof WeakMap !== "function") return null;
35
- var cacheBabelInterop = new WeakMap();
36
- var cacheNodeInterop = new WeakMap();
37
- return (_getRequireWildcardCache = function(nodeInterop) {
38
- return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
39
- })(nodeInterop);
40
- }
41
- function _interop_require_wildcard(obj, nodeInterop) {
42
- if (!nodeInterop && obj && obj.__esModule) {
43
- return obj;
44
- }
45
- if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
46
- return {
47
- default: obj
48
- };
49
- }
50
- var cache = _getRequireWildcardCache(nodeInterop);
51
- if (cache && cache.has(obj)) {
52
- return cache.get(obj);
53
- }
54
- var newObj = {
55
- __proto__: null
56
- };
57
- var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
58
- for(var key in obj){
59
- if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
60
- var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
61
- if (desc && (desc.get || desc.set)) {
62
- Object.defineProperty(newObj, key, desc);
63
- } else {
64
- newObj[key] = obj[key];
65
- }
66
- }
67
- }
68
- newObj.default = obj;
69
- if (cache) {
70
- cache.set(obj, newObj);
71
- }
72
- return newObj;
73
- }
74
- var base = (0, _styledcomponents.css)([
75
- "display:flex;position:relative;width:100%;height:100%;"
76
- ]);
77
- var StyledScrollBar = _styledcomponents.default.div.withConfig({
78
- displayName: "Scrollbar.styles__StyledScrollBar",
79
- componentId: "sc-2c5b375e-0"
80
- })([
81
- "position:relative;width:var(",
82
- ",100%);height:var(",
83
- ",100%);overflow:hidden;&.",
84
- "{.",
85
- "{opacity:1;pointer-events:auto;}}&.",
86
- "{.",
87
- "{background-color:var(",
88
- ") !important;}}"
89
- ], _Scrollbartokens.tokens.width, _Scrollbartokens.tokens.height, _Scrollbartokens.classes.scrollBarVisible, _Scrollbartokens.classes.scrollBarTrack, _Scrollbartokens.classes.scrollBarDragging, _Scrollbartokens.classes.scrollBarThumb, _Scrollbartokens.tokens.thumbColorActive);
90
- var StyledContainer = _styledcomponents.default.div.withConfig({
91
- displayName: "Scrollbar.styles__StyledContainer",
92
- componentId: "sc-2c5b375e-1"
93
- })([
94
- "width:100%;height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none;box-sizing:border-box;&[data-placement='left']{padding-left:var(",
95
- ");}&[data-placement='right']{padding-right:var(",
96
- ");}&::-webkit-scrollbar{display:none;width:0;height:0;}"
97
- ], _Scrollbartokens.tokens.trackWidth, _Scrollbartokens.tokens.trackWidth);
98
- var StyledContent = _styledcomponents.default.div.withConfig({
99
- displayName: "Scrollbar.styles__StyledContent",
100
- componentId: "sc-2c5b375e-2"
101
- })([
102
- "min-height:100%;box-sizing:border-box;"
103
- ]);
104
- var StyledTrack = _styledcomponents.default.div.withConfig({
105
- displayName: "Scrollbar.styles__StyledTrack",
106
- componentId: "sc-2c5b375e-3"
107
- })([
108
- "position:absolute;width:var(",
109
- ");opacity:0;transition:opacity 0.3s ease;pointer-events:none;z-index:10;background:var(",
110
- ");border-radius:var(",
111
- ");&[data-placement='left']{left:0;}&[data-placement='right']{right:0;}&.",
112
- "{opacity:1;pointer-events:auto;}"
113
- ], _Scrollbartokens.tokens.trackWidth, _Scrollbartokens.tokens.trackColor, _Scrollbartokens.tokens.trackBorderRadius, _Scrollbartokens.classes.scrollBarTrackVisible);
114
- var StyledThumb = _styledcomponents.default.div.withConfig({
115
- displayName: "Scrollbar.styles__StyledThumb",
116
- componentId: "sc-2c5b375e-4"
117
- })([
118
- "position:absolute;left:0;width:100%;background:var(",
119
- ");border-radius:var(",
120
- ");cursor:pointer;transition:background-color 0.2s ease;box-sizing:border-box;&:hover{background:var(",
121
- ");}&:active{background:var(",
122
- ");}"
123
- ], _Scrollbartokens.tokens.thumbColor, _Scrollbartokens.tokens.thumbBorderRadius, _Scrollbartokens.tokens.thumbColorHover, _Scrollbartokens.tokens.thumbColorActive);
@@ -1,39 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- function _export(target, all) {
6
- for(var name in all)Object.defineProperty(target, name, {
7
- enumerable: true,
8
- get: Object.getOwnPropertyDescriptor(all, name).get
9
- });
10
- }
11
- _export(exports, {
12
- get classes () {
13
- return classes;
14
- },
15
- get tokens () {
16
- return tokens;
17
- }
18
- });
19
- var tokens = {
20
- width: '--scrollbar-width',
21
- height: '--scrollbar-height',
22
- trackWidth: '--scrollbar-track-width',
23
- trackColor: '--scrollbar-track-color',
24
- trackBorderRadius: '--scrollbar-track-border-radius',
25
- thumbColor: '--scrollbar-thumb-color',
26
- thumbColorHover: '--scrollbar-thumb-color-hover',
27
- thumbColorActive: '--scrollbar-thumb-color-active',
28
- thumbBorderRadius: '--scrollbar-thumb-border-radius'
29
- };
30
- var classes = {
31
- scrollBarRoot: 'scrollbar-root',
32
- scrollBarContainer: 'scrollbar-container',
33
- scrollBarContent: 'scrollbar-content',
34
- scrollBarTrack: 'scrollbar-track',
35
- scrollBarThumb: 'scrollbar-thumb',
36
- scrollBarVisible: 'scrollbar-visible',
37
- scrollBarDragging: 'scrollbar-dragging',
38
- scrollBarTrackVisible: 'scrollbar-track-visible'
39
- };
@@ -1,4 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
@@ -1,26 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- function _export(target, all) {
6
- for(var name in all)Object.defineProperty(target, name, {
7
- enumerable: true,
8
- get: Object.getOwnPropertyDescriptor(all, name).get
9
- });
10
- }
11
- _export(exports, {
12
- get scrollbarClasses () {
13
- return _Scrollbartokens.classes;
14
- },
15
- get scrollbarConfig () {
16
- return _Scrollbar.scrollbarConfig;
17
- },
18
- get scrollbarRoot () {
19
- return _Scrollbar.scrollbarRoot;
20
- },
21
- get scrollbarTokens () {
22
- return _Scrollbartokens.tokens;
23
- }
24
- });
25
- var _Scrollbar = require("./Scrollbar");
26
- var _Scrollbartokens = require("./Scrollbar.tokens");
@@ -1,14 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "base", {
6
- enumerable: true,
7
- get: function() {
8
- return base;
9
- }
10
- });
11
- var _styledcomponents = require("styled-components");
12
- var base = (0, _styledcomponents.css)([
13
- ""
14
- ]);
@@ -1,14 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "base", {
6
- enumerable: true,
7
- get: function() {
8
- return base;
9
- }
10
- });
11
- var _styledcomponents = require("styled-components");
12
- var base = (0, _styledcomponents.css)([
13
- ""
14
- ]);
@@ -1,45 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "config", {
6
- enumerable: true,
7
- get: function() {
8
- return config;
9
- }
10
- });
11
- var _styledcomponents = require("styled-components");
12
- var _Scrollbar = require("../../../components/Scrollbar");
13
- var config = {
14
- defaults: {
15
- view: 'default',
16
- size: 's'
17
- },
18
- variations: {
19
- view: {
20
- default: (0, _styledcomponents.css)([
21
- "",
22
- ":var(--surface-transparent-primary);",
23
- ":var(--surface-transparent-tertiary);",
24
- ":var(--surface-transparent-tertiary);",
25
- ":var(--surface-transparent-tertiary);"
26
- ], _Scrollbar.scrollbarTokens.trackColor, _Scrollbar.scrollbarTokens.thumbColor, _Scrollbar.scrollbarTokens.thumbColorHover, _Scrollbar.scrollbarTokens.thumbColorActive)
27
- },
28
- size: {
29
- m: (0, _styledcomponents.css)([
30
- "",
31
- ":0.25rem;",
32
- ":0.25rem;",
33
- ":0.25rem;",
34
- ":0.25rem;"
35
- ], _Scrollbar.scrollbarTokens.width, _Scrollbar.scrollbarTokens.trackWidth, _Scrollbar.scrollbarTokens.trackBorderRadius, _Scrollbar.scrollbarTokens.thumbBorderRadius),
36
- s: (0, _styledcomponents.css)([
37
- "",
38
- ":0.125rem;",
39
- ":0.125rem;",
40
- ":0.125rem;",
41
- ":0.125rem;"
42
- ], _Scrollbar.scrollbarTokens.width, _Scrollbar.scrollbarTokens.trackWidth, _Scrollbar.scrollbarTokens.trackBorderRadius, _Scrollbar.scrollbarTokens.thumbBorderRadius)
43
- }
44
- }
45
- };