@mittwald/flow-design-tokens 0.2.0-alpha.860 → 0.2.0-alpha.862
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/css/all-dark.css +10 -2
- package/dist/css/all-light.css +10 -2
- package/dist/css/base.css +10 -2
- package/dist/json/all-dark.json +156 -4
- package/dist/json/all-light.json +156 -4
- package/dist/json/base.json +156 -4
- package/package.json +2 -2
package/dist/css/all-dark.css
CHANGED
|
@@ -510,9 +510,15 @@
|
|
|
510
510
|
--tabs--padding: var(--size-px--m);
|
|
511
511
|
--tabs--font-weight--selected: var(--font-weight--bold);
|
|
512
512
|
--tabs--spacing: var(--size-rem--s);
|
|
513
|
-
--light-box--max-width: calc(100dvw - var(--size-px--
|
|
514
|
-
--light-box--max-height: calc(100dvh - var(--size-px--
|
|
513
|
+
--light-box--max-width: calc(100dvw - var(--size-px--xxl));
|
|
514
|
+
--light-box--max-height: calc(100dvh - var(--size-px--xxl));
|
|
515
|
+
--light-box--max-width-mobile: calc(100dvw - var(--size-px--l));
|
|
516
|
+
--light-box--max-height-mobile: calc(100dvh - var(--size-px--l));
|
|
515
517
|
--light-box--spacing: var(--size-px--m);
|
|
518
|
+
--light-box--indicator-spacing: var(--size-px--xs);
|
|
519
|
+
--light-box--indicator-size: var(--size-px--m);
|
|
520
|
+
--light-box--indicator-border-style: var(--border-style--default);
|
|
521
|
+
--light-box--indicator-corner-radius: var(--corner-radius--round);
|
|
516
522
|
--modal--padding: var(--size-px--l);
|
|
517
523
|
--modal--padding-mobile: var(--size-px--m);
|
|
518
524
|
--modal--border-style: var(--border-style--default);
|
|
@@ -996,6 +1002,8 @@
|
|
|
996
1002
|
--link--color-light-static--hover: var(--light-static--color--700);
|
|
997
1003
|
--link--color-light-static--pressed: var(--light-static--color--600);
|
|
998
1004
|
--tabs--background-color--selected: var(--neutral--color--100);
|
|
1005
|
+
--light-box--indicator-border-width: var(--border-width--200);
|
|
1006
|
+
--light-box--content-color: var(--light-static--color--800);
|
|
999
1007
|
--modal--corner-radius: var(--corner-radius--l);
|
|
1000
1008
|
--modal--background-color: var(--neutral--color--100);
|
|
1001
1009
|
--modal--footer-background-color: var(--neutral--color--200);
|
package/dist/css/all-light.css
CHANGED
|
@@ -510,9 +510,15 @@
|
|
|
510
510
|
--tabs--padding: var(--size-px--m);
|
|
511
511
|
--tabs--font-weight--selected: var(--font-weight--bold);
|
|
512
512
|
--tabs--spacing: var(--size-rem--s);
|
|
513
|
-
--light-box--max-width: calc(100dvw - var(--size-px--
|
|
514
|
-
--light-box--max-height: calc(100dvh - var(--size-px--
|
|
513
|
+
--light-box--max-width: calc(100dvw - var(--size-px--xxl));
|
|
514
|
+
--light-box--max-height: calc(100dvh - var(--size-px--xxl));
|
|
515
|
+
--light-box--max-width-mobile: calc(100dvw - var(--size-px--l));
|
|
516
|
+
--light-box--max-height-mobile: calc(100dvh - var(--size-px--l));
|
|
515
517
|
--light-box--spacing: var(--size-px--m);
|
|
518
|
+
--light-box--indicator-spacing: var(--size-px--xs);
|
|
519
|
+
--light-box--indicator-size: var(--size-px--m);
|
|
520
|
+
--light-box--indicator-border-style: var(--border-style--default);
|
|
521
|
+
--light-box--indicator-corner-radius: var(--corner-radius--round);
|
|
516
522
|
--modal--padding: var(--size-px--l);
|
|
517
523
|
--modal--padding-mobile: var(--size-px--m);
|
|
518
524
|
--modal--border-style: var(--border-style--default);
|
|
@@ -996,6 +1002,8 @@
|
|
|
996
1002
|
--link--color-light-static--hover: var(--light-static--color--700);
|
|
997
1003
|
--link--color-light-static--pressed: var(--light-static--color--600);
|
|
998
1004
|
--tabs--background-color--selected: var(--neutral--color--100);
|
|
1005
|
+
--light-box--indicator-border-width: var(--border-width--200);
|
|
1006
|
+
--light-box--content-color: var(--light-static--color--800);
|
|
999
1007
|
--modal--corner-radius: var(--corner-radius--l);
|
|
1000
1008
|
--modal--background-color: var(--neutral--color--100);
|
|
1001
1009
|
--modal--footer-background-color: var(--neutral--color--200);
|
package/dist/css/base.css
CHANGED
|
@@ -353,9 +353,15 @@
|
|
|
353
353
|
--tabs--padding: var(--size-px--m);
|
|
354
354
|
--tabs--font-weight--selected: var(--font-weight--bold);
|
|
355
355
|
--tabs--spacing: var(--size-rem--s);
|
|
356
|
-
--light-box--max-width: calc(100dvw - var(--size-px--
|
|
357
|
-
--light-box--max-height: calc(100dvh - var(--size-px--
|
|
356
|
+
--light-box--max-width: calc(100dvw - var(--size-px--xxl));
|
|
357
|
+
--light-box--max-height: calc(100dvh - var(--size-px--xxl));
|
|
358
|
+
--light-box--max-width-mobile: calc(100dvw - var(--size-px--l));
|
|
359
|
+
--light-box--max-height-mobile: calc(100dvh - var(--size-px--l));
|
|
358
360
|
--light-box--spacing: var(--size-px--m);
|
|
361
|
+
--light-box--indicator-spacing: var(--size-px--xs);
|
|
362
|
+
--light-box--indicator-size: var(--size-px--m);
|
|
363
|
+
--light-box--indicator-border-style: var(--border-style--default);
|
|
364
|
+
--light-box--indicator-corner-radius: var(--corner-radius--round);
|
|
359
365
|
--modal--padding: var(--size-px--l);
|
|
360
366
|
--modal--padding-mobile: var(--size-px--m);
|
|
361
367
|
--modal--border-style: var(--border-style--default);
|
|
@@ -839,6 +845,8 @@
|
|
|
839
845
|
--link--color-light-static--hover: var(--light-static--color--700);
|
|
840
846
|
--link--color-light-static--pressed: var(--light-static--color--600);
|
|
841
847
|
--tabs--background-color--selected: var(--neutral--color--100);
|
|
848
|
+
--light-box--indicator-border-width: var(--border-width--200);
|
|
849
|
+
--light-box--content-color: var(--light-static--color--800);
|
|
842
850
|
--modal--corner-radius: var(--corner-radius--l);
|
|
843
851
|
--modal--background-color: var(--neutral--color--100);
|
|
844
852
|
--modal--footer-background-color: var(--neutral--color--200);
|
package/dist/json/all-dark.json
CHANGED
|
@@ -22434,11 +22434,11 @@
|
|
|
22434
22434
|
"light-box": {
|
|
22435
22435
|
"max-width": {
|
|
22436
22436
|
"key": "{light-box.max-width}",
|
|
22437
|
-
"value": "calc(100dvw -
|
|
22437
|
+
"value": "calc(100dvw - 64px)",
|
|
22438
22438
|
"filePath": "src/overlays/light-box.yml",
|
|
22439
22439
|
"isSource": true,
|
|
22440
22440
|
"original": {
|
|
22441
|
-
"value": "calc(100dvw - {size-px.
|
|
22441
|
+
"value": "calc(100dvw - {size-px.xxl})",
|
|
22442
22442
|
"key": "{light-box.max-width}"
|
|
22443
22443
|
},
|
|
22444
22444
|
"name": "LightBoxMaxWidth",
|
|
@@ -22453,11 +22453,11 @@
|
|
|
22453
22453
|
},
|
|
22454
22454
|
"max-height": {
|
|
22455
22455
|
"key": "{light-box.max-height}",
|
|
22456
|
-
"value": "calc(100dvh -
|
|
22456
|
+
"value": "calc(100dvh - 64px)",
|
|
22457
22457
|
"filePath": "src/overlays/light-box.yml",
|
|
22458
22458
|
"isSource": true,
|
|
22459
22459
|
"original": {
|
|
22460
|
-
"value": "calc(100dvh - {size-px.
|
|
22460
|
+
"value": "calc(100dvh - {size-px.xxl})",
|
|
22461
22461
|
"key": "{light-box.max-height}"
|
|
22462
22462
|
},
|
|
22463
22463
|
"name": "LightBoxMaxHeight",
|
|
@@ -22470,6 +22470,44 @@
|
|
|
22470
22470
|
"max-height"
|
|
22471
22471
|
]
|
|
22472
22472
|
},
|
|
22473
|
+
"max-width-mobile": {
|
|
22474
|
+
"key": "{light-box.max-width-mobile}",
|
|
22475
|
+
"value": "calc(100dvw - 24px)",
|
|
22476
|
+
"filePath": "src/overlays/light-box.yml",
|
|
22477
|
+
"isSource": true,
|
|
22478
|
+
"original": {
|
|
22479
|
+
"value": "calc(100dvw - {size-px.l})",
|
|
22480
|
+
"key": "{light-box.max-width-mobile}"
|
|
22481
|
+
},
|
|
22482
|
+
"name": "LightBoxMaxWidthMobile",
|
|
22483
|
+
"attributes": {
|
|
22484
|
+
"category": "light-box",
|
|
22485
|
+
"type": "max-width-mobile"
|
|
22486
|
+
},
|
|
22487
|
+
"path": [
|
|
22488
|
+
"light-box",
|
|
22489
|
+
"max-width-mobile"
|
|
22490
|
+
]
|
|
22491
|
+
},
|
|
22492
|
+
"max-height-mobile": {
|
|
22493
|
+
"key": "{light-box.max-height-mobile}",
|
|
22494
|
+
"value": "calc(100dvh - 24px)",
|
|
22495
|
+
"filePath": "src/overlays/light-box.yml",
|
|
22496
|
+
"isSource": true,
|
|
22497
|
+
"original": {
|
|
22498
|
+
"value": "calc(100dvh - {size-px.l})",
|
|
22499
|
+
"key": "{light-box.max-height-mobile}"
|
|
22500
|
+
},
|
|
22501
|
+
"name": "LightBoxMaxHeightMobile",
|
|
22502
|
+
"attributes": {
|
|
22503
|
+
"category": "light-box",
|
|
22504
|
+
"type": "max-height-mobile"
|
|
22505
|
+
},
|
|
22506
|
+
"path": [
|
|
22507
|
+
"light-box",
|
|
22508
|
+
"max-height-mobile"
|
|
22509
|
+
]
|
|
22510
|
+
},
|
|
22473
22511
|
"spacing": {
|
|
22474
22512
|
"key": "{light-box.spacing}",
|
|
22475
22513
|
"value": "16px",
|
|
@@ -22488,6 +22526,120 @@
|
|
|
22488
22526
|
"light-box",
|
|
22489
22527
|
"spacing"
|
|
22490
22528
|
]
|
|
22529
|
+
},
|
|
22530
|
+
"indicator-spacing": {
|
|
22531
|
+
"key": "{light-box.indicator-spacing}",
|
|
22532
|
+
"value": "4px",
|
|
22533
|
+
"filePath": "src/overlays/light-box.yml",
|
|
22534
|
+
"isSource": true,
|
|
22535
|
+
"original": {
|
|
22536
|
+
"value": "{size-px.xs}",
|
|
22537
|
+
"key": "{light-box.indicator-spacing}"
|
|
22538
|
+
},
|
|
22539
|
+
"name": "LightBoxIndicatorSpacing",
|
|
22540
|
+
"attributes": {
|
|
22541
|
+
"category": "light-box",
|
|
22542
|
+
"type": "indicator-spacing"
|
|
22543
|
+
},
|
|
22544
|
+
"path": [
|
|
22545
|
+
"light-box",
|
|
22546
|
+
"indicator-spacing"
|
|
22547
|
+
]
|
|
22548
|
+
},
|
|
22549
|
+
"indicator-size": {
|
|
22550
|
+
"key": "{light-box.indicator-size}",
|
|
22551
|
+
"value": "16px",
|
|
22552
|
+
"filePath": "src/overlays/light-box.yml",
|
|
22553
|
+
"isSource": true,
|
|
22554
|
+
"original": {
|
|
22555
|
+
"value": "{size-px.m}",
|
|
22556
|
+
"key": "{light-box.indicator-size}"
|
|
22557
|
+
},
|
|
22558
|
+
"name": "LightBoxIndicatorSize",
|
|
22559
|
+
"attributes": {
|
|
22560
|
+
"category": "light-box",
|
|
22561
|
+
"type": "indicator-size"
|
|
22562
|
+
},
|
|
22563
|
+
"path": [
|
|
22564
|
+
"light-box",
|
|
22565
|
+
"indicator-size"
|
|
22566
|
+
]
|
|
22567
|
+
},
|
|
22568
|
+
"indicator-border-width": {
|
|
22569
|
+
"key": "{light-box.indicator-border-width}",
|
|
22570
|
+
"value": "2px",
|
|
22571
|
+
"filePath": "src/overlays/light-box.yml",
|
|
22572
|
+
"isSource": true,
|
|
22573
|
+
"original": {
|
|
22574
|
+
"value": "{border-width.200}",
|
|
22575
|
+
"key": "{light-box.indicator-border-width}"
|
|
22576
|
+
},
|
|
22577
|
+
"name": "LightBoxIndicatorBorderWidth",
|
|
22578
|
+
"attributes": {
|
|
22579
|
+
"category": "light-box",
|
|
22580
|
+
"type": "indicator-border-width"
|
|
22581
|
+
},
|
|
22582
|
+
"path": [
|
|
22583
|
+
"light-box",
|
|
22584
|
+
"indicator-border-width"
|
|
22585
|
+
]
|
|
22586
|
+
},
|
|
22587
|
+
"indicator-border-style": {
|
|
22588
|
+
"key": "{light-box.indicator-border-style}",
|
|
22589
|
+
"value": "solid",
|
|
22590
|
+
"filePath": "src/overlays/light-box.yml",
|
|
22591
|
+
"isSource": true,
|
|
22592
|
+
"original": {
|
|
22593
|
+
"value": "{border-style.default}",
|
|
22594
|
+
"key": "{light-box.indicator-border-style}"
|
|
22595
|
+
},
|
|
22596
|
+
"name": "LightBoxIndicatorBorderStyle",
|
|
22597
|
+
"attributes": {
|
|
22598
|
+
"category": "light-box",
|
|
22599
|
+
"type": "indicator-border-style"
|
|
22600
|
+
},
|
|
22601
|
+
"path": [
|
|
22602
|
+
"light-box",
|
|
22603
|
+
"indicator-border-style"
|
|
22604
|
+
]
|
|
22605
|
+
},
|
|
22606
|
+
"indicator-corner-radius": {
|
|
22607
|
+
"key": "{light-box.indicator-corner-radius}",
|
|
22608
|
+
"value": "50%",
|
|
22609
|
+
"filePath": "src/overlays/light-box.yml",
|
|
22610
|
+
"isSource": true,
|
|
22611
|
+
"original": {
|
|
22612
|
+
"value": "{corner-radius.round}",
|
|
22613
|
+
"key": "{light-box.indicator-corner-radius}"
|
|
22614
|
+
},
|
|
22615
|
+
"name": "LightBoxIndicatorCornerRadius",
|
|
22616
|
+
"attributes": {
|
|
22617
|
+
"category": "light-box",
|
|
22618
|
+
"type": "indicator-corner-radius"
|
|
22619
|
+
},
|
|
22620
|
+
"path": [
|
|
22621
|
+
"light-box",
|
|
22622
|
+
"indicator-corner-radius"
|
|
22623
|
+
]
|
|
22624
|
+
},
|
|
22625
|
+
"content-color": {
|
|
22626
|
+
"key": "{light-box.content-color}",
|
|
22627
|
+
"value": "rgb(255 255 255 / 100%)",
|
|
22628
|
+
"filePath": "src/overlays/light-box.yml",
|
|
22629
|
+
"isSource": true,
|
|
22630
|
+
"original": {
|
|
22631
|
+
"value": "{light-static.color.800}",
|
|
22632
|
+
"key": "{light-box.content-color}"
|
|
22633
|
+
},
|
|
22634
|
+
"name": "LightBoxContentColor",
|
|
22635
|
+
"attributes": {
|
|
22636
|
+
"category": "light-box",
|
|
22637
|
+
"type": "content-color"
|
|
22638
|
+
},
|
|
22639
|
+
"path": [
|
|
22640
|
+
"light-box",
|
|
22641
|
+
"content-color"
|
|
22642
|
+
]
|
|
22491
22643
|
}
|
|
22492
22644
|
},
|
|
22493
22645
|
"modal": {
|
package/dist/json/all-light.json
CHANGED
|
@@ -22434,11 +22434,11 @@
|
|
|
22434
22434
|
"light-box": {
|
|
22435
22435
|
"max-width": {
|
|
22436
22436
|
"key": "{light-box.max-width}",
|
|
22437
|
-
"value": "calc(100dvw -
|
|
22437
|
+
"value": "calc(100dvw - 64px)",
|
|
22438
22438
|
"filePath": "src/overlays/light-box.yml",
|
|
22439
22439
|
"isSource": true,
|
|
22440
22440
|
"original": {
|
|
22441
|
-
"value": "calc(100dvw - {size-px.
|
|
22441
|
+
"value": "calc(100dvw - {size-px.xxl})",
|
|
22442
22442
|
"key": "{light-box.max-width}"
|
|
22443
22443
|
},
|
|
22444
22444
|
"name": "LightBoxMaxWidth",
|
|
@@ -22453,11 +22453,11 @@
|
|
|
22453
22453
|
},
|
|
22454
22454
|
"max-height": {
|
|
22455
22455
|
"key": "{light-box.max-height}",
|
|
22456
|
-
"value": "calc(100dvh -
|
|
22456
|
+
"value": "calc(100dvh - 64px)",
|
|
22457
22457
|
"filePath": "src/overlays/light-box.yml",
|
|
22458
22458
|
"isSource": true,
|
|
22459
22459
|
"original": {
|
|
22460
|
-
"value": "calc(100dvh - {size-px.
|
|
22460
|
+
"value": "calc(100dvh - {size-px.xxl})",
|
|
22461
22461
|
"key": "{light-box.max-height}"
|
|
22462
22462
|
},
|
|
22463
22463
|
"name": "LightBoxMaxHeight",
|
|
@@ -22470,6 +22470,44 @@
|
|
|
22470
22470
|
"max-height"
|
|
22471
22471
|
]
|
|
22472
22472
|
},
|
|
22473
|
+
"max-width-mobile": {
|
|
22474
|
+
"key": "{light-box.max-width-mobile}",
|
|
22475
|
+
"value": "calc(100dvw - 24px)",
|
|
22476
|
+
"filePath": "src/overlays/light-box.yml",
|
|
22477
|
+
"isSource": true,
|
|
22478
|
+
"original": {
|
|
22479
|
+
"value": "calc(100dvw - {size-px.l})",
|
|
22480
|
+
"key": "{light-box.max-width-mobile}"
|
|
22481
|
+
},
|
|
22482
|
+
"name": "LightBoxMaxWidthMobile",
|
|
22483
|
+
"attributes": {
|
|
22484
|
+
"category": "light-box",
|
|
22485
|
+
"type": "max-width-mobile"
|
|
22486
|
+
},
|
|
22487
|
+
"path": [
|
|
22488
|
+
"light-box",
|
|
22489
|
+
"max-width-mobile"
|
|
22490
|
+
]
|
|
22491
|
+
},
|
|
22492
|
+
"max-height-mobile": {
|
|
22493
|
+
"key": "{light-box.max-height-mobile}",
|
|
22494
|
+
"value": "calc(100dvh - 24px)",
|
|
22495
|
+
"filePath": "src/overlays/light-box.yml",
|
|
22496
|
+
"isSource": true,
|
|
22497
|
+
"original": {
|
|
22498
|
+
"value": "calc(100dvh - {size-px.l})",
|
|
22499
|
+
"key": "{light-box.max-height-mobile}"
|
|
22500
|
+
},
|
|
22501
|
+
"name": "LightBoxMaxHeightMobile",
|
|
22502
|
+
"attributes": {
|
|
22503
|
+
"category": "light-box",
|
|
22504
|
+
"type": "max-height-mobile"
|
|
22505
|
+
},
|
|
22506
|
+
"path": [
|
|
22507
|
+
"light-box",
|
|
22508
|
+
"max-height-mobile"
|
|
22509
|
+
]
|
|
22510
|
+
},
|
|
22473
22511
|
"spacing": {
|
|
22474
22512
|
"key": "{light-box.spacing}",
|
|
22475
22513
|
"value": "16px",
|
|
@@ -22488,6 +22526,120 @@
|
|
|
22488
22526
|
"light-box",
|
|
22489
22527
|
"spacing"
|
|
22490
22528
|
]
|
|
22529
|
+
},
|
|
22530
|
+
"indicator-spacing": {
|
|
22531
|
+
"key": "{light-box.indicator-spacing}",
|
|
22532
|
+
"value": "4px",
|
|
22533
|
+
"filePath": "src/overlays/light-box.yml",
|
|
22534
|
+
"isSource": true,
|
|
22535
|
+
"original": {
|
|
22536
|
+
"value": "{size-px.xs}",
|
|
22537
|
+
"key": "{light-box.indicator-spacing}"
|
|
22538
|
+
},
|
|
22539
|
+
"name": "LightBoxIndicatorSpacing",
|
|
22540
|
+
"attributes": {
|
|
22541
|
+
"category": "light-box",
|
|
22542
|
+
"type": "indicator-spacing"
|
|
22543
|
+
},
|
|
22544
|
+
"path": [
|
|
22545
|
+
"light-box",
|
|
22546
|
+
"indicator-spacing"
|
|
22547
|
+
]
|
|
22548
|
+
},
|
|
22549
|
+
"indicator-size": {
|
|
22550
|
+
"key": "{light-box.indicator-size}",
|
|
22551
|
+
"value": "16px",
|
|
22552
|
+
"filePath": "src/overlays/light-box.yml",
|
|
22553
|
+
"isSource": true,
|
|
22554
|
+
"original": {
|
|
22555
|
+
"value": "{size-px.m}",
|
|
22556
|
+
"key": "{light-box.indicator-size}"
|
|
22557
|
+
},
|
|
22558
|
+
"name": "LightBoxIndicatorSize",
|
|
22559
|
+
"attributes": {
|
|
22560
|
+
"category": "light-box",
|
|
22561
|
+
"type": "indicator-size"
|
|
22562
|
+
},
|
|
22563
|
+
"path": [
|
|
22564
|
+
"light-box",
|
|
22565
|
+
"indicator-size"
|
|
22566
|
+
]
|
|
22567
|
+
},
|
|
22568
|
+
"indicator-border-width": {
|
|
22569
|
+
"key": "{light-box.indicator-border-width}",
|
|
22570
|
+
"value": "2px",
|
|
22571
|
+
"filePath": "src/overlays/light-box.yml",
|
|
22572
|
+
"isSource": true,
|
|
22573
|
+
"original": {
|
|
22574
|
+
"value": "{border-width.200}",
|
|
22575
|
+
"key": "{light-box.indicator-border-width}"
|
|
22576
|
+
},
|
|
22577
|
+
"name": "LightBoxIndicatorBorderWidth",
|
|
22578
|
+
"attributes": {
|
|
22579
|
+
"category": "light-box",
|
|
22580
|
+
"type": "indicator-border-width"
|
|
22581
|
+
},
|
|
22582
|
+
"path": [
|
|
22583
|
+
"light-box",
|
|
22584
|
+
"indicator-border-width"
|
|
22585
|
+
]
|
|
22586
|
+
},
|
|
22587
|
+
"indicator-border-style": {
|
|
22588
|
+
"key": "{light-box.indicator-border-style}",
|
|
22589
|
+
"value": "solid",
|
|
22590
|
+
"filePath": "src/overlays/light-box.yml",
|
|
22591
|
+
"isSource": true,
|
|
22592
|
+
"original": {
|
|
22593
|
+
"value": "{border-style.default}",
|
|
22594
|
+
"key": "{light-box.indicator-border-style}"
|
|
22595
|
+
},
|
|
22596
|
+
"name": "LightBoxIndicatorBorderStyle",
|
|
22597
|
+
"attributes": {
|
|
22598
|
+
"category": "light-box",
|
|
22599
|
+
"type": "indicator-border-style"
|
|
22600
|
+
},
|
|
22601
|
+
"path": [
|
|
22602
|
+
"light-box",
|
|
22603
|
+
"indicator-border-style"
|
|
22604
|
+
]
|
|
22605
|
+
},
|
|
22606
|
+
"indicator-corner-radius": {
|
|
22607
|
+
"key": "{light-box.indicator-corner-radius}",
|
|
22608
|
+
"value": "50%",
|
|
22609
|
+
"filePath": "src/overlays/light-box.yml",
|
|
22610
|
+
"isSource": true,
|
|
22611
|
+
"original": {
|
|
22612
|
+
"value": "{corner-radius.round}",
|
|
22613
|
+
"key": "{light-box.indicator-corner-radius}"
|
|
22614
|
+
},
|
|
22615
|
+
"name": "LightBoxIndicatorCornerRadius",
|
|
22616
|
+
"attributes": {
|
|
22617
|
+
"category": "light-box",
|
|
22618
|
+
"type": "indicator-corner-radius"
|
|
22619
|
+
},
|
|
22620
|
+
"path": [
|
|
22621
|
+
"light-box",
|
|
22622
|
+
"indicator-corner-radius"
|
|
22623
|
+
]
|
|
22624
|
+
},
|
|
22625
|
+
"content-color": {
|
|
22626
|
+
"key": "{light-box.content-color}",
|
|
22627
|
+
"value": "rgb(255 255 255 / 100%)",
|
|
22628
|
+
"filePath": "src/overlays/light-box.yml",
|
|
22629
|
+
"isSource": true,
|
|
22630
|
+
"original": {
|
|
22631
|
+
"value": "{light-static.color.800}",
|
|
22632
|
+
"key": "{light-box.content-color}"
|
|
22633
|
+
},
|
|
22634
|
+
"name": "LightBoxContentColor",
|
|
22635
|
+
"attributes": {
|
|
22636
|
+
"category": "light-box",
|
|
22637
|
+
"type": "content-color"
|
|
22638
|
+
},
|
|
22639
|
+
"path": [
|
|
22640
|
+
"light-box",
|
|
22641
|
+
"content-color"
|
|
22642
|
+
]
|
|
22491
22643
|
}
|
|
22492
22644
|
},
|
|
22493
22645
|
"modal": {
|
package/dist/json/base.json
CHANGED
|
@@ -19111,11 +19111,11 @@
|
|
|
19111
19111
|
"light-box": {
|
|
19112
19112
|
"max-width": {
|
|
19113
19113
|
"key": "{light-box.max-width}",
|
|
19114
|
-
"value": "calc(100dvw -
|
|
19114
|
+
"value": "calc(100dvw - 64px)",
|
|
19115
19115
|
"filePath": "src/overlays/light-box.yml",
|
|
19116
19116
|
"isSource": true,
|
|
19117
19117
|
"original": {
|
|
19118
|
-
"value": "calc(100dvw - {size-px.
|
|
19118
|
+
"value": "calc(100dvw - {size-px.xxl})",
|
|
19119
19119
|
"key": "{light-box.max-width}"
|
|
19120
19120
|
},
|
|
19121
19121
|
"name": "LightBoxMaxWidth",
|
|
@@ -19130,11 +19130,11 @@
|
|
|
19130
19130
|
},
|
|
19131
19131
|
"max-height": {
|
|
19132
19132
|
"key": "{light-box.max-height}",
|
|
19133
|
-
"value": "calc(100dvh -
|
|
19133
|
+
"value": "calc(100dvh - 64px)",
|
|
19134
19134
|
"filePath": "src/overlays/light-box.yml",
|
|
19135
19135
|
"isSource": true,
|
|
19136
19136
|
"original": {
|
|
19137
|
-
"value": "calc(100dvh - {size-px.
|
|
19137
|
+
"value": "calc(100dvh - {size-px.xxl})",
|
|
19138
19138
|
"key": "{light-box.max-height}"
|
|
19139
19139
|
},
|
|
19140
19140
|
"name": "LightBoxMaxHeight",
|
|
@@ -19147,6 +19147,44 @@
|
|
|
19147
19147
|
"max-height"
|
|
19148
19148
|
]
|
|
19149
19149
|
},
|
|
19150
|
+
"max-width-mobile": {
|
|
19151
|
+
"key": "{light-box.max-width-mobile}",
|
|
19152
|
+
"value": "calc(100dvw - 24px)",
|
|
19153
|
+
"filePath": "src/overlays/light-box.yml",
|
|
19154
|
+
"isSource": true,
|
|
19155
|
+
"original": {
|
|
19156
|
+
"value": "calc(100dvw - {size-px.l})",
|
|
19157
|
+
"key": "{light-box.max-width-mobile}"
|
|
19158
|
+
},
|
|
19159
|
+
"name": "LightBoxMaxWidthMobile",
|
|
19160
|
+
"attributes": {
|
|
19161
|
+
"category": "light-box",
|
|
19162
|
+
"type": "max-width-mobile"
|
|
19163
|
+
},
|
|
19164
|
+
"path": [
|
|
19165
|
+
"light-box",
|
|
19166
|
+
"max-width-mobile"
|
|
19167
|
+
]
|
|
19168
|
+
},
|
|
19169
|
+
"max-height-mobile": {
|
|
19170
|
+
"key": "{light-box.max-height-mobile}",
|
|
19171
|
+
"value": "calc(100dvh - 24px)",
|
|
19172
|
+
"filePath": "src/overlays/light-box.yml",
|
|
19173
|
+
"isSource": true,
|
|
19174
|
+
"original": {
|
|
19175
|
+
"value": "calc(100dvh - {size-px.l})",
|
|
19176
|
+
"key": "{light-box.max-height-mobile}"
|
|
19177
|
+
},
|
|
19178
|
+
"name": "LightBoxMaxHeightMobile",
|
|
19179
|
+
"attributes": {
|
|
19180
|
+
"category": "light-box",
|
|
19181
|
+
"type": "max-height-mobile"
|
|
19182
|
+
},
|
|
19183
|
+
"path": [
|
|
19184
|
+
"light-box",
|
|
19185
|
+
"max-height-mobile"
|
|
19186
|
+
]
|
|
19187
|
+
},
|
|
19150
19188
|
"spacing": {
|
|
19151
19189
|
"key": "{light-box.spacing}",
|
|
19152
19190
|
"value": "16px",
|
|
@@ -19165,6 +19203,120 @@
|
|
|
19165
19203
|
"light-box",
|
|
19166
19204
|
"spacing"
|
|
19167
19205
|
]
|
|
19206
|
+
},
|
|
19207
|
+
"indicator-spacing": {
|
|
19208
|
+
"key": "{light-box.indicator-spacing}",
|
|
19209
|
+
"value": "4px",
|
|
19210
|
+
"filePath": "src/overlays/light-box.yml",
|
|
19211
|
+
"isSource": true,
|
|
19212
|
+
"original": {
|
|
19213
|
+
"value": "{size-px.xs}",
|
|
19214
|
+
"key": "{light-box.indicator-spacing}"
|
|
19215
|
+
},
|
|
19216
|
+
"name": "LightBoxIndicatorSpacing",
|
|
19217
|
+
"attributes": {
|
|
19218
|
+
"category": "light-box",
|
|
19219
|
+
"type": "indicator-spacing"
|
|
19220
|
+
},
|
|
19221
|
+
"path": [
|
|
19222
|
+
"light-box",
|
|
19223
|
+
"indicator-spacing"
|
|
19224
|
+
]
|
|
19225
|
+
},
|
|
19226
|
+
"indicator-size": {
|
|
19227
|
+
"key": "{light-box.indicator-size}",
|
|
19228
|
+
"value": "16px",
|
|
19229
|
+
"filePath": "src/overlays/light-box.yml",
|
|
19230
|
+
"isSource": true,
|
|
19231
|
+
"original": {
|
|
19232
|
+
"value": "{size-px.m}",
|
|
19233
|
+
"key": "{light-box.indicator-size}"
|
|
19234
|
+
},
|
|
19235
|
+
"name": "LightBoxIndicatorSize",
|
|
19236
|
+
"attributes": {
|
|
19237
|
+
"category": "light-box",
|
|
19238
|
+
"type": "indicator-size"
|
|
19239
|
+
},
|
|
19240
|
+
"path": [
|
|
19241
|
+
"light-box",
|
|
19242
|
+
"indicator-size"
|
|
19243
|
+
]
|
|
19244
|
+
},
|
|
19245
|
+
"indicator-border-width": {
|
|
19246
|
+
"key": "{light-box.indicator-border-width}",
|
|
19247
|
+
"value": "2px",
|
|
19248
|
+
"filePath": "src/overlays/light-box.yml",
|
|
19249
|
+
"isSource": true,
|
|
19250
|
+
"original": {
|
|
19251
|
+
"value": "{border-width.200}",
|
|
19252
|
+
"key": "{light-box.indicator-border-width}"
|
|
19253
|
+
},
|
|
19254
|
+
"name": "LightBoxIndicatorBorderWidth",
|
|
19255
|
+
"attributes": {
|
|
19256
|
+
"category": "light-box",
|
|
19257
|
+
"type": "indicator-border-width"
|
|
19258
|
+
},
|
|
19259
|
+
"path": [
|
|
19260
|
+
"light-box",
|
|
19261
|
+
"indicator-border-width"
|
|
19262
|
+
]
|
|
19263
|
+
},
|
|
19264
|
+
"indicator-border-style": {
|
|
19265
|
+
"key": "{light-box.indicator-border-style}",
|
|
19266
|
+
"value": "solid",
|
|
19267
|
+
"filePath": "src/overlays/light-box.yml",
|
|
19268
|
+
"isSource": true,
|
|
19269
|
+
"original": {
|
|
19270
|
+
"value": "{border-style.default}",
|
|
19271
|
+
"key": "{light-box.indicator-border-style}"
|
|
19272
|
+
},
|
|
19273
|
+
"name": "LightBoxIndicatorBorderStyle",
|
|
19274
|
+
"attributes": {
|
|
19275
|
+
"category": "light-box",
|
|
19276
|
+
"type": "indicator-border-style"
|
|
19277
|
+
},
|
|
19278
|
+
"path": [
|
|
19279
|
+
"light-box",
|
|
19280
|
+
"indicator-border-style"
|
|
19281
|
+
]
|
|
19282
|
+
},
|
|
19283
|
+
"indicator-corner-radius": {
|
|
19284
|
+
"key": "{light-box.indicator-corner-radius}",
|
|
19285
|
+
"value": "50%",
|
|
19286
|
+
"filePath": "src/overlays/light-box.yml",
|
|
19287
|
+
"isSource": true,
|
|
19288
|
+
"original": {
|
|
19289
|
+
"value": "{corner-radius.round}",
|
|
19290
|
+
"key": "{light-box.indicator-corner-radius}"
|
|
19291
|
+
},
|
|
19292
|
+
"name": "LightBoxIndicatorCornerRadius",
|
|
19293
|
+
"attributes": {
|
|
19294
|
+
"category": "light-box",
|
|
19295
|
+
"type": "indicator-corner-radius"
|
|
19296
|
+
},
|
|
19297
|
+
"path": [
|
|
19298
|
+
"light-box",
|
|
19299
|
+
"indicator-corner-radius"
|
|
19300
|
+
]
|
|
19301
|
+
},
|
|
19302
|
+
"content-color": {
|
|
19303
|
+
"key": "{light-box.content-color}",
|
|
19304
|
+
"value": "rgb(255 255 255 / 100%)",
|
|
19305
|
+
"filePath": "src/overlays/light-box.yml",
|
|
19306
|
+
"isSource": true,
|
|
19307
|
+
"original": {
|
|
19308
|
+
"value": "{light-static.color.800}",
|
|
19309
|
+
"key": "{light-box.content-color}"
|
|
19310
|
+
},
|
|
19311
|
+
"name": "LightBoxContentColor",
|
|
19312
|
+
"attributes": {
|
|
19313
|
+
"category": "light-box",
|
|
19314
|
+
"type": "content-color"
|
|
19315
|
+
},
|
|
19316
|
+
"path": [
|
|
19317
|
+
"light-box",
|
|
19318
|
+
"content-color"
|
|
19319
|
+
]
|
|
19168
19320
|
}
|
|
19169
19321
|
},
|
|
19170
19322
|
"modal": {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mittwald/flow-design-tokens",
|
|
3
|
-
"version": "0.2.0-alpha.
|
|
3
|
+
"version": "0.2.0-alpha.862",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "The design tokens used in Flow, mittwald’s design system",
|
|
6
6
|
"homepage": "https://github.com/mittwald/flow/tree/main/packages/design-tokens",
|
|
@@ -25,5 +25,5 @@
|
|
|
25
25
|
"rimraf": "^6.1.3",
|
|
26
26
|
"style-dictionary": "^5.3.3"
|
|
27
27
|
},
|
|
28
|
-
"gitHead": "
|
|
28
|
+
"gitHead": "0a547d562d25a2e666a0d58f9ee354fed7c7154d"
|
|
29
29
|
}
|