@dodlhuat/basix 1.0.0 → 1.1.1

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 +3 -2
  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
package/css/table.css DELETED
@@ -1,201 +0,0 @@
1
- @charset "UTF-8";
2
- :root {
3
- --primary-text: #1E1F24;
4
- --secondary-text: #62636C;
5
- --divider: #D8D9E0;
6
- --accent-text: #3D63DD;
7
- --error: #D64545;
8
- --warning: #C28A00;
9
- --success: #2E8B57;
10
- --secondary-background: #E7E8EC;
11
- --background: #F9F9FB;
12
- --accent-color: #3D63DD;
13
- --accent-color-lighten: #87A5EF;
14
- --accent-color-text: #D8D9E0;
15
- --disabled: #D8D9E0;
16
- }
17
-
18
- [data-theme=dark] {
19
- --primary-text: #EEEEF0;
20
- --secondary-text: #B2B3BD;
21
- --divider: #393A40;
22
- --accent-text: #0E496D;
23
- --error: #FF6B6B;
24
- --warning: #F7B500;
25
- --success: #5CC689;
26
- --background: #111113;
27
- --secondary-background: #19191B;
28
- --accent-color: #1B7BB4;
29
- --accent-color-lighten: #175982;
30
- --accent-color-text: #B2B3BD;
31
- --disabled: #303136;
32
- }
33
-
34
- /* Controls */
35
- .table-controls {
36
- display: flex;
37
- justify-content: space-between;
38
- align-items: center;
39
- margin-bottom: 16px;
40
- flex-wrap: wrap;
41
- gap: 12px;
42
- }
43
-
44
- /* Table Styles */
45
- .table-wrapper {
46
- overflow-x: auto;
47
- border: 1px solid var(--divider);
48
- border-radius: 8px;
49
- }
50
-
51
- table {
52
- width: 100%;
53
- border-collapse: collapse;
54
- text-align: left;
55
- font-size: 0.875rem;
56
- }
57
-
58
- thead {
59
- background-color: var(--primary-light);
60
- border-bottom: 1px solid var(--divider);
61
- }
62
-
63
- th {
64
- padding: 12px 16px;
65
- font-weight: 500;
66
- color: var(--secondary-text);
67
- cursor: pointer;
68
- -webkit-user-select: none;
69
- -moz-user-select: none;
70
- user-select: none;
71
- white-space: nowrap;
72
- }
73
-
74
- th:hover {
75
- background-color: #f3f4f6;
76
- }
77
-
78
- th.sort-asc::after {
79
- content: " ▲";
80
- font-size: 0.7em;
81
- }
82
-
83
- th.sort-desc::after {
84
- content: " ▼";
85
- font-size: 0.7em;
86
- }
87
-
88
- td {
89
- padding: 12px 16px;
90
- border-bottom: 1px solid var(--divider);
91
- color: var(--primary-text);
92
- }
93
-
94
- tr:last-child td {
95
- border-bottom: none;
96
- }
97
-
98
- tr:hover {
99
- background-color: var(--primary-dark);
100
- }
101
-
102
- /* Pagination */
103
- .pagination {
104
- display: flex;
105
- justify-content: space-between;
106
- align-items: center;
107
- margin-top: 16px;
108
- padding-top: 16px;
109
- border-top: 1px solid var(--divider);
110
- flex-wrap: wrap;
111
- gap: 12px;
112
- }
113
-
114
- .pagination-info {
115
- font-size: 0.875rem;
116
- color: var(--secondary-text);
117
- }
118
-
119
- .pagination-buttons {
120
- display: flex;
121
- gap: 4px;
122
- }
123
-
124
- .page-btn {
125
- padding: 6px 12px;
126
- border: 1px solid var(--divider);
127
- background: var(--divider);
128
- color: var(--primary-text);
129
- border-radius: 4px;
130
- cursor: pointer;
131
- font-size: 0.875rem;
132
- }
133
-
134
- .page-btn:hover:not(:disabled) {
135
- filter: brightness(105%);
136
- }
137
-
138
- .page-btn.active {
139
- background-color: var(--accent-color);
140
- color: white;
141
- border-color: var(--accent-color-lighten);
142
- }
143
- .page-btn.active:hover:not(:disabled) {
144
- filter: brightness(115%);
145
- }
146
-
147
- .page-btn:disabled {
148
- opacity: 0.5;
149
- cursor: not-allowed;
150
- }
151
- .page-btn:disabled:hover {
152
- filter: none;
153
- }
154
-
155
- /* Mobile Responsive Styles */
156
- @media (max-width: 768px) {
157
- .table-controls {
158
- flex-direction: column;
159
- align-items: stretch;
160
- }
161
- table,
162
- thead,
163
- tbody,
164
- th,
165
- td,
166
- tr {
167
- display: block;
168
- }
169
- thead {
170
- display: none;
171
- /* Hide headers on mobile */
172
- }
173
- tr {
174
- border: 1px solid var(--divider);
175
- border-radius: 8px;
176
- margin-bottom: 12px;
177
- padding: 12px;
178
- }
179
- td {
180
- border: none;
181
- padding: 8px 0;
182
- display: flex;
183
- justify-content: space-between;
184
- align-items: center;
185
- text-align: right;
186
- border-bottom: 1px solid #f3f4f6;
187
- }
188
- td:last-child {
189
- border-bottom: none;
190
- }
191
- td::before {
192
- content: attr(data-label);
193
- font-weight: 600;
194
- color: var(--secondary-text);
195
- text-align: left;
196
- margin-right: 12px;
197
- }
198
- .table-wrapper {
199
- border: none;
200
- }
201
- }/*# sourceMappingURL=table.css.map */
package/css/table.css.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["table.css","properties.scss","table.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACAhB;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;ADEF;;ACCA;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;ADEF;;AE5BA,aAAA;AACA;EACE,aAAA;EACA,8BAAA;EACA,mBAAA;EACA,mBAAA;EACA,eAAA;EACA,SAAA;AF+BF;;AE5BA,iBAAA;AACA;EACE,gBAAA;EACA,gCAAA;EACA,kBAAA;AF+BF;;AE5BA;EACE,WAAA;EACA,yBAAA;EACA,gBAAA;EACA,mBAAA;AF+BF;;AE5BA;EACE,sCAAA;EACA,uCAAA;AF+BF;;AE5BA;EACE,kBAAA;EACA,gBAAA;EACA,4BAAA;EACA,eAAA;EACA,yBAAA;KAAA,sBAAA;UAAA,iBAAA;EACA,mBAAA;AF+BF;;AE5BA;EACE,yBAAA;AF+BF;;AE5BA;EACE,aAAA;EACA,gBAAA;AF+BF;;AE5BA;EACE,aAAA;EACA,gBAAA;AF+BF;;AE5BA;EACE,kBAAA;EACA,uCAAA;EACA,0BAAA;AF+BF;;AE5BA;EACE,mBAAA;AF+BF;;AE5BA;EACE,qCAAA;AF+BF;;AE5BA,eAAA;AACA;EACE,aAAA;EACA,8BAAA;EACA,mBAAA;EACA,gBAAA;EACA,iBAAA;EACA,oCAAA;EACA,eAAA;EACA,SAAA;AF+BF;;AE5BA;EACE,mBAAA;EACA,4BAAA;AF+BF;;AE5BA;EACE,aAAA;EACA,QAAA;AF+BF;;AE5BA;EACE,iBAAA;EACA,gCAAA;EACA,0BAAA;EACA,0BAAA;EACA,kBAAA;EACA,eAAA;EACA,mBAAA;AF+BF;;AE5BA;EACE,wBAAA;AF+BF;;AE5BA;EACE,qCAAA;EACA,YAAA;EACA,yCAAA;AF+BF;AE7BE;EACE,wBAAA;AF+BJ;;AE3BA;EACE,YAAA;EACA,mBAAA;AF8BF;AE5BE;EACE,YAAA;AF8BJ;;AE1BA,6BAAA;AACA;EACE;IACE,sBAAA;IACA,oBAAA;EF6BF;EE1BA;;;;;;IAME,cAAA;EF4BF;EEzBA;IACE,aAAA;IACA,2BAAA;EF2BF;EExBA;IACE,gCAAA;IACA,kBAAA;IACA,mBAAA;IACA,aAAA;EF0BF;EEvBA;IACE,YAAA;IACA,cAAA;IACA,aAAA;IACA,8BAAA;IACA,mBAAA;IACA,iBAAA;IACA,gCAAA;EFyBF;EEtBA;IACE,mBAAA;EFwBF;EErBA;IACE,yBAAA;IACA,gBAAA;IACA,4BAAA;IACA,gBAAA;IACA,kBAAA;EFuBF;EEpBA;IACE,YAAA;EFsBF;AACF","file":"table.css"}
package/css/tabs.css DELETED
@@ -1,135 +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
- .tabs-container {
34
- display: flex;
35
- flex-direction: column;
36
- overflow: hidden;
37
- }
38
- .tabs-container li {
39
- list-style: none;
40
- }
41
- .tabs-container.tabs-vertical {
42
- flex-direction: row;
43
- min-height: 300px;
44
- }
45
-
46
- .tabs-header {
47
- border-bottom: 1px solid var(--divider);
48
- }
49
-
50
- .tabs-list {
51
- display: flex;
52
- margin: 0;
53
- padding: 0;
54
- overflow-x: auto;
55
- }
56
-
57
- .tab-item {
58
- padding: 12px 20px;
59
- cursor: pointer;
60
- font-size: 14px;
61
- font-weight: 500;
62
- color: var(--secondary-text);
63
- white-space: nowrap;
64
- -webkit-user-select: none;
65
- -moz-user-select: none;
66
- user-select: none;
67
- transition: all 0.2s ease;
68
- border-bottom: 2px solid transparent;
69
- }
70
- .tab-item:hover {
71
- color: var(--accent-color);
72
- background-color: rgba(0, 0, 0, 0.02);
73
- }
74
- .tab-item.active {
75
- color: var(--accent-color);
76
- background-color: var(--divider);
77
- border-bottom-color: var(--accent-color);
78
- }
79
-
80
- .tabs-content {
81
- padding: 24px;
82
- }
83
-
84
- .tab-panel {
85
- display: none;
86
- }
87
- .tab-panel.active {
88
- display: block;
89
- }
90
-
91
- .tabs-container.tabs-vertical .tabs-header {
92
- border-bottom: none;
93
- border-right: 1px solid var(--divider);
94
- min-width: 200px;
95
- }
96
- .tabs-container.tabs-vertical .tabs-list {
97
- flex-direction: column;
98
- }
99
- .tabs-container.tabs-vertical .tab-item {
100
- width: 100%;
101
- box-sizing: border-box;
102
- border-bottom: none;
103
- border-left: 3px solid transparent;
104
- }
105
- .tabs-container.tabs-vertical .tab-item.active {
106
- border-left-color: var(--accent-color);
107
- font-weight: 600;
108
- }
109
- .tabs-container.tabs-vertical .tabs-content {
110
- flex: 1;
111
- }
112
-
113
- @media (max-width: 768px) {
114
- .tabs-container.tabs-vertical {
115
- flex-direction: column;
116
- }
117
- .tabs-container.tabs-vertical .tabs-header {
118
- width: 100%;
119
- border-right: none;
120
- border-bottom: 1px solid var(--divider);
121
- }
122
- .tabs-container.tabs-vertical .tabs-list {
123
- flex-direction: row;
124
- overflow-x: auto;
125
- }
126
- .tabs-container.tabs-vertical .tab-item {
127
- width: auto;
128
- flex-shrink: 0;
129
- border-left: none;
130
- border-bottom: 2px solid transparent;
131
- }
132
- .tabs-container.tabs-vertical .tab-item.active {
133
- border-bottom-color: var(--accent-color);
134
- }
135
- }/*# sourceMappingURL=tabs.css.map */
package/css/tabs.css.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["properties.scss","tabs.css","tabs.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,aAAA;EACA,sBAAA;EACA,gBAAA;AD+BF;AC7BE;EACE,gBAAA;AD+BJ;AC5BE;EACE,mBAAA;EACA,iBAAA;AD8BJ;;AC1BA;EACE,uCAAA;AD6BF;;AC1BA;EACE,aAAA;EACA,SAAA;EACA,UAAA;EACA,gBAAA;AD6BF;;AC1BA;EACE,kBAAA;EACA,eAAA;EACA,eAAA;EACA,gBAAA;EACA,4BAAA;EACA,mBAAA;EACA,yBAAA;KAAA,sBAAA;UAAA,iBAAA;EACA,yBAAA;EACA,oCAAA;AD6BF;AC3BE;EACE,0BAAA;EACA,qCAAA;AD6BJ;AC1BE;EACE,0BAAA;EACA,gCAAA;EACA,wCAAA;AD4BJ;;ACxBA;EACE,aAAA;AD2BF;;ACxBA;EACE,aAAA;AD2BF;ACzBE;EACE,cAAA;AD2BJ;;ACtBE;EACE,mBAAA;EACA,sCAAA;EACA,gBAAA;ADyBJ;ACtBE;EACE,sBAAA;ADwBJ;ACrBE;EACE,WAAA;EACA,sBAAA;EACA,mBAAA;EACA,kCAAA;ADuBJ;ACrBI;EACE,sCAAA;EACA,gBAAA;ADuBN;ACnBE;EACE,OAAA;ADqBJ;;ACjBA;EACE;IACE,sBAAA;EDoBF;EClBE;IACE,WAAA;IACA,kBAAA;IACA,uCAAA;EDoBJ;ECjBE;IACE,mBAAA;IACA,gBAAA;EDmBJ;EChBE;IACE,WAAA;IACA,cAAA;IACA,iBAAA;IACA,oCAAA;EDkBJ;EChBI;IACE,wCAAA;EDkBN;AACF","file":"tabs.css"}
package/css/timeline.css DELETED
@@ -1,69 +0,0 @@
1
- .timeline {
2
- position: relative;
3
- max-width: 800px;
4
- padding: 20px 0;
5
- list-style: none;
6
- }
7
-
8
- .timeline::before {
9
- content: "";
10
- position: absolute;
11
- top: 0;
12
- bottom: 0;
13
- left: 20px;
14
- width: 2px;
15
- background: var(--divider);
16
- }
17
-
18
- .timeline-item {
19
- position: relative;
20
- margin-bottom: 2rem;
21
- padding-left: 50px;
22
- }
23
-
24
- .timeline-item::before {
25
- content: "";
26
- position: absolute;
27
- left: 8px;
28
- top: 5px;
29
- width: 20px;
30
- height: 20px;
31
- border-radius: 50%;
32
- border: 3px solid var(--divider);
33
- z-index: 1;
34
- background: var(--background);
35
- }
36
-
37
- .timeline-item.active::before {
38
- border-color: var(--accent-color);
39
- background-color: #e7f1ff;
40
- }
41
-
42
- .timeline-content {
43
- padding: 1.5rem;
44
- border-radius: 8px;
45
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
46
- border: 1px solid var(--divider);
47
- }
48
-
49
- .timeline-date {
50
- font-size: 0.85rem;
51
- color: var(--secondary-text);
52
- font-weight: 600;
53
- margin-bottom: 0.5rem;
54
- display: block;
55
- }
56
-
57
- .timeline-title {
58
- font-size: 1.1rem;
59
- font-weight: 700;
60
- margin: 0 0 0.5rem 0;
61
- color: var(--primary-text);
62
- }
63
-
64
- .timeline-body {
65
- font-size: 0.95rem;
66
- line-height: 1.6;
67
- color: var(--secondary-text);
68
- margin: 0;
69
- }/*# sourceMappingURL=timeline.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sources":["timeline.scss","timeline.css"],"names":[],"mappings":"AAAA;EACE,kBAAA;EACA,gBAAA;EACA,eAAA;EACA,gBAAA;ACCF;;ADEA;EACE,WAAA;EACA,kBAAA;EACA,MAAA;EACA,SAAA;EACA,UAAA;EACA,UAAA;EACA,0BAAA;ACCF;;ADEA;EACE,kBAAA;EACA,mBAAA;EACA,kBAAA;ACCF;;ADEA;EACE,WAAA;EACA,kBAAA;EACA,SAAA;EACA,QAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,gCAAA;EACA,UAAA;EACA,6BAAA;ACCF;;ADEA;EACE,iCAAA;EACA,yBAAA;ACCF;;ADEA;EACE,eAAA;EACA,kBAAA;EACA,yCAAA;EACA,gCAAA;ACCF;;ADEA;EACE,kBAAA;EACA,4BAAA;EACA,gBAAA;EACA,qBAAA;EACA,cAAA;ACCF;;ADEA;EACE,iBAAA;EACA,gBAAA;EACA,oBAAA;EACA,0BAAA;ACCF;;ADEA;EACE,kBAAA;EACA,gBAAA;EACA,4BAAA;EACA,SAAA;ACCF","file":"timeline.css"}
package/css/toast.css DELETED
@@ -1,98 +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
- .toast {
34
- display: inline-block;
35
- box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15);
36
- background: var(--background);
37
- border-radius: 0.4rem;
38
- padding: 0.5rem;
39
- min-width: 250px;
40
- position: fixed;
41
- left: -200px;
42
- bottom: 1rem;
43
- z-index: 1;
44
- transition: all 150ms ease-in;
45
- }
46
- .toast .bar {
47
- display: block;
48
- height: 4px;
49
- width: 100%;
50
- background: var(--accent-color);
51
- position: absolute;
52
- left: 0;
53
- top: 0;
54
- border-top-left-radius: 0.4rem;
55
- border-top-right-radius: 0.4rem;
56
- transition: width 250ms linear;
57
- }
58
- .toast.show {
59
- left: 1rem;
60
- }
61
- .toast.success {
62
- color: inherit;
63
- }
64
- .toast.success .bar {
65
- background: var(--success);
66
- }
67
- .toast.warning {
68
- color: inherit;
69
- }
70
- .toast.warning .bar {
71
- background: var(--warning);
72
- }
73
- .toast.error {
74
- color: inherit;
75
- }
76
- .toast.error .bar {
77
- background: var(--error);
78
- }
79
- .toast .close {
80
- cursor: pointer;
81
- float: right;
82
- z-index: 999;
83
- position: relative;
84
- }
85
- .toast .header {
86
- position: relative;
87
- width: 100%;
88
- padding-right: 0.5rem;
89
- left: -0.5rem;
90
- padding-left: 0.5rem;
91
- padding-bottom: 0.5rem;
92
- border-bottom: 1px solid var(--divider);
93
- font-weight: bold;
94
- }
95
- .toast .content {
96
- padding-top: 0.5rem;
97
- margin: 0;
98
- }/*# sourceMappingURL=toast.css.map */
package/css/toast.css.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["properties.scss","toast.css","toast.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,qBAAA;EACA,4CAAA;EACA,6BAAA;EACA,qBCNc;EDOd,eAAA;EACA,gBAAA;EACA,eAAA;EACA,YAAA;EACA,YCZQ;EDaR,UAAA;EACA,6BAAA;AD8BF;AC5BE;EACE,cAAA;EACA,WAAA;EACA,WAAA;EACA,+BAAA;EACA,kBAAA;EACA,OAAA;EACA,MAAA;EACA,8BCvBY;EDwBZ,+BCxBY;EDyBZ,8BAAA;AD8BJ;AC3BE;EACE,UC9BM;AF2DV;AC1BE;EACE,cAAA;AD4BJ;AC1BI;EACE,0BAAA;AD4BN;ACxBE;EACE,cAAA;AD0BJ;ACxBI;EACE,0BAAA;AD0BN;ACrBE;EACE,cAAA;ADuBJ;ACrBI;EACE,wBAAA;ADuBN;ACnBE;EACE,eAAA;EACA,YAAA;EACA,YAAA;EACA,kBAAA;ADqBJ;AClBE;EACE,kBAAA;EACA,WAAA;EACA,qBAAA;EACA,aAAA;EACA,oBAAA;EACA,sBAAA;EACA,uCAAA;EACA,iBAAA;ADoBJ;ACjBE;EACE,mBAAA;EACA,SAAA;ADmBJ","file":"toast.css"}
package/css/tooltip.css DELETED
@@ -1,151 +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
- .tooltip {
34
- position: fixed;
35
- z-index: 10000;
36
- background: var(--disabled);
37
- color: var(--secondary-text);
38
- border-radius: 0.4rem;
39
- padding: 1rem 1.5rem;
40
- max-width: 300px;
41
- opacity: 0;
42
- pointer-events: none;
43
- transition: opacity 0.2s ease;
44
- box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15);
45
- }
46
-
47
- .tooltip.visible {
48
- opacity: 1;
49
- }
50
-
51
- .tooltip-content {
52
- position: relative;
53
- }
54
-
55
- /* Arrow styles */
56
- .tooltip::before {
57
- content: "";
58
- position: absolute;
59
- width: 0;
60
- height: 0;
61
- border: 0.5rem solid transparent;
62
- }
63
-
64
- .tooltip[data-position=top]::before {
65
- bottom: -0.5rem;
66
- left: 50%;
67
- transform: translateX(-50%);
68
- border-top-color: var(--disabled);
69
- border-bottom: 0;
70
- }
71
-
72
- .tooltip[data-position=bottom]::before {
73
- top: -0.5rem;
74
- left: 50%;
75
- transform: translateX(-50%);
76
- border-bottom-color: var(--disabled);
77
- border-top: 0;
78
- }
79
-
80
- .tooltip[data-position=left]::before {
81
- right: -0.5rem;
82
- top: 50%;
83
- transform: translateY(-50%);
84
- border-left-color: var(--disabled);
85
- border-right: 0;
86
- }
87
-
88
- .tooltip[data-position=right]::before {
89
- left: -0.5rem;
90
- top: 50%;
91
- transform: translateY(-50%);
92
- border-right-color: var(--disabled);
93
- border-left: 0;
94
- }
95
-
96
- .tooltip-content code {
97
- padding: 2px 6px;
98
- font-family: "Courier New", monospace;
99
- font-size: 0.9em;
100
- }
101
-
102
- .tooltip.tooltip-info {
103
- background: var(--accent-color);
104
- }
105
-
106
- .tooltip.tooltip-info::before {
107
- border-top-color: var(--accent-color);
108
- border-bottom-color: var(--accent-color);
109
- border-left-color: var(--accent-color);
110
- border-right-color: var(--accent-color);
111
- }
112
-
113
- .tooltip.tooltip-success {
114
- background: var(--success);
115
- }
116
-
117
- .tooltip.tooltip-success::before {
118
- border-top-color: var(--success);
119
- border-bottom-color: var(--success);
120
- border-left-color: var(--success);
121
- border-right-color: var(--success);
122
- }
123
-
124
- .tooltip.tooltip-warning {
125
- background: var(--warning);
126
- color: var(--disabled);
127
- }
128
-
129
- .tooltip.tooltip-warning::before {
130
- border-top-color: var(--warning);
131
- border-bottom-color: var(--warning);
132
- border-left-color: var(--warning);
133
- border-right-color: var(--warning);
134
- }
135
-
136
- .tooltip.tooltip-error {
137
- background: var(--error);
138
- }
139
-
140
- .tooltip.tooltip-error::before {
141
- border-top-color: var(--error);
142
- border-bottom-color: var(--error);
143
- border-left-color: var(--error);
144
- border-right-color: var(--error);
145
- }
146
-
147
- /* Large tooltip variant */
148
- .tooltip.tooltip-large {
149
- max-width: 500px;
150
- padding: 1rem 1.5rem;
151
- }/*# sourceMappingURL=tooltip.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sources":["properties.scss","tooltip.css","tooltip.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,eAAA;EACA,cAAA;EACA,2BAAA;EACA,4BAAA;EACA,qBCPc;EDQd,oBAAA;EACA,gBAAA;EACA,UAAA;EACA,oBAAA;EACA,6BAAA;EACA,4CCXO;AFyCT;;AC3BA;EACE,UAAA;AD8BF;;AC3BA;EACE,kBAAA;AD8BF;;AC3BA,iBAAA;AACA;EACE,WAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;EACA,gCAAA;AD8BF;;AC3BA;EACE,eAAA;EACA,SAAA;EACA,2BAAA;EACA,iCAAA;EACA,gBAAA;AD8BF;;AC3BA;EACE,YAAA;EACA,SAAA;EACA,2BAAA;EACA,oCAAA;EACA,aAAA;AD8BF;;AC3BA;EACE,cAAA;EACA,QAAA;EACA,2BAAA;EACA,kCAAA;EACA,eAAA;AD8BF;;AC3BA;EACE,aAAA;EACA,QAAA;EACA,2BAAA;EACA,mCAAA;EACA,cAAA;AD8BF;;AC3BA;EACE,gBAAA;EACA,qCAAA;EACA,gBAAA;AD8BF;;AC3BA;EACE,+BAAA;AD8BF;;AC3BA;EACE,qCAAA;EACA,wCAAA;EACA,sCAAA;EACA,uCAAA;AD8BF;;AC3BA;EACE,0BAAA;AD8BF;;AC3BA;EACE,gCAAA;EACA,mCAAA;EACA,iCAAA;EACA,kCAAA;AD8BF;;AC3BA;EACE,0BAAA;EACA,sBAAA;AD8BF;;AC3BA;EACE,gCAAA;EACA,mCAAA;EACA,iCAAA;EACA,kCAAA;AD8BF;;AC3BA;EACE,wBAAA;AD8BF;;AC3BA;EACE,8BAAA;EACA,iCAAA;EACA,+BAAA;EACA,gCAAA;AD8BF;;AC3BA,0BAAA;AACA;EACE,gBAAA;EACA,oBAAA;AD8BF","file":"tooltip.css"}