@symbo.ls/init 2.11.287 → 2.11.291

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 (2) hide show
  1. package/dynamic.json +620 -3
  2. package/package.json +2 -2
package/dynamic.json CHANGED
@@ -1,5 +1,622 @@
1
1
  {
2
- "version": 2,
3
- "id": "1005dfc688",
4
- "key": "staub.symbo.ls"
2
+ "key": "rosi.symbo.ls",
3
+ "name": "Rosi Studios",
4
+ "files": {
5
+ "app.js": {
6
+ "content": {},
7
+ "code": "{ LayoutNav: {} }",
8
+ "key": "app.js",
9
+ "type": "code",
10
+ "format": "js"
11
+ }
12
+ },
13
+ "state": {},
14
+ "components": {
15
+ "Layout": {
16
+ "content": {
17
+ "props": {
18
+ "ignoreChildExtend": true,
19
+ "position": "absolute",
20
+ "inset": "3.75vw 3.75vw 3.75vw 3.75vw",
21
+ "overflow": "hidden"
22
+ }
23
+ }
24
+ },
25
+ "Logo": {
26
+ "extend": [
27
+ "Link"
28
+ ],
29
+ "props": {
30
+ "href": "/"
31
+ },
32
+ "Icon": {
33
+ "name": "logo",
34
+ "fontSize": "I"
35
+ }
36
+ },
37
+ "FrameLine": {
38
+ "extend": [
39
+ "Flex"
40
+ ],
41
+ "tag": "nav",
42
+ "props": {
43
+ "whiteSpace": "nowrap",
44
+ "align": "center",
45
+ "gap": "0",
46
+ ":nth-child(even)": {
47
+ "> a": {
48
+ ":before": {
49
+ "left": "W",
50
+ "right": "auto",
51
+ "bottom": "100%",
52
+ "top": "Z",
53
+ "transition": "A bottom ease",
54
+ "borderWidth": "0 0 3px 0"
55
+ },
56
+ ":hover:before": {
57
+ "bottom": "Z"
58
+ }
59
+ }
60
+ },
61
+ "childProps": {
62
+ "gap": "X",
63
+ "padding": "X 1ch"
64
+ }
65
+ },
66
+ "childExtend": {
67
+ "extend": "Navlink",
68
+ "Span": {}
69
+ },
70
+ "$propsCollection": [
71
+ {
72
+ "href": "/",
73
+ "class": "logo",
74
+ "position": "absolute",
75
+ "left": "0",
76
+ "background": "black",
77
+ "padding": "",
78
+ "margin": "- -Y1 - 0",
79
+ "style": {
80
+ "padding": "0 !important"
81
+ },
82
+ "zIndex": 2,
83
+ "$href": null,
84
+ ":after": {
85
+ "hide": true
86
+ },
87
+ ":before": {
88
+ "hide": true
89
+ },
90
+ "Icon": {
91
+ "name": "logo",
92
+ "fontSize": "1.5em"
93
+ }
94
+ },
95
+ {
96
+ "text": "Rosi Studios",
97
+ "href": "/"
98
+ },
99
+ {
100
+ "text": "Archive",
101
+ "href": "/archive"
102
+ },
103
+ {
104
+ "text": "Services",
105
+ "href": "/services"
106
+ },
107
+ {
108
+ "text": "About",
109
+ "href": "/about"
110
+ },
111
+ {
112
+ "text": "hello@rosistudios.com",
113
+ "href": "/about"
114
+ },
115
+ {
116
+ "text": "Working hours",
117
+ "href": "/about"
118
+ },
119
+ {
120
+ "text": "10am - 6pm",
121
+ "href": "/about"
122
+ },
123
+ {
124
+ "text": "Monday - Friday",
125
+ "href": "/about",
126
+ "@widescreen": {
127
+ "hide": true
128
+ },
129
+ "@square": {
130
+ "show": true
131
+ }
132
+ },
133
+ {
134
+ "text": "Contact",
135
+ "href": "/about",
136
+ "@ultrawidescreen": {
137
+ "hide": true
138
+ }
139
+ },
140
+ {
141
+ "text": "29 Tabukashvili Street",
142
+ "href": "/about"
143
+ },
144
+ {
145
+ "text": "0108",
146
+ "href": "/about"
147
+ },
148
+ {
149
+ "text": "Tbilisi",
150
+ "href": "/about"
151
+ },
152
+ {
153
+ "text": "Georgia",
154
+ "href": "/about"
155
+ },
156
+ {
157
+ "text": "+995 555 025 252",
158
+ "href": "/about"
159
+ },
160
+ {
161
+ "Span": {
162
+ "text": "Follow on ",
163
+ "@ultrawidescreen": {
164
+ "hide": true
165
+ }
166
+ },
167
+ "text": "Instagram",
168
+ "target": "_blank",
169
+ "href": "/"
170
+ },
171
+ {
172
+ "flexFlow": "row",
173
+ "text": "Copyright © 2024",
174
+ "Span": {
175
+ "order": 2,
176
+ "text": " All rights reserved",
177
+ "@widescreen": {
178
+ "hide": true
179
+ }
180
+ }
181
+ }
182
+ ]
183
+ },
184
+ "Navlink": {
185
+ "extend": "Link",
186
+ "props": {
187
+ "lineHeight": "1",
188
+ "position": "relative",
189
+ "$href": {
190
+ ":after": {
191
+ "content": "''",
192
+ "position": "absolute",
193
+ "bottom": "W",
194
+ "left": "Z",
195
+ "right": "Z",
196
+ "borderWidth": "0 0 3px",
197
+ "borderStyle": "solid",
198
+ "borderColor": "primary",
199
+ "opacity": 0
200
+ },
201
+ ":hover:after": {
202
+ "opacity": 1
203
+ }
204
+ },
205
+ ":before": {
206
+ "content": "\"•\"",
207
+ "position": "absolute",
208
+ "top": "50%",
209
+ "left": "100%",
210
+ "transform": "translate3d(-50%, -50%, 1px)"
211
+ }
212
+ },
213
+ "Icon": {
214
+ "if": "({\n props\n }) => props.src"
215
+ }
216
+ },
217
+ "LayoutNav": {
218
+ "props": "() => ({\n position: 'absolute',\n top: '3.75vw',\n left: '3.75vw',\n right: '3.75vw',\n bottom: '3.75vw',\n '--vertical-offset': '2.5vw',\n '--type-tail': 'calc(-1 * var(--spacing-Z))',\n\n '@tabletS': {\n '--vertical-offset': '4.5vw',\n top: '6.5vw',\n left: '6.5vw',\n right: '6.5vw',\n bottom: '6.5vw',\n },\n '!loaded': {\n '& nav': {\n opacity: '0',\n margin: '- - - 1.5em',\n transition: 'E all ease',\n }\n },\n onRender: (el, s) => {\n if (s.loaded) return\n const t = setTimeout(() => {\n el.setProps({\n '& nav': {\n margin: '0',\n opacity: '1',\n },\n })\n s.loaded = true\n clearTimeout(t)\n }, 250)\n },\n })",
219
+ "childExtend": {
220
+ "props": {
221
+ "fontSize": "2.755vw",
222
+ "position": "absolute",
223
+ "overflow": "hidden",
224
+ "lineHeight": "1",
225
+ "@wideportrait": {
226
+ "fontSize": "3.96vw"
227
+ },
228
+ "@ultrawideportrait": {
229
+ "fontSize": "5.75vw"
230
+ },
231
+ ":nth-child(odd)": {
232
+ "> nav": {
233
+ "> a:before": {
234
+ "top": "100%",
235
+ "left": "50%",
236
+ "transform": "translate3d(-50%, -50%, 1px)"
237
+ },
238
+ "> a:after": {
239
+ "top": "Z",
240
+ "bottom": "Z",
241
+ "right": "auto",
242
+ "left": "W"
243
+ }
244
+ }
245
+ }
246
+ }
247
+ },
248
+ "content": {
249
+ "props": {
250
+ "ignoreChildExtend": true,
251
+ "position": "absolute",
252
+ "inset": "3.75vw 3.75vw 3.75vw 3.75vw",
253
+ "overflow": "hidden"
254
+ }
255
+ },
256
+ "Top": {
257
+ "props": {
258
+ "top": "--type-tail",
259
+ "left": "-Z",
260
+ "right": "0"
261
+ },
262
+ "FrameLine": {
263
+ "padding": "- - - 1.35em",
264
+ "content": {
265
+ "childProps": {
266
+ "@ultrawideportrait": {
267
+ ":nth-child(2)": {
268
+ "hide": true
269
+ }
270
+ }
271
+ }
272
+ }
273
+ }
274
+ },
275
+ "Right": {
276
+ "props": {
277
+ "right": "--type-tail",
278
+ "top": "--vertical-offset",
279
+ "bottom": "--vertical-offset",
280
+ "style": {
281
+ "writingMode": "tb"
282
+ },
283
+ "@landscape": {
284
+ "letterSpacing": "0.185vmin"
285
+ },
286
+ "@ultrawidescreen": {
287
+ "letterSpacing": "0.0375vmin"
288
+ },
289
+ "@narrowscreen": {
290
+ "letterSpacing": "0.5375vmin"
291
+ },
292
+ "@square": {
293
+ "letterSpacing": "0.0375em"
294
+ },
295
+ "@wideportrait": {
296
+ "letterSpacing": "0.035em"
297
+ }
298
+ },
299
+ "FrameLine": {
300
+ "align": "center center",
301
+ "transform": "translate3d(0, 0, 0)",
302
+ "content": {
303
+ "childProps": {
304
+ "@landscape": {
305
+ ":nth-child(-n + 6)": {
306
+ "hide": true
307
+ },
308
+ ":nth-child(n + 10)": {
309
+ ":before": {
310
+ "hide": true
311
+ }
312
+ },
313
+ ":nth-child(n + 11)": {
314
+ "hide": true
315
+ }
316
+ },
317
+ "@wideportrait": {
318
+ ":nth-child(-n + 5)": {
319
+ "hide": true
320
+ },
321
+ ":nth-child(n + 8)": {
322
+ ":before": {
323
+ "hide": true
324
+ }
325
+ },
326
+ ":nth-child(n + 9)": {
327
+ "hide": true
328
+ }
329
+ }
330
+ }
331
+ }
332
+ }
333
+ },
334
+ "Bottom": {
335
+ "props": {
336
+ "transform": "scale(-1)",
337
+ "top": "initial",
338
+ "bottom": "--type-tail",
339
+ "left": "0",
340
+ "right": "0",
341
+ "@wideportrait": {
342
+ "letterSpacing": "0.02em"
343
+ }
344
+ },
345
+ "FrameLine": {
346
+ ":before": {
347
+ "content": "\"•\"",
348
+ "margin": "- -.2em 0 0"
349
+ },
350
+ "childProps": {
351
+ "@landscape": {
352
+ ":nth-child(-n + 10)": {
353
+ "hide": true
354
+ }
355
+ },
356
+ "@wideportrait": {
357
+ "order": 3,
358
+ ":nth-child(-n + 10)": {
359
+ "hide": true
360
+ },
361
+ ":nth-child(12)": {
362
+ "hide": true
363
+ },
364
+ ":nth-child(13)": {
365
+ "hide": true
366
+ },
367
+ ":nth-child(14)": {
368
+ "hide": true
369
+ },
370
+ ":nth-child(15)": {
371
+ "order": 1
372
+ },
373
+ ":nth-child(11)": {
374
+ "order": 2
375
+ }
376
+ },
377
+ "@ultrawideportrait": {
378
+ ":nth-child(12)": {
379
+ "hide": false,
380
+ "show": true,
381
+ "display": "block !important"
382
+ },
383
+ ":nth-child(15)": {
384
+ "hide": true
385
+ },
386
+ ":nth-child(16)": {
387
+ "hide": true
388
+ },
389
+ ":nth-child(17)": {
390
+ "hide": true
391
+ }
392
+ }
393
+ }
394
+ }
395
+ },
396
+ "Left": {
397
+ "props": {
398
+ "left": "--type-tail",
399
+ "top": "--vertical-offset",
400
+ "bottom": "--vertical-offset",
401
+ "transform": "scale(-1) translate3d(0,-.125em,0)",
402
+ "letterSpacing": "-0.035em",
403
+ "style": {
404
+ "writingMode": "tb"
405
+ },
406
+ "@landscape": {
407
+ "letterSpacing": "0.035vmin"
408
+ },
409
+ "@ultrawidescreen": {
410
+ "letterSpacing": "-0.025em"
411
+ },
412
+ "@narrowscreen": {
413
+ "letterSpacing": "0.37vmin"
414
+ },
415
+ "@square": {
416
+ "letterSpacing": "0.025em"
417
+ },
418
+ "@wideportrait": {
419
+ "letterSpacing": "-0.025em"
420
+ }
421
+ },
422
+ "FrameLine": {
423
+ "align": "center center",
424
+ "content": {
425
+ "childProps": {
426
+ "@landscape": {
427
+ ":nth-child(-n + 15)": {
428
+ "hide": true
429
+ },
430
+ ":last-child:before": {
431
+ "hide": true
432
+ }
433
+ },
434
+ "@portrait": {
435
+ "& span": {
436
+ "hide": true
437
+ },
438
+ ":nth-child(15)": {
439
+ "hide": true
440
+ },
441
+ ":nth-child(-n + 11)": {
442
+ "hide": true
443
+ },
444
+ ":last-child:before": {
445
+ "hide": true
446
+ }
447
+ }
448
+ }
449
+ }
450
+ }
451
+ }
452
+ }
453
+ },
454
+ "pages": {
455
+ "/": {
456
+ "extend": "LayoutNav"
457
+ },
458
+ "/archive": {
459
+ "props": {},
460
+ "extend": "LayoutNav",
461
+ "content": {
462
+ "props": {
463
+ "flexAlign": "center center"
464
+ },
465
+ "H1": {
466
+ "textAlign": "center",
467
+ "text": "archive"
468
+ }
469
+ }
470
+ },
471
+ "/services": {
472
+ "props": {},
473
+ "extend": "LayoutNav",
474
+ "content": {
475
+ "props": {
476
+ "flexAlign": "center center"
477
+ },
478
+ "H1": {
479
+ "textAlign": "center",
480
+ "text": "services"
481
+ }
482
+ }
483
+ },
484
+ "/about": {
485
+ "props": {},
486
+ "extend": "LayoutNav",
487
+ "content": {
488
+ "props": {
489
+ "flexAlign": "center center"
490
+ },
491
+ "H1": {
492
+ "textAlign": "center",
493
+ "text": "about"
494
+ }
495
+ }
496
+ }
497
+ },
498
+ "snippets": {},
499
+ "id": "102bd4c6f0",
500
+ "designSystem": {
501
+ "COLOR": {
502
+ "light": "#ffffff",
503
+ "gray": "#6e6e72",
504
+ "dark": "#000000",
505
+ "primary": [
506
+ "--dark",
507
+ "--light"
508
+ ]
509
+ },
510
+ "GRADIENT": {},
511
+ "THEME": {
512
+ "document": {
513
+ "@dark": {
514
+ "background": "dark",
515
+ "color": "light"
516
+ },
517
+ "@light": {
518
+ "background": "light",
519
+ "color": "dark"
520
+ }
521
+ },
522
+ "primary": {}
523
+ },
524
+ "FONT": {
525
+ "RS-Professional": [
526
+ {
527
+ "url": "https://based-files-production.based.dev/enD5U3P7x0/fia5bde6eb/a2d2cc96-6d17-4199-8922-dbff01ea0d5c-08873076-1679-4df8-a403-30478e4a23ec-ea1c9be0-00e8-4450-a2d0-be00190d7bee.woff",
528
+ "fontStyle": "normal",
529
+ "fontWeight": "600",
530
+ "fontDisplay": "swap",
531
+ "isVariable": true
532
+ }
533
+ ],
534
+ "Figtree": [
535
+ {
536
+ "url": "https://based-files-production.based.dev/enD5U3P7x0/fi98a58619/37999dcc-71ab-4bbb-b72f-3d82b415a5d7-68517462-18eb-4b0a-93c9-7159ccf6e251-621a5448-8e66-49db-96cb-51fe9ec1acdd.woff",
537
+ "fontStyle": "normal",
538
+ "fontWeight": "600",
539
+ "fontDisplay": "swap",
540
+ "isVariable": true
541
+ }
542
+ ]
543
+ },
544
+ "FONT_FAMILY": {
545
+ "def": {
546
+ "type": "serif",
547
+ "value": [
548
+ "RS-Professional",
549
+ "Figtree"
550
+ ]
551
+ }
552
+ },
553
+ "TYPOGRAPHY": {
554
+ "base": 16,
555
+ "ratio": 1.25,
556
+ "subSequence": true,
557
+ "templates": {
558
+ "h1": {},
559
+ "h2": {},
560
+ "h3": {},
561
+ "h4": {},
562
+ "h5": {},
563
+ "h6": {},
564
+ "body": {}
565
+ },
566
+ "@custom": {
567
+ "base": 16,
568
+ "ratio": 1.25
569
+ },
570
+ "@mobileXS": {
571
+ "base": 16,
572
+ "ratio": 1.25
573
+ },
574
+ "@tabletS": {
575
+ "base": 16,
576
+ "ratio": 1.25
577
+ },
578
+ "@tabletL": {
579
+ "base": 16,
580
+ "ratio": 1.25
581
+ },
582
+ "@screenM": {
583
+ "base": 16,
584
+ "ratio": 1.25
585
+ }
586
+ },
587
+ "SPACING": {
588
+ "base": 16,
589
+ "ratio": 1.618,
590
+ "subSequence": true
591
+ },
592
+ "TIMING": {
593
+ "base": 150,
594
+ "ratio": 1.333,
595
+ "subSequence": true
596
+ },
597
+ "MEDIA": {
598
+ "landscape": "(orientation: landscape)",
599
+ "portrait": "(orientation: portrait)",
600
+ "ultrawidescreen": "(min-aspect-ratio: 5/3)",
601
+ "widescreen": "(min-aspect-ratio: 5/4)",
602
+ "narrowscreen": "(max-aspect-ratio: 4/3) and (min-aspect-ratio: 1/1)",
603
+ "square": "(min-aspect-ratio: 4/5) and (max-aspect-ratio: 5/4)",
604
+ "narrowportrait": "(max-aspect-ratio: 3/4) and (min-aspect-ratio: 1/1)",
605
+ "wideportrait": "(max-aspect-ratio: 4/5)",
606
+ "ultrawideportrait": "(max-aspect-ratio: 3/5)"
607
+ },
608
+ "RESET": {},
609
+ "ANIMATION": {},
610
+ "useReset": true,
611
+ "useVariable": true,
612
+ "useFontImport": true,
613
+ "useIconSprite": true,
614
+ "useSvgSprite": true,
615
+ "useDefaultConfig": true,
616
+ "useDocumentTheme": true,
617
+ "verbose": false,
618
+ "ICONS": {
619
+ "logo": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path d=\"M9.11861199,11.0779445 C10.867171,10.3593456 11.8798375,8.84811038 11.9015452,6.98193084 C11.9123991,6.02452485 11.9142081,5.01812348 11.9069721,3.96272673 C11.9067982,3.93113012 11.9245599,3.9024403 11.953285,3.88791931 C11.9820101,3.87339832 12.0171138,3.87536388 12.0448163,3.89304441 L23.3740897,11.2869914 C23.4532043,11.3393059 23.5005787,11.4282063 23.5,11.5232581 C23.4956531,12.3296857 23.4913116,13.1611554 23.48697,14.0176672 C23.4833521,14.6498891 23.3643212,15.2472698 23.1298776,15.8098093 C22.5336381,17.2412002 21.4916662,18.2022355 20.0039619,18.6929151 C19.6457841,18.8112299 19.293395,18.8707502 18.9467946,18.8714761 C16.93521,18.8780088 14.6790515,18.8798234 12.178319,18.87692 C11.9699246,18.87692 11.77962,18.8188514 11.6074052,18.7027142 C11.2781711,18.4813277 10.9464043,18.2624817 10.612105,18.0461761 C8.96448698,16.982795 7.38380118,15.9546179 5.87004759,14.9616449 C4.23834857,13.891731 2.55889251,12.8011301 0.83167941,11.6898423 C0.726035039,11.6216117 0.625455809,11.5548329 0.529941721,11.4895057 C0.500998057,11.4691817 0.49303855,11.4430508 0.506063198,11.4111131 C0.517337731,11.3814997 0.545435619,11.3619864 0.576613378,11.3621177 C2.93913989,11.355585 5.23473418,11.3552221 7.46339625,11.3610289 C8.10160402,11.3632065 8.6533426,11.268845 9.11861199,11.0779445 Z\"/></svg>"
620
+ }
621
+ }
5
622
  }
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "name": "@symbo.ls/init",
3
- "version": "2.11.287",
3
+ "version": "2.11.291",
4
4
  "license": "MIT",
5
- "gitHead": "1934845b94ac60bae55b132d6ed0cd9b9320b914",
5
+ "gitHead": "54f3dd0f443356a9cc26b3005ad352d5333f0c11",
6
6
  "source": "index.js",
7
7
  "main": "index.js",
8
8
  "dependencies": {