@blinkk/root-cms 1.0.0-beta.17 → 1.0.0-beta.18

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/dist/ui/ui.css CHANGED
@@ -1,50 +1,76 @@
1
- /* ui/components/SplitPanel/SplitPanel.css */
2
- .SplitPanel {
3
- display: flex;
4
- height: 100%;
1
+ /* ui/components/Heading/Heading.css */
2
+ .heading {
3
+ font-size: 18px;
4
+ line-height: 1.2;
5
+ font-weight: 700;
6
+ margin-top: 0;
7
+ margin-bottom: 0;
5
8
  }
6
- .SplitPanel__divider {
7
- flex: 0 0 3px;
8
- width: 3px;
9
- height: 100%;
10
- cursor: col-resize;
11
- position: relative;
9
+ .heading.size\:h1 {
10
+ font-size: 24px;
12
11
  }
13
- .SplitPanel__divider::before {
14
- content: "";
15
- display: block;
16
- z-index: 0;
17
- position: absolute;
18
- top: 0;
19
- height: 100%;
20
- left: 1px;
21
- width: 1px;
22
- background-color: var(--color-border);
12
+ .heading.size\:h2 {
13
+ font-size: 18px;
23
14
  }
24
- .SplitPanel__divider::after {
25
- content: "";
26
- display: block;
27
- z-index: 1;
28
- position: absolute;
29
- top: 0;
30
- height: 100%;
31
- left: 0;
32
- width: 100%;
33
- background-color: transparent;
34
- transition: background-color 0.18s ease;
15
+ .heading.size\:h3 {
16
+ font-size: 16px;
35
17
  }
36
- .SplitPanel__divider:hover::after {
37
- background-color: lightblue;
18
+ .heading.weight\:regular {
19
+ font-weight: 400;
38
20
  }
39
- .SplitPanel__item.static {
40
- flex: 0 0 var(--panel-size, 100%);
21
+ .heading.weight\:semi-bold {
22
+ font-weight: 500;
41
23
  }
42
- .SplitPanel__item.fluid {
43
- flex: 1;
24
+ .heading.weight\:bold {
25
+ font-weight: 700;
44
26
  }
45
- .SplitPanel.dragging .SplitPanel__item {
46
- pointer-events: none;
47
- user-select: none;
27
+ .heading.color\:gray {
28
+ color: var(--color-text-gray);
29
+ }
30
+ .heading.color\:dark {
31
+ color: var(--color-text-dark);
32
+ }
33
+
34
+ /* ui/components/Text/Text.css */
35
+ .text {
36
+ font-size: 14px;
37
+ line-height: 1.5;
38
+ font-weight: 400;
39
+ color: var(--color-text-default);
40
+ }
41
+ .text.size\:body-sm {
42
+ font-size: 12px;
43
+ }
44
+ .text.size\:body {
45
+ font-size: 14px;
46
+ }
47
+ .text.size\:body-lg {
48
+ font-size: 16px;
49
+ }
50
+ .text.weight\:regular {
51
+ font-weight: 400;
52
+ }
53
+ .text.weight\:semi-bold {
54
+ font-weight: 500;
55
+ }
56
+ .text.weight\:bold {
57
+ font-weight: 700;
58
+ }
59
+ .text.color\:gray {
60
+ color: var(--color-text-gray);
61
+ }
62
+ .text.color\:dark {
63
+ color: var(--color-text-dark);
64
+ }
65
+ .text code {
66
+ background: #efefef;
67
+ padding: 4px 8px;
68
+ border-radius: 2px;
69
+ white-space: nowrap;
70
+ font-family: var(--font-family-mono);
71
+ font-weight: 600;
72
+ margin-left: 4px;
73
+ margin-right: 4px;
48
74
  }
49
75
 
50
76
  /* ui/layout/Layout.css */
@@ -145,6 +171,18 @@
145
171
  grid-area: bottom;
146
172
  }
147
173
 
174
+ /* ui/pages/AssetsPage/AssetsPage.css */
175
+ .AssetsPage {
176
+ padding: 60px;
177
+ }
178
+ .AssetsPage h1 {
179
+ margin-bottom: 24px;
180
+ }
181
+ .AssetsPage p {
182
+ margin-top: 16px;
183
+ max-width: 70ch;
184
+ }
185
+
148
186
  /* ui/components/NewDocModal/NewDocModal.css */
149
187
  .NewDocModal__body {
150
188
  font-size: 12px;
@@ -161,6 +199,55 @@
161
199
  gap: 12px;
162
200
  }
163
201
 
202
+ /* ui/components/SplitPanel/SplitPanel.css */
203
+ .SplitPanel {
204
+ display: flex;
205
+ height: 100%;
206
+ }
207
+ .SplitPanel__divider {
208
+ flex: 0 0 3px;
209
+ width: 3px;
210
+ height: 100%;
211
+ cursor: col-resize;
212
+ position: relative;
213
+ }
214
+ .SplitPanel__divider::before {
215
+ content: "";
216
+ display: block;
217
+ z-index: 0;
218
+ position: absolute;
219
+ top: 0;
220
+ height: 100%;
221
+ left: 1px;
222
+ width: 1px;
223
+ background-color: var(--color-border);
224
+ }
225
+ .SplitPanel__divider::after {
226
+ content: "";
227
+ display: block;
228
+ z-index: 1;
229
+ position: absolute;
230
+ top: 0;
231
+ height: 100%;
232
+ left: 0;
233
+ width: 100%;
234
+ background-color: transparent;
235
+ transition: background-color 0.18s ease;
236
+ }
237
+ .SplitPanel__divider:hover::after {
238
+ background-color: lightblue;
239
+ }
240
+ .SplitPanel__item.static {
241
+ flex: 0 0 var(--panel-size, 100%);
242
+ }
243
+ .SplitPanel__item.fluid {
244
+ flex: 1;
245
+ }
246
+ .SplitPanel.dragging .SplitPanel__item {
247
+ pointer-events: none;
248
+ user-select: none;
249
+ }
250
+
164
251
  /* ui/pages/CollectionPage/CollectionPage.css */
165
252
  .CollectionPage__side__title {
166
253
  padding: 8px 12px;
@@ -373,79 +460,16 @@
373
460
  font-weight: 500;
374
461
  }
375
462
 
376
- /* ui/components/Heading/Heading.css */
377
- .heading {
378
- font-size: 18px;
379
- line-height: 1.2;
380
- font-weight: 700;
381
- margin-top: 0;
382
- margin-bottom: 0;
383
- }
384
- .heading.size\:h1 {
385
- font-size: 24px;
386
- }
387
- .heading.size\:h2 {
388
- font-size: 18px;
389
- }
390
- .heading.size\:h3 {
391
- font-size: 16px;
392
- }
393
- .heading.weight\:regular {
394
- font-weight: 400;
395
- }
396
- .heading.weight\:semi-bold {
397
- font-weight: 500;
398
- }
399
- .heading.weight\:bold {
400
- font-weight: 700;
401
- }
402
- .heading.color\:gray {
403
- color: var(--color-text-gray);
404
- }
405
- .heading.color\:dark {
406
- color: var(--color-text-dark);
407
- }
408
-
409
- /* ui/components/Text/Text.css */
410
- .text {
411
- font-size: 14px;
412
- line-height: 1.5;
413
- font-weight: 400;
414
- color: var(--color-text-default);
415
- }
416
- .text.size\:body-sm {
417
- font-size: 12px;
418
- }
419
- .text.size\:body {
420
- font-size: 14px;
421
- }
422
- .text.size\:body-lg {
423
- font-size: 16px;
424
- }
425
- .text.weight\:regular {
426
- font-weight: 400;
427
- }
428
- .text.weight\:semi-bold {
429
- font-weight: 500;
430
- }
431
- .text.weight\:bold {
432
- font-weight: 700;
433
- }
434
- .text.color\:gray {
435
- color: var(--color-text-gray);
463
+ /* ui/pages/DataPage/DataPage.css */
464
+ .DataPage {
465
+ padding: 60px;
436
466
  }
437
- .text.color\:dark {
438
- color: var(--color-text-dark);
467
+ .DataPage h1 {
468
+ margin-bottom: 24px;
439
469
  }
440
- .text code {
441
- background: #efefef;
442
- padding: 4px 8px;
443
- border-radius: 2px;
444
- white-space: nowrap;
445
- font-family: var(--font-family-mono);
446
- font-weight: 600;
447
- margin-left: 4px;
448
- margin-right: 4px;
470
+ .DataPage p {
471
+ margin-top: 16px;
472
+ max-width: 70ch;
449
473
  }
450
474
 
451
475
  /* ui/components/DocEditor/DocEditor.css */
@@ -822,6 +846,22 @@
822
846
  font-size: 12px;
823
847
  }
824
848
 
849
+ /* ui/pages/NotFoundPage/NotFoundPage.css */
850
+ .NotFoundPage {
851
+ display: flex;
852
+ flex-direction: column;
853
+ align-items: center;
854
+ justify-content: center;
855
+ gap: 12px;
856
+ width: 100%;
857
+ height: 100%;
858
+ text-align: center;
859
+ }
860
+ .NotFoundPage__body {
861
+ max-width: 400px;
862
+ font-weight: 500;
863
+ }
864
+
825
865
  /* ui/pages/ProjectPage/ProjectPage.css */
826
866
  .ProjectPage {
827
867
  padding: 60px;
@@ -878,41 +918,6 @@
878
918
  font-size: 12px;
879
919
  }
880
920
 
881
- /* ui/pages/NotFoundPage/NotFoundPage.css */
882
- .NotFoundPage {
883
- display: flex;
884
- flex-direction: column;
885
- align-items: center;
886
- justify-content: center;
887
- gap: 12px;
888
- width: 100%;
889
- height: 100%;
890
- text-align: center;
891
- }
892
- .NotFoundPage__body {
893
- max-width: 400px;
894
- font-weight: 500;
895
- }
896
-
897
- /* ui/pages/SettingsPage/SettingsPage.css */
898
- .SettingsPage {
899
- padding: 30px;
900
- }
901
- .SettingsPage__section {
902
- display: grid;
903
- grid-template-columns: 1fr 2fr;
904
- }
905
- .SettingsPage__section__left,
906
- .SettingsPage__section__right {
907
- padding: 30px;
908
- }
909
- .SettingsPage__section__left__title {
910
- margin-bottom: 8px;
911
- }
912
- .SettingsPage__section__right__title {
913
- margin-bottom: 12px;
914
- }
915
-
916
921
  /* ui/components/ShareBox/ShareBox.css */
917
922
  .ShareBox {
918
923
  position: relative;
@@ -942,28 +947,23 @@
942
947
  text-overflow: ellipsis;
943
948
  }
944
949
 
945
- /* ui/pages/AssetsPage/AssetsPage.css */
946
- .AssetsPage {
947
- padding: 60px;
948
- }
949
- .AssetsPage h1 {
950
- margin-bottom: 24px;
950
+ /* ui/pages/SettingsPage/SettingsPage.css */
951
+ .SettingsPage {
952
+ padding: 30px;
951
953
  }
952
- .AssetsPage p {
953
- margin-top: 16px;
954
- max-width: 70ch;
954
+ .SettingsPage__section {
955
+ display: grid;
956
+ grid-template-columns: 1fr 2fr;
955
957
  }
956
-
957
- /* ui/pages/DataPage/DataPage.css */
958
- .DataPage {
959
- padding: 60px;
958
+ .SettingsPage__section__left,
959
+ .SettingsPage__section__right {
960
+ padding: 30px;
960
961
  }
961
- .DataPage h1 {
962
- margin-bottom: 24px;
962
+ .SettingsPage__section__left__title {
963
+ margin-bottom: 8px;
963
964
  }
964
- .DataPage p {
965
- margin-top: 16px;
966
- max-width: 70ch;
965
+ .SettingsPage__section__right__title {
966
+ margin-bottom: 12px;
967
967
  }
968
968
 
969
969
  /* ui/pages/TranslationsPage/TranslationsPage.css */