@nadicodeai/design-system 10.1.0 → 12.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 (12) hide show
  1. package/AGENTS.md +1 -1
  2. package/DESIGN.md +381 -635
  3. package/GLOSSARY.md +22 -19
  4. package/README.md +41 -24
  5. package/data/reserved-agent-identifiers.json +1 -0
  6. package/dist/css/host.css +88 -102
  7. package/dist/css/index.css +154 -353
  8. package/dist/css/tokens.css +53 -100
  9. package/dist/tailwind/nadicode.tailwind.json +13 -33
  10. package/dist/tokens/nadicode.dtcg-resolved.json +1500 -2242
  11. package/dist/tokens/nadicode.dtcg.json +648 -1833
  12. package/package.json +6 -4
package/dist/tokens/nadicode.dtcg.json CHANGED
@@ -1,21 +1,10 @@
1
1
  {
2
2
  "$schema": "https://www.designtokens.org/schemas/2025.10/format.json",
3
- "$description": "Reusable design-system contract for nadicode: one foundation of colour, type, spacing, radius, material, elevation, and motion, applied by three registers, the website, the Portal, and the Nadia desktop app, plus the package token, CSS, and asset exports they consume.",
3
+ "$description": "nadicode's design system and its only design authority: the tokens and the rules every component, website section, and product screen in the website, the Portal, and the Nadia desktop app builds on.",
4
4
  "nadicode": {
5
5
  "core": {
6
6
  "color": {
7
7
  "$type": "color",
8
- "on-primary": {
9
- "$value": {
10
- "colorSpace": "srgb",
11
- "components": [
12
- 1,
13
- 1,
14
- 1
15
- ],
16
- "hex": "#ffffff"
17
- }
18
- },
19
8
  "action": {
20
9
  "$value": {
21
10
  "colorSpace": "srgb",
@@ -148,48 +137,70 @@
148
137
  "hex": "#ffffff"
149
138
  }
150
139
  },
151
- "line": {
140
+ "material-resting": {
152
141
  "$value": {
153
142
  "colorSpace": "srgb",
154
143
  "components": [
155
- 0.898,
156
- 0.898,
157
- 0.898
144
+ 1,
145
+ 1,
146
+ 1
158
147
  ],
159
- "hex": "#e5e5e5"
148
+ "hex": "#ffffff"
160
149
  }
161
150
  },
162
- "input": {
151
+ "material-raised": {
163
152
  "$value": {
164
153
  "colorSpace": "srgb",
165
154
  "components": [
166
- 0.459,
167
- 0.459,
168
- 0.459
155
+ 1,
156
+ 1,
157
+ 1
169
158
  ],
170
- "hex": "#757575"
159
+ "hex": "#ffffff"
160
+ }
161
+ },
162
+ "material-floating": {
163
+ "$value": {
164
+ "colorSpace": "srgb",
165
+ "components": [
166
+ 1,
167
+ 1,
168
+ 1
169
+ ],
170
+ "hex": "#ffffff"
171
+ }
172
+ },
173
+ "material-modal": {
174
+ "$value": {
175
+ "colorSpace": "srgb",
176
+ "components": [
177
+ 1,
178
+ 1,
179
+ 1
180
+ ],
181
+ "hex": "#ffffff"
171
182
  }
172
183
  },
173
- "seam": {
184
+ "line": {
174
185
  "$value": {
175
186
  "colorSpace": "srgb",
176
187
  "components": [
177
- 0.831,
178
- 0.831,
179
- 0.831
188
+ 0.898,
189
+ 0.898,
190
+ 0.898
180
191
  ],
181
- "hex": "#d4d4d4"
192
+ "hex": "#e5e5e5"
182
193
  }
183
194
  },
184
- "cross": {
195
+ "input": {
185
196
  "$value": {
186
197
  "colorSpace": "srgb",
187
198
  "components": [
188
- 0.6,
189
- 0.6,
190
- 0.6
199
+ 0.459,
200
+ 0.459,
201
+ 0.459
191
202
  ],
192
- "hex": "#999999"
203
+ "hex": "#757575"
193
204
  }
194
205
  },
195
206
  "focus-ring": {
@@ -247,17 +258,6 @@
247
258
  "hex": "#c6efd9"
248
259
  }
249
260
  },
250
- "accent": {
251
- "$value": {
252
- "colorSpace": "srgb",
253
- "components": [
254
- 1,
255
- 0.353,
256
- 0.122
257
- ],
258
- "hex": "#ff5a1f"
259
- }
260
- },
261
261
  "info": {
262
262
  "$value": {
263
263
  "colorSpace": "srgb",
@@ -390,28 +390,6 @@
390
390
  "hex": "#7a5800"
391
391
  }
392
392
  },
393
- "selection-bg": {
394
- "$value": {
395
- "colorSpace": "srgb",
396
- "components": [
397
- 0.067,
398
- 0.067,
399
- 0.067
400
- ],
401
- "hex": "#111111"
402
- }
403
- },
404
- "selection-fg": {
405
- "$value": {
406
- "colorSpace": "srgb",
407
- "components": [
408
- 0.98,
409
- 0.98,
410
- 0.98
411
- ],
412
- "hex": "#fafafa"
413
- }
414
- },
415
393
  "navigation-selection-bg": {
416
394
  "$value": {
417
395
  "colorSpace": "srgb",
@@ -665,95 +643,51 @@
665
643
  "hex": "#6f42c1"
666
644
  }
667
645
  },
668
- "chart-seq-1": {
669
- "$value": {
670
- "colorSpace": "srgb",
671
- "components": [
672
- 0.49,
673
- 0.6,
674
- 0.949
675
- ],
676
- "hex": "#7d99f2"
677
- }
678
- },
679
- "chart-seq-2": {
680
- "$value": {
681
- "colorSpace": "srgb",
682
- "components": [
683
- 0.31,
684
- 0.416,
685
- 0.902
686
- ],
687
- "hex": "#4f6ae6"
688
- }
689
- },
690
- "chart-seq-3": {
646
+ "dark-canvas": {
691
647
  "$value": {
692
648
  "colorSpace": "srgb",
693
649
  "components": [
694
- 0.153,
695
- 0.263,
696
- 0.847
650
+ 0,
651
+ 0,
652
+ 0
697
653
  ],
698
- "hex": "#2743d8"
654
+ "hex": "#000000"
699
655
  }
700
656
  },
701
- "chart-seq-4": {
657
+ "dark-canvas-soft": {
702
658
  "$value": {
703
659
  "colorSpace": "srgb",
704
660
  "components": [
705
- 0.114,
706
- 0.2,
707
- 0.678
661
+ 0.067,
662
+ 0.067,
663
+ 0.067
708
664
  ],
709
- "hex": "#1d33ad"
665
+ "hex": "#111111"
710
666
  }
711
667
  },
712
- "chart-seq-5": {
668
+ "dark-canvas-soft-2": {
713
669
  "$value": {
714
670
  "colorSpace": "srgb",
715
671
  "components": [
716
- 0.086,
717
- 0.153,
718
- 0.498
672
+ 0.102,
673
+ 0.102,
674
+ 0.102
719
675
  ],
720
- "hex": "#16277f"
676
+ "hex": "#1a1a1a"
721
677
  }
722
678
  },
723
- "chart-div-warm": {
679
+ "dark-material-workspace": {
724
680
  "$value": {
725
681
  "colorSpace": "srgb",
726
682
  "components": [
727
- 0.878,
728
- 0.651,
683
+ 0,
684
+ 0,
729
685
  0
730
686
  ],
731
- "hex": "#e0a600"
732
- }
733
- },
734
- "chart-div-mid": {
735
- "$value": {
736
- "colorSpace": "srgb",
737
- "components": [
738
- 0.42,
739
- 0.42,
740
- 0.42
741
- ],
742
- "hex": "#6b6b6b"
743
- }
744
- },
745
- "chart-div-cool": {
746
- "$value": {
747
- "colorSpace": "srgb",
748
- "components": [
749
- 0.302,
750
- 0.42,
751
- 1
752
- ],
753
- "hex": "#4d6bff"
687
+ "hex": "#000000"
754
688
  }
755
689
  },
756
- "dark-canvas": {
690
+ "dark-material-solid": {
757
691
  "$value": {
758
692
  "colorSpace": "srgb",
759
693
  "components": [
@@ -764,48 +698,48 @@
764
698
  "hex": "#000000"
765
699
  }
766
700
  },
767
- "dark-canvas-soft": {
701
+ "dark-material-resting": {
768
702
  "$value": {
769
703
  "colorSpace": "srgb",
770
704
  "components": [
771
- 0.067,
772
- 0.067,
773
- 0.067
705
+ 0.047,
706
+ 0.047,
707
+ 0.047
774
708
  ],
775
- "hex": "#111111"
709
+ "hex": "#0c0c0c"
776
710
  }
777
711
  },
778
- "dark-canvas-soft-2": {
712
+ "dark-material-raised": {
779
713
  "$value": {
780
714
  "colorSpace": "srgb",
781
715
  "components": [
782
- 0.102,
783
- 0.102,
784
- 0.102
716
+ 0.071,
717
+ 0.071,
718
+ 0.071
785
719
  ],
786
- "hex": "#1a1a1a"
720
+ "hex": "#121212"
787
721
  }
788
722
  },
789
- "dark-material-workspace": {
723
+ "dark-material-floating": {
790
724
  "$value": {
791
725
  "colorSpace": "srgb",
792
726
  "components": [
793
- 0,
794
- 0,
795
- 0
727
+ 0.094,
728
+ 0.094,
729
+ 0.094
796
730
  ],
797
- "hex": "#000000"
731
+ "hex": "#181818"
798
732
  }
799
733
  },
800
- "dark-material-solid": {
734
+ "dark-material-modal": {
801
735
  "$value": {
802
736
  "colorSpace": "srgb",
803
737
  "components": [
804
- 0,
805
- 0,
806
- 0
738
+ 0.11,
739
+ 0.11,
740
+ 0.11
807
741
  ],
808
- "hex": "#000000"
742
+ "hex": "#1c1c1c"
809
743
  }
810
744
  },
811
745
  "dark-ink": {
@@ -863,17 +797,6 @@
863
797
  "hex": "#696969"
864
798
  }
865
799
  },
866
- "dark-seam": {
867
- "$value": {
868
- "colorSpace": "srgb",
869
- "components": [
870
- 0.102,
871
- 0.102,
872
- 0.102
873
- ],
874
- "hex": "#1a1a1a"
875
- }
876
- },
877
800
  "dark-on-primary": {
878
801
  "$value": {
879
802
  "colorSpace": "srgb",
@@ -889,11 +812,11 @@
889
812
  "$value": {
890
813
  "colorSpace": "srgb",
891
814
  "components": [
892
- 1,
893
- 1,
894
- 1
815
+ 0.929,
816
+ 0.929,
817
+ 0.929
895
818
  ],
896
- "hex": "#ffffff"
819
+ "hex": "#ededed"
897
820
  }
898
821
  },
899
822
  "dark-action-foreground": {
@@ -911,22 +834,22 @@
911
834
  "$value": {
912
835
  "colorSpace": "srgb",
913
836
  "components": [
914
- 0.894,
915
- 0.894,
916
- 0.894
837
+ 0.839,
838
+ 0.839,
839
+ 0.839
917
840
  ],
918
- "hex": "#e4e4e4"
841
+ "hex": "#d6d6d6"
919
842
  }
920
843
  },
921
844
  "dark-action-active": {
922
845
  "$value": {
923
846
  "colorSpace": "srgb",
924
847
  "components": [
925
- 0.839,
926
- 0.839,
927
- 0.839
848
+ 0.78,
849
+ 0.78,
850
+ 0.78
928
851
  ],
929
- "hex": "#d6d6d6"
852
+ "hex": "#c7c7c7"
930
853
  }
931
854
  },
932
855
  "dark-link": {
@@ -1182,37 +1105,15 @@
1182
1105
  "hex": "#4d6bff"
1183
1106
  }
1184
1107
  },
1185
- "dark-selection-bg": {
1186
- "$value": {
1187
- "colorSpace": "srgb",
1188
- "components": [
1189
- 0.929,
1190
- 0.929,
1191
- 0.929
1192
- ],
1193
- "hex": "#ededed"
1194
- }
1195
- },
1196
- "dark-selection-fg": {
1197
- "$value": {
1198
- "colorSpace": "srgb",
1199
- "components": [
1200
- 0.039,
1201
- 0.039,
1202
- 0.039
1203
- ],
1204
- "hex": "#0a0a0a"
1205
- }
1206
- },
1207
1108
  "dark-navigation-selection-bg": {
1208
1109
  "$value": {
1209
1110
  "colorSpace": "srgb",
1210
1111
  "components": [
1211
- 0.102,
1212
- 0.102,
1213
- 0.102
1112
+ 0.122,
1113
+ 0.122,
1114
+ 0.122
1214
1115
  ],
1215
- "hex": "#1a1a1a"
1116
+ "hex": "#1f1f1f"
1216
1117
  }
1217
1118
  },
1218
1119
  "dark-navigation-selection-fg": {
@@ -1237,17 +1138,6 @@
1237
1138
  "hex": "#262626"
1238
1139
  }
1239
1140
  },
1240
- "dark-cross": {
1241
- "$value": {
1242
- "colorSpace": "srgb",
1243
- "components": [
1244
- 0.333,
1245
- 0.333,
1246
- 0.333
1247
- ],
1248
- "hex": "#555555"
1249
- }
1250
- },
1251
1141
  "dark-chart-1": {
1252
1142
  "$value": {
1253
1143
  "colorSpace": "srgb",
@@ -1313,123 +1203,35 @@
1313
1203
  ],
1314
1204
  "hex": "#9575cd"
1315
1205
  }
1316
- },
1317
- "dark-chart-seq-1": {
1206
+ }
1207
+ },
1208
+ "spacing": {
1209
+ "$type": "dimension",
1210
+ "xxs": {
1318
1211
  "$value": {
1319
- "colorSpace": "srgb",
1320
- "components": [
1321
- 0.31,
1322
- 0.416,
1323
- 0.902
1324
- ],
1325
- "hex": "#4f6ae6"
1212
+ "value": 4,
1213
+ "unit": "px"
1326
1214
  }
1327
1215
  },
1328
- "dark-chart-seq-2": {
1216
+ "xs": {
1329
1217
  "$value": {
1330
- "colorSpace": "srgb",
1331
- "components": [
1332
- 0.49,
1333
- 0.6,
1334
- 0.949
1335
- ],
1336
- "hex": "#7d99f2"
1218
+ "value": 8,
1219
+ "unit": "px"
1337
1220
  }
1338
1221
  },
1339
- "dark-chart-seq-3": {
1222
+ "sm": {
1340
1223
  "$value": {
1341
- "colorSpace": "srgb",
1342
- "components": [
1343
- 0.663,
1344
- 0.745,
1345
- 0.98
1346
- ],
1347
- "hex": "#a9befa"
1224
+ "value": 12,
1225
+ "unit": "px"
1348
1226
  }
1349
1227
  },
1350
- "dark-chart-seq-4": {
1228
+ "md": {
1351
1229
  "$value": {
1352
- "colorSpace": "srgb",
1353
- "components": [
1354
- 0.804,
1355
- 0.851,
1356
- 0.992
1357
- ],
1358
- "hex": "#cdd9fd"
1230
+ "value": 16,
1231
+ "unit": "px"
1359
1232
  }
1360
1233
  },
1361
- "dark-chart-seq-5": {
1362
- "$value": {
1363
- "colorSpace": "srgb",
1364
- "components": [
1365
- 0.933,
1366
- 0.949,
1367
- 1
1368
- ],
1369
- "hex": "#eef2ff"
1370
- }
1371
- },
1372
- "dark-chart-div-warm": {
1373
- "$value": {
1374
- "colorSpace": "srgb",
1375
- "components": [
1376
- 1,
1377
- 0.847,
1378
- 0.4
1379
- ],
1380
- "hex": "#ffd866"
1381
- }
1382
- },
1383
- "dark-chart-div-mid": {
1384
- "$value": {
1385
- "colorSpace": "srgb",
1386
- "components": [
1387
- 0.898,
1388
- 0.898,
1389
- 0.898
1390
- ],
1391
- "hex": "#e5e5e5"
1392
- }
1393
- },
1394
- "dark-chart-div-cool": {
1395
- "$value": {
1396
- "colorSpace": "srgb",
1397
- "components": [
1398
- 0.702,
1399
- 0.757,
1400
- 1
1401
- ],
1402
- "hex": "#b3c1ff"
1403
- }
1404
- }
1405
- },
1406
- "spacing": {
1407
- "$type": "dimension",
1408
- "xxs": {
1409
- "$value": {
1410
- "value": 4,
1411
- "unit": "px"
1412
- }
1413
- },
1414
- "xs": {
1415
- "$value": {
1416
- "value": 8,
1417
- "unit": "px"
1418
- }
1419
- },
1420
- "sm": {
1421
- "$value": {
1422
- "value": 12,
1423
- "unit": "px"
1424
- }
1425
- },
1426
- "md": {
1427
- "$value": {
1428
- "value": 16,
1429
- "unit": "px"
1430
- }
1431
- },
1432
- "lg": {
1234
+ "lg": {
1433
1235
  "$value": {
1434
1236
  "value": 24,
1435
1237
  "unit": "px"
@@ -1570,18 +1372,6 @@
1570
1372
  "unit": "px"
1571
1373
  }
1572
1374
  },
1573
- "pill-sm": {
1574
- "$value": {
1575
- "value": 64,
1576
- "unit": "px"
1577
- }
1578
- },
1579
- "pill": {
1580
- "$value": {
1581
- "value": 100,
1582
- "unit": "px"
1583
- }
1584
- },
1585
1375
  "full": {
1586
1376
  "$value": {
1587
1377
  "value": 9999,
@@ -1789,15 +1579,15 @@
1789
1579
  "$value": 0.1
1790
1580
  },
1791
1581
  "glass-opacity": {
1792
- "$value": 0.76
1582
+ "$value": 0.6
1793
1583
  },
1794
1584
  "glass-saturation": {
1795
- "$value": 1.16
1585
+ "$value": 1.8
1796
1586
  },
1797
1587
  "glass-blur": {
1798
1588
  "$type": "dimension",
1799
1589
  "$value": {
1800
- "value": 28,
1590
+ "value": 20,
1801
1591
  "unit": "px"
1802
1592
  }
1803
1593
  }
@@ -1813,11 +1603,11 @@
1813
1603
  "unit": "px"
1814
1604
  },
1815
1605
  "offsetY": {
1816
- "value": 17.54,
1606
+ "value": 1,
1817
1607
  "unit": "px"
1818
1608
  },
1819
1609
  "blur": {
1820
- "value": 23.39,
1610
+ "value": 2,
1821
1611
  "unit": "px"
1822
1612
  },
1823
1613
  "spread": {
@@ -1831,7 +1621,7 @@
1831
1621
  0,
1832
1622
  0
1833
1623
  ],
1834
- "alpha": 0.04
1624
+ "alpha": 0.05
1835
1625
  }
1836
1626
  },
1837
1627
  {
@@ -1840,15 +1630,15 @@
1840
1630
  "unit": "px"
1841
1631
  },
1842
1632
  "offsetY": {
1843
- "value": 9.4,
1633
+ "value": 2,
1844
1634
  "unit": "px"
1845
1635
  },
1846
1636
  "blur": {
1847
- "value": 12.5,
1637
+ "value": 8,
1848
1638
  "unit": "px"
1849
1639
  },
1850
1640
  "spread": {
1851
- "value": 0,
1641
+ "value": -2,
1852
1642
  "unit": "px"
1853
1643
  },
1854
1644
  "color": {
@@ -1858,7 +1648,7 @@
1858
1648
  0,
1859
1649
  0
1860
1650
  ],
1861
- "alpha": 0.03
1651
+ "alpha": 0.06
1862
1652
  }
1863
1653
  },
1864
1654
  {
@@ -1867,11 +1657,42 @@
1867
1657
  "unit": "px"
1868
1658
  },
1869
1659
  "offsetY": {
1870
- "value": 5.25,
1660
+ "value": 0,
1661
+ "unit": "px"
1662
+ },
1663
+ "blur": {
1664
+ "value": 0,
1665
+ "unit": "px"
1666
+ },
1667
+ "spread": {
1668
+ "value": 1,
1669
+ "unit": "px"
1670
+ },
1671
+ "color": {
1672
+ "colorSpace": "srgb",
1673
+ "components": [
1674
+ 0,
1675
+ 0,
1676
+ 0
1677
+ ],
1678
+ "alpha": 0.08
1679
+ }
1680
+ }
1681
+ ]
1682
+ },
1683
+ "raised": {
1684
+ "$value": [
1685
+ {
1686
+ "offsetX": {
1687
+ "value": 0,
1688
+ "unit": "px"
1689
+ },
1690
+ "offsetY": {
1691
+ "value": 1,
1871
1692
  "unit": "px"
1872
1693
  },
1873
1694
  "blur": {
1874
- "value": 7,
1695
+ "value": 2,
1875
1696
  "unit": "px"
1876
1697
  },
1877
1698
  "spread": {
@@ -1885,7 +1706,7 @@
1885
1706
  0,
1886
1707
  0
1887
1708
  ],
1888
- "alpha": 0.02
1709
+ "alpha": 0.06
1889
1710
  }
1890
1711
  },
1891
1712
  {
@@ -1894,15 +1715,15 @@
1894
1715
  "unit": "px"
1895
1716
  },
1896
1717
  "offsetY": {
1897
- "value": 2.79,
1718
+ "value": 6,
1898
1719
  "unit": "px"
1899
1720
  },
1900
1721
  "blur": {
1901
- "value": 3.72,
1722
+ "value": 12,
1902
1723
  "unit": "px"
1903
1724
  },
1904
1725
  "spread": {
1905
- "value": -2,
1726
+ "value": -4,
1906
1727
  "unit": "px"
1907
1728
  },
1908
1729
  "color": {
@@ -1912,7 +1733,7 @@
1912
1733
  0,
1913
1734
  0
1914
1735
  ],
1915
- "alpha": 0.01
1736
+ "alpha": 0.08
1916
1737
  }
1917
1738
  },
1918
1739
  {
@@ -1921,15 +1742,15 @@
1921
1742
  "unit": "px"
1922
1743
  },
1923
1744
  "offsetY": {
1924
- "value": 1.16,
1745
+ "value": 16,
1925
1746
  "unit": "px"
1926
1747
  },
1927
1748
  "blur": {
1928
- "value": 1.5,
1749
+ "value": 32,
1929
1750
  "unit": "px"
1930
1751
  },
1931
1752
  "spread": {
1932
- "value": 0,
1753
+ "value": -8,
1933
1754
  "unit": "px"
1934
1755
  },
1935
1756
  "color": {
@@ -1939,7 +1760,7 @@
1939
1760
  0,
1940
1761
  0
1941
1762
  ],
1942
- "alpha": 0.01
1763
+ "alpha": 0.1
1943
1764
  }
1944
1765
  },
1945
1766
  {
@@ -1966,12 +1787,12 @@
1966
1787
  0,
1967
1788
  0
1968
1789
  ],
1969
- "alpha": 0.05
1790
+ "alpha": 0.08
1970
1791
  }
1971
1792
  }
1972
1793
  ]
1973
1794
  },
1974
- "raised": {
1795
+ "floating": {
1975
1796
  "$value": [
1976
1797
  {
1977
1798
  "offsetX": {
@@ -1979,11 +1800,11 @@
1979
1800
  "unit": "px"
1980
1801
  },
1981
1802
  "offsetY": {
1982
- "value": 25,
1803
+ "value": 1,
1983
1804
  "unit": "px"
1984
1805
  },
1985
1806
  "blur": {
1986
- "value": 50,
1807
+ "value": 0,
1987
1808
  "unit": "px"
1988
1809
  },
1989
1810
  "spread": {
@@ -1993,12 +1814,13 @@
1993
1814
  "color": {
1994
1815
  "colorSpace": "srgb",
1995
1816
  "components": [
1996
- 0,
1997
- 0,
1998
- 0
1817
+ 1,
1818
+ 1,
1819
+ 1
1999
1820
  ],
2000
- "alpha": 0.05
2001
- }
1821
+ "alpha": 0.75
1822
+ },
1823
+ "inset": true
2002
1824
  },
2003
1825
  {
2004
1826
  "offsetX": {
@@ -2006,26 +1828,27 @@
2006
1828
  "unit": "px"
2007
1829
  },
2008
1830
  "offsetY": {
2009
- "value": 12,
1831
+ "value": 0,
2010
1832
  "unit": "px"
2011
1833
  },
2012
1834
  "blur": {
2013
- "value": 24,
1835
+ "value": 0,
2014
1836
  "unit": "px"
2015
1837
  },
2016
1838
  "spread": {
2017
- "value": 0,
1839
+ "value": 1,
2018
1840
  "unit": "px"
2019
1841
  },
2020
1842
  "color": {
2021
1843
  "colorSpace": "srgb",
2022
1844
  "components": [
2023
- 0,
2024
- 0,
2025
- 0
1845
+ 1,
1846
+ 1,
1847
+ 1
2026
1848
  ],
2027
- "alpha": 0.04
2028
- }
1849
+ "alpha": 0.35
1850
+ },
1851
+ "inset": true
2029
1852
  },
2030
1853
  {
2031
1854
  "offsetX": {
@@ -2033,11 +1856,11 @@
2033
1856
  "unit": "px"
2034
1857
  },
2035
1858
  "offsetY": {
2036
- "value": 6,
1859
+ "value": 2,
2037
1860
  "unit": "px"
2038
1861
  },
2039
1862
  "blur": {
2040
- "value": 12,
1863
+ "value": 4,
2041
1864
  "unit": "px"
2042
1865
  },
2043
1866
  "spread": {
@@ -2051,7 +1874,7 @@
2051
1874
  0,
2052
1875
  0
2053
1876
  ],
2054
- "alpha": 0.03
1877
+ "alpha": 0.06
2055
1878
  }
2056
1879
  },
2057
1880
  {
@@ -2060,15 +1883,15 @@
2060
1883
  "unit": "px"
2061
1884
  },
2062
1885
  "offsetY": {
2063
- "value": 3,
1886
+ "value": 12,
2064
1887
  "unit": "px"
2065
1888
  },
2066
1889
  "blur": {
2067
- "value": 6,
1890
+ "value": 24,
2068
1891
  "unit": "px"
2069
1892
  },
2070
1893
  "spread": {
2071
- "value": 0,
1894
+ "value": -6,
2072
1895
  "unit": "px"
2073
1896
  },
2074
1897
  "color": {
@@ -2078,7 +1901,7 @@
2078
1901
  0,
2079
1902
  0
2080
1903
  ],
2081
- "alpha": 0.02
1904
+ "alpha": 0.12
2082
1905
  }
2083
1906
  },
2084
1907
  {
@@ -2087,15 +1910,15 @@
2087
1910
  "unit": "px"
2088
1911
  },
2089
1912
  "offsetY": {
2090
- "value": 1.5,
1913
+ "value": 32,
2091
1914
  "unit": "px"
2092
1915
  },
2093
1916
  "blur": {
2094
- "value": 3,
1917
+ "value": 64,
2095
1918
  "unit": "px"
2096
1919
  },
2097
1920
  "spread": {
2098
- "value": 0,
1921
+ "value": -16,
2099
1922
  "unit": "px"
2100
1923
  },
2101
1924
  "color": {
@@ -2105,7 +1928,7 @@
2105
1928
  0,
2106
1929
  0
2107
1930
  ],
2108
- "alpha": 0.02
1931
+ "alpha": 0.16
2109
1932
  }
2110
1933
  },
2111
1934
  {
@@ -2132,12 +1955,12 @@
2132
1955
  0,
2133
1956
  0
2134
1957
  ],
2135
- "alpha": 0.05
1958
+ "alpha": 0.08
2136
1959
  }
