@dodlhuat/basix 1.0.0 → 1.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.
Files changed (142) hide show
  1. package/README.md +1 -1
  2. package/css/accordion.scss +31 -22
  3. package/css/alert.scss +79 -27
  4. package/css/button.scss +151 -102
  5. package/css/card.scss +11 -12
  6. package/css/carousel.scss +123 -87
  7. package/css/chart.scss +9 -11
  8. package/css/chat-bubbles.scss +2 -2
  9. package/css/checkbox.scss +72 -55
  10. package/css/chips.scss +52 -52
  11. package/css/code-viewer.scss +73 -98
  12. package/css/datepicker.scss +20 -0
  13. package/css/dropdown.scss +151 -137
  14. package/css/editor.scss +9 -6
  15. package/css/file-uploader.scss +187 -195
  16. package/css/flyout-menu.scss +20 -13
  17. package/css/form.scss +168 -115
  18. package/css/gallery.scss +62 -63
  19. package/css/grid.scss +0 -1
  20. package/css/modal.scss +117 -72
  21. package/css/placeholder.scss +17 -12
  22. package/css/properties.scss +6 -0
  23. package/css/push-menu.scss +70 -23
  24. package/css/radiobutton.scss +86 -64
  25. package/css/range-slider.scss +136 -0
  26. package/css/scrollbar.scss +69 -69
  27. package/css/spinner.scss +41 -66
  28. package/css/style.css +4351 -3735
  29. package/css/style.css.map +1 -1
  30. package/css/style.scss +2 -1
  31. package/css/switch.scss +43 -42
  32. package/css/table.scss +61 -40
  33. package/css/tabs.scss +12 -7
  34. package/css/timeline.scss +72 -69
  35. package/css/timepicker.scss +151 -72
  36. package/css/toast.scss +49 -48
  37. package/css/tooltip.scss +112 -122
  38. package/css/tree.scss +135 -192
  39. package/css/typography.scss +70 -9
  40. package/css/virtual-dropdown.scss +201 -142
  41. package/js/carousel.js +45 -18
  42. package/js/carousel.ts +217 -173
  43. package/js/datepicker.js +505 -497
  44. package/js/datepicker.ts +9 -0
  45. package/js/editor.js +398 -415
  46. package/js/file-uploader.js +142 -128
  47. package/js/file-uploader.ts +364 -350
  48. package/js/gallery.js +22 -15
  49. package/js/gallery.ts +17 -12
  50. package/js/index.js +718 -720
  51. package/js/index.ts +7 -8
  52. package/js/push-menu.js +113 -101
  53. package/js/push-menu.ts +17 -2
  54. package/js/range-slider.js +26 -0
  55. package/js/range-slider.ts +33 -0
  56. package/js/timepicker.js +144 -98
  57. package/js/timepicker.ts +194 -131
  58. package/js/tree.js +56 -28
  59. package/js/tree.ts +239 -218
  60. package/package.json +1 -1
  61. package/css/accordion.css +0 -109
  62. package/css/accordion.css.map +0 -1
  63. package/css/alert.css +0 -57
  64. package/css/alert.css.map +0 -1
  65. package/css/button.css +0 -69
  66. package/css/button.css.map +0 -1
  67. package/css/card.css +0 -144
  68. package/css/card.css.map +0 -1
  69. package/css/carousel.css +0 -118
  70. package/css/carousel.css.map +0 -1
  71. package/css/chart.css +0 -159
  72. package/css/chart.css.map +0 -1
  73. package/css/chat-bubbles.css +0 -97
  74. package/css/chat-bubbles.css.map +0 -1
  75. package/css/checkbox.css +0 -77
  76. package/css/checkbox.css.map +0 -1
  77. package/css/chips.css +0 -72
  78. package/css/chips.css.map +0 -1
  79. package/css/code-viewer.css +0 -97
  80. package/css/code-viewer.css.map +0 -1
  81. package/css/colors.css +0 -63
  82. package/css/colors.css.map +0 -1
  83. package/css/datepicker.css +0 -264
  84. package/css/datepicker.css.map +0 -1
  85. package/css/defaults.css +0 -118
  86. package/css/defaults.css.map +0 -1
  87. package/css/dropdown.css +0 -146
  88. package/css/dropdown.css.map +0 -1
  89. package/css/editor.css +0 -413
  90. package/css/file-uploader.css +0 -194
  91. package/css/file-uploader.css.map +0 -1
  92. package/css/flyout-menu.css +0 -345
  93. package/css/flyout-menu.css.map +0 -1
  94. package/css/form-builder.css +0 -9
  95. package/css/form-builder.css.map +0 -1
  96. package/css/form-builder.scss +0 -11
  97. package/css/form.css +0 -130
  98. package/css/form.css.map +0 -1
  99. package/css/gallery.css +0 -91
  100. package/css/gallery.css.map +0 -1
  101. package/css/grid.css +0 -44
  102. package/css/grid.css.map +0 -1
  103. package/css/icons.css +0 -327
  104. package/css/icons.css.map +0 -1
  105. package/css/modal.css +0 -97
  106. package/css/modal.css.map +0 -1
  107. package/css/parameters.css +0 -1
  108. package/css/parameters.css.map +0 -1
  109. package/css/placeholder.css +0 -50
  110. package/css/placeholder.css.map +0 -1
  111. package/css/progress.css +0 -51
  112. package/css/progress.css.map +0 -1
  113. package/css/properties.css +0 -31
  114. package/css/properties.css.map +0 -1
  115. package/css/push-menu.css +0 -145
  116. package/css/push-menu.css.map +0 -1
  117. package/css/radiobutton.css +0 -91
  118. package/css/radiobutton.css.map +0 -1
  119. package/css/reset.css +0 -46
  120. package/css/reset.css.map +0 -1
  121. package/css/scrollbar.css +0 -91
  122. package/css/scrollbar.css.map +0 -1
  123. package/css/spinner.css +0 -118
  124. package/css/spinner.css.map +0 -1
  125. package/css/switch.css +0 -66
  126. package/css/switch.css.map +0 -1
  127. package/css/table.css +0 -201
  128. package/css/table.css.map +0 -1
  129. package/css/tabs.css +0 -135
  130. package/css/tabs.css.map +0 -1
  131. package/css/timeline.css +0 -69
  132. package/css/timeline.css.map +0 -1
  133. package/css/toast.css +0 -98
  134. package/css/toast.css.map +0 -1
  135. package/css/tooltip.css +0 -151
  136. package/css/tooltip.css.map +0 -1
  137. package/css/tree.css +0 -199
  138. package/css/tree.css.map +0 -1
  139. package/css/typography.css +0 -137
  140. package/css/typography.css.map +0 -1
  141. package/css/virtual-dropdown.css +0 -149
  142. package/css/virtual-dropdown.css.map +0 -1
