@scattered-light/loomiere-mojave 0.7.1 → 0.9.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 +10 -0
- package/dist/exports/design-system/README.md +8 -5
- package/dist/exports/design-system/components/AppBar/README.md +58 -0
- package/dist/exports/design-system/components/AppBar/preview.html +19 -0
- 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 +1 -1
- package/dist/exports/design-system/components/DataTable/README.md +1 -1
- package/dist/exports/design-system/components/DataTable/preview.html +38 -38
- 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/PickerButton/README.md +56 -0
- package/dist/exports/design-system/components/PickerButton/preview.html +19 -0
- 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/ToggleGroup/README.md +2 -2
- package/dist/exports/design-system/components/ToggleGroup/preview.html +1 -1
- package/dist/exports/design-system/components/bundle.css +743 -85
- 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 +105 -0
- package/dist/exports/tokens.dtcg.json +383 -26
- package/dist/tokens.css +182 -29
- package/dist/tokens.d.ts +98 -0
- package/dist/tokens.js +99 -1
- package/dist/tokens.json +707 -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,31 @@
|
|
|
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-app-bar-background: var(--sl-surface-raised);
|
|
1098
|
+
--sl-app-bar-border-color: var(--sl-rule-color);
|
|
1099
|
+
--sl-app-bar-divider-color: var(--sl-border-strong);
|
|
1100
|
+
--sl-description-list-row-border-color: var(--sl-border-subtle);
|
|
1101
|
+
--sl-description-list-label-color: var(--sl-text-secondary);
|
|
1102
|
+
--sl-description-list-value-color: var(--sl-text-primary);
|
|
1103
|
+
--sl-description-list-leader-color: var(--sl-border-control);
|
|
1064
1104
|
--sl-drawer-handle-color: var(--sl-border-strong);
|
|
1105
|
+
--sl-picker-button-label-color: var(--sl-text-secondary);
|
|
1106
|
+
--sl-sheet-background: var(--sl-surface-raised);
|
|
1107
|
+
--sl-sheet-border-color: var(--sl-border-default);
|
|
1108
|
+
--sl-sheet-rule-color: var(--sl-rule-color);
|
|
1109
|
+
--sl-sheet-tab-background: var(--sl-surface-inverse);
|
|
1110
|
+
--sl-sheet-tab-color: var(--sl-text-on-inverse-surface);
|
|
1111
|
+
--sl-stat-figure-figure-color: var(--sl-text-primary);
|
|
1112
|
+
--sl-stat-figure-figure-color-accent: var(--sl-text-accent);
|
|
1113
|
+
--sl-stat-figure-underline-color: var(--sl-rule-color);
|
|
1114
|
+
--sl-stat-figure-label-color: var(--sl-text-secondary);
|
|
1115
|
+
--sl-stat-figure-caption-color: var(--sl-text-secondary);
|
|
1116
|
+
--sl-toggle-group-segmented-border-color: var(--sl-rule-color);
|
|
1117
|
+
--sl-toggle-group-segmented-background: var(--sl-surface-raised);
|
|
1118
|
+
--sl-toggle-group-segmented-pressed-background: var(--sl-fill-inverse);
|
|
1119
|
+
--sl-toggle-group-segmented-pressed-color: var(--sl-text-on-inverse);
|
|
1065
1120
|
--sl-calendar-day-background-hover: var(--sl-item-background-hover);
|
|
1066
1121
|
--sl-check-background: var(--sl-field-background);
|
|
1067
1122
|
}
|
|
@@ -1192,6 +1247,7 @@
|
|
|
1192
1247
|
--sl-popup-arrow-fill: var(--sl-popup-background);
|
|
1193
1248
|
--sl-popup-arrow-stroke: var(--sl-popup-border-color);
|
|
1194
1249
|
--sl-popup-separator-color: var(--sl-border-subtle);
|
|
1250
|
+
--sl-rule-color: var(--sl-border-strong);
|
|
1195
1251
|
--sl-table-background: var(--sl-surface-canvas);
|
|
1196
1252
|
--sl-table-color: var(--sl-text-primary);
|
|
1197
1253
|
--sl-table-subtle-color: var(--sl-text-secondary);
|
|
@@ -1207,7 +1263,31 @@
|
|
|
1207
1263
|
--sl-table-column-hover: var(--sl-fill-subtle);
|
|
1208
1264
|
--sl-table-range-background: var(--sl-interactive-tint);
|
|
1209
1265
|
--sl-table-range-border: var(--sl-focus-ring);
|
|
1266
|
+
--sl-table-total-rule-color: var(--sl-rule-color);
|
|
1267
|
+
--sl-table-total-background: var(--sl-table-background);
|
|
1268
|
+
--sl-app-bar-background: var(--sl-surface-raised);
|
|
1269
|
+
--sl-app-bar-border-color: var(--sl-rule-color);
|
|
1270
|
+
--sl-app-bar-divider-color: var(--sl-border-strong);
|
|
1271
|
+
--sl-description-list-row-border-color: var(--sl-border-subtle);
|
|
1272
|
+
--sl-description-list-label-color: var(--sl-text-secondary);
|
|
1273
|
+
--sl-description-list-value-color: var(--sl-text-primary);
|
|
1274
|
+
--sl-description-list-leader-color: var(--sl-border-control);
|
|
1210
1275
|
--sl-drawer-handle-color: var(--sl-border-strong);
|
|
1276
|
+
--sl-picker-button-label-color: var(--sl-text-secondary);
|
|
1277
|
+
--sl-sheet-background: var(--sl-surface-raised);
|
|
1278
|
+
--sl-sheet-border-color: var(--sl-border-default);
|
|
1279
|
+
--sl-sheet-rule-color: var(--sl-rule-color);
|
|
1280
|
+
--sl-sheet-tab-background: var(--sl-surface-inverse);
|
|
1281
|
+
--sl-sheet-tab-color: var(--sl-text-on-inverse-surface);
|
|
1282
|
+
--sl-stat-figure-figure-color: var(--sl-text-primary);
|
|
1283
|
+
--sl-stat-figure-figure-color-accent: var(--sl-text-accent);
|
|
1284
|
+
--sl-stat-figure-underline-color: var(--sl-rule-color);
|
|
1285
|
+
--sl-stat-figure-label-color: var(--sl-text-secondary);
|
|
1286
|
+
--sl-stat-figure-caption-color: var(--sl-text-secondary);
|
|
1287
|
+
--sl-toggle-group-segmented-border-color: var(--sl-rule-color);
|
|
1288
|
+
--sl-toggle-group-segmented-background: var(--sl-surface-raised);
|
|
1289
|
+
--sl-toggle-group-segmented-pressed-background: var(--sl-fill-inverse);
|
|
1290
|
+
--sl-toggle-group-segmented-pressed-color: var(--sl-text-on-inverse);
|
|
1211
1291
|
--sl-calendar-day-background-hover: var(--sl-item-background-hover);
|
|
1212
1292
|
--sl-check-background: var(--sl-field-background);
|
|
1213
1293
|
}
|
|
@@ -1338,6 +1418,7 @@
|
|
|
1338
1418
|
--sl-popup-arrow-fill: var(--sl-popup-background);
|
|
1339
1419
|
--sl-popup-arrow-stroke: var(--sl-popup-border-color);
|
|
1340
1420
|
--sl-popup-separator-color: var(--sl-border-subtle);
|
|
1421
|
+
--sl-rule-color: var(--sl-border-strong);
|
|
1341
1422
|
--sl-table-background: var(--sl-surface-canvas);
|
|
1342
1423
|
--sl-table-color: var(--sl-text-primary);
|
|
1343
1424
|
--sl-table-subtle-color: var(--sl-text-secondary);
|
|
@@ -1353,7 +1434,31 @@
|
|
|
1353
1434
|
--sl-table-column-hover: var(--sl-fill-subtle);
|
|
1354
1435
|
--sl-table-range-background: var(--sl-interactive-tint);
|
|
1355
1436
|
--sl-table-range-border: var(--sl-focus-ring);
|
|
1437
|
+
--sl-table-total-rule-color: var(--sl-rule-color);
|
|
1438
|
+
--sl-table-total-background: var(--sl-table-background);
|
|
1439
|
+
--sl-app-bar-background: var(--sl-surface-raised);
|
|
1440
|
+
--sl-app-bar-border-color: var(--sl-rule-color);
|
|
1441
|
+
--sl-app-bar-divider-color: var(--sl-border-strong);
|
|
1442
|
+
--sl-description-list-row-border-color: var(--sl-border-subtle);
|
|
1443
|
+
--sl-description-list-label-color: var(--sl-text-secondary);
|
|
1444
|
+
--sl-description-list-value-color: var(--sl-text-primary);
|
|
1445
|
+
--sl-description-list-leader-color: var(--sl-border-control);
|
|
1356
1446
|
--sl-drawer-handle-color: var(--sl-border-strong);
|
|
1447
|
+
--sl-picker-button-label-color: var(--sl-text-secondary);
|
|
1448
|
+
--sl-sheet-background: var(--sl-surface-raised);
|
|
1449
|
+
--sl-sheet-border-color: var(--sl-border-default);
|
|
1450
|
+
--sl-sheet-rule-color: var(--sl-rule-color);
|
|
1451
|
+
--sl-sheet-tab-background: var(--sl-surface-inverse);
|
|
1452
|
+
--sl-sheet-tab-color: var(--sl-text-on-inverse-surface);
|
|
1453
|
+
--sl-stat-figure-figure-color: var(--sl-text-primary);
|
|
1454
|
+
--sl-stat-figure-figure-color-accent: var(--sl-text-accent);
|
|
1455
|
+
--sl-stat-figure-underline-color: var(--sl-rule-color);
|
|
1456
|
+
--sl-stat-figure-label-color: var(--sl-text-secondary);
|
|
1457
|
+
--sl-stat-figure-caption-color: var(--sl-text-secondary);
|
|
1458
|
+
--sl-toggle-group-segmented-border-color: var(--sl-rule-color);
|
|
1459
|
+
--sl-toggle-group-segmented-background: var(--sl-surface-raised);
|
|
1460
|
+
--sl-toggle-group-segmented-pressed-background: var(--sl-fill-inverse);
|
|
1461
|
+
--sl-toggle-group-segmented-pressed-color: var(--sl-text-on-inverse);
|
|
1357
1462
|
--sl-calendar-day-background-hover: var(--sl-item-background-hover);
|
|
1358
1463
|
--sl-check-background: var(--sl-field-background);
|
|
1359
1464
|
}
|