@blinkk/root-cms 1.0.0-beta.31 → 1.0.0-beta.32

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,3 +1,85 @@
1
+ /* ui/components/Text/Text.css */
2
+ .text {
3
+ font-size: 14px;
4
+ line-height: 1.5;
5
+ font-weight: 400;
6
+ color: var(--color-text-default);
7
+ }
8
+ .text.size\:body-sm {
9
+ font-size: 12px;
10
+ }
11
+ .text.size\:body {
12
+ font-size: 14px;
13
+ }
14
+ .text.size\:body-lg {
15
+ font-size: 16px;
16
+ }
17
+ .text.weight\:regular {
18
+ font-weight: 400;
19
+ }
20
+ .text.weight\:semi-bold {
21
+ font-weight: 500;
22
+ }
23
+ .text.weight\:bold {
24
+ font-weight: 700;
25
+ }
26
+ .text.color\:gray {
27
+ color: var(--color-text-gray);
28
+ }
29
+ .text.color\:dark {
30
+ color: var(--color-text-dark);
31
+ }
32
+ .text code {
33
+ background: #efefef;
34
+ padding: 4px 8px;
35
+ border-radius: 2px;
36
+ white-space: nowrap;
37
+ font-family: var(--font-family-mono);
38
+ font-weight: 600;
39
+ margin-left: 4px;
40
+ margin-right: 4px;
41
+ }
42
+
43
+ /* ui/components/SlugInput/SlugInput.css */
44
+ .SlugInput__inputs {
45
+ display: flex;
46
+ gap: 8px;
47
+ align-items: center;
48
+ }
49
+ .SlugInput__slug {
50
+ flex: 1;
51
+ }
52
+ .SlugInput__urlHelp {
53
+ margin-top: 8px;
54
+ }
55
+ .SlugInput__urlHelp::before {
56
+ content: "URL: ";
57
+ }
58
+
59
+ /* ui/components/CopyDocModal/CopyDocModal.css */
60
+ .CopyDocModal__from__label,
61
+ .CopyDocModal__to__label {
62
+ margin-bottom: 8px;
63
+ }
64
+ .CopyDocModal__from__value code {
65
+ margin-left: 0;
66
+ }
67
+ .CopyDocModal__to {
68
+ margin-top: 16px;
69
+ }
70
+ .CopyDocModal__error {
71
+ margin: 24px 0;
72
+ font-size: 14px;
73
+ color: red;
74
+ font-weight: 600;
75
+ }
76
+ .CopyDocModal__buttons {
77
+ margin-top: 24px;
78
+ display: flex;
79
+ justify-content: flex-end;
80
+ gap: 12px;
81
+ }
82
+
1
83
  /* ui/components/Heading/Heading.css */
2
84
  .heading {
3
85
  font-size: 18px;
@@ -34,46 +116,145 @@
34
116
  color: var(--color-text-dark);
35
117
  }
36
118
 