@@ -1,31 +0,0 @@
1
- :root {
2
- --primary-text: #1E1F24;
3
- --secondary-text: #62636C;
4
- --divider: #D8D9E0;
5
- --accent-text: #3D63DD;
6
- --error: #D64545;
7
- --warning: #C28A00;
8
- --success: #2E8B57;
9
- --secondary-background: #E7E8EC;
10
- --background: #F9F9FB;
11
- --accent-color: #3D63DD;
12
- --accent-color-lighten: #87A5EF;
13
- --accent-color-text: #D8D9E0;
14
- --disabled: #D8D9E0;
15
- }
16
-
17
- [data-theme=dark] {
18
- --primary-text: #EEEEF0;
19
- --secondary-text: #B2B3BD;
20
- --divider: #393A40;
21
- --accent-text: #0E496D;
22
- --error: #FF6B6B;
23
- --warning: #F7B500;
24
- --success: #5CC689;
25
- --background: #111113;
26
- --secondary-background: #19191B;
27
- --accent-color: #1B7BB4;
28
- --accent-color-lighten: #175982;
29
- --accent-color-text: #B2B3BD;
30
- --disabled: #303136;
31
- }/*# sourceMappingURL=properties.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sources":["properties.scss","properties.css"],"names":[],"mappings":"AAAA;EACE,uBAAA;EACA,yBAAA;EACA,kBAAA;EACA,sBAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;EACA,+BAAA;EACA,qBAAA;EACA,uBAAA;EACA,+BAAA;EACA,4BAAA;EACA,mBAAA;ACCF;;ADEA;EACE,uBAAA;EACA,yBAAA;EACA,kBAAA;EACA,sBAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;EACA,qBAAA;EACA,+BAAA;EACA,uBAAA;EACA,+BAAA;EACA,4BAAA;EACA,mBAAA;ACCF","file":"properties.css"}
package/css/push-menu.css DELETED
@@ -1,145 +0,0 @@
1
- :root {
2
- --primary-text: #1E1F24;
3
- --secondary-text: #62636C;
4
- --divider: #D8D9E0;
5
- --accent-text: #3D63DD;
6
- --error: #D64545;
7
- --warning: #C28A00;
8
- --success: #2E8B57;
9
- --secondary-background: #E7E8EC;
10
- --background: #F9F9FB;
11
- --accent-color: #3D63DD;
12
- --accent-color-lighten: #87A5EF;
13
- --accent-color-text: #D8D9E0;
14
- --disabled: #D8D9E0;
15
- }
16
-
17
- [data-theme=dark] {
18
- --primary-text: #EEEEF0;
19
- --secondary-text: #B2B3BD;
20
- --divider: #393A40;
21
- --accent-text: #0E496D;
22
- --error: #FF6B6B;
23
- --warning: #F7B500;
24
- --success: #5CC689;
25
- --background: #111113;
26
- --secondary-background: #19191B;
27
- --accent-color: #1B7BB4;
28
- --accent-color-lighten: #175982;
29
- --accent-color-text: #B2B3BD;
30
- --disabled: #303136;
31
- }
32
-
33
- .push-content {
34
- transition: all 200ms ease-in;
35
- }
36
-
37
- nav {
38
- position: fixed;
39
- top: 0;
40
- left: 0;
41
- width: 250px;
42
- height: 100%;
43
- margin: 0 0 0 -250px;
44
- transition: all 200ms ease-in;
45
- }
46
-
47
- nav ul {
48
- width: 250px;
49
- height: 100%;
50
- padding: 0;
51
- margin: 0;
52
- list-style: none;
53
- background: var(--primary-dark);
54
- overflow: hidden;
55
- }
56
-
57
- nav li {
58
- margin: 0;
59
- }
60
-
61
- nav a {
62
- color: var(--primary-text);
63
- font-size: 1.8em;
64
- text-decoration: none;
65
- display: block;
66
- padding: 1rem 1.5rem;
67
- letter-spacing: 2px;
68
- border-bottom: 1px solid var(--primary);
69
- }
70
- nav a:hover {
71
- color: var(--accent-text);
72
- }
73
-
74
- .navigation-controls {
75
- line-height: inherit;
76
- }
77
- .navigation-controls label {
78
- display: block;
79
- width: 1.5rem;
80
- height: 100%;
81
- color: var(--primary-text);
82
- text-align: center;
83
- top: 0;
84
- left: 0;
85
- transition: all 200ms ease-in;
86
- z-index: 500;
87
- }
88
- .navigation-controls input[type=checkbox] {
89
- display: none;
90
- }
91
- .navigation-controls input[type=checkbox]:checked ~ label {
92
- left: 250px;
93
- }
94
-
95
- nav.pushed {
96
- margin: 0;
97
- }
98
-
99
- .push-content.pushed {
100
- transform: translate3d(250px, 0, 0);
101
- }
102
-
103
- .main-header {
104
- position: fixed;
105
- background: var(--secondary-background);
106
- width: 100%;
107
- right: 0;
108
- transition: width 200ms ease-in;
109
- height: 3rem;
110
- display: flex;
111
- z-index: 2;
112
- gap: 1rem;
113
- border-bottom: 3px solid var(--secondary-text);
114
- top: 0;
115
- }
116
- .main-header > div:first-child {
117
- margin-left: 1rem;
118
- }
119
- .main-header > div:last-child {
120
- margin-right: 1rem;
121
- }
122
- .main-header > div {
123
- display: flex;
124
- align-items: center;
125
- line-height: 3rem;
126
- }
127
- .main-header .last {
128
- margin-left: auto;
129
- }
130
- .main-header.pushed {
131
- width: calc(100% - 250px);
132
- }
133
- .main-header .navigation-controls {
134
- height: 2.5rem;
135
- }
136
- .main-header .navigation-controls label {
137
- display: block;
138
- position: relative;
139
- background: initial;
140
- width: inherit;
141
- height: inherit;
142
- }
143
- .main-header .navigation-controls input[type=checkbox]:checked ~ label {
144
- left: 0;
145
- }/*# sourceMappingURL=push-menu.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sources":["properties.scss","push-menu.css","push-menu.scss","parameters.scss"],"names":[],"mappings":"AAAA;EACE,uBAAA;EACA,yBAAA;EACA,kBAAA;EACA,sBAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;EACA,+BAAA;EACA,qBAAA;EACA,uBAAA;EACA,+BAAA;EACA,4BAAA;EACA,mBAAA;ACCF;;ADEA;EACE,uBAAA;EACA,yBAAA;EACA,kBAAA;EACA,sBAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;EACA,qBAAA;EACA,+BAAA;EACA,uBAAA;EACA,+BAAA;EACA,4BAAA;EACA,mBAAA;ACCF;;AC3BA;EACE,6BAAA;AD8BF;;AC3BA;EACE,eAAA;EACA,MAAA;EACA,OAAA;EACA,YAAA;EACA,YAAA;EACA,oBAAA;EAIA,6BAAA;AD8BF;;AC3BA;EACE,YAAA;EACA,YAAA;EACA,UAAA;EACA,SAAA;EACA,gBAAA;EACA,+BAAA;EACA,gBAAA;AD8BF;;AC3BA;EACE,SAAA;AD8BF;;AC3BA;EACE,0BAAA;EACA,gBAAA;EACA,qBAAA;EACA,cAAA;EACA,oBAAA;EACA,mBAAA;EACA,uCAAA;AD8BF;AC5BE;EACE,yBAAA;AD8BJ;;AC1BA;EACE,oBAAA;AD6BF;AC5BE;EACE,cAAA;EACA,aAAA;EACA,YAAA;EACA,0BAAA;EACA,kBAAA;EACA,MAAA;EACA,OAAA;EACA,6BAAA;EACA,YAAA;AD8BJ;AC3BE;EACE,aAAA;AD6BJ;AC1BE;EACE,WAAA;AD4BJ;;ACxBA;EACE,SAAA;AD2BF;;ACxBA;EACE,mCAAA;AD2BF;;ACxBA;EACE,eAAA;EACA,uCAAA;EACA,WAAA;EACA,QAAA;EACA,+BAAA;EACA,YAAA;EACA,aAAA;EACA,UAAA;EACA,SCxFQ;EDyFR,8CAAA;EACA,MAAA;AD2BF;ACzBE;EACE,iBC7FM;AFwHV;ACxBE;EACE,kBCjGM;AF2HV;ACvBE;EACE,aAAA;EACA,mBAAA;EACA,iBAAA;ADyBJ;ACtBE;EACE,iBAAA;ADwBJ;ACrBE;EACE,yBAAA;ADuBJ;ACpBE;EACE,cAAA;ADsBJ;ACpBI;EACE,cAAA;EACA,kBAAA;EACA,mBAAA;EACA,cAAA;EACA,eAAA;ADsBN;ACnBI;EACE,OAAA;ADqBN","file":"push-menu.css"}
@@ -1,91 +0,0 @@
1
- :root {
2
- --primary-text: #1E1F24;
3
- --secondary-text: #62636C;
4
- --divider: #D8D9E0;
5
- --accent-text: #3D63DD;
6
- --error: #D64545;
7
- --warning: #C28A00;
8
- --success: #2E8B57;
9
- --secondary-background: #E7E8EC;
10
- --background: #F9F9FB;
11
- --accent-color: #3D63DD;
12
- --accent-color-lighten: #87A5EF;
13
- --accent-color-text: #D8D9E0;
14
- --disabled: #D8D9E0;
15
- }
16
-
17
- [data-theme=dark] {
18
- --primary-text: #EEEEF0;
19
- --secondary-text: #B2B3BD;
20
- --divider: #393A40;
21
- --accent-text: #0E496D;
22
- --error: #FF6B6B;
23
- --warning: #F7B500;
24
- --success: #5CC689;
25
- --background: #111113;
26
- --secondary-background: #19191B;
27
- --accent-color: #1B7BB4;
28
- --accent-color-lighten: #175982;
29
- --accent-color-text: #B2B3BD;
30
- --disabled: #303136;
31
- }
32
-
33
- .radio-button-container {
34
- display: block;
35
- position: relative;
36
- padding-left: 2rem;
37
- line-height: 25px;
38
- margin-bottom: 0.5rem;
39
- cursor: pointer;
40
- font-size: 18px;
41
- -webkit-user-select: none;
42
- -moz-user-select: none;
43
- user-select: none;
44
- }
45
-
46
- .radio-button-container input {
47
- position: absolute;
48
- opacity: 0;
49
- cursor: pointer;
50
- width: auto;
51
- }
52
-
53
- .checkmark {
54
- position: absolute;
55
- top: 0;
56
- left: 0;
57
- height: 21px;
58
- width: 21px;
59
- background-color: rgba(0, 0, 0, 0);
60
- border-radius: 50%;
61
- border: 2px solid rgba(0, 0, 0, 0.25);
62
- transition: all 0.3s;
63
- }
64
-
65
- .radio-button-container:hover input ~ .checkmark {
66
- border-color: rgba(0, 0, 0, 0.5);
67
- }
68
-
69
- .radio-button-container input:checked ~ .checkmark {
70
- background-color: rgba(0, 0, 0, 0);
71
- border-color: var(--accent-color);
72
- }
73
-
74
- .checkmark:after {
75
- content: "";
76
- position: absolute;
77
- display: none;
78
- }
79
-
80
- .radio-button-container input:checked ~ .checkmark:after {
81
- display: block;
82
- }
83
-
84
- .radio-button-container .checkmark:after {
85
- top: 2px;
86
- left: 2px;
87
- width: 13px;
88
- height: 13px;
89
- border-radius: 50%;
90
- background: var(--accent-color);
91
- }/*# sourceMappingURL=radiobutton.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sources":["properties.scss","radiobutton.css","radiobutton.scss"],"names":[],"mappings":"AAAA;EACE,uBAAA;EACA,yBAAA;EACA,kBAAA;EACA,sBAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;EACA,+BAAA;EACA,qBAAA;EACA,uBAAA;EACA,+BAAA;EACA,4BAAA;EACA,mBAAA;ACCF;;ADEA;EACE,uBAAA;EACA,yBAAA;EACA,kBAAA;EACA,sBAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;EACA,qBAAA;EACA,+BAAA;EACA,uBAAA;EACA,+BAAA;EACA,4BAAA;EACA,mBAAA;ACCF;;AC3BA;EACE,cAAA;EACA,kBAAA;EACA,kBAAA;EACA,iBAAA;EACA,qBAAA;EACA,eAAA;EACA,eAAA;EACA,yBAAA;KAAA,sBAAA;UAAA,iBAAA;AD8BF;;AC3BA;EACE,kBAAA;EACA,UAAA;EACA,eAAA;EACA,WAAA;AD8BF;;AC3BA;EACE,kBAAA;EACA,MAAA;EACA,OAAA;EACA,YAAA;EACA,WAAA;EACA,kCAAA;EACA,kBAAA;EACA,qCAAA;EACA,oBAAA;AD8BF;;AC3BA;EACE,gCAAA;AD8BF;;AC3BA;EACE,kCAAA;EACA,iCAAA;AD8BF;;AC3BA;EACE,WAAA;EACA,kBAAA;EACA,aAAA;AD8BF;;AC3BA;EACE,cAAA;AD8BF;;AC3BA;EACE,QAAA;EACA,SAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,+BAAA;AD8BF","file":"radiobutton.css"}
package/css/reset.css DELETED
@@ -1,46 +0,0 @@
1
- html, body, div, span, applet, object, iframe,
2
- h1, h2, h3, h4, h5, h6, p, blockquote, pre,
3
- a, abbr, acronym, address, big, cite, code,
4
- del, dfn, em, img, ins, kbd, q, s, samp,
5
- small, strike, strong, sub, sup, tt, var,
6
- b, u, i, center,
7
- dl, dt, dd, ol, ul, li,
8
- fieldset, form, label, legend,
9
- table, caption, tbody, tfoot, thead, tr, th, td,
10
- article, aside, canvas, details, embed,
11
- figure, figcaption, footer, header, hgroup,
12
- menu, nav, output, ruby, section, summary,
13
- time, mark, audio, video {
14
- margin: 0;
15
- padding: 0;
16
- border: 0;
17
- font: inherit;
18
- vertical-align: baseline;
19
- }
20
-
21
- article, aside, details, figcaption, figure,
22
- footer, header, hgroup, menu, nav, section {
23
- display: block;
24
- }
25
-
26
- body {
27
- line-height: 1;
28
- }
29
-
30
- ol, ul {
31
- list-style: none;
32
- }
33
-
34
- blockquote, q {
35
- quotes: none;
36
- }
37
-
38
- blockquote:before, blockquote:after,
39
- q:before, q:after {
40
- content: none;
41
- }
42
-
43
- table {
44
- border-collapse: collapse;
45
- border-spacing: 0;
46
- }/*# sourceMappingURL=reset.css.map */
package/css/reset.css.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["reset.scss","reset.css"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;EAaE,SAAA;EACA,UAAA;EACA,SAAA;EACA,aAAA;EACA,wBAAA;ACCF;;ADCA;;EAEE,cAAA;ACEF;;ADAA;EACE,cAAA;ACGF;;ADDA;EACE,gBAAA;ACIF;;ADFA;EACE,YAAA;ACKF;;ADHA;;EAEE,aAAA;ACMF;;ADJA;EACE,yBAAA;EACA,iBAAA;ACOF","file":"reset.css"}
package/css/scrollbar.css DELETED
@@ -1,91 +0,0 @@
1
- :root {
2
- --primary-text: #1E1F24;
3
- --secondary-text: #62636C;
4
- --divider: #D8D9E0;
5
- --accent-text: #3D63DD;
6
- --error: #D64545;
7
- --warning: #C28A00;
8
- --success: #2E8B57;
9
- --secondary-background: #E7E8EC;
10
- --background: #F9F9FB;
11
- --accent-color: #3D63DD;
12
- --accent-color-lighten: #87A5EF;
13
- --accent-color-text: #D8D9E0;
14
- --disabled: #D8D9E0;
15
- }
16
-
17
- [data-theme=dark] {
18
- --primary-text: #EEEEF0;
19
- --secondary-text: #B2B3BD;
20
- --divider: #393A40;
21
- --accent-text: #0E496D;
22
- --error: #FF6B6B;
23
- --warning: #F7B500;
24
- --success: #5CC689;
25
- --background: #111113;
26
- --secondary-background: #19191B;
27
- --accent-color: #1B7BB4;
28
- --accent-color-lighten: #175982;
29
- --accent-color-text: #B2B3BD;
30
- --disabled: #303136;
31
- }
32
-
33
- :root {
34
- --track-width: 12px;
35
- --track-radius: 8px;
36
- --thumb-min: 28px;
37
- --track-gap: 8px;
38
- }
39
-
40
- .scroll-container {
41
- position: relative;
42
- background: var(--secondary-background);
43
- border-radius: 8px;
44
- box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
45
- overflow: hidden;
46
- }
47
- .scroll-container .viewport {
48
- height: 100%;
49
- width: 100%;
50
- overflow: auto;
51
- padding-right: calc(var(--track-width) + var(--track-gap));
52
- box-sizing: content-box;
53
- }
54
- .scroll-container .viewport .content {
55
- margin: 0;
56
- }
57
- .scroll-container .viewport::-webkit-scrollbar {
58
- width: 0;
59
- height: 0;
60
- }
61
- .scroll-container .viewport {
62
- scrollbar-width: none;
63
- -ms-overflow-style: none;
64
- }
65
- .scroll-container .scrollbar {
66
- position: absolute;
67
- top: 8px;
68
- right: 8px;
69
- bottom: 8px;
70
- width: var(--track-width);
71
- pointer-events: none;
72
- }
73
- .scroll-container .track {
74
- position: relative;
75
- height: 100%;
76
- border-radius: var(--track-radius);
77
- width: 100%;
78
- pointer-events: auto;
79
- }
80
- .scroll-container .thumb {
81
- position: absolute;
82
- left: 2px;
83
- right: 2px;
84
- top: 0px;
85
- height: 40px;
86
- border-radius: calc(var(--track-radius) - 2px);
87
- background: var(--secondary-text);
88
- cursor: pointer;
89
- pointer-events: auto;
90
- touch-action: none;
91
- }/*# sourceMappingURL=scrollbar.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sources":["properties.scss","scrollbar.css","scrollbar.scss"],"names":[],"mappings":"AAAA;EACE,uBAAA;EACA,yBAAA;EACA,kBAAA;EACA,sBAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;EACA,+BAAA;EACA,qBAAA;EACA,uBAAA;EACA,+BAAA;EACA,4BAAA;EACA,mBAAA;ACCF;;ADEA;EACE,uBAAA;EACA,yBAAA;EACA,kBAAA;EACA,sBAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;EACA,qBAAA;EACA,+BAAA;EACA,uBAAA;EACA,+BAAA;EACA,4BAAA;EACA,mBAAA;ACCF;;AC5BA;EACE,mBAAA;EACA,mBAAA;EACA,iBAAA;EACA,gBAAA;AD+BF;;AC5BA;EACE,kBAAA;EACA,uCAAA;EACA,kBAAA;EACA,0CAAA;EACA,gBAAA;AD+BF;AC7BE;EACE,YAAA;EACA,WAAA;EACA,cAAA;EACA,0DAAA;EACA,uBAAA;AD+BJ;AC7BI;EACE,SAAA;AD+BN;AC3BE;EACE,QAAA;EACA,SAAA;AD6BJ;AC1BE;EACE,qBAAA;EACA,wBAAA;AD4BJ;ACzBE;EACE,kBAAA;EACA,QAAA;EACA,UAAA;EACA,WAAA;EACA,yBAAA;EACA,oBAAA;AD2BJ;ACxBE;EACE,kBAAA;EACA,YAAA;EACA,kCAAA;EACA,WAAA;EACA,oBAAA;AD0BJ;ACvBE;EACE,kBAAA;EACA,SAAA;EACA,UAAA;EACA,QAAA;EACA,YAAA;EACA,8CAAA;EACA,iCAAA;EACA,eAAA;EACA,oBAAA;EACA,kBAAA;ADyBJ","file":"scrollbar.css"}
package/css/spinner.css DELETED
@@ -1,118 +0,0 @@
1
- :root {
2
- --primary-text: #1E1F24;
3
- --secondary-text: #62636C;
4
- --divider: #D8D9E0;
5
- --accent-text: #3D63DD;
6
- --error: #D64545;
7
- --warning: #C28A00;
8
- --success: #2E8B57;
9
- --secondary-background: #E7E8EC;
10
- --background: #F9F9FB;
11
- --accent-color: #3D63DD;
12
- --accent-color-lighten: #87A5EF;
13
- --accent-color-text: #D8D9E0;
14
- --disabled: #D8D9E0;
15
- }
16
-
17
- [data-theme=dark] {
18
- --primary-text: #EEEEF0;
19
- --secondary-text: #B2B3BD;
20
- --divider: #393A40;
21
- --accent-text: #0E496D;
22
- --error: #FF6B6B;
23
- --warning: #F7B500;
24
- --success: #5CC689;
25
- --background: #111113;
26
- --secondary-background: #19191B;
27
- --accent-color: #1B7BB4;
28
- --accent-color-lighten: #175982;
29
- --accent-color-text: #B2B3BD;
30
- --disabled: #303136;
31
- }
32
-
33
- .spinner {
34
- width: 48px;
35
- height: 48px;
36
- border: 5px solid var(--accent-color);
37
- border-bottom-color: transparent;
38
- border-radius: 50%;
39
- display: inline-block;
40
- box-sizing: border-box;
41
- animation: rotation 1s linear infinite;
42
- }
43
-
44
- @keyframes rotation {
45
- 0% {
46
- transform: rotate(0deg);
47
- }
48
- 100% {
49
- transform: rotate(360deg);
50
- }
51
- }
52
- .loading, .loading:before, .loading:after {
53
- border-radius: 50%;
54
- background-color: var(--accent-color);
55
- width: 18px;
56
- height: 18px;
57
- display: inline-block;
58
- }
59
-
60
- .loading {
61
- position: relative;
62
- background-color: rgba(var(--accent-color), 1);
63
- opacity: 1;
64
- animation: spScaleAlpha 1s infinite linear;
65
- }
66
-
67
- .loading:before, .loading:after {
68
- content: "";
69
- position: absolute;
70
- opacity: 0.25;
71
- }
72
-
73
- .loading:before {
74
- left: 30px;
75
- animation: spScaleAlphaBefore 1s infinite linear;
76
- }
77
-
78
- .loading:after {
79
- left: -30px;
80
- animation: spScaleAlphaAfter 1s infinite linear;
81
- }
82
-
83
- @keyframes spScaleAlpha {
84
- 0% {
85
- opacity: 1;
86
- }
87
- 33% {
88
- opacity: 0.25;
89
- }
90
- 66% {
91
- opacity: 0.25;
92
- }
93
- 100% {
94
- opacity: 1;
95
- }
96
- }
97
- @keyframes spScaleAlphaBefore {
98
- 0% {
99
- opacity: 0.25;
100
- }
101
- 33% {
102
- opacity: 1;
103
- }
104
- 66% {
105
- opacity: 0.25;
106
- }
107
- }
108
- @keyframes spScaleAlphaAfter {
109
- 33% {
110
- opacity: 0.25;
111
- }
112
- 66% {
113
- opacity: 1;
114
- }
115
- 100% {
116
- opacity: 0.25;
117
- }
118
- }/*# sourceMappingURL=spinner.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sources":["properties.scss","spinner.css","spinner.scss"],"names":[],"mappings":"AAAA;EACE,uBAAA;EACA,yBAAA;EACA,kBAAA;EACA,sBAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;EACA,+BAAA;EACA,qBAAA;EACA,uBAAA;EACA,+BAAA;EACA,4BAAA;EACA,mBAAA;ACCF;;ADEA;EACE,uBAAA;EACA,yBAAA;EACA,kBAAA;EACA,sBAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;EACA,qBAAA;EACA,+BAAA;EACA,uBAAA;EACA,+BAAA;EACA,4BAAA;EACA,mBAAA;ACCF;;AC5BA;EACE,WAAA;EACA,YAAA;EACA,qCAAA;EACA,gCAAA;EACA,kBAAA;EACA,qBAAA;EACA,sBAAA;EACA,sCAAA;AD+BF;;AC5BA;EACE;IACE,uBAAA;ED+BF;EC7BA;IACE,yBAAA;ED+BF;AACF;AC5BA;EACE,kBAAA;EACA,qCAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;AD8BF;;AC3BA;EACE,kBAAA;EACA,8CAAA;EACA,UAAA;EACA,0CAAA;AD8BF;;AC3BA;EACE,WAAA;EACA,kBAAA;EACA,aAAA;AD8BF;;AC3BA;EACE,UAAA;EACA,gDAAA;AD8BF;;AC3BA;EACE,WAAA;EACA,+CAAA;AD8BF;;AC3BA;EACE;IACE,UAAA;ED8BF;EC5BA;IACE,aAAA;ED8BF;EC5BA;IACE,aAAA;ED8BF;EC5BA;IACE,UAAA;ED8BF;AACF;AC3BA;EACE;IACE,aAAA;ED6BF;EC3BA;IACE,UAAA;ED6BF;EC3BA;IACE,aAAA;ED6BF;AACF;AC1BA;EACE;IACE,aAAA;ED4BF;EC1BA;IACE,UAAA;ED4BF;EC1BA;IACE,aAAA;ED4BF;AACF","file":"spinner.css"}
package/css/switch.css DELETED
@@ -1,66 +0,0 @@
1
- :root {
2
- --primary-text: #1E1F24;
3
- --secondary-text: #62636C;
4
- --divider: #D8D9E0;
5
- --accent-text: #3D63DD;
6
- --error: #D64545;
7
- --warning: #C28A00;
8
- --success: #2E8B57;
9
- --secondary-background: #E7E8EC;
10
- --background: #F9F9FB;
11
- --accent-color: #3D63DD;
12
- --accent-color-lighten: #87A5EF;
13
- --accent-color-text: #D8D9E0;
14
- --disabled: #D8D9E0;
15
- }
16
-
17
- [data-theme=dark] {
18
- --primary-text: #EEEEF0;
19
- --secondary-text: #B2B3BD;
20
- --divider: #393A40;
21
- --accent-text: #0E496D;
22
- --error: #FF6B6B;
23
- --warning: #F7B500;
24
- --success: #5CC689;
25
- --background: #111113;
26
- --secondary-background: #19191B;
27
- --accent-color: #1B7BB4;
28
- --accent-color-lighten: #175982;
29
- --accent-color-text: #B2B3BD;
30
- --disabled: #303136;
31
- }
32
-
33
- .switch input[type=checkbox] {
34
- position: absolute;
35
- opacity: 0;
36
- width: auto;
37
- }
38
- .switch label {
39
- cursor: pointer;
40
- width: 3rem;
41
- height: 1.5rem;
42
- background: var(--secondary-text);
43
- display: block;
44
- border-radius: 1.5rem;
45
- position: relative;
46
- text-indent: 3.5rem;
47
- white-space: nowrap;
48
- }
49
- .switch label:after {
50
- content: "";
51
- position: absolute;
52
- top: 0.25rem;
53
- left: 5px;
54
- width: 1rem;
55
- height: 1rem;
56
- background: var(--secondary-background);
57
- border-radius: 90px;
58
- transition: 0.3s;
59
- }
60
- .switch input:checked + label {
61
- background: var(--accent-color);
62
- }
63
- .switch input:checked + label:after {
64
- left: calc(100% - 5px);
65
- transform: translateX(-100%);
66
- }/*# sourceMappingURL=switch.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sources":["properties.scss","switch.css","switch.scss"],"names":[],"mappings":"AAAA;EACE,uBAAA;EACA,yBAAA;EACA,kBAAA;EACA,sBAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;EACA,+BAAA;EACA,qBAAA;EACA,uBAAA;EACA,+BAAA;EACA,4BAAA;EACA,mBAAA;ACCF;;ADEA;EACE,uBAAA;EACA,yBAAA;EACA,kBAAA;EACA,sBAAA;EACA,gBAAA;EACA,kBAAA;EACA,kBAAA;EACA,qBAAA;EACA,+BAAA;EACA,uBAAA;EACA,+BAAA;EACA,4BAAA;EACA,mBAAA;ACCF;;AC3BE;EACE,kBAAA;EACA,UAAA;EACA,WAAA;AD8BJ;AC3BE;EACE,eAAA;EACA,WAAA;EACA,cAAA;EACA,iCAAA;EACA,cAAA;EACA,qBAAA;EACA,kBAAA;EACA,mBAAA;EACA,mBAAA;AD6BJ;AC1BE;EACE,WAAA;EACA,kBAAA;EACA,YAAA;EACA,SAAA;EACA,WAAA;EACA,YAAA;EACA,uCAAA;EACA,mBAAA;EACA,gBAAA;AD4BJ;ACzBE;EACE,+BAAA;AD2BJ;ACxBE;EACE,sBAAA;EACA,4BAAA;AD0BJ","file":"switch.css"}