@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.
- package/README.md +1 -1
- package/css/accordion.scss +31 -22
- package/css/alert.scss +79 -27
- package/css/button.scss +151 -102
- package/css/card.scss +11 -12
- package/css/carousel.scss +123 -87
- package/css/chart.scss +9 -11
- package/css/chat-bubbles.scss +2 -2
- package/css/checkbox.scss +72 -55
- package/css/chips.scss +52 -52
- package/css/code-viewer.scss +73 -98
- package/css/datepicker.scss +20 -0
- package/css/dropdown.scss +151 -137
- package/css/editor.scss +9 -6
- package/css/file-uploader.scss +187 -195
- package/css/flyout-menu.scss +20 -13
- package/css/form.scss +168 -115
- package/css/gallery.scss +62 -63
- package/css/grid.scss +0 -1
- package/css/modal.scss +117 -72
- package/css/placeholder.scss +17 -12
- package/css/properties.scss +6 -0
- package/css/push-menu.scss +70 -23
- package/css/radiobutton.scss +86 -64
- package/css/range-slider.scss +136 -0
- package/css/scrollbar.scss +69 -69
- package/css/spinner.scss +41 -66
- package/css/style.css +4351 -3735
- package/css/style.css.map +1 -1
- package/css/style.scss +2 -1
- package/css/switch.scss +43 -42
- package/css/table.scss +61 -40
- package/css/tabs.scss +12 -7
- package/css/timeline.scss +72 -69
- package/css/timepicker.scss +151 -72
- package/css/toast.scss +49 -48
- package/css/tooltip.scss +112 -122
- package/css/tree.scss +135 -192
- package/css/typography.scss +70 -9
- package/css/virtual-dropdown.scss +201 -142
- package/js/carousel.js +45 -18
- package/js/carousel.ts +217 -173
- package/js/datepicker.js +505 -497
- package/js/datepicker.ts +9 -0
- package/js/editor.js +398 -415
- package/js/file-uploader.js +142 -128
- package/js/file-uploader.ts +364 -350
- package/js/gallery.js +22 -15
- package/js/gallery.ts +17 -12
- package/js/index.js +718 -720
- package/js/index.ts +7 -8
- package/js/push-menu.js +113 -101
- package/js/push-menu.ts +17 -2
- package/js/range-slider.js +26 -0
- package/js/range-slider.ts +33 -0
- package/js/timepicker.js +144 -98
- package/js/timepicker.ts +194 -131
- package/js/tree.js +56 -28
- package/js/tree.ts +239 -218
- package/package.json +1 -1
- package/css/accordion.css +0 -109
- package/css/accordion.css.map +0 -1
- package/css/alert.css +0 -57
- package/css/alert.css.map +0 -1
- package/css/button.css +0 -69
- package/css/button.css.map +0 -1
- package/css/card.css +0 -144
- package/css/card.css.map +0 -1
- package/css/carousel.css +0 -118
- package/css/carousel.css.map +0 -1
- package/css/chart.css +0 -159
- package/css/chart.css.map +0 -1
- package/css/chat-bubbles.css +0 -97
- package/css/chat-bubbles.css.map +0 -1
- package/css/checkbox.css +0 -77
- package/css/checkbox.css.map +0 -1
- package/css/chips.css +0 -72
- package/css/chips.css.map +0 -1
- package/css/code-viewer.css +0 -97
- package/css/code-viewer.css.map +0 -1
- package/css/colors.css +0 -63
- package/css/colors.css.map +0 -1
- package/css/datepicker.css +0 -264
- package/css/datepicker.css.map +0 -1
- package/css/defaults.css +0 -118
- package/css/defaults.css.map +0 -1
- package/css/dropdown.css +0 -146
- package/css/dropdown.css.map +0 -1
- package/css/editor.css +0 -413
- package/css/file-uploader.css +0 -194
- package/css/file-uploader.css.map +0 -1
- package/css/flyout-menu.css +0 -345
- package/css/flyout-menu.css.map +0 -1
- package/css/form-builder.css +0 -9
- package/css/form-builder.css.map +0 -1
- package/css/form-builder.scss +0 -11
- package/css/form.css +0 -130
- package/css/form.css.map +0 -1
- package/css/gallery.css +0 -91
- package/css/gallery.css.map +0 -1
- package/css/grid.css +0 -44
- package/css/grid.css.map +0 -1
- package/css/icons.css +0 -327
- package/css/icons.css.map +0 -1
- package/css/modal.css +0 -97
- package/css/modal.css.map +0 -1
- package/css/parameters.css +0 -1
- package/css/parameters.css.map +0 -1
- package/css/placeholder.css +0 -50
- package/css/placeholder.css.map +0 -1
- package/css/progress.css +0 -51
- package/css/progress.css.map +0 -1
- package/css/properties.css +0 -31
- package/css/properties.css.map +0 -1
- package/css/push-menu.css +0 -145
- package/css/push-menu.css.map +0 -1
- package/css/radiobutton.css +0 -91
- package/css/radiobutton.css.map +0 -1
- package/css/reset.css +0 -46
- package/css/reset.css.map +0 -1
- package/css/scrollbar.css +0 -91
- package/css/scrollbar.css.map +0 -1
- package/css/spinner.css +0 -118
- package/css/spinner.css.map +0 -1
- package/css/switch.css +0 -66
- package/css/switch.css.map +0 -1
- package/css/table.css +0 -201
- package/css/table.css.map +0 -1
- package/css/tabs.css +0 -135
- package/css/tabs.css.map +0 -1
- package/css/timeline.css +0 -69
- package/css/timeline.css.map +0 -1
- package/css/toast.css +0 -98
- package/css/toast.css.map +0 -1
- package/css/tooltip.css +0 -151
- package/css/tooltip.css.map +0 -1
- package/css/tree.css +0 -199
- package/css/tree.css.map +0 -1
- package/css/typography.css +0 -137
- package/css/typography.css.map +0 -1
- package/css/virtual-dropdown.css +0 -149
- package/css/virtual-dropdown.css.map +0 -1
package/css/properties.css
DELETED
|
@@ -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 */
|
package/css/properties.css.map
DELETED
|
@@ -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 */
|
package/css/push-menu.css.map
DELETED
|
@@ -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"}
|
package/css/radiobutton.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
|
-
.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 */
|
package/css/radiobutton.css.map
DELETED
|
@@ -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 */
|
package/css/scrollbar.css.map
DELETED
|
@@ -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 */
|
package/css/spinner.css.map
DELETED
|
@@ -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 */
|
package/css/switch.css.map
DELETED
|
@@ -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"}
|