@codecademy/gamut-styles 13.0.3-alpha.e4a9fd.0 → 13.1.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.
@@ -105,29 +105,28 @@ export declare const platformTheme: Record<"breakpoints", {
105
105
  readonly "shadow-white-slight": string;
106
106
  readonly "shadow-white-heavy": string;
107
107
  readonly "beige-100": "#FFF0E5";
108
- readonly "beige-400": "#B2A8A0";
109
- readonly "blue-400": "#3388FF";
110
108
  readonly "blue-0": "#F5FCFF";
111
109
  readonly "blue-300": "#66C4FF";
110
+ readonly "blue-400": "#3388FF";
112
111
  readonly "blue-500": "#1557FF";
113
112
  readonly "blue-800": "#1D2340";
114
113
  readonly "navy-100": "#F3F3F5";
115
- readonly "navy-400": "#9FA2AC";
116
114
  readonly "navy-300": "#C3C5CB";
115
+ readonly "navy-400": "#9FA2AC";
117
116
  readonly "navy-500": "#707382";
118
117
  readonly "navy-800": "#10162F";
119
118
  readonly "navy-200": "#DBDCE0";
120
119
  readonly "navy-600": "#585C6D";
121
120
  readonly "navy-700": "#34394C";
122
121
  readonly "navy-900": "#0A0D1C";
123
- readonly "green-400": "#AEE938";
124
122
  readonly "green-0": "#F5FFE3";
123
+ readonly "green-400": "#AEE938";
125
124
  readonly "green-700": "#008A27";
126
- readonly "yellow-400": "#CCA900";
127
125
  readonly "yellow-0": "#FFFAE5";
126
+ readonly "yellow-400": "#CCA900";
128
127
  readonly "yellow-500": "#FFD300";
129
- readonly "pink-400": "#F966FF";
130
128
  readonly "pink-0": "#FFF5FF";
129
+ readonly "pink-400": "#F966FF";
131
130
  readonly "red-100": "#DC5879";
132
131
  readonly "red-0": "#E85D7F";
133
132
  readonly "red-500": "#E91C11";
@@ -181,9 +180,6 @@ export declare const platformTheme: Record<"breakpoints", {
181
180
  _: "hyper-500";
182
181
  hover: "hyper-400";
183
182
  };
184
- scrollbar: {
185
- _: "beige-400";
186
- };
187
183
  } | {
188
184
  text: {
189
185
  _: "white";
@@ -223,9 +219,6 @@ export declare const platformTheme: Record<"breakpoints", {
223
219
  _: "yellow-500";
224
220
  hover: "yellow-400";
225
221
  };
226
- scrollbar: {
227
- _: "navy-600";
228
- };
229
222
  }, "-", "_">, "colors"> & import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
230
223
  readonly beige: "#FFF0E5";
231
224
  readonly blue: "#1557FF";
@@ -250,29 +243,28 @@ export declare const platformTheme: Record<"breakpoints", {
250
243
  readonly "shadow-white-slight": string;
251
244
  readonly "shadow-white-heavy": string;
252
245
  readonly "beige-100": "#FFF0E5";
253
- readonly "beige-400": "#B2A8A0";
254
- readonly "blue-400": "#3388FF";
255
246
  readonly "blue-0": "#F5FCFF";
256
247
  readonly "blue-300": "#66C4FF";
248
+ readonly "blue-400": "#3388FF";
257
249
  readonly "blue-500": "#1557FF";
258
250
  readonly "blue-800": "#1D2340";
259
251
  readonly "navy-100": "#F3F3F5";
260
- readonly "navy-400": "#9FA2AC";
261
252
  readonly "navy-300": "#C3C5CB";
253
+ readonly "navy-400": "#9FA2AC";
262
254
  readonly "navy-500": "#707382";
263
255
  readonly "navy-800": "#10162F";
264
256
  readonly "navy-200": "#DBDCE0";
265
257
  readonly "navy-600": "#585C6D";
266
258
  readonly "navy-700": "#34394C";
267
259
  readonly "navy-900": "#0A0D1C";
268
- readonly "green-400": "#AEE938";
269
260
  readonly "green-0": "#F5FFE3";
261
+ readonly "green-400": "#AEE938";
270
262
  readonly "green-700": "#008A27";
271
- readonly "yellow-400": "#CCA900";
272
263
  readonly "yellow-0": "#FFFAE5";
264
+ readonly "yellow-400": "#CCA900";
273
265
  readonly "yellow-500": "#FFD300";
274
- readonly "pink-400": "#F966FF";
275
266
  readonly "pink-0": "#FFF5FF";
267
+ readonly "pink-400": "#F966FF";
276
268
  readonly "red-100": "#DC5879";
277
269
  readonly "red-0": "#E85D7F";
278
270
  readonly "red-500": "#E91C11";
@@ -327,9 +319,6 @@ export declare const platformTheme: Record<"breakpoints", {
327
319
  _: "hyper-500";
328
320
  hover: "hyper-400";
329
321
  };
330
- scrollbar: {
331
- _: "beige-400";
332
- };
333
322
  }, "-", "_">;
334
323
  dark: import("@codecademy/variance").LiteralPaths<{
335
324
  text: {
@@ -370,9 +359,6 @@ export declare const platformTheme: Record<"breakpoints", {
370
359
  _: "yellow-500";
371
360
  hover: "yellow-400";
372
361
  };
373
- scrollbar: {
374
- _: "navy-600";
375
- };
376
362
  }, "-", "_">;
377
363
  }>;
378
364
  mode: "light" | "dark";
@@ -400,29 +386,28 @@ export declare const platformTheme: Record<"breakpoints", {
400
386
  readonly "shadow-white-slight": string;
401
387
  readonly "shadow-white-heavy": string;
402
388
  readonly "beige-100": "#FFF0E5";
403
- readonly "beige-400": "#B2A8A0";
404
- readonly "blue-400": "#3388FF";
405
389
  readonly "blue-0": "#F5FCFF";
406
390
  readonly "blue-300": "#66C4FF";
391
+ readonly "blue-400": "#3388FF";
407
392
  readonly "blue-500": "#1557FF";
408
393
  readonly "blue-800": "#1D2340";
409
394
  readonly "navy-100": "#F3F3F5";
410
- readonly "navy-400": "#9FA2AC";
411
395
  readonly "navy-300": "#C3C5CB";
396
+ readonly "navy-400": "#9FA2AC";
412
397
  readonly "navy-500": "#707382";
413
398
  readonly "navy-800": "#10162F";
414
399
  readonly "navy-200": "#DBDCE0";
415
400
  readonly "navy-600": "#585C6D";
416
401
  readonly "navy-700": "#34394C";
417
402
  readonly "navy-900": "#0A0D1C";
418
- readonly "green-400": "#AEE938";
419
403
  readonly "green-0": "#F5FFE3";
404
+ readonly "green-400": "#AEE938";
420
405
  readonly "green-700": "#008A27";
421
- readonly "yellow-400": "#CCA900";
422
406
  readonly "yellow-0": "#FFFAE5";
407
+ readonly "yellow-400": "#CCA900";
423
408
  readonly "yellow-500": "#FFD300";
424
- readonly "pink-400": "#F966FF";
425
409
  readonly "pink-0": "#FFF5FF";
410
+ readonly "pink-400": "#F966FF";
426
411
  readonly "red-100": "#DC5879";
427
412
  readonly "red-0": "#E85D7F";
428
413
  readonly "red-500": "#E91C11";
@@ -548,29 +533,28 @@ export declare const platformTheme: Record<"breakpoints", {
548
533
  readonly "shadow-white-slight": string;
549
534
  readonly "shadow-white-heavy": string;
550
535
  readonly "beige-100": "#FFF0E5";
551
- readonly "beige-400": "#B2A8A0";
552
- readonly "blue-400": "#3388FF";
553
536
  readonly "blue-0": "#F5FCFF";
554
537
  readonly "blue-300": "#66C4FF";
538
+ readonly "blue-400": "#3388FF";
555
539
  readonly "blue-500": "#1557FF";
556
540
  readonly "blue-800": "#1D2340";
557
541
  readonly "navy-100": "#F3F3F5";
558
- readonly "navy-400": "#9FA2AC";
559
542
  readonly "navy-300": "#C3C5CB";
543
+ readonly "navy-400": "#9FA2AC";
560
544
  readonly "navy-500": "#707382";
561
545
  readonly "navy-800": "#10162F";
562
546
  readonly "navy-200": "#DBDCE0";
563
547
  readonly "navy-600": "#585C6D";
564
548
  readonly "navy-700": "#34394C";
565
549
  readonly "navy-900": "#0A0D1C";
566
- readonly "green-400": "#AEE938";
567
550
  readonly "green-0": "#F5FFE3";
551
+ readonly "green-400": "#AEE938";
568
552
  readonly "green-700": "#008A27";
569
- readonly "yellow-400": "#CCA900";
570
553
  readonly "yellow-0": "#FFFAE5";
554
+ readonly "yellow-400": "#CCA900";
571
555
  readonly "yellow-500": "#FFD300";
572
- readonly "pink-400": "#F966FF";
573
556
  readonly "pink-0": "#FFF5FF";
557
+ readonly "pink-400": "#F966FF";
574
558
  readonly "red-100": "#DC5879";
575
559
  readonly "red-0": "#E85D7F";
576
560
  readonly "red-500": "#E91C11";
@@ -623,9 +607,6 @@ export declare const platformTheme: Record<"breakpoints", {
623
607
  _: "hyper-500";
624
608
  hover: "hyper-400";
625
609
  };
626
- scrollbar: {
627
- _: "beige-400";
628
- };
629
610
  } | {
630
611
  text: {
631
612
  _: "white";
@@ -665,9 +646,6 @@ export declare const platformTheme: Record<"breakpoints", {
665
646
  _: "yellow-500";
666
647
  hover: "yellow-400";
667
648
  };
668
- scrollbar: {
669
- _: "navy-600";
670
- };
671
649
  }, "-", "_">, "colors"> & import("@codecademy/variance").KeyAsVariable<import("@codecademy/variance").LiteralPaths<{
672
650
  readonly beige: "#FFF0E5";
673
651
  readonly blue: "#1557FF";
@@ -692,29 +670,28 @@ export declare const platformTheme: Record<"breakpoints", {
692
670
  readonly "shadow-white-slight": string;
693
671
  readonly "shadow-white-heavy": string;
694
672
  readonly "beige-100": "#FFF0E5";
695
- readonly "beige-400": "#B2A8A0";
696
- readonly "blue-400": "#3388FF";
697
673
  readonly "blue-0": "#F5FCFF";
698
674
  readonly "blue-300": "#66C4FF";
675
+ readonly "blue-400": "#3388FF";
699
676
  readonly "blue-500": "#1557FF";
700
677
  readonly "blue-800": "#1D2340";
701
678
  readonly "navy-100": "#F3F3F5";
702
- readonly "navy-400": "#9FA2AC";
703
679
  readonly "navy-300": "#C3C5CB";
680
+ readonly "navy-400": "#9FA2AC";
704
681
  readonly "navy-500": "#707382";
705
682
  readonly "navy-800": "#10162F";
706
683
  readonly "navy-200": "#DBDCE0";
707
684
  readonly "navy-600": "#585C6D";
708
685
  readonly "navy-700": "#34394C";
709
686
  readonly "navy-900": "#0A0D1C";
710
- readonly "green-400": "#AEE938";
711
687
  readonly "green-0": "#F5FFE3";
688
+ readonly "green-400": "#AEE938";
712
689
  readonly "green-700": "#008A27";
713
- readonly "yellow-400": "#CCA900";
714
690
  readonly "yellow-0": "#FFFAE5";
691
+ readonly "yellow-400": "#CCA900";
715
692
  readonly "yellow-500": "#FFD300";
716
- readonly "pink-400": "#F966FF";
717
693
  readonly "pink-0": "#FFF5FF";
694
+ readonly "pink-400": "#F966FF";
718
695
  readonly "red-100": "#DC5879";
719
696
  readonly "red-0": "#E85D7F";
720
697
  readonly "red-500": "#E91C11";
@@ -780,9 +757,6 @@ export declare const platformTheme: Record<"breakpoints", {
780
757
  _: "hyper-500";
781
758
  hover: "hyper-400";
782
759
  };
783
- scrollbar: {
784
- _: "beige-400";
785
- };
786
760
  }, "-", "_">;
787
761
  dark: import("@codecademy/variance").LiteralPaths<{
788
762
  text: {
@@ -823,9 +797,6 @@ export declare const platformTheme: Record<"breakpoints", {
823
797
  _: "yellow-500";
824
798
  hover: "yellow-400";
825
799
  };
826
- scrollbar: {
827
- _: "navy-600";
828
- };
829
800
  }, "-", "_">;
830
801
  }>, {
831
802
  light: import("@codecademy/variance").LiteralPaths<{
@@ -916,29 +887,28 @@ export declare const platformTheme: Record<"breakpoints", {
916
887
  readonly "shadow-white-slight": string;
917
888
  readonly "shadow-white-heavy": string;
918
889
  readonly "beige-100": "#FFF0E5";
919
- readonly "beige-400": "#B2A8A0";
920
- readonly "blue-400": "#3388FF";
921
890
  readonly "blue-0": "#F5FCFF";
922
891
  readonly "blue-300": "#66C4FF";
892
+ readonly "blue-400": "#3388FF";
923
893
  readonly "blue-500": "#1557FF";
924
894
  readonly "blue-800": "#1D2340";
925
895
  readonly "navy-100": "#F3F3F5";
926
- readonly "navy-400": "#9FA2AC";
927
896
  readonly "navy-300": "#C3C5CB";
897
+ readonly "navy-400": "#9FA2AC";
928
898
  readonly "navy-500": "#707382";
929
899
  readonly "navy-800": "#10162F";
930
900
  readonly "navy-200": "#DBDCE0";
931
901
  readonly "navy-600": "#585C6D";
932
902
  readonly "navy-700": "#34394C";
933
903
  readonly "navy-900": "#0A0D1C";
934
- readonly "green-400": "#AEE938";
935
904
  readonly "green-0": "#F5FFE3";
905
+ readonly "green-400": "#AEE938";
936
906
  readonly "green-700": "#008A27";
937
- readonly "yellow-400": "#CCA900";
938
907
  readonly "yellow-0": "#FFFAE5";
908
+ readonly "yellow-400": "#CCA900";
939
909
  readonly "yellow-500": "#FFD300";
940
- readonly "pink-400": "#F966FF";
941
910
  readonly "pink-0": "#FFF5FF";
911
+ readonly "pink-400": "#F966FF";
942
912
  readonly "red-100": "#DC5879";
943
913
  readonly "red-0": "#E85D7F";
944
914
  readonly "red-500": "#E91C11";
@@ -952,7 +922,7 @@ export declare const platformTheme: Record<"breakpoints", {
952
922
  readonly "gray-200": "#EEEEEE";
953
923
  readonly "gray-600": "#9E9E9E";
954
924
  readonly "gray-900": "#424242";
955
- }, "-"> | "text" | "background" | "primary" | "secondary" | "danger" | "interface" | "scrollbar" | "shadow-opaque" | "shadow-solid" | "text-accent" | "text-disabled" | "feedback-error" | "feedback-success" | "feedback-warning" | "background-disabled" | "background-current" | "background-primary" | "background-selected" | "background-hover" | "primary-hover" | "secondary-hover" | "danger-hover" | "interface-hover" | import("@codecademy/variance").Path<{
925
+ }, "-"> | "text" | "background" | "primary" | "secondary" | "danger" | "interface" | "shadow-opaque" | "shadow-solid" | "text-accent" | "text-disabled" | "feedback-error" | "feedback-success" | "feedback-warning" | "background-disabled" | "background-current" | "background-primary" | "background-selected" | "background-hover" | "primary-hover" | "secondary-hover" | "danger-hover" | "interface-hover" | import("@codecademy/variance").Path<{
956
926
  readonly lightBeige: "#FFFBF8";
957
927
  readonly gold: "#8A7300";
958
928
  readonly teal: "#027E97";
@@ -1,7 +1,6 @@
1
1
  export declare const coreSwatches: {
2
2
  readonly beige: {
3
3
  readonly '100': "#FFF0E5";
4
- readonly '400': "#B2A8A0";
5
4
  };
6
5
  readonly blue: {
7
6
  readonly '0': "#F5FCFF";
@@ -101,29 +100,28 @@ export declare const corePalette: {
101
100
  readonly "shadow-white-slight": string;
102
101
  readonly "shadow-white-heavy": string;
103
102
  readonly "beige-100": "#FFF0E5";
104
- readonly "beige-400": "#B2A8A0";
105
- readonly "blue-400": "#3388FF";
106
103
  readonly "blue-0": "#F5FCFF";
107
104
  readonly "blue-300": "#66C4FF";
105
+ readonly "blue-400": "#3388FF";
108
106
  readonly "blue-500": "#1557FF";
109
107
  readonly "blue-800": "#1D2340";
110
108
  readonly "navy-100": "#F3F3F5";
111
- readonly "navy-400": "#9FA2AC";
112
109
  readonly "navy-300": "#C3C5CB";
110
+ readonly "navy-400": "#9FA2AC";
113
111
  readonly "navy-500": "#707382";
114
112
  readonly "navy-800": "#10162F";
115
113
  readonly "navy-200": "#DBDCE0";
116
114
  readonly "navy-600": "#585C6D";
117
115
  readonly "navy-700": "#34394C";
118
116
  readonly "navy-900": "#0A0D1C";
119
- readonly "green-400": "#AEE938";
120
117
  readonly "green-0": "#F5FFE3";
118
+ readonly "green-400": "#AEE938";
121
119
  readonly "green-700": "#008A27";
122
- readonly "yellow-400": "#CCA900";
123
120
  readonly "yellow-0": "#FFFAE5";
121
+ readonly "yellow-400": "#CCA900";
124
122
  readonly "yellow-500": "#FFD300";
125
- readonly "pink-400": "#F966FF";
126
123
  readonly "pink-0": "#FFF5FF";
124
+ readonly "pink-400": "#F966FF";
127
125
  readonly "red-100": "#DC5879";
128
126
  readonly "red-0": "#E85D7F";
129
127
  readonly "red-500": "#E91C11";
@@ -26,8 +26,7 @@ var effects = {
26
26
  };
27
27
  export var coreSwatches = {
28
28
  beige: {
29
- '100': '#FFF0E5',
30
- '400': '#B2A8A0'
29
+ '100': '#FFF0E5'
31
30
  },
32
31
  blue: {
33
32
  '0': '#F5FCFF',
@@ -1 +1 @@
1
- {"version":3,"file":"colors.js","sourceRoot":"","sources":["../../src/variables/colors.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"colors.js","sourceRoot":"","sources":["../../src/variables/colors.ts"],"names":[],"mappings":"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"}
@@ -129,14 +129,14 @@ export declare const colors: {
129
129
  readonly "blue-300": "#66C4FF";
130
130
  readonly "blue-500": "#1557FF";
131
131
  readonly "blue-800": "#1D2340";
132
- readonly "green-400": "#AEE938";
133
132
  readonly "green-0": "#F5FFE3";
133
+ readonly "green-400": "#AEE938";
134
134
  readonly "green-700": "#008A27";
135
- readonly "yellow-400": "#CCA900";
136
135
  readonly "yellow-0": "#FFFAE5";
136
+ readonly "yellow-400": "#CCA900";
137
137
  readonly "yellow-500": "#FFD300";
138
- readonly "pink-400": "#F966FF";
139
138
  readonly "pink-0": "#FFF5FF";
139
+ readonly "pink-400": "#F966FF";
140
140
  readonly "red-500": "#E91C11";
141
141
  readonly "orange-500": "#FF8C00";
142
142
  readonly "hyper-400": "#5533FF";
@@ -149,8 +149,8 @@ export declare const colors: {
149
149
  readonly "gray-900": "#19191a";
150
150
  readonly "beige-0": "#FFF0E5";
151
151
  readonly "blue-900": "#10162f";
152
- readonly "gray-400": "#a2a2a6";
153
152
  readonly "gray-0": "#ffffff";
153
+ readonly "gray-400": "#a2a2a6";
154
154
  readonly "gray-500": "#828285";
155
155
  readonly "gray-700": "#4b4b4d";
156
156
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@codecademy/gamut-styles",
3
3
  "description": "Styleguide & Component library for codecademy.com",
4
- "version": "13.0.3-alpha.e4a9fd.0",
4
+ "version": "13.1.0",
5
5
  "author": "Jake Hiller <jake@codecademy.com>",
6
6
  "main": "dist/index.js",
7
7
  "module": "dist/index.js",
@@ -39,5 +39,5 @@
39
39
  "publishConfig": {
40
40
  "access": "public"
41
41
  },
42
- "gitHead": "85461e37c0c6ef81fbd6e4fa87badc34e6f3d1a9"
42
+ "gitHead": "285526a7aac5569beb8e10ae4a1d81258cf68851"
43
43
  }
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- import { Theme } from '@emotion/react';
3
- export declare const scrollbarStyles: (theme: Theme) => import("@emotion/react").SerializedStyles;
4
- export declare const Scrollbars: () => JSX.Element;
@@ -1,32 +0,0 @@
1
- import { css as _css } from "@emotion/react";
2
-
3
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
4
-
5
- import { css, Global, useTheme } from '@emotion/react';
6
- import React from 'react';
7
- export var scrollbarStyles = function scrollbarStyles(theme) {
8
- var colors = theme.modes[theme.mode];
9
- var getColor = theme._getColorValue;
10
- return /*#__PURE__*/css({
11
- scrollbarColor: "var(--color-".concat(colors.scrollbar, ", ").concat(getColor(colors.scrollbar), ") var(--color-").concat(colors['background-current'], ", ").concat(getColor(colors['background-current']), ")"),
12
- scrollbarWidth: "thin",
13
- '&::-webkit-scrollbar': {
14
- backgroundColor: "transparent",
15
- width: ".75em"
16
- },
17
- '&::-webkit-scrollbar-track': {
18
- backgroundColor: "\n var(--color-".concat(colors['background-current'], ",\n ").concat(getColor(colors['background-current']), "\n )")
19
- },
20
- '&::-webkit-scrollbar-thumb': {
21
- backgroundColor: "var(--color-".concat(colors.scrollbar, ", ").concat(getColor(colors.scrollbar), ")"),
22
- borderRadius: "20px",
23
- border: "3px solid var(--color-".concat(colors['background-current'], ", ").concat(getColor(colors['background-current']), ")")
24
- }
25
- }, ";label:scrollbarStyles;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9nbG9iYWxzL1Njcm9sbGJhcnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU9TIiwiZmlsZSI6Ii4uLy4uL3NyYy9nbG9iYWxzL1Njcm9sbGJhcnMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBHbG9iYWwsIFRoZW1lLCB1c2VUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmV4cG9ydCBjb25zdCBzY3JvbGxiYXJTdHlsZXMgPSAodGhlbWU6IFRoZW1lKSA9PiB7XG4gIGNvbnN0IGNvbG9ycyA9IHRoZW1lLm1vZGVzW3RoZW1lLm1vZGVdO1xuICBjb25zdCBnZXRDb2xvciA9IHRoZW1lLl9nZXRDb2xvclZhbHVlO1xuXG4gIHJldHVybiBjc3Moe1xuICAgIHNjcm9sbGJhckNvbG9yOiBgdmFyKC0tY29sb3ItJHtjb2xvcnMuc2Nyb2xsYmFyfSwgJHtnZXRDb2xvcihcbiAgICAgIGNvbG9ycy5zY3JvbGxiYXJcbiAgICApfSkgdmFyKC0tY29sb3ItJHtjb2xvcnNbJ2JhY2tncm91bmQtY3VycmVudCddfSwgJHtnZXRDb2xvcihcbiAgICAgIGNvbG9yc1snYmFja2dyb3VuZC1jdXJyZW50J11cbiAgICApfSlgLFxuICAgIHNjcm9sbGJhcldpZHRoOiBgdGhpbmAsXG5cbiAgICAnJjo6LXdlYmtpdC1zY3JvbGxiYXInOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IGB0cmFuc3BhcmVudGAsXG4gICAgICB3aWR0aDogYC43NWVtYCxcbiAgICB9LFxuXG4gICAgJyY6Oi13ZWJraXQtc2Nyb2xsYmFyLXRyYWNrJzoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBgXG4gICAgICB2YXIoLS1jb2xvci0ke2NvbG9yc1snYmFja2dyb3VuZC1jdXJyZW50J119LFxuICAgICAgJHtnZXRDb2xvcihjb2xvcnNbJ2JhY2tncm91bmQtY3VycmVudCddKX1cbiAgICAgIClgLFxuICAgIH0sXG5cbiAgICAnJjo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWInOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IGB2YXIoLS1jb2xvci0ke2NvbG9ycy5zY3JvbGxiYXJ9LCAke2dldENvbG9yKFxuICAgICAgICBjb2xvcnMuc2Nyb2xsYmFyXG4gICAgICApfSlgLFxuICAgICAgYm9yZGVyUmFkaXVzOiBgMjBweGAsXG4gICAgICBib3JkZXI6IGAzcHggc29saWQgdmFyKC0tY29sb3ItJHtcbiAgICAgICAgY29sb3JzWydiYWNrZ3JvdW5kLWN1cnJlbnQnXVxuICAgICAgfSwgJHtnZXRDb2xvcihjb2xvcnNbJ2JhY2tncm91bmQtY3VycmVudCddKX0pYCxcbiAgICB9LFxuICB9KTtcbn07XG5cbmV4cG9ydCBjb25zdCBTY3JvbGxiYXJzID0gKCkgPT4ge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG5cbiAgcmV0dXJuIChcbiAgICA8R2xvYmFsXG4gICAgICBzdHlsZXM9e3tcbiAgICAgICAgW2BodG1sLCBib2R5YF06IHNjcm9sbGJhclN0eWxlcyh0aGVtZSksXG4gICAgICB9fVxuICAgIC8+XG4gICk7XG59O1xuIl19 */"));
26
- };
27
- export var Scrollbars = function Scrollbars() {
28
- var theme = useTheme();
29
- return /*#__PURE__*/React.createElement(Global, {
30
- styles: /*#__PURE__*/_css(_defineProperty({}, "html, body", scrollbarStyles(theme)), ";label:Scrollbars;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9nbG9iYWxzL1Njcm9sbGJhcnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDTSIsImZpbGUiOiIuLi8uLi9zcmMvZ2xvYmFscy9TY3JvbGxiYXJzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgR2xvYmFsLCBUaGVtZSwgdXNlVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgY29uc3Qgc2Nyb2xsYmFyU3R5bGVzID0gKHRoZW1lOiBUaGVtZSkgPT4ge1xuICBjb25zdCBjb2xvcnMgPSB0aGVtZS5tb2Rlc1t0aGVtZS5tb2RlXTtcbiAgY29uc3QgZ2V0Q29sb3IgPSB0aGVtZS5fZ2V0Q29sb3JWYWx1ZTtcblxuICByZXR1cm4gY3NzKHtcbiAgICBzY3JvbGxiYXJDb2xvcjogYHZhcigtLWNvbG9yLSR7Y29sb3JzLnNjcm9sbGJhcn0sICR7Z2V0Q29sb3IoXG4gICAgICBjb2xvcnMuc2Nyb2xsYmFyXG4gICAgKX0pIHZhcigtLWNvbG9yLSR7Y29sb3JzWydiYWNrZ3JvdW5kLWN1cnJlbnQnXX0sICR7Z2V0Q29sb3IoXG4gICAgICBjb2xvcnNbJ2JhY2tncm91bmQtY3VycmVudCddXG4gICAgKX0pYCxcbiAgICBzY3JvbGxiYXJXaWR0aDogYHRoaW5gLFxuXG4gICAgJyY6Oi13ZWJraXQtc2Nyb2xsYmFyJzoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBgdHJhbnNwYXJlbnRgLFxuICAgICAgd2lkdGg6IGAuNzVlbWAsXG4gICAgfSxcblxuICAgICcmOjotd2Via2l0LXNjcm9sbGJhci10cmFjayc6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogYFxuICAgICAgdmFyKC0tY29sb3ItJHtjb2xvcnNbJ2JhY2tncm91bmQtY3VycmVudCddfSxcbiAgICAgICR7Z2V0Q29sb3IoY29sb3JzWydiYWNrZ3JvdW5kLWN1cnJlbnQnXSl9XG4gICAgICApYCxcbiAgICB9LFxuXG4gICAgJyY6Oi13ZWJraXQtc2Nyb2xsYmFyLXRodW1iJzoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiBgdmFyKC0tY29sb3ItJHtjb2xvcnMuc2Nyb2xsYmFyfSwgJHtnZXRDb2xvcihcbiAgICAgICAgY29sb3JzLnNjcm9sbGJhclxuICAgICAgKX0pYCxcbiAgICAgIGJvcmRlclJhZGl1czogYDIwcHhgLFxuICAgICAgYm9yZGVyOiBgM3B4IHNvbGlkIHZhcigtLWNvbG9yLSR7XG4gICAgICAgIGNvbG9yc1snYmFja2dyb3VuZC1jdXJyZW50J11cbiAgICAgIH0sICR7Z2V0Q29sb3IoY29sb3JzWydiYWNrZ3JvdW5kLWN1cnJlbnQnXSl9KWAsXG4gICAgfSxcbiAgfSk7XG59O1xuXG5leHBvcnQgY29uc3QgU2Nyb2xsYmFycyA9ICgpID0+IHtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuXG4gIHJldHVybiAoXG4gICAgPEdsb2JhbFxuICAgICAgc3R5bGVzPXt7XG4gICAgICAgIFtgaHRtbCwgYm9keWBdOiBzY3JvbGxiYXJTdHlsZXModGhlbWUpLFxuICAgICAgfX1cbiAgICAvPlxuICApO1xufTtcbiJdfQ== */"))
31
- });
32
- };
@@ -1 +0,0 @@
1
- {"version":3,"file":"Scrollbars.js","sourceRoot":"","sources":["../../src/globals/Scrollbars.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAS,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAY,EAAE,EAAE;IAC9C,MAAM,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACvC,MAAM,QAAQ,GAAG,KAAK,CAAC,cAAc,CAAC;IAEtC,OAAO,GAAG,CAAC;QACT,cAAc,EAAE,eAAe,MAAM,CAAC,SAAS,KAAK,QAAQ,CAC1D,MAAM,CAAC,SAAS,CACjB,iBAAiB,MAAM,CAAC,oBAAoB,CAAC,KAAK,QAAQ,CACzD,MAAM,CAAC,oBAAoB,CAAC,CAC7B,GAAG;QACJ,cAAc,EAAE,MAAM;QAEtB,sBAAsB,EAAE;YACtB,eAAe,EAAE,aAAa;YAC9B,KAAK,EAAE,OAAO;SACf;QAED,4BAA4B,EAAE;YAC5B,eAAe,EAAE;oBACH,MAAM,CAAC,oBAAoB,CAAC;QACxC,QAAQ,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC;QACtC;SACH;QAED,4BAA4B,EAAE;YAC5B,eAAe,EAAE,eAAe,MAAM,CAAC,SAAS,KAAK,QAAQ,CAC3D,MAAM,CAAC,SAAS,CACjB,GAAG;YACJ,YAAY,EAAE,MAAM;YACpB,MAAM,EAAE,yBACN,MAAM,CAAC,oBAAoB,CAC7B,KAAK,QAAQ,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,GAAG;SAC/C;KACF,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,EAAE;IAC7B,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,OAAO,CACL,oBAAC,MAAM,IACL,MAAM,EAAE;YACN,CAAC,YAAY,CAAC,EAAE,eAAe,CAAC,KAAK,CAAC;SACvC,GACD,CACH,CAAC;AACJ,CAAC,CAAC"}