2137
1960
  }
2138
1961
  ]
2139
1962
  },
2140
- "floating": {
1963
+ "modal": {
2141
1964
  "$value": [
2142
1965
  {
2143
1966
  "offsetX": {
@@ -2145,11 +1968,11 @@
2145
1968
  "unit": "px"
2146
1969
  },
2147
1970
  "offsetY": {
2148
- "value": 40,
1971
+ "value": 2,
2149
1972
  "unit": "px"
2150
1973
  },
2151
1974
  "blur": {
2152
- "value": 80,
1975
+ "value": 4,
2153
1976
  "unit": "px"
2154
1977
  },
2155
1978
  "spread": {
@@ -2172,15 +1995,15 @@
2172
1995
  "unit": "px"
2173
1996
  },
2174
1997
  "offsetY": {
2175
- "value": 20,
1998
+ "value": 24,
2176
1999
  "unit": "px"
2177
2000
  },
2178
2001
  "blur": {
2179
- "value": 40,
2002
+ "value": 48,
2180
2003
  "unit": "px"
2181
2004
  },
2182
2005
  "spread": {
2183
- "value": 0,
2006
+ "value": -12,
2184
2007
  "unit": "px"
2185
2008
  },
2186
2009
  "color": {
@@ -2190,7 +2013,7 @@
2190
2013
  0,
2191
2014
  0
2192
2015
  ],
2193
- "alpha": 0.05
2016
+ "alpha": 0.18
2194
2017
  }
2195
2018
  },
2196
2019
  {
@@ -2199,15 +2022,15 @@
2199
2022
  "unit": "px"
2200
2023
  },
2201
2024
  "offsetY": {
2202
- "value": 10,
2025
+ "value": 64,
2203
2026
  "unit": "px"
2204
2027
  },
2205
2028
  "blur": {
2206
- "value": 20,
2029
+ "value": 128,
2207
2030
  "unit": "px"
2208
2031
  },
2209
2032
  "spread": {
2210
- "value": 0,
2033
+ "value": -32,
2211
2034
  "unit": "px"
2212
2035
  },
2213
2036
  "color": {
@@ -2217,7 +2040,7 @@
2217
2040
  0,
2218
2041
  0
2219
2042
  ],
2220
- "alpha": 0.04
2043
+ "alpha": 0.26
2221
2044
  }
2222
2045
  },
