@scattered-light/loomiere-mojave 0.7.0 → 0.8.0
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/exports/AGENTS.md +8 -5
- package/dist/exports/catalog.json +6 -0
- package/dist/exports/design-system/README.md +8 -5
- package/dist/exports/design-system/components/Collection/README.md +1 -1
- package/dist/exports/design-system/components/CollectionToolbar/README.md +7 -2
- package/dist/exports/design-system/components/ContextMenu/README.md +1 -1
- package/dist/exports/design-system/components/ContextMenu/preview.html +1 -1
- package/dist/exports/design-system/components/DataList/README.md +1 -1
- package/dist/exports/design-system/components/DataList/preview.html +171 -171
- package/dist/exports/design-system/components/DataTable/README.md +1 -1
- package/dist/exports/design-system/components/DataTable/preview.html +176 -176
- package/dist/exports/design-system/components/DescriptionList/README.md +41 -0
- package/dist/exports/design-system/components/DescriptionList/preview.html +19 -0
- package/dist/exports/design-system/components/Drawer/README.md +1 -1
- package/dist/exports/design-system/components/ScrollArea/preview.html +2 -2
- package/dist/exports/design-system/components/Sheet/README.md +46 -0
- package/dist/exports/design-system/components/Sheet/preview.html +19 -0
- package/dist/exports/design-system/components/StatFigure/README.md +38 -0
- package/dist/exports/design-system/components/StatFigure/preview.html +19 -0
- package/dist/exports/design-system/components/Table/README.md +2 -2
- package/dist/exports/design-system/components/Table/preview.html +2 -2
- package/dist/exports/design-system/components/bundle.css +708 -165
- package/dist/exports/design-system/components/bundle.js +7 -7
- package/dist/exports/design-system/components/index.d.ts +1 -1
- package/dist/exports/design-system/tokens.json +35 -0
- package/dist/exports/figma.json +1 -1
- package/dist/exports/tailwind.css +81 -0
- package/dist/exports/tokens.dtcg.json +317 -26
- package/dist/tokens.css +221 -105
- package/dist/tokens.d.ts +79 -0
- package/dist/tokens.js +80 -1
- package/dist/tokens.json +588 -27
- package/dist/utilities.css +30 -0
- package/package.json +2 -2
|
@@ -365,6 +365,8 @@
|
|
|
365
365
|
--color-table-column-hover: var(--sl-table-column-hover);
|
|
366
366
|
--color-table-range: var(--sl-table-range-background);
|
|
367
367
|
--color-table-range-border: var(--sl-table-range-border);
|
|
368
|
+
--color-table-total-rule: var(--sl-table-total-rule-color);
|
|
369
|
+
--color-table-total: var(--sl-table-total-background);
|
|
368
370
|
--color-gauge-track: var(--sl-gauge-track-color);
|
|
369
371
|
--color-gauge-label: var(--sl-gauge-label-color);
|
|
370
372
|
--color-gauge-value: var(--sl-gauge-value-color);
|
|
@@ -476,6 +478,7 @@
|
|
|
476
478
|
--tracking-normal: var(--sl-letter-spacing-normal);
|
|
477
479
|
--tracking-wide: var(--sl-letter-spacing-wide);
|
|
478
480
|
--tracking-wider: var(--sl-letter-spacing-wider);
|
|
481
|
+
--tracking-caps: var(--sl-letter-spacing-caps);
|
|
479
482
|
--tracking-widest: var(--sl-letter-spacing-widest);
|
|
480
483
|
--radius-*: initial;
|
|
481
484
|
--radius-full: var(--sl-radius-full);
|
|
@@ -699,6 +702,15 @@
|
|
|
699
702
|
letter-spacing: var(--sl-font-title-base-letter-spacing);
|
|
700
703
|
}
|
|
701
704
|
|
|
705
|
+
@utility text-figures-base {
|
|
706
|
+
font-family: var(--sl-font-figures-base-font-family);
|
|
707
|
+
font-size: var(--sl-font-figures-base-font-size);
|
|
708
|
+
font-weight: var(--sl-font-figures-base-font-weight);
|
|
709
|
+
line-height: var(--sl-font-figures-base-line-height);
|
|
710
|
+
letter-spacing: var(--sl-font-figures-base-letter-spacing);
|
|
711
|
+
font-variant-numeric: var(--sl-font-figures-base-font-variant-numeric);
|
|
712
|
+
}
|
|
713
|
+
|
|
702
714
|
@utility text-code-condense {
|
|
703
715
|
font-family: var(--sl-font-code-condense-font-family);
|
|
704
716
|
font-size: var(--sl-font-code-condense-font-size);
|
|
@@ -707,6 +719,15 @@
|
|
|
707
719
|
letter-spacing: var(--sl-font-code-condense-letter-spacing);
|
|
708
720
|
}
|
|
709
721
|
|
|
722
|
+
@utility text-figures-condense {
|
|
723
|
+
font-family: var(--sl-font-figures-condense-font-family);
|
|
724
|
+
font-size: var(--sl-font-figures-condense-font-size);
|
|
725
|
+
font-weight: var(--sl-font-figures-condense-font-weight);
|
|
726
|
+
line-height: var(--sl-font-figures-condense-line-height);
|
|
727
|
+
letter-spacing: var(--sl-font-figures-condense-letter-spacing);
|
|
728
|
+
font-variant-numeric: var(--sl-font-figures-condense-font-variant-numeric);
|
|
729
|
+
}
|
|
730
|
+
|
|
710
731
|
@utility text-body-condense {
|
|
711
732
|
font-family: var(--sl-font-body-condense-font-family);
|
|
712
733
|
font-size: var(--sl-font-body-condense-font-size);
|
|
@@ -756,6 +777,15 @@
|
|
|
756
777
|
text-transform: var(--sl-font-eyebrow-condense-text-transform);
|
|
757
778
|
}
|
|
758
779
|
|
|
780
|
+
@utility text-caps-condense {
|
|
781
|
+
font-family: var(--sl-font-caps-condense-font-family);
|
|
782
|
+
font-size: var(--sl-font-caps-condense-font-size);
|
|
783
|
+
font-weight: var(--sl-font-caps-condense-font-weight);
|
|
784
|
+
line-height: var(--sl-font-caps-condense-line-height);
|
|
785
|
+
letter-spacing: var(--sl-font-caps-condense-letter-spacing);
|
|
786
|
+
text-transform: var(--sl-font-caps-condense-text-transform);
|
|
787
|
+
}
|
|
788
|
+
|
|
759
789
|
@utility text-title-condense {
|
|
760
790
|
font-family: var(--sl-font-title-condense-font-family);
|
|
761
791
|
font-size: var(--sl-font-title-condense-font-size);
|
|
@@ -1046,6 +1076,7 @@
|
|
|
1046
1076
|
--sl-popup-arrow-fill: var(--sl-popup-background);
|
|
1047
1077
|
--sl-popup-arrow-stroke: var(--sl-popup-border-color);
|
|
1048
1078
|
--sl-popup-separator-color: var(--sl-border-subtle);
|
|
1079
|
+
--sl-rule-color: var(--sl-border-strong);
|
|
1049
1080
|
--sl-table-background: var(--sl-surface-canvas);
|
|
1050
1081
|
--sl-table-color: var(--sl-text-primary);
|
|
1051
1082
|
--sl-table-subtle-color: var(--sl-text-secondary);
|
|
@@ -1061,7 +1092,23 @@
|
|
|
1061
1092
|
--sl-table-column-hover: var(--sl-fill-subtle);
|
|
1062
1093
|
--sl-table-range-background: var(--sl-interactive-tint);
|
|
1063
1094
|
--sl-table-range-border: var(--sl-focus-ring);
|
|
1095
|
+
--sl-table-total-rule-color: var(--sl-rule-color);
|
|
1096
|
+
--sl-table-total-background: var(--sl-table-background);
|
|
1097
|
+
--sl-description-list-row-border-color: var(--sl-border-subtle);
|
|
1098
|
+
--sl-description-list-label-color: var(--sl-text-secondary);
|
|
1099
|
+
--sl-description-list-value-color: var(--sl-text-primary);
|
|
1100
|
+
--sl-description-list-leader-color: var(--sl-border-control);
|
|
1064
1101
|
--sl-drawer-handle-color: var(--sl-border-strong);
|
|
1102
|
+
--sl-sheet-background: var(--sl-surface-raised);
|
|
1103
|
+
--sl-sheet-border-color: var(--sl-border-default);
|
|
1104
|
+
--sl-sheet-rule-color: var(--sl-rule-color);
|
|
1105
|
+
--sl-sheet-tab-background: var(--sl-surface-inverse);
|
|
1106
|
+
--sl-sheet-tab-color: var(--sl-text-on-inverse-surface);
|
|
1107
|
+
--sl-stat-figure-figure-color: var(--sl-text-primary);
|
|
1108
|
+
--sl-stat-figure-figure-color-accent: var(--sl-text-accent);
|
|
1109
|
+
--sl-stat-figure-underline-color: var(--sl-rule-color);
|
|
1110
|
+
--sl-stat-figure-label-color: var(--sl-text-secondary);
|
|
1111
|
+
--sl-stat-figure-caption-color: var(--sl-text-secondary);
|
|
1065
1112
|
--sl-calendar-day-background-hover: var(--sl-item-background-hover);
|
|
1066
1113
|
--sl-check-background: var(--sl-field-background);
|
|
1067
1114
|
}
|
|
@@ -1192,6 +1239,7 @@
|
|
|
1192
1239
|
--sl-popup-arrow-fill: var(--sl-popup-background);
|
|
1193
1240
|
--sl-popup-arrow-stroke: var(--sl-popup-border-color);
|
|
1194
1241
|
--sl-popup-separator-color: var(--sl-border-subtle);
|
|
1242
|
+
--sl-rule-color: var(--sl-border-strong);
|
|
1195
1243
|
--sl-table-background: var(--sl-surface-canvas);
|
|
1196
1244
|
--sl-table-color: var(--sl-text-primary);
|
|
1197
1245
|
--sl-table-subtle-color: var(--sl-text-secondary);
|
|
@@ -1207,7 +1255,23 @@
|
|
|
1207
1255
|
--sl-table-column-hover: var(--sl-fill-subtle);
|
|
1208
1256
|
--sl-table-range-background: var(--sl-interactive-tint);
|
|
1209
1257
|
--sl-table-range-border: var(--sl-focus-ring);
|
|
1258
|
+
--sl-table-total-rule-color: var(--sl-rule-color);
|
|
1259
|
+
--sl-table-total-background: var(--sl-table-background);
|
|
1260
|
+
--sl-description-list-row-border-color: var(--sl-border-subtle);
|
|
1261
|
+
--sl-description-list-label-color: var(--sl-text-secondary);
|
|
1262
|
+
--sl-description-list-value-color: var(--sl-text-primary);
|
|
1263
|
+
--sl-description-list-leader-color: var(--sl-border-control);
|
|
1210
1264
|
--sl-drawer-handle-color: var(--sl-border-strong);
|
|
1265
|
+
--sl-sheet-background: var(--sl-surface-raised);
|
|
1266
|
+
--sl-sheet-border-color: var(--sl-border-default);
|
|
1267
|
+
--sl-sheet-rule-color: var(--sl-rule-color);
|
|
1268
|
+
--sl-sheet-tab-background: var(--sl-surface-inverse);
|
|
1269
|
+
--sl-sheet-tab-color: var(--sl-text-on-inverse-surface);
|
|
1270
|
+
--sl-stat-figure-figure-color: var(--sl-text-primary);
|
|
1271
|
+
--sl-stat-figure-figure-color-accent: var(--sl-text-accent);
|
|
1272
|
+
--sl-stat-figure-underline-color: var(--sl-rule-color);
|
|
1273
|
+
--sl-stat-figure-label-color: var(--sl-text-secondary);
|
|
1274
|
+
--sl-stat-figure-caption-color: var(--sl-text-secondary);
|
|
1211
1275
|
--sl-calendar-day-background-hover: var(--sl-item-background-hover);
|
|
1212
1276
|
--sl-check-background: var(--sl-field-background);
|
|
1213
1277
|
}
|
|
@@ -1338,6 +1402,7 @@
|
|
|
1338
1402
|
--sl-popup-arrow-fill: var(--sl-popup-background);
|
|
1339
1403
|
--sl-popup-arrow-stroke: var(--sl-popup-border-color);
|
|
1340
1404
|
--sl-popup-separator-color: var(--sl-border-subtle);
|
|
1405
|
+
--sl-rule-color: var(--sl-border-strong);
|
|
1341
1406
|
--sl-table-background: var(--sl-surface-canvas);
|
|
1342
1407
|
--sl-table-color: var(--sl-text-primary);
|
|
1343
1408
|
--sl-table-subtle-color: var(--sl-text-secondary);
|
|
@@ -1353,7 +1418,23 @@
|
|
|
1353
1418
|
--sl-table-column-hover: var(--sl-fill-subtle);
|
|
1354
1419
|
--sl-table-range-background: var(--sl-interactive-tint);
|
|
1355
1420
|
--sl-table-range-border: var(--sl-focus-ring);
|
|
1421
|
+
--sl-table-total-rule-color: var(--sl-rule-color);
|
|
1422
|
+
--sl-table-total-background: var(--sl-table-background);
|
|
1423
|
+
--sl-description-list-row-border-color: var(--sl-border-subtle);
|
|
1424
|
+
--sl-description-list-label-color: var(--sl-text-secondary);
|
|
1425
|
+
--sl-description-list-value-color: var(--sl-text-primary);
|
|
1426
|
+
--sl-description-list-leader-color: var(--sl-border-control);
|
|
1356
1427
|
--sl-drawer-handle-color: var(--sl-border-strong);
|
|
1428
|
+
--sl-sheet-background: var(--sl-surface-raised);
|
|
1429
|
+
--sl-sheet-border-color: var(--sl-border-default);
|
|
1430
|
+
--sl-sheet-rule-color: var(--sl-rule-color);
|
|
1431
|
+
--sl-sheet-tab-background: var(--sl-surface-inverse);
|
|
1432
|
+
--sl-sheet-tab-color: var(--sl-text-on-inverse-surface);
|
|
1433
|
+
--sl-stat-figure-figure-color: var(--sl-text-primary);
|
|
1434
|
+
--sl-stat-figure-figure-color-accent: var(--sl-text-accent);
|
|
1435
|
+
--sl-stat-figure-underline-color: var(--sl-rule-color);
|
|
1436
|
+
--sl-stat-figure-label-color: var(--sl-text-secondary);
|
|
1437
|
+
--sl-stat-figure-caption-color: var(--sl-text-secondary);
|
|
1357
1438
|
--sl-calendar-day-background-hover: var(--sl-item-background-hover);
|
|
1358
1439
|
--sl-check-background: var(--sl-field-background);
|
|
1359
1440
|
}
|