@motir/design-system 0.21.0 → 0.21.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.
- package/package.json +1 -1
- package/theme.css +9 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@motir/design-system",
|
|
3
|
-
"version": "0.21.
|
|
3
|
+
"version": "0.21.1",
|
|
4
4
|
"description": "Motir's 3-axis design system (colour · style · type): distributable token CSS, the axis registries, the theme-apply API, and framework-agnostic React primitives. Shared by motir-core and planner-scaffolded products.",
|
|
5
5
|
"license": "GPL-3.0-only",
|
|
6
6
|
"repository": {
|
package/theme.css
CHANGED
|
@@ -547,6 +547,7 @@
|
|
|
547
547
|
/* Softer, more diffused shadows */
|
|
548
548
|
--shadow-card: 0 2px 8px rgba(15, 15, 15, 0.06);
|
|
549
549
|
--shadow-elevated: 0 6px 20px rgba(15, 15, 15, 0.1);
|
|
550
|
+
--spacing-shadow-elevated-drop: 0px;
|
|
550
551
|
--shadow-modal: 0 12px 40px rgba(15, 15, 15, 0.15);
|
|
551
552
|
|
|
552
553
|
/* Roomier spacing */
|
|
@@ -605,6 +606,7 @@
|
|
|
605
606
|
--shadow-subtle: none;
|
|
606
607
|
--shadow-card: none;
|
|
607
608
|
--shadow-elevated: none;
|
|
609
|
+
--spacing-shadow-elevated-drop: 0px;
|
|
608
610
|
--shadow-modal: none;
|
|
609
611
|
--shadow-hero-mockup: none;
|
|
610
612
|
|
|
@@ -672,6 +674,7 @@
|
|
|
672
674
|
--shadow-subtle: 0 1px 2px rgba(15, 15, 15, 0.05);
|
|
673
675
|
--shadow-card: 0 8px 32px -8px rgba(15, 15, 15, 0.18);
|
|
674
676
|
--shadow-elevated: 0 16px 48px -12px rgba(15, 15, 15, 0.24);
|
|
677
|
+
--spacing-shadow-elevated-drop: 0px;
|
|
675
678
|
--shadow-modal: 0 28px 70px -16px rgba(15, 15, 15, 0.34);
|
|
676
679
|
--shadow-hero-mockup: 0 32px 80px -16px rgba(15, 15, 15, 0.38);
|
|
677
680
|
|
|
@@ -993,6 +996,7 @@
|
|
|
993
996
|
--shadow-elevated:
|
|
994
997
|
0 0 0 1px color-mix(in srgb, currentColor 16%, transparent),
|
|
995
998
|
0 0 22px -4px color-mix(in srgb, currentColor 32%, transparent);
|
|
999
|
+
--spacing-shadow-elevated-drop: 0px;
|
|
996
1000
|
--shadow-modal:
|
|
997
1001
|
0 0 0 1px color-mix(in srgb, currentColor 20%, transparent),
|
|
998
1002
|
0 0 40px -6px color-mix(in srgb, currentColor 40%, transparent);
|
|
@@ -1089,6 +1093,7 @@
|
|
|
1089
1093
|
--shadow-subtle: 0 1px 2px rgba(20, 20, 45, 0.05);
|
|
1090
1094
|
--shadow-card: 0 8px 30px -12px rgba(20, 20, 45, 0.16);
|
|
1091
1095
|
--shadow-elevated: 0 16px 44px -14px rgba(20, 20, 45, 0.22);
|
|
1096
|
+
--spacing-shadow-elevated-drop: 0px;
|
|
1092
1097
|
--shadow-modal: 0 26px 64px -18px rgba(20, 20, 45, 0.3);
|
|
1093
1098
|
--shadow-hero-mockup: 0 32px 78px -18px rgba(20, 20, 45, 0.34);
|
|
1094
1099
|
|
|
@@ -1297,6 +1302,7 @@
|
|
|
1297
1302
|
--shadow-elevated:
|
|
1298
1303
|
inset 0 1px 0 0 rgba(255, 255, 255, 0.65), 0 4px 8px rgba(15, 15, 15, 0.06),
|
|
1299
1304
|
0 20px 40px -8px rgba(15, 15, 15, 0.22), 0 44px 80px -16px rgba(15, 15, 15, 0.38);
|
|
1305
|
+
--spacing-shadow-elevated-drop: 0px;
|
|
1300
1306
|
--shadow-modal:
|
|
1301
1307
|
inset 0 1px 0 0 rgba(255, 255, 255, 0.7), 0 8px 16px rgba(15, 15, 15, 0.08),
|
|
1302
1308
|
0 32px 64px -12px rgba(15, 15, 15, 0.28), 0 72px 120px -24px rgba(15, 15, 15, 0.46);
|
|
@@ -2027,6 +2033,7 @@
|
|
|
2027
2033
|
--shadow-subtle: 1px 2px 4px -1px rgba(38, 30, 22, 0.1);
|
|
2028
2034
|
--shadow-card: 2px 4px 9px -3px rgba(38, 30, 22, 0.14);
|
|
2029
2035
|
--shadow-elevated: 3px 6px 16px -4px rgba(38, 30, 22, 0.17);
|
|
2036
|
+
--spacing-shadow-elevated-drop: 0px;
|
|
2030
2037
|
--shadow-modal: 5px 9px 30px -8px rgba(38, 30, 22, 0.22);
|
|
2031
2038
|
--shadow-hero-mockup: 6px 12px 40px -10px rgba(38, 30, 22, 0.22);
|
|
2032
2039
|
|
|
@@ -2248,6 +2255,7 @@
|
|
|
2248
2255
|
--shadow-subtle: 0 1px 2px rgba(20, 20, 30, 0.05);
|
|
2249
2256
|
--shadow-card: 0 6px 18px -10px rgba(20, 20, 30, 0.14);
|
|
2250
2257
|
--shadow-elevated: 0 12px 30px -14px rgba(20, 20, 30, 0.18);
|
|
2258
|
+
--spacing-shadow-elevated-drop: 0px;
|
|
2251
2259
|
--shadow-modal: 0 22px 50px -18px rgba(20, 20, 30, 0.24);
|
|
2252
2260
|
--shadow-hero-mockup: 0 26px 60px -18px rgba(20, 20, 30, 0.28);
|
|
2253
2261
|
|
|
@@ -2444,6 +2452,7 @@
|
|
|
2444
2452
|
--shadow-subtle: 0 1px 2px rgba(10, 12, 30, 0.06);
|
|
2445
2453
|
--shadow-card: 0 10px 26px -12px rgba(10, 12, 30, 0.22);
|
|
2446
2454
|
--shadow-elevated: 0 18px 40px -14px rgba(10, 12, 30, 0.28);
|
|
2455
|
+
--spacing-shadow-elevated-drop: 0px;
|
|
2447
2456
|
--shadow-modal: 0 28px 60px -18px rgba(10, 12, 30, 0.34);
|
|
2448
2457
|
--shadow-hero-mockup: 0 34px 74px -18px rgba(10, 12, 30, 0.4);
|
|
2449
2458
|
|