2223
2046
  {
@@ -2226,15 +2049,15 @@
2226
2049
  "unit": "px"
2227
2050
  },
2228
2051
  "offsetY": {
2229
- "value": 5,
2052
+ "value": 0,
2230
2053
  "unit": "px"
2231
2054
  },
2232
2055
  "blur": {
2233
- "value": 10,
2056
+ "value": 0,
2234
2057
  "unit": "px"
2235
2058
  },
2236
2059
  "spread": {
2237
- "value": 0,
2060
+ "value": 1,
2238
2061
  "unit": "px"
2239
2062
  },
2240
2063
  "color": {
@@ -2244,20 +2067,26 @@
2244
2067
  0,
2245
2068
  0
2246
2069
  ],
2247
- "alpha": 0.03
2070
+ "alpha": 0.08
2248
2071
  }
2249
- },
2072
+ }
2073
+ ]
2074
+ }
2075
+ },
2076
+ "dark": {
2077
+ "resting": {
2078
+ "$value": [
2250
2079
  {
2251
2080
  "offsetX": {
2252
2081
  "value": 0,
2253
2082
  "unit": "px"
2254
2083
  },
2255
2084
  "offsetY": {
2256
- "value": 2,
2085
+ "value": 1,
2257
2086
  "unit": "px"
2258
2087
  },
2259
2088
  "blur": {
2260
- "value": 4,
2089
+ "value": 0,
2261
2090
  "unit": "px"
2262
2091
  },
2263
2092
  "spread": {
@@ -2267,12 +2096,13 @@
2267
2096
  "color": {
2268
2097
  "colorSpace": "srgb",
2269
2098
  "components": [
2270
- 0,
2271
- 0,
2272
- 0
2099
+ 1,
2100
+ 1,
2101
+ 1
2273
2102
  ],
2274
- "alpha": 0.02
2275
- }
2103
+ "alpha": 0.05
2104
+ },
2105
+ "inset": true
2276
2106
  },
2277
2107
  {
2278
2108
  "offsetX": {
@@ -2294,28 +2124,25 @@
2294
2124
  "color": {
2295
2125
  "colorSpace": "srgb",
2296
2126
  "components": [
2297
- 0,
2298
- 0,
2299
- 0
2127
+ 1,
2128
+ 1,
2129
+ 1
2300
2130
  ],
2301
- "alpha": 0.05
2302
- }
2303
- }
2304
- ]
2305
- },
2306
- "modal": {
2307
- "$value": [
2131
+ "alpha": 0.07
2132
+ },
2133
+ "inset": true
2134
+ },
2308
2135
  {
2309
2136
  "offsetX": {
2310
2137
  "value": 0,
2311
2138
  "unit": "px"
2312
2139
  },
2313
2140
  "offsetY": {
2314
- "value": 60,
2141
+ "value": 1,
2315
2142
  "unit": "px"
2316
2143
  },
2317
2144
  "blur": {
2318
- "value": 120,
2145
+ "value": 2,
2319
2146
  "unit": "px"
2320
2147
  },
2321
2148
  "spread": {
@@ -2329,7 +2156,7 @@
2329
2156
  0,
2330
2157
  0
2331
2158
  ],
2332
- "alpha": 0.07
2159
+ "alpha": 0.6
2333
2160
  }
2334
2161
  },
2335
2162
  {
@@ -2338,15 +2165,15 @@
2338
2165
  "unit": "px"
2339
2166
  },
2340
2167
  "offsetY": {
2341
- "value": 30,
2168
+ "value": 0,
2342
2169
  "unit": "px"
2343
2170
  },
2344
2171
  "blur": {
2345
- "value": 60,
2172
+ "value": 0,
2346
2173
  "unit": "px"
2347
2174
  },
2348
2175
  "spread": {
2349
- "value": 0,
2176
+ "value": 1,
2350
2177
  "unit": "px"
2351
2178
  },
2352
2179
  "color": {
@@ -2356,20 +2183,24 @@
2356
2183
  0,
2357
2184
  0
2358
2185
  ],
2359
- "alpha": 0.06
2186
+ "alpha": 0.8
2360
2187
  }