37
- /* ui/components/Text/Text.css */
38
- .text {
119
+ /* ui/components/LocalizationModal/LocalizationModal.css */
120
+ .LocalizationModal .mantine-Modal-modal {
121
+ padding: 30px 40px;
122
+ }
123
+ .LocalizationModal__layout {
124
+ display: grid;
125
+ grid-template-columns: 400px 1fr;
126
+ margin-top: -20px;
127
+ margin-bottom: 20px;
128
+ }
129
+ .LocalizationModal__iconTitle {
130
+ display: flex;
131
+ align-items: center;
132
+ gap: 8px;
133
+ }
134
+ .LocalizationModal__locales,
135
+ .LocalizationModal__translations {
136
+ height: 100%;
137
+ min-height: 400px;
138
+ padding-top: 30px;
139
+ padding-bottom: 30px;
140
+ }
141
+ .LocalizationModal__locales {
142
+ padding-right: 30px;
143
+ }
144
+ .LocalizationModal__translations {
145
+ border-left: 1px solid var(--color-border);
146
+ padding-left: 30px;
147
+ margin-right: -30px;
148
+ padding-right: 30px;
149
+ max-height: 80vh;
150
+ overflow: auto;
151
+ }
152
+ .LocalizationModal__translations__header {
153
+ display: flex;
154
+ justify-content: space-between;
155
+ margin-bottom: 30px;
156
+ }
157
+ .LocalizationModal__translations__header__buttons {
158
+ display: flex;
159
+ gap: 8px;
160
+ }
161
+ .LocalizationModal__translations__table {
162
+ display: flex;
163
+ flex-direction: column;
164
+ }
165
+ .LocalizationModal__translations__table__row {
166
+ display: grid;
167
+ grid-template-columns: 1fr 1fr;
168
+ }
169
+ .LocalizationModal__translations__table__row--header {
170
+ align-items: center;
171
+ }
172
+ .LocalizationModal__translations__table__row + .LocalizationModal__translations__table__row {
173
+ border-top: 1px solid var(--color-border);
174
+ padding-top: 12px;
175
+ margin-top: 12px;
176
+ }
177
+ .LocalizationModal__translations__table__header,
178
+ .LocalizationModal__translations__table__col {
179
+ padding-left: 8px;
180
+ padding-right: 8px;
181
+ text-align: left;
182
+ }
183
+ .LocalizationModal__translations__localeSelect {
184
+ display: flex;
185
+ gap: 8px;
186
+ align-items: center;
187
+ }
188
+
189
+ /* ui/components/PublishDocModal/PublishDocModal.css */
190
+ .PublishDocModal .mantine-Modal-title {
39
191
  font-size: 14px;
40
- line-height: 1.5;
41
- font-weight: 400;
42
- color: var(--color-text-default);
192
+ font-weight: 500;
43
193
  }
44
- .text.size\:body-sm {
194
+ .PublishDocModal__content {
45
195
  font-size: 12px;
196
+ line-height: 1.5;
197
+ font-weight: 500;
46
198
  }
47
- .text.size\:body {
48
- font-size: 14px;
199
+ .PublishDocModal__form__publishOptions__label {
200
+ margin-bottom: 8px;
49
201
  }
50
- .text.size\:body-lg {
51
- font-size: 16px;
202
+ .PublishDocModal__form__publishOptions__options {
203
+ display: grid;
204
+ grid-template-columns: 1fr 1fr;
205
+ gap: 12px;
52
206
  }
53
- .text.weight\:regular {
207
+ .PublishDocModal__form__publishOptions__option {
208
+ border: 1px solid var(--color-border);
209
+ padding: 24px 16px;
210
+ border-radius: 4px;
211
+ cursor: pointer;
212
+ opacity: 1;
213
+ transition: all 0.3s ease;
214
+ }
215
+ .PublishDocModal__form__publishOptions__option--unselected {
216
+ opacity: 0.4;
217
+ }
218
+ .PublishDocModal__form__publishOptions__option--unselected:hover {
219
+ opacity: 0.6;
220
+ }
221
+ .PublishDocModal__form__publishOptions__option--selected {
222
+ border-color: #339af0;
223
+ }
224
+ .PublishDocModal__form__publishOptions__option__help {
225
+ padding-left: 24px;
226
+ font-size: 10px;
54
227
  font-weight: 400;
228
+ margin-top: 4px;
55
229
  }
56
- .text.weight\:semi-bold {
57
- font-weight: 500;
230
+ .PublishDocModal__form__publishOptions__option__input {
231
+ display: flex;
232
+ align-items: center;
233
+ gap: 4px;
58
234
  }
59
- .text.weight\:bold {
60
- font-weight: 700;
235
+ .PublishDocModal__form__publishOptions__option__input2 {
236
+ padding-left: 20px;
61
237
  }
62
- .text.color\:gray {
63
- color: var(--color-text-gray);
238
+ .PublishDocModal__form__publishOptions__option__input2 input {
239
+ margin-top: 16px;
240
+ display: block;
241
+ width: 100%;
242
+ border: 1px solid #dedede;
243
+ padding: 6px 8px;
244
+ font-family: inherit;
245
+ font-size: 12px;
64
246
  }
65
- .text.color\:dark {
66
- color: var(--color-text-dark);
247
+ .PublishDocModal__form__publishOptions__option__input2__help {
248
+ font-size: 10px;
249
+ font-weight: 400;
250
+ margin-top: 4px;
251
+ text-align: right;
67
252
  }
68
- .text code {
69
- background: #efefef;
70
- padding: 4px 8px;
71
- border-radius: 2px;
72
- white-space: nowrap;
73
- font-family: var(--font-family-mono);
74
- font-weight: 600;
75
- margin-left: 4px;
76
- margin-right: 4px;
253
+ .PublishDocModal__form__buttons {
254
+ margin-top: 24px;
255
+ display: flex;
256
+ justify-content: flex-end;
257
+ gap: 12px;
77
258
  }
78
259
 
79
260
  /* ui/layout/Layout.css */
@@ -186,22 +367,6 @@
186
367
  max-width: 70ch;
187
368
  }
188
369
 
189
- /* ui/components/SlugInput/SlugInput.css */
190
- .SlugInput__inputs {
191
- display: flex;
192
- gap: 8px;
193
- align-items: center;
194
- }
195
- .SlugInput__slug {
196
- flex: 1;
197
- }
198
- .SlugInput__urlHelp {
199
- margin-top: 8px;
200
- }
201
- .SlugInput__urlHelp::before {
202
- content: "URL: ";
203
- }
204
-
205
370
  /* ui/components/NewDocModal/NewDocModal.css */
206
371
  .NewDocModal__body {
207
372
  font-size: 12px;
@@ -738,133 +903,6 @@
738
903
  margin-right: 10px;
739
904
  }
740
905
 
741
- /* ui/components/LocalizationModal/LocalizationModal.css */
742
- .LocalizationModal .mantine-Modal-modal {
743
- padding: 30px 40px;
744
- }
745
- .LocalizationModal__layout {
746
- display: grid;
747
- grid-template-columns: 400px 1fr;
748
- margin-top: -20px;
749
- margin-bottom: 20px;
750
- }
751
- .LocalizationModal__iconTitle {
752
- display: flex;
753
- align-items: center;
754
- gap: 8px;
755
- }
756
- .LocalizationModal__locales,
757
- .LocalizationModal__translations {
758
- height: 100%;
759
- min-height: 400px;
760
- padding-top: 30px;
761
- padding-bottom: 30px;
762
- }
763
- .LocalizationModal__locales {
764
- padding-right: 30px;
765
- }
766
- .LocalizationModal__translations {
767
- border-left: 1px solid var(--color-border);
768
- padding-left: 30px;
769
- margin-right: -30px;
770
- padding-right: 30px;
771
- max-height: 80vh;
772
- overflow: auto;
773
- }
774
- .LocalizationModal__translations__header {
775
- display: flex;
776
- justify-content: space-between;
777
- margin-bottom: 30px;
778
- }
779
- .LocalizationModal__translations__header__buttons {
780
- display: flex;
781
- gap: 8px;
782
- }
783
- .LocalizationModal__translations__table {
784
- display: flex;
785
- flex-direction: column;
786
- }
787
- .LocalizationModal__translations__table__row {
788
- display: grid;
789
- grid-template-columns: 1fr 1fr;
790
- }
791
- .LocalizationModal__translations__table__row--header {
792
- align-items: center;
793
- }
794
- .LocalizationModal__translations__table__row + .LocalizationModal__translations__table__row {
795
- border-top: 1px solid var(--color-border);
796
- padding-top: 12px;
797
- margin-top: 12px;
798
- }
799
- .LocalizationModal__translations__table__header,
800
- .LocalizationModal__translations__table__col {
801
- padding-left: 8px;
802
- padding-right: 8px;
803
- text-align: left;
804
- }
805
- .LocalizationModal__translations__localeSelect {
806
- display: flex;
807
- gap: 8px;
808
- align-items: center;
809
- }
810
-
811
- /* ui/components/PublishDocModal/PublishDocModal.css */
812
- .PublishDocModal .mantine-Modal-title {
813
- font-size: 14px;
814
- font-weight: 500;
815
- }
816
- .PublishDocModal__content {
817
- font-size: 12px;
818
- line-height: 1.5;
819
- font-weight: 500;
820
- }
821
- .PublishDocModal__form__publishOptions__label {
822
- margin-bottom: 8px;
823
- }
824
- .PublishDocModal__form__publishOptions__options {
825
- display: grid;
826
- grid-template-columns: 1fr 1fr;
827
- gap: 12px;
828
- }
829
- .PublishDocModal__form__publishOptions__option {
830
- border: 1px solid var(--color-border);
831
- padding: 12px;
832
- border-radius: 4px;
833
- }
834
- .PublishDocModal__form__publishOptions__option__help {
835
- padding-left: 24px;
836
- font-size: 10px;
837
- font-weight: 400;
838
- margin-top: 4px;
839
- }
840
- .PublishDocModal__form__publishOptions__option__input input {
841
- padding-top: 4px;
842
- }
843
- .PublishDocModal__form__publishOptions__option__input2 {
844
- padding-left: 20px;
845
- }
846
- .PublishDocModal__form__publishOptions__option__input2 input {
847
- margin-top: 16px;
848
- display: block;
849
- width: 100%;
850
- border: 1px solid #dedede;
851
- padding: 6px 8px;
852
- font-family: inherit;
853
- font-size: 12px;
854
- }
855
- .PublishDocModal__form__publishOptions__option__input2__help {
856
- font-size: 10px;
857
- font-weight: 400;
858
- margin-top: 4px;
859
- text-align: right;
860
- }
861
- .PublishDocModal__form__buttons {
862
- margin-top: 24px;
863
- display: flex;
864
- justify-content: flex-end;
865
- gap: 12px;
866
- }
867
-
868
906
  /* ui/pages/DocumentPage/DocumentPage.css */
869
907
  .DocumentPage {
870
908
  --top-bar-height: 36px;
@@ -1236,27 +1274,3 @@ body.menu\:open {
1236
1274
  color: var(--color-text-default);
1237
1275
  border-bottom-color: lightblue;
1238
1276
  }
1239
-
1240
- /* ui/components/CopyDocModal/CopyDocModal.css */
1241
- .CopyDocModal__from__label,
1242
- .CopyDocModal__to__label {
1243
- margin-bottom: 8px;
1244
- }
1245
- .CopyDocModal__from__value code {
1246
- margin-left: 0;
1247
- }
1248
- .CopyDocModal__to {
1249
- margin-top: 16px;
1250
- }
1251
- .CopyDocModal__error {
1252
- margin: 24px 0;
1253
- font-size: 14px;
1254
- color: red;
1255
- font-weight: 600;
1256
- }
1257
- .CopyDocModal__buttons {
1258
- margin-top: 24px;
1259
- display: flex;
1260
- justify-content: flex-end;
1261
- gap: 12px;
1262
- }