2361
- },
2188
+ }
2189
+ ]
2190
+ },
2191
+ "raised": {
2192
+ "$value": [
2362
2193
  {
2363
2194
  "offsetX": {
2364
2195
  "value": 0,
2365
2196
  "unit": "px"
2366
2197
  },
2367
2198
  "offsetY": {
2368
- "value": 15,
2199
+ "value": 1,
2369
2200
  "unit": "px"
2370
2201
  },
2371
2202
  "blur": {
2372
- "value": 30,
2203
+ "value": 0,
2373
2204
  "unit": "px"
2374
2205
  },
2375
2206
  "spread": {
@@ -2379,12 +2210,13 @@
2379
2210
  "color": {
2380
2211
  "colorSpace": "srgb",
2381
2212
  "components": [
2382
- 0,
2383
- 0,
2384
- 0
2213
+ 1,
2214
+ 1,
2215
+ 1
2385
2216
  ],
2386
- "alpha": 0.05
2387
- }
2217
+ "alpha": 0.07
2218
+ },
2219
+ "inset": true
2388
2220
  },
2389
2221
  {
2390
2222
  "offsetX": {
@@ -2392,26 +2224,27 @@
2392
2224
  "unit": "px"
2393
2225
  },
2394
2226
  "offsetY": {
2395
- "value": 7.5,
2227
+ "value": 0,
2396
2228
  "unit": "px"
2397
2229
  },
2398
2230
  "blur": {
2399
- "value": 15,
2231
+ "value": 0,
2400
2232
  "unit": "px"
2401
2233
  },
2402
2234
  "spread": {
2403
- "value": 0,
2235
+ "value": 1,
2404
2236
  "unit": "px"
2405
2237
  },
2406
2238
  "color": {
2407
2239
  "colorSpace": "srgb",
2408
2240
  "components": [
2409
- 0,
2410
- 0,
2411
- 0
2241
+ 1,
2242
+ 1,
2243
+ 1
2412
2244
  ],
2413
- "alpha": 0.04
2414
- }
2245
+ "alpha": 0.09
2246
+ },
2247
+ "inset": true
2415
2248
  },
2416
2249
  {
2417
2250
  "offsetX": {
@@ -2419,15 +2252,15 @@
2419
2252
  "unit": "px"
2420
2253
  },
2421
2254
  "offsetY": {
2422
- "value": 3,
2255
+ "value": 16,
2423
2256
  "unit": "px"
2424
2257
  },
2425
2258
  "blur": {
2426
- "value": 6,
2259
+ "value": 32,
2427
2260
  "unit": "px"
2428
2261
  },
2429
2262
  "spread": {
2430
- "value": 0,
2263
+ "value": -8,
2431
2264
  "unit": "px"
2432
2265
  },
2433
2266
  "color": {
@@ -2437,7 +2270,7 @@
2437
2270
  0,
2438
2271
  0
2439
2272
  ],
2440
- "alpha": 0.03
2273
+ "alpha": 0.6
2441
2274
  }
2442
2275
  },
2443
2276
  {
@@ -2464,14 +2297,12 @@
2464
2297
  0,
2465
2298
  0
2466
2299
  ],
2467
- "alpha": 0.05
2300
+ "alpha": 0.8
2468
2301
  }
2469
2302
  }
2470
2303
  ]
2471
- }
2472
- },
2473
- "dark": {
2474
- "resting": {
2304
+ },
2305
+ "floating": {
2475
2306
  "$value": [
2476
2307
  {
2477
2308
  "offsetX": {
@@ -2479,67 +2310,13 @@
2479
2310
  "unit": "px"
2480
2311
  },
2481
2312
  "offsetY": {
2482
- "value": 17.54,
2483
- "unit": "px"
2484
- },
2485
- "blur": {
2486
- "value": 23.39,
2487
- "unit": "px"
2488
- },
2489
- "spread": {
2490
- "value": 0,
2491
- "unit": "px"
2492
- },
2493
- "color": {
2494
- "colorSpace": "srgb",
2495
- "components": [
2496
- 0,
2497
- 0,
2498
- 0
2499
- ],
2500
- "alpha": 0.04
2501
- }
2502
- },
2503
- {
2504
- "offsetX": {
2505
- "value": 0,
2506
- "unit": "px"
2507
- },
2508
- "offsetY": {
2509
- "value": 9.4,
2313
+ "value": 1,
2510
2314
  "unit": "px"
2511
2315
  },
2512
2316
  "blur": {
2513
- "value": 12.5,
2514
- "unit": "px"
2515
- },
2516
- "spread": {
2517
- "value": 0,
2518
- "unit": "px"
2519
- },
2520
- "color": {
2521
- "colorSpace": "srgb",
2522
- "components": [
2523
- 0,
2524
- 0,
2525
- 0
2526
- ],
2527
- "alpha": 0.03
2528
- }
2529
- },
2530
- {
2531
- "offsetX": {
2532
2317
  "value": 0,
2533
2318
  "unit": "px"
2534
2319
  },
2535
- "offsetY": {
2536
- "value": 5.25,
2537
- "unit": "px"
2538
- },
2539
- "blur": {
2540
- "value": 7,
2541
- "unit": "px"
2542
- },
2543
2320
  "spread": {
2544
2321
  "value": 0,
2545
2322
  "unit": "px"
@@ -2547,66 +2324,13 @@
2547
2324
  "color": {
2548
2325
  "colorSpace": "srgb",
2549
2326
  "components": [
2550
- 0,
2551
- 0,
2552
- 0
2553
- ],
2554
- "alpha": 0.02
2555
- }
2556
- },
2557
- {
2558
- "offsetX": {
2559
- "value": 0,
2560
- "unit": "px"
2561
- },
2562
- "offsetY": {
2563
- "value": 2.79,
2564
- "unit": "px"
2565
- },
2566
- "blur": {
2567
- "value": 3.72,
2568
- "unit": "px"
2569
- },
2570
- "spread": {
2571
- "value": -2,
2572
- "unit": "px"
2573
- },
2574
- "color": {
2575
- "colorSpace": "srgb",
2576
- "components": [
2577
- 0,
2578
- 0,
2579
- 0
2327
+ 1,
2328
+ 1,
2329
+ 1
2580
2330
  ],
2581
- "alpha": 0.01
2582
- }
2583
- },
2584
- {
2585
- "offsetX": {
2586
- "value": 0,
2587
- "unit": "px"
2588
- },
2589
- "offsetY": {
2590
- "value": 1.16,
2591
- "unit": "px"
2592
- },
2593
- "blur": {
2594
- "value": 1.5,
2595
- "unit": "px"
2596
- },
2597
- "spread": {
2598
- "value": 0,
2599
- "unit": "px"
2331
+ "alpha": 0.09
2600
2332
  },
2601
- "color": {
2602
- "colorSpace": "srgb",
2603
- "components": [
2604
- 0,
2605
- 0,
2606
- 0
2607
- ],
2608
- "alpha": 0.01
2609
- }
2333
+ "inset": true
2610
2334
  },
2611
2335
  {
2612
2336
  "offsetX": {
@@ -2632,39 +2356,9 @@
2632
2356
  1,
2633
2357
  1
2634
2358
  ],
2635
- "alpha": 0.12
2636
- }
2637
- }
2638
- ]
2639
- },
2640
- "raised": {
2641
- "$value": [
2642
- {
2643
- "offsetX": {
2644
- "value": 0,
2645
- "unit": "px"
2646
- },
2647
- "offsetY": {
2648
- "value": 25,
2649
- "unit": "px"
2650
- },
2651
- "blur": {
2652
- "value": 50,
2653
- "unit": "px"
2654
- },
2655
- "spread": {
2656
- "value": 0,
2657
- "unit": "px"
2359
+ "alpha": 0.11
2658
2360
  },
2659
- "color": {
2660
- "colorSpace": "srgb",
2661
- "components": [
2662
- 0,
2663
- 0,
2664
- 0
2665
- ],
2666
- "alpha": 0.05
2667
- }
2361
+ "inset": true
2668
2362
  },
2669
2363
  {
2670
2364
  "offsetX": {
@@ -2680,7 +2374,7 @@
2680
2374
  "unit": "px"
2681
2375
  },
2682
2376
  "spread": {
2683
- "value": 0,
2377
+ "value": -6,
2684
2378
  "unit": "px"
2685
2379
  },
2686
2380
  "color": {
@@ -2690,7 +2384,7 @@
2690
2384
  0,
2691
2385
  0
2692
2386
  ],
2693
- "alpha": 0.04
2387
+ "alpha": 0.6
2694
2388
  }
2695
2389
  },
2696
2390
  {
@@ -2699,15 +2393,15 @@
2699
2393
  "unit": "px"
2700
2394
  },
2701
2395
  "offsetY": {
2702
- "value": 6,
2396
+ "value": 32,
2703
2397
  "unit": "px"
2704
2398
  },
2705
2399
  "blur": {
2706
- "value": 12,
2400
+ "value": 64,
2707
2401
  "unit": "px"
2708
2402
  },
2709
2403
  "spread": {
2710
- "value": 0,
2404
+ "value": -16,
2711
2405
  "unit": "px"
2712
2406
  },
2713
2407
  "color": {
@@ -2717,7 +2411,7 @@
2717
2411
  0,
2718
2412
  0
2719
2413
  ],
2720
- "alpha": 0.03
2414
+ "alpha": 0.7
2721
2415
  }
2722
2416
  },
2723
2417
  {
@@ -2726,15 +2420,15 @@
2726
2420
  "unit": "px"
2727
2421
  },
2728
2422
  "offsetY": {
2729
- "value": 3,
2423
+ "value": 0,
2730
2424
  "unit": "px"
2731
2425
  },
2732
2426
  "blur": {
2733
- "value": 6,
2427
+ "value": 0,
2734
2428
  "unit": "px"
2735
2429
  },
2736
2430
  "spread": {
2737
- "value": 0,
2431
+ "value": 1,
2738
2432
  "unit": "px"
2739
2433
  },
2740
2434
  "color": {
@@ -2744,20 +2438,24 @@
2744
2438
  0,
2745
2439
  0
2746
2440
  ],
2747
- "alpha": 0.02
2441
+ "alpha": 0.8
2748
2442
  }
2749
- },
2443
+ }
2444
+ ]
2445
+ },
2446
+ "modal": {
2447
+ "$value": [
2750
2448
  {
2751
2449
  "offsetX": {
2752
2450
  "value": 0,
2753
2451
  "unit": "px"
2754
2452
  },
2755
2453
  "offsetY": {
2756
- "value": 1.5,
2454
+ "value": 1,
2757
2455
  "unit": "px"
2758
2456
  },
2759
2457
  "blur": {
2760
- "value": 3,
2458
+ "value": 0,
2761
2459
  "unit": "px"
2762
2460
  },
2763
2461
  "spread": {
@@ -2767,12 +2465,13 @@
2767
2465
  "color": {
2768
2466
  "colorSpace": "srgb",
2769
2467
  "components": [
2770
- 0,
2771
- 0,
2772
- 0
2468
+ 1,
2469
+ 1,
2470
+ 1
2773
2471
  ],
2774
- "alpha": 0.02
2775
- }
2472
+ "alpha": 0.11
2473
+ },
2474
+ "inset": true
2776
2475
  },
2777
2476
  {
2778
2477
  "offsetX": {
@@ -2798,39 +2497,9 @@
2798
2497
  1,
2799
2498
  1
2800
2499
  ],
2801
- "alpha": 0.16
2802
- }
2803
- }
2804
- ]
2805
- },
2806
- "floating": {
2807
- "$value": [
2808
- {
2809
- "offsetX": {
2810
- "value": 0,
2811
- "unit": "px"
2812
- },
2813
- "offsetY": {
2814
- "value": 40,
2815
- "unit": "px"
2816
- },
2817
- "blur": {
2818
- "value": 80,
2819
- "unit": "px"
2820
- },
2821
- "spread": {
2822
- "value": 0,
2823
- "unit": "px"
2500
+ "alpha": 0.13
2824
2501
  },
2825
- "color": {
2826
- "colorSpace": "srgb",
2827
- "components": [
2828
- 0,
2829
- 0,
2830
- 0
2831
- ],
2832
- "alpha": 0.06
2833
- }
2502
+ "inset": true
2834
2503
  },
2835
2504
  {
2836
2505
  "offsetX": {
@@ -2838,15 +2507,15 @@
2838
2507
  "unit": "px"
2839
2508
  },
2840
2509
  "offsetY": {
2841
- "value": 20,
2510
+ "value": 64,
2842
2511
  "unit": "px"
2843
2512
  },
2844
2513
  "blur": {
2845
- "value": 40,
2514
+ "value": 128,
2846
2515
  "unit": "px"
2847
2516
  },
2848
2517
  "spread": {
2849
- "value": 0,
2518
+ "value": -32,
2850
2519
  "unit": "px"
2851
2520
  },
2852
2521
  "color": {
@@ -2856,7 +2525,7 @@
2856
2525
  0,
2857
2526
  0
2858
2527
  ],
2859
- "alpha": 0.05
2528
+ "alpha": 0.8
2860
2529
  }
2861
2530
  },
2862
2531
  {
@@ -2865,69 +2534,15 @@
2865
2534
  "unit": "px"
2866
2535
  },
2867
2536
  "offsetY": {
2868
- "value": 10,
2869
- "unit": "px"
2870
- },
2871
- "blur": {
2872
- "value": 20,
2873
- "unit": "px"
2874
- },
2875
- "spread": {
2876
- "value": 0,
2877
- "unit": "px"
2878
- },
2879
- "color": {
2880
- "colorSpace": "srgb",
2881
- "components": [
2882
- 0,
2883
- 0,
2884
- 0
2885
- ],
2886
- "alpha": 0.04
2887
- }
2888
- },
2889
- {
2890
- "offsetX": {
2891
2537
  "value": 0,
2892
2538
  "unit": "px"
2893
2539
  },
2894
- "offsetY": {
2895
- "value": 5,
2896
- "unit": "px"
2897
- },
2898
2540
  "blur": {
2899
- "value": 10,
2900
- "unit": "px"
2901
- },
2902
- "spread": {
2903
- "value": 0,
2904
- "unit": "px"
2905
- },
2906
- "color": {
2907
- "colorSpace": "srgb",
2908
- "components": [
2909
- 0,
2910
- 0,
2911
- 0
2912
- ],
2913
- "alpha": 0.03
2914
- }
2915
- },
2916
- {
2917
- "offsetX": {
2918
2541
  "value": 0,
2919
2542
  "unit": "px"
2920
2543
  },
2921
- "offsetY": {
2922
- "value": 2,
2923
- "unit": "px"
2924
- },
2925
- "blur": {
2926
- "value": 4,
2927
- "unit": "px"
2928
- },
2929
2544
  "spread": {
2930
- "value": 0,
2545
+ "value": 1,
2931
2546
  "unit": "px"
2932
2547
  },
2933
2548
  "color": {
@@ -2937,200 +2552,7 @@
2937
2552
  0,
2938
2553
  0
2939
2554
  ],
2940
- "alpha": 0.02
2941
- }
2942
- },
2943
- {
2944
- "offsetX": {
2945
- "value": 0,
2946
- "unit": "px"
2947
- },
2948
- "offsetY": {
2949
- "value": 0,
2950
- "unit": "px"
2951
- },
2952
- "blur": {
2953
- "value": 0,
2954
- "unit": "px"
2955
- },
2956
- "spread": {
2957
- "value": 1,
2958
- "unit": "px"
2959
- },
2960
- "color": {
2961
- "colorSpace": "srgb",
2962
- "components": [
2963
- 1,
2964
- 1,
2965
- 1
2966
- ],
2967
- "alpha": 0.22
2968
- }
2969
- }
2970
- ]
2971
- },
2972
- "modal": {
2973
- "$value": [
2974
- {
2975
- "offsetX": {
2976
- "value": 0,
2977
- "unit": "px"
2978
- },
2979
- "offsetY": {
2980
- "value": 60,
2981
- "unit": "px"
2982
- },
2983
- "blur": {
2984
- "value": 120,
2985
- "unit": "px"
2986
- },
2987
- "spread": {
2988
- "value": 0,
2989
- "unit": "px"
2990
- },
2991
- "color": {
2992
- "colorSpace": "srgb",
2993
- "components": [
2994
- 0,
2995
- 0,
2996
- 0
2997
- ],
2998
- "alpha": 0.07
2999
- }
3000
- },
3001
- {
3002
- "offsetX": {
3003
- "value": 0,
3004
- "unit": "px"
3005
- },
3006
- "offsetY": {
3007
- "value": 30,
3008
- "unit": "px"
3009
- },
3010
- "blur": {
3011
- "value": 60,
3012
- "unit": "px"
3013
- },
3014
- "spread": {
3015
- "value": 0,
3016
- "unit": "px"
3017
- },
3018
- "color": {
3019
- "colorSpace": "srgb",
3020
- "components": [
3021
- 0,
3022
- 0,
3023
- 0
3024
- ],
3025
- "alpha": 0.06
3026
- }
3027
- },
3028
- {
3029
- "offsetX": {
3030
- "value": 0,
3031
- "unit": "px"
3032
- },
3033
- "offsetY": {
3034
- "value": 15,
3035
- "unit": "px"
3036
- },
3037
- "blur": {
3038
- "value": 30,
3039
- "unit": "px"
3040
- },
3041
- "spread": {
3042
- "value": 0,
3043
- "unit": "px"
3044
- },
3045
- "color": {
3046
- "colorSpace": "srgb",
3047
- "components": [
3048
- 0,
3049
- 0,
3050
- 0
3051
- ],
3052
- "alpha": 0.05
3053
- }
3054
- },
3055
- {
3056
- "offsetX": {
3057
- "value": 0,
3058
- "unit": "px"
3059
- },
3060
- "offsetY": {
3061
- "value": 7.5,
3062
- "unit": "px"
3063
- },
3064
- "blur": {
3065
- "value": 15,
3066
- "unit": "px"
3067
- },
3068
- "spread": {
3069
- "value": 0,
3070
- "unit": "px"
3071
- },
3072
- "color": {
3073
- "colorSpace": "srgb",
3074
- "components": [
3075
- 0,
3076
- 0,
3077
- 0
3078
- ],
3079
- "alpha": 0.04
3080
- }
3081
- },
3082
- {
3083
- "offsetX": {
3084
- "value": 0,
3085
- "unit": "px"
3086
- },
3087
- "offsetY": {
3088
- "value": 3,
3089
- "unit": "px"
3090
- },
3091
- "blur": {
3092
- "value": 6,
3093
- "unit": "px"
3094
- },
3095
- "spread": {
3096
- "value": 0,
3097
- "unit": "px"
3098
- },
3099
- "color": {
3100
- "colorSpace": "srgb",
3101
- "components": [
3102
- 0,
3103
- 0,
3104
- 0
3105
- ],
3106
- "alpha": 0.03
3107
- }
3108
- },
3109
- {
3110
- "offsetX": {
3111
- "value": 0,
3112
- "unit": "px"
3113
- },
3114
- "offsetY": {
3115
- "value": 0,
3116
- "unit": "px"
3117
- },
3118
- "blur": {
3119
- "value": 0,
3120
- "unit": "px"
3121
- },
3122
- "spread": {
3123
- "value": 1,
3124
- "unit": "px"
3125
- },
3126
- "color": {
3127
- "colorSpace": "srgb",
3128
- "components": [
3129
- 1,
3130
- 1,
3131
- 1
3132
- ],
3133
- "alpha": 0.28
2555
+ "alpha": 0.8
3134
2556
  }
3135
2557
  }
3136
2558
  ]
@@ -3140,12 +2562,6 @@
3140
2562
  "motion": {
3141
2563
  "duration": {
3142
2564
  "$type": "duration",
3143
- "stagger": {
3144
- "$value": {
3145
- "value": 60,
3146
- "unit": "ms"
3147
- }
3148
- },
3149
2565
  "control": {
3150
2566
  "$value": {
3151
2567
  "value": 100,
@@ -3238,6 +2654,343 @@
3238
2654
  }
3239
2655
  }
3240
2656
  },
2657
+ "semantic": {
2658
+ "radius": {
2659
+ "$type": "dimension",
2660
+ "$value": "{nadicode.core.rounded.md}"
2661
+ },
2662
+ "color": {
2663
+ "$type": "color",
2664
+ "light": {
2665
+ "background": {
2666
+ "$value": "{nadicode.core.color.canvas}"
2667
+ },
2668
+ "foreground": {
2669
+ "$value": "{nadicode.core.color.ink}"
2670
+ },
2671
+ "card": {
2672
+ "$value": "{nadicode.core.color.material-solid}"
2673
+ },
2674
+ "card-foreground": {
2675
+ "$value": "{nadicode.core.color.ink}"
2676
+ },
2677
+ "popover": {
2678
+ "$value": "{nadicode.core.color.material-solid}"
2679
+ },
2680
+ "popover-foreground": {
2681
+ "$value": "{nadicode.core.color.ink}"
2682
+ },
2683
+ "primary": {
2684
+ "$value": "{nadicode.core.color.action}"
2685
+ },
2686
+ "primary-foreground": {
2687
+ "$value": "{nadicode.core.color.action-foreground}"
2688
+ },
2689
+ "primary-hover": {
2690
+ "$value": "{nadicode.core.color.action-hover}"
2691
+ },
2692
+ "primary-active": {
2693
+ "$value": "{nadicode.core.color.action-active}"
2694
+ },
2695
+ "secondary": {
2696
+ "$value": "{nadicode.core.color.canvas-soft}"
2697
+ },
2698
+ "secondary-foreground": {
2699
+ "$value": "{nadicode.core.color.ink}"
2700
+ },
2701
+ "muted": {
2702
+ "$value": "{nadicode.core.color.canvas-soft}"
2703
+ },
2704
+ "muted-foreground": {
2705
+ "$value": "{nadicode.core.color.body}"
2706
+ },
2707
+ "placeholder": {
2708
+ "$value": "{nadicode.core.color.muted}"
2709
+ },
2710
+ "accent": {
2711
+ "$value": "{nadicode.core.color.canvas-soft-2}"
2712
+ },
2713
+ "accent-foreground": {
2714
+ "$value": "{nadicode.core.color.ink}"
2715
+ },
2716
+ "destructive": {
2717
+ "$value": "{nadicode.core.color.error}"
2718
+ },
2719
+ "destructive-foreground": {
2720
+ "$value": "{nadicode.core.color.identity-white}"
2721
+ },
2722
+ "warning": {
2723
+ "$value": "{nadicode.core.color.warning}"
2724
+ },
2725
+ "warning-foreground": {
2726
+ "$value": "{nadicode.core.color.ink}"
2727
+ },
2728
+ "success": {
2729
+ "$value": "{nadicode.core.color.success}"
2730
+ },
2731
+ "success-foreground": {
2732
+ "$value": "{nadicode.core.color.ink}"
2733
+ },
2734
+ "info": {
2735
+ "$value": "{nadicode.core.color.info}"
2736
+ },
2737
+ "info-foreground": {
2738
+ "$value": "{nadicode.core.color.identity-white}"
2739
+ },
2740
+ "destructive-soft": {
2741
+ "$value": "{nadicode.core.color.error-soft}"
2742
+ },
2743
+ "destructive-soft-foreground": {
2744
+ "$value": "{nadicode.core.color.error-deep}"
2745
+ },
2746
+ "warning-soft": {
2747
+ "$value": "{nadicode.core.color.warning-soft}"
2748
+ },
2749
+ "warning-soft-foreground": {
2750
+ "$value": "{nadicode.core.color.warning-deep}"
2751
+ },
2752
+ "success-soft": {
2753
+ "$value": "{nadicode.core.color.success-soft}"
2754
+ },
2755
+ "success-soft-foreground": {
2756
+ "$value": "{nadicode.core.color.success-deep}"
2757
+ },
2758
+ "info-soft": {
2759
+ "$value": "{nadicode.core.color.info-soft}"
2760
+ },
2761
+ "info-soft-foreground": {
2762
+ "$value": "{nadicode.core.color.info-deep}"
2763
+ },
2764
+ "border": {
2765
+ "$value": "{nadicode.core.color.line}"
2766
+ },
2767
+ "input": {
2768
+ "$value": "{nadicode.core.color.input}"
2769
+ },
2770
+ "ring": {
2771
+ "$value": "{nadicode.core.color.focus-ring}"
2772
+ },
2773
+ "scrim": {
2774
+ "$value": "{nadicode.core.color.scrim}"
2775
+ },
2776
+ "chart-1": {
2777
+ "$value": "{nadicode.core.color.chart-1}"
2778
+ },
2779
+ "chart-2": {
2780
+ "$value": "{nadicode.core.color.chart-2}"
2781
+ },
2782
+ "chart-3": {
2783
+ "$value": "{nadicode.core.color.chart-3}"
2784
+ },
2785
+ "chart-4": {
2786
+ "$value": "{nadicode.core.color.chart-4}"
2787
+ },
2788
+ "chart-5": {
2789
+ "$value": "{nadicode.core.color.chart-5}"
2790
+ },
2791
+ "selection": {
2792
+ "$value": "{nadicode.core.color.navigation-selection-bg}"
2793
+ },
2794
+ "selection-foreground": {
2795
+ "$value": "{nadicode.core.color.navigation-selection-fg}"
2796
+ },
2797
+ "recessed": {
2798
+ "$value": "{nadicode.core.color.canvas-soft}"
2799
+ },
2800
+ "sidebar": {
2801
+ "$value": "{nadicode.core.color.canvas-soft}"
2802
+ },
2803
+ "sidebar-foreground": {
2804
+ "$value": "{nadicode.core.color.ink}"
2805
+ },
2806
+ "sidebar-primary": {
2807
+ "$value": "{nadicode.core.color.navigation-selection-bg}"
2808
+ },
2809
+ "sidebar-primary-foreground": {
2810
+ "$value": "{nadicode.core.color.navigation-selection-fg}"
2811
+ },
2812
+ "sidebar-primary-hover": {
2813
+ "$value": "{nadicode.core.color.navigation-selection-hover}"
2814
+ },
2815
+ "sidebar-accent": {
2816
+ "$value": "{nadicode.core.color.canvas-soft-2}"
2817
+ },
2818
+ "sidebar-accent-foreground": {
2819
+ "$value": "{nadicode.core.color.ink}"
2820
+ },
2821
+ "sidebar-border": {
2822
+ "$value": "{nadicode.core.color.line}"
2823
+ },
2824
+ "sidebar-ring": {
2825
+ "$value": "{nadicode.core.color.focus-ring}"
2826
+ }
2827
+ },
2828
+ "dark": {
2829
+ "background": {
2830
+ "$value": "{nadicode.core.color.dark-canvas}"
2831
+ },
2832
+ "foreground": {
2833
+ "$value": "{nadicode.core.color.dark-ink}"
2834
+ },
2835
+ "card": {
2836
+ "$value": "{nadicode.core.color.dark-material-solid}"
2837
+ },
2838
+ "card-foreground": {
2839
+ "$value": "{nadicode.core.color.dark-ink}"
2840
+ },
2841
+ "popover": {
2842
+ "$value": "{nadicode.core.color.dark-material-solid}"
2843
+ },
2844
+ "popover-foreground": {
2845
+ "$value": "{nadicode.core.color.dark-ink}"
2846
+ },
2847
+ "primary": {
2848
+ "$value": "{nadicode.core.color.dark-action}"
2849
+ },
2850
+ "primary-foreground": {
2851
+ "$value": "{nadicode.core.color.dark-action-foreground}"
2852
+ },
2853
+ "primary-hover": {
2854
+ "$value": "{nadicode.core.color.dark-action-hover}"
2855
+ },
2856
+ "primary-active": {
2857
+ "$value": "{nadicode.core.color.dark-action-active}"
2858
+ },
2859
+ "secondary": {
2860
+ "$value": "{nadicode.core.color.dark-canvas-soft}"
2861
+ },
2862
+ "secondary-foreground": {
2863
+ "$value": "{nadicode.core.color.dark-ink}"
2864
+ },
2865
+ "muted": {
2866
+ "$value": "{nadicode.core.color.dark-canvas-soft}"
2867
+ },
2868
+ "muted-foreground": {
2869
+ "$value": "{nadicode.core.color.dark-body}"
2870
+ },
2871
+ "placeholder": {
2872
+ "$value": "{nadicode.core.color.dark-muted}"
2873
+ },
2874
+ "accent": {
2875
+ "$value": "{nadicode.core.color.dark-canvas-soft-2}"
2876
+ },
2877
+ "accent-foreground": {
2878
+ "$value": "{nadicode.core.color.dark-ink}"
2879
+ },
2880
+ "destructive": {
2881
+ "$value": "{nadicode.core.color.dark-error}"
2882
+ },
2883
+ "destructive-foreground": {
2884
+ "$value": "{nadicode.core.color.dark-on-primary}"
2885
+ },
2886
+ "warning": {
2887
+ "$value": "{nadicode.core.color.dark-warning}"
2888
+ },
2889
+ "warning-foreground": {
2890
+ "$value": "{nadicode.core.color.dark-on-primary}"
2891
+ },
2892
+ "success": {
2893
+ "$value": "{nadicode.core.color.dark-success}"
2894
+ },
2895
+ "success-foreground": {
2896
+ "$value": "{nadicode.core.color.dark-on-primary}"
2897
+ },
2898
+ "info": {
2899
+ "$value": "{nadicode.core.color.dark-info}"
2900
+ },
2901
+ "info-foreground": {
2902
+ "$value": "{nadicode.core.color.dark-on-primary}"
2903
+ },
2904
+ "destructive-soft": {
2905
+ "$value": "{nadicode.core.color.dark-error-soft}"
2906
+ },
2907
+ "destructive-soft-foreground": {
2908
+ "$value": "{nadicode.core.color.dark-error-deep}"
2909
+ },
2910
+ "warning-soft": {
2911
+ "$value": "{nadicode.core.color.dark-warning-soft}"
2912
+ },
2913
+ "warning-soft-foreground": {
2914
+ "$value": "{nadicode.core.color.dark-warning-deep}"
2915
+ },
2916
+ "success-soft": {
2917
+ "$value": "{nadicode.core.color.dark-success-soft}"
2918
+ },
2919
+ "success-soft-foreground": {
2920
+ "$value": "{nadicode.core.color.dark-success-deep}"
2921
+ },
2922
+ "info-soft": {
2923
+ "$value": "{nadicode.core.color.dark-info-soft}"
2924
+ },
2925
+ "info-soft-foreground": {
2926
+ "$value": "{nadicode.core.color.dark-info-deep}"
2927
+ },
2928
+ "border": {
2929
+ "$value": "{nadicode.core.color.dark-line}"
2930
+ },
2931
+ "input": {
2932
+ "$value": "{nadicode.core.color.dark-input}"
2933
+ },
2934
+ "ring": {
2935
+ "$value": "{nadicode.core.color.dark-focus-ring}"
2936
+ },
2937
+ "scrim": {
2938
+ "$value": "{nadicode.core.color.dark-scrim}"
2939
+ },
2940
+ "chart-1": {
2941
+ "$value": "{nadicode.core.color.dark-chart-1}"
2942
+ },
2943
+ "chart-2": {
2944
+ "$value": "{nadicode.core.color.dark-chart-2}"
2945
+ },
2946
+ "chart-3": {
2947
+ "$value": "{nadicode.core.color.dark-chart-3}"
2948
+ },
2949
+ "chart-4": {
2950
+ "$value": "{nadicode.core.color.dark-chart-4}"
2951
+ },
2952
+ "chart-5": {
2953
+ "$value": "{nadicode.core.color.dark-chart-5}"
2954
+ },
2955
+ "selection": {
2956
+ "$value": "{nadicode.core.color.dark-navigation-selection-bg}"
2957
+ },
2958
+ "selection-foreground": {
2959
+ "$value": "{nadicode.core.color.dark-navigation-selection-fg}"
2960
+ },
2961
+ "recessed": {
2962
+ "$value": "{nadicode.core.color.dark-canvas}"
2963
+ },
2964
+ "sidebar": {
2965
+ "$value": "{nadicode.core.color.dark-canvas}"
2966
+ },
2967
+ "sidebar-foreground": {
2968
+ "$value": "{nadicode.core.color.dark-ink}"
2969
+ },
2970
+ "sidebar-primary": {
2971
+ "$value": "{nadicode.core.color.dark-navigation-selection-bg}"
2972
+ },
2973
+ "sidebar-primary-foreground": {
2974
+ "$value": "{nadicode.core.color.dark-navigation-selection-fg}"
2975
+ },
2976
+ "sidebar-primary-hover": {
2977
+ "$value": "{nadicode.core.color.dark-navigation-selection-hover}"
2978
+ },
2979
+ "sidebar-accent": {
2980
+ "$value": "{nadicode.core.color.dark-canvas-soft-2}"
2981
+ },
2982
+ "sidebar-accent-foreground": {
2983
+ "$value": "{nadicode.core.color.dark-ink}"
2984
+ },
2985
+ "sidebar-border": {
2986
+ "$value": "{nadicode.core.color.dark-line}"
2987
+ },
2988
+ "sidebar-ring": {
2989
+ "$value": "{nadicode.core.color.dark-focus-ring}"
2990
+ }
2991
+ }
2992
+ }
2993
+ },
3241
2994
  "register": {
3242
2995
  "website": {
3243
2996
  "$extensions": {
@@ -3285,944 +3038,6 @@
3285
3038
  }
3286
3039
  }
3287
3040
  }
3288
- },
3289
- "portal": {
3290
- "$extensions": {
3291
- "ai.nadicode.targets": [
3292
- "css",
3293
- "data"
3294
- ]
3295
- },
3296
- "density": {
3297
- "$type": "dimension",
3298
- "filter-chip-gap": {
3299
- "$value": {
3300
- "value": 6,
3301
- "unit": "px"
3302
- }
3303
- },
3304
- "filter-chip-height": {
3305
- "$value": {
3306
- "value": 28,
3307
- "unit": "px"
3308
- }
3309
- },
3310
- "filter-chip-icon": {
3311
- "$value": {
3312
- "value": 14,
3313
- "unit": "px"
3314
- }
3315
- }
3316
- }
3317
- },
3318
- "nadia": {
3319
- "$extensions": {
3320
- "ai.nadicode.targets": [
3321
- "data"
3322
- ]
3323
- },
3324
- "color": {
3325
- "light": {
3326
- "$type": "color",
3327
- "background": {
3328
- "$value": "{nadicode.core.color.canvas}"
3329
- },
3330
- "foreground": {
3331
- "$value": "{nadicode.core.color.ink}"
3332
- },
3333
- "card": {
3334
- "$value": "{nadicode.core.color.canvas}"
3335
- },
3336
- "card-foreground": {
3337
- "$value": "{nadicode.core.color.ink}"
3338
- },
3339
- "muted": {
3340
- "$value": "{nadicode.core.color.canvas-soft-2}"
3341
- },
3342
- "muted-foreground": {
3343
- "$value": "{nadicode.core.color.body}"
3344
- },
3345
- "popover": {
3346
- "$value": "{nadicode.core.color.canvas}"
3347
- },
3348
- "popover-foreground": {
3349
- "$value": "{nadicode.core.color.ink}"
3350
- },
3351
- "primary": {
3352
- "$value": "{nadicode.core.color.action}"
3353
- },
3354
- "primary-foreground": {
3355
- "$value": "{nadicode.core.color.action-foreground}"
3356
- },
3357
- "secondary": {
3358
- "$value": "{nadicode.core.color.canvas-soft}"
3359
- },
3360
- "secondary-foreground": {
3361
- "$value": "{nadicode.core.color.ink}"
3362
- },
3363
- "accent": {
3364
- "$value": "{nadicode.core.color.canvas-soft-2}"
3365
- },
3366
- "accent-foreground": {
3367
- "$value": "{nadicode.core.color.ink}"
3368
- },
3369
- "border": {
3370
- "$value": "{nadicode.core.color.line}"
3371
- },
3372
- "input": {
3373
- "$value": "{nadicode.core.color.input}"
3374
- },
3375
- "ring": {
3376
- "$value": "{nadicode.core.color.focus-ring}"
3377
- },
3378
- "midground": {
3379
- "$value": "{nadicode.core.color.body}"
3380
- },
3381
- "composer-ring": {
3382
- "$value": "{nadicode.core.color.focus-ring}"
3383
- },
3384
- "destructive": {
3385
- "$value": "{nadicode.core.color.error}"
3386
- },
3387
- "destructive-foreground": {
3388
- "$value": "{nadicode.core.color.on-primary}"
3389
- },
3390
- "sidebar-background": {
3391
- "$value": "{nadicode.core.color.canvas-soft}"
3392
- },
3393
- "sidebar-border": {
3394
- "$value": "{nadicode.core.color.line}"
3395
- },
3396
- "user-bubble": {
3397
- "$value": "{nadicode.core.color.canvas-soft-2}"
3398
- },
3399
- "user-bubble-border": {
3400
- "$value": "{nadicode.core.color.line}"
3401
- }
3402
- },
3403
- "dark": {
3404
- "$type": "color",
3405
- "background": {
3406
- "$value": "{nadicode.core.color.dark-canvas}"
3407
- },
3408
- "foreground": {
3409
- "$value": "{nadicode.core.color.dark-ink}"
3410
- },
3411
- "card": {
3412
- "$value": "{nadicode.core.color.dark-canvas}"
3413
- },
3414
- "card-foreground": {
3415
- "$value": "{nadicode.core.color.dark-ink}"
3416
- },
3417
- "muted": {
3418
- "$value": "{nadicode.core.color.dark-canvas-soft-2}"
3419
- },
3420
- "muted-foreground": {
3421
- "$value": "{nadicode.core.color.dark-muted}"
3422
- },
3423
- "popover": {
3424
- "$value": "{nadicode.core.color.dark-canvas}"
3425
- },
3426
- "popover-foreground": {
3427
- "$value": "{nadicode.core.color.dark-ink}"
3428
- },
3429
- "primary": {
3430
- "$value": "{nadicode.core.color.dark-action}"
3431
- },
3432
- "primary-foreground": {
3433
- "$value": "{nadicode.core.color.dark-action-foreground}"
3434
- },
3435
- "secondary": {
3436
- "$value": "{nadicode.core.color.dark-canvas-soft-2}"
3437
- },
3438
- "secondary-foreground": {
3439
- "$value": "{nadicode.core.color.dark-body}"
3440
- },
3441
- "accent": {
3442
- "$value": "{nadicode.core.color.dark-canvas-soft-2}"
3443
- },
3444
- "accent-foreground": {
3445
- "$value": "{nadicode.core.color.dark-ink}"
3446
- },
3447
- "border": {
3448
- "$value": "{nadicode.core.color.dark-line}"
3449
- },
3450
- "input": {
3451
- "$value": "{nadicode.core.color.dark-input}"
3452
- },
3453
- "ring": {
3454
- "$value": "{nadicode.core.color.dark-focus-ring}"
3455
- },
3456
- "midground": {
3457
- "$value": "{nadicode.core.color.dark-muted}"
3458
- },
3459
- "composer-ring": {
3460
- "$value": "{nadicode.core.color.dark-focus-ring}"
3461
- },
3462
- "destructive": {
3463
- "$value": "{nadicode.core.color.error}"
3464
- },
3465
- "destructive-foreground": {
3466
- "$value": "{nadicode.core.color.on-primary}"
3467
- },
3468
- "sidebar-background": {
3469
- "$value": "{nadicode.core.color.dark-canvas}"
3470
- },
3471
- "sidebar-border": {
3472
- "$value": "{nadicode.core.color.dark-seam}"
3473
- },
3474
- "user-bubble": {
3475
- "$value": "{nadicode.core.color.dark-canvas-soft-2}"
3476
- },
3477
- "user-bubble-border": {
3478
- "$value": "{nadicode.core.color.dark-line}"
3479
- }
3480
- }
3481
- },
3482
- "radius": {
3483
- "$type": "dimension",
3484
- "xs": {
3485
- "$value": "{nadicode.core.rounded.xs}"
3486
- },
3487
- "sm": {
3488
- "$value": "{nadicode.core.rounded.sm}"
3489
- },
3490
- "md": {
3491
- "$value": "{nadicode.core.rounded.md}"
3492
- },
3493
- "lg": {
3494
- "$value": "{nadicode.core.rounded.lg}"
3495
- },
3496
- "xl": {
3497
- "$value": "{nadicode.core.rounded.xl}"
3498
- },
3499
- "2xl": {
3500
- "$value": "{nadicode.core.rounded.2xl}"
3501
- },
3502
- "3xl": {
3503
- "$value": "{nadicode.core.rounded.3xl}"
3504
- },
3505
- "4xl": {
3506
- "$value": "{nadicode.core.rounded.3xl}"
3507
- }
3508
- },
3509
- "elevation": {
3510
- "$deprecated": true,
3511
- "$description": "Compatibility data for older Nadia consumers. New surfaces use core.elevation's four material roles; resting controls have no shadow.",
3512
- "light": {
3513
- "$type": "shadow",
3514
- "control": {
3515
- "$value": [
3516
- {
3517
- "offsetX": {
3518
- "value": 0,
3519
- "unit": "px"
3520
- },
3521
- "offsetY": {
3522
- "value": 0,
3523
- "unit": "px"
3524
- },
3525
- "blur": {
3526
- "value": 0,
3527
- "unit": "px"
3528
- },
3529
- "spread": {
3530
- "value": 1,
3531
- "unit": "px"
3532
- },
3533
- "color": {
3534
- "colorSpace": "srgb",
3535
- "components": [
3536
- 0,
3537
- 0,
3538
- 0
3539
- ],
3540
- "alpha": 0.05
3541
- }
3542
- },
3543
- {
3544
- "offsetX": {
3545
- "value": 0,
3546
- "unit": "px"
3547
- },
3548
- "offsetY": {
3549
- "value": 1,
3550
- "unit": "px"
3551
- },
3552
- "blur": {
3553
- "value": 2,
3554
- "unit": "px"
3555
- },
3556
- "spread": {
3557
- "value": 0,
3558
- "unit": "px"
3559
- },
3560
- "color": {
3561
- "colorSpace": "srgb",
3562
- "components": [
3563
- 0,
3564
- 0,
3565
- 0
3566
- ],
3567
- "alpha": 0.04
3568
- }
3569
- }
3570
- ]
3571
- },
3572
- "panel": {
3573
- "$value": [
3574
- {
3575
- "offsetX": {
3576
- "value": 0,
3577
- "unit": "px"
3578
- },
3579
- "offsetY": {
3580
- "value": 0,
3581
- "unit": "px"
3582
- },
3583
- "blur": {
3584
- "value": 0,
3585
- "unit": "px"
3586
- },
3587
- "spread": {
3588
- "value": 1,
3589
- "unit": "px"
3590
- },
3591
- "color": {
3592
- "colorSpace": "srgb",
3593
- "components": [
3594
- 0,
3595
- 0,
3596
- 0
3597
- ],
3598
- "alpha": 0.05
3599
- }
3600
- },
3601
- {
3602
- "offsetX": {
3603
- "value": 0,
3604
- "unit": "px"
3605
- },
3606
- "offsetY": {
3607
- "value": 1,
3608
- "unit": "px"
3609
- },
3610
- "blur": {
3611
- "value": 3,
3612
- "unit": "px"
3613
- },
3614
- "spread": {
3615
- "value": 0,
3616
- "unit": "px"
3617
- },
3618
- "color": {
3619
- "colorSpace": "srgb",
3620
- "components": [
3621
- 0,
3622
- 0,
3623
- 0
3624
- ],
3625
- "alpha": 0.05
3626
- }
3627
- }
3628
- ]
3629
- },
3630
- "raised": {
3631
- "$value": [
3632
- {
3633
- "offsetX": {
3634
- "value": 0,
3635
- "unit": "px"
3636
- },
3637
- "offsetY": {
3638
- "value": 0,
3639
- "unit": "px"
3640
- },
3641
- "blur": {
3642
- "value": 0,
3643
- "unit": "px"
3644
- },
3645
- "spread": {
3646
- "value": 1,
3647
- "unit": "px"
3648
- },
3649
- "color": {
3650
- "colorSpace": "srgb",
3651
- "components": [
3652
- 0,
3653
- 0,
3654
- 0
3655
- ],
3656
- "alpha": 0.05
3657
- }
3658
- },
3659
- {
3660
- "offsetX": {
3661
- "value": 0,
3662
- "unit": "px"
3663
- },
3664
- "offsetY": {
3665
- "value": 4,
3666
- "unit": "px"
3667
- },
3668
- "blur": {
3669
- "value": 10,
3670
- "unit": "px"
3671
- },
3672
- "spread": {
3673
- "value": 0,
3674
- "unit": "px"
3675
- },
3676
- "color": {
3677
- "colorSpace": "srgb",
3678
- "components": [
3679
- 0,
3680
- 0,
3681
- 0
3682
- ],
3683
- "alpha": 0.07
3684
- }
3685
- },
3686
- {
3687
- "offsetX": {
3688
- "value": 0,
3689
- "unit": "px"
3690
- },
3691
- "offsetY": {
3692
- "value": 10,
3693
- "unit": "px"
3694
- },
3695
- "blur": {
3696
- "value": 22,
3697
- "unit": "px"
3698
- },
3699
- "spread": {
3700
- "value": -14,
3701
- "unit": "px"
3702
- },
3703
- "color": {
3704
- "colorSpace": "srgb",
3705
- "components": [
3706
- 0,
3707
- 0,
3708
- 0
3709
- ],
3710
- "alpha": 0.16
3711
- }
3712
- }
3713
- ]
3714
- },
3715
- "overlay": {
3716
- "$value": [
3717
- {
3718
- "offsetX": {
3719
- "value": 0,
3720
- "unit": "px"
3721
- },
3722
- "offsetY": {
3723
- "value": 8,
3724
- "unit": "px"
3725
- },
3726
- "blur": {
3727
- "value": 18,
3728
- "unit": "px"
3729
- },
3730
- "spread": {
3731
- "value": 0,
3732
- "unit": "px"
3733
- },
3734
- "color": {
3735
- "colorSpace": "srgb",
3736
- "components": [
3737
- 0,
3738
- 0,
3739
- 0
3740
- ],
3741
- "alpha": 0.09
3742
- }
3743
- },
3744
- {
3745
- "offsetX": {
3746
- "value": 0,
3747
- "unit": "px"
3748
- },
3749
- "offsetY": {
3750
- "value": 20,
3751
- "unit": "px"
3752
- },
3753
- "blur": {
3754
- "value": 36,
3755
- "unit": "px"
3756
- },
3757
- "spread": {
3758
- "value": -20,
3759
- "unit": "px"
3760
- },
3761
- "color": {
3762
- "colorSpace": "srgb",
3763
- "components": [
3764
- 0,
3765
- 0,
3766
- 0
3767
- ],
3768
- "alpha": 0.22
3769
- }
3770
- }
3771
- ]
3772
- },
3773
- "modal": {
3774
- "$value": [
3775
- {
3776
- "offsetX": {
3777
- "value": 0,
3778
- "unit": "px"
3779
- },
3780
- "offsetY": {
3781
- "value": 0,
3782
- "unit": "px"
3783
- },
3784
- "blur": {
3785
- "value": 0,
3786
- "unit": "px"
3787
- },
3788
- "spread": {
3789
- "value": 1,
3790
- "unit": "px"
3791
- },
3792
- "color": {
3793
- "colorSpace": "srgb",
3794
- "components": [
3795
- 0,
3796
- 0,
3797
- 0
3798
- ],
3799
- "alpha": 0.05
3800
- }
3801
- },
3802
- {
3803
- "offsetX": {
3804
- "value": 0,
3805
- "unit": "px"
3806
- },
3807
- "offsetY": {
3808
- "value": 14,
3809
- "unit": "px"
3810
- },
3811
- "blur": {
3812
- "value": 30,
3813
- "unit": "px"
3814
- },
3815
- "spread": {
3816
- "value": 0,
3817
- "unit": "px"
3818
- },
3819
- "color": {
3820
- "colorSpace": "srgb",
3821
- "components": [
3822
- 0,
3823
- 0,
3824
- 0
3825
- ],
3826
- "alpha": 0.13
3827
- }
3828
- },
3829
- {
3830
- "offsetX": {
3831
- "value": 0,
3832
- "unit": "px"
3833
- },
3834
- "offsetY": {
3835
- "value": 32,
3836
- "unit": "px"
3837
- },
3838
- "blur": {
3839
- "value": 60,
3840
- "unit": "px"
3841
- },
3842
- "spread": {
3843
- "value": -24,
3844
- "unit": "px"
3845
- },
3846
- "color": {
3847
- "colorSpace": "srgb",
3848
- "components": [
3849
- 0,
3850
- 0,
3851
- 0
3852
- ],
3853
- "alpha": 0.3
3854
- }
3855
- }
3856
- ]
3857
- },
3858
- "composer": {
3859
- "$value": [
3860
- {
3861
- "offsetX": {
3862
- "value": 0,
3863
- "unit": "px"
3864
- },
3865
- "offsetY": {
3866
- "value": 1,
3867
- "unit": "px"
3868
- },
3869
- "blur": {
3870
- "value": 2,
3871
- "unit": "px"
3872
- },
3873
- "spread": {
3874
- "value": 0,
3875
- "unit": "px"
3876
- },
3877
- "color": {
3878
- "colorSpace": "srgb",
3879
- "components": [
3880
- 0,
3881
- 0,
3882
- 0
3883
- ],
3884
- "alpha": 0.05
3885
- }
3886
- }
3887
- ]
3888
- },
3889
- "overlay-border": {
3890
- "$type": "border",
3891
- "$value": {
3892
- "width": {
3893
- "value": 1,
3894
- "unit": "px"
3895
- },
3896
- "style": "solid",
3897
- "color": {
3898
- "colorSpace": "srgb",
3899
- "components": [
3900
- 0,
3901
- 0,
3902
- 0
3903
- ],
3904
- "alpha": 0.05
3905
- }
3906
- }
3907
- }
3908
- },
3909
- "dark": {
3910
- "$type": "shadow",
3911
- "control": {
3912
- "$value": [
3913
- {
3914
- "offsetX": {
3915
- "value": 0,
3916
- "unit": "px"
3917
- },
3918
- "offsetY": {
3919
- "value": 0,
3920
- "unit": "px"
3921
- },
3922
- "blur": {
3923
- "value": 0,
3924
- "unit": "px"
3925
- },
3926
- "spread": {
3927
- "value": 1,
3928
- "unit": "px"
3929
- },
3930
- "color": {
3931
- "colorSpace": "srgb",
3932
- "components": [
3933
- 1,
3934
- 1,
3935
- 1
3936
- ],
3937
- "alpha": 0.18
3938
- }
3939
- },
3940
- {
3941
- "offsetX": {
3942
- "value": 0,
3943
- "unit": "px"
3944
- },
3945
- "offsetY": {
3946
- "value": 1,
3947
- "unit": "px"
3948
- },
3949
- "blur": {
3950
- "value": 2,
3951
- "unit": "px"
3952
- },
3953
- "spread": {
3954
- "value": 0,
3955
- "unit": "px"
3956
- },
3957
- "color": {
3958
- "colorSpace": "srgb",
3959
- "components": [
3960
- 0,
3961
- 0,
3962
- 0
3963
- ],
3964
- "alpha": 0.5
3965
- }
3966
- }
3967
- ]
3968
- },
3969
- "panel": {
3970
- "$value": [
3971
- {
3972
- "offsetX": {
3973
- "value": 0,
3974
- "unit": "px"
3975
- },
3976
- "offsetY": {
3977
- "value": 0,
3978
- "unit": "px"
3979
- },
3980
- "blur": {
3981
- "value": 0,
3982
- "unit": "px"
3983
- },
3984
- "spread": {
3985
- "value": 1,
3986
- "unit": "px"
3987
- },
3988
- "color": {
3989
- "colorSpace": "srgb",
3990
- "components": [
3991
- 1,
3992
- 1,
3993
- 1
3994
- ],
3995
- "alpha": 0.18
3996
- }
3997
- },
3998
- {
3999
- "offsetX": {
4000
- "value": 0,
4001
- "unit": "px"
4002
- },
4003
- "offsetY": {
4004
- "value": 2,
4005
- "unit": "px"
4006
- },
4007
- "blur": {
4008
- "value": 6,
4009
- "unit": "px"
4010
- },
4011
- "spread": {
4012
- "value": 0,
4013
- "unit": "px"
4014
- },
4015
- "color": {
4016
- "colorSpace": "srgb",
4017
- "components": [
4018
- 0,
4019
- 0,
4020
- 0
4021
- ],
4022
- "alpha": 0.6
4023
- }
4024
- }
4025
- ]
4026
- },
4027
- "raised": {
4028
- "$value": [
4029
- {
4030
- "offsetX": {
4031
- "value": 0,
4032
- "unit": "px"
4033
- },
4034
- "offsetY": {
4035
- "value": 0,
4036
- "unit": "px"
4037
- },
4038
- "blur": {
4039
- "value": 0,
4040
- "unit": "px"
4041
- },
4042
- "spread": {
4043
- "value": 1,
4044
- "unit": "px"
4045
- },
4046
- "color": {
4047
- "colorSpace": "srgb",
4048
- "components": [
4049
- 1,
4050
- 1,
4051
- 1
4052
- ],
4053
- "alpha": 0.18
4054
- }
4055
- },
4056
- {
4057
- "offsetX": {
4058
- "value": 0,
4059
- "unit": "px"
4060
- },
4061
- "offsetY": {
4062
- "value": 6,
4063
- "unit": "px"
4064
- },
4065
- "blur": {
4066
- "value": 16,
4067
- "unit": "px"
4068
- },
4069
- "spread": {
4070
- "value": -10,
4071
- "unit": "px"
4072
- },
4073
- "color": {
4074
- "colorSpace": "srgb",
4075
- "components": [
4076
- 0,
4077
- 0,
4078
- 0
4079
- ],
4080
- "alpha": 0.85
4081
- }
4082
- }
4083
- ]
4084
- },
4085
- "overlay": {
4086
- "$value": [
4087
- {
4088
- "offsetX": {
4089
- "value": 0,
4090
- "unit": "px"
4091
- },
4092
- "offsetY": {
4093
- "value": 12,
4094
- "unit": "px"
4095
- },
4096
- "blur": {
4097
- "value": 26,
4098
- "unit": "px"
4099
- },
4100
- "spread": {
4101
- "value": -12,
4102
- "unit": "px"
4103
- },
4104
- "color": {
4105
- "colorSpace": "srgb",
4106
- "components": [
4107
- 0,
4108
- 0,
4109
- 0
4110
- ],
4111
- "alpha": 0.9
4112
- }
4113
- }
4114
- ]
4115
- },
4116
- "modal": {
4117
- "$value": [
4118
- {
4119
- "offsetX": {
4120
- "value": 0,
4121
- "unit": "px"
4122
- },
4123
- "offsetY": {
4124
- "value": 0,
4125
- "unit": "px"
4126
- },
4127
- "blur": {
4128
- "value": 0,
4129
- "unit": "px"
4130
- },
4131
- "spread": {
4132
- "value": 1,
4133
- "unit": "px"
4134
- },
4135
- "color": {
4136
- "colorSpace": "srgb",
4137
- "components": [
4138
- 1,
4139
- 1,
4140
- 1
4141
- ],
4142
- "alpha": 0.18
4143
- }
4144
- },
4145
- {
4146
- "offsetX": {
4147
- "value": 0,
4148
- "unit": "px"
4149
- },
4150
- "offsetY": {
4151
- "value": 16,
4152
- "unit": "px"
4153
- },
4154
- "blur": {
4155
- "value": 32,
4156
- "unit": "px"
4157
- },
4158
- "spread": {
4159
- "value": -14,
4160
- "unit": "px"
4161
- },
4162
- "color": {
4163
- "colorSpace": "srgb",
4164
- "components": [
4165
- 0,
4166
- 0,
4167
- 0
4168
- ],
4169
- "alpha": 0.95
4170
- }
4171
- }
4172
- ]
4173
- },
4174
- "composer": {
4175
- "$value": [
4176
- {
4177
- "offsetX": {
4178
- "value": 0,
4179
- "unit": "px"
4180
- },
4181
- "offsetY": {
4182
- "value": 1,
4183
- "unit": "px"
4184
- },
4185
- "blur": {
4186
- "value": 2,
4187
- "unit": "px"
4188
- },
4189
- "spread": {
4190
- "value": 0,
4191
- "unit": "px"
4192
- },
4193
- "color": {
4194
- "colorSpace": "srgb",
4195
- "components": [
4196
- 0,
4197
- 0,
4198
- 0
4199
- ],
4200
- "alpha": 0.5
4201
- }
4202
- }
4203
- ]
4204
- },
4205
- "overlay-border": {
4206
- "$type": "border",
4207
- "$value": {
4208
- "width": {
4209
- "value": 1,
4210
- "unit": "px"
4211
- },
4212
- "style": "solid",
4213
- "color": {
4214
- "colorSpace": "srgb",
4215
- "components": [
4216
- 1,
4217
- 1,
4218
- 1
4219
- ],
4220
- "alpha": 0.18
4221
- }
4222
- }
4223
- }
4224
- }
4225
- }
4226
3041
  }
4227
3042
  }
4228
3043
  }