@dillingerstaffing/strand-vue 0.12.0 → 0.13.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/css/strand-ui.css +58 -0
- package/package.json +2 -2
package/dist/css/strand-ui.css
CHANGED
|
@@ -1382,6 +1382,21 @@
|
|
|
1382
1382
|
}
|
|
1383
1383
|
}
|
|
1384
1384
|
|
|
1385
|
+
/* ── Glassmorphic variant (DL 11.5: "white or glassmorphic") ── */
|
|
1386
|
+
.strand-nav--glass {
|
|
1387
|
+
position: fixed;
|
|
1388
|
+
top: 0;
|
|
1389
|
+
left: 0;
|
|
1390
|
+
right: 0;
|
|
1391
|
+
z-index: 100;
|
|
1392
|
+
height: auto;
|
|
1393
|
+
padding: var(--strand-space-4) 0;
|
|
1394
|
+
background: rgba(250, 252, 254, 0.85);
|
|
1395
|
+
backdrop-filter: blur(12px);
|
|
1396
|
+
-webkit-backdrop-filter: blur(12px);
|
|
1397
|
+
border-bottom: 1px solid rgba(148, 163, 184, 0.1);
|
|
1398
|
+
}
|
|
1399
|
+
|
|
1385
1400
|
/* ── Reduced motion ── */
|
|
1386
1401
|
@media (prefers-reduced-motion: reduce) {
|
|
1387
1402
|
.strand-nav__link,
|
|
@@ -1684,6 +1699,11 @@
|
|
|
1684
1699
|
background-color: var(--strand-surface-recessed);
|
|
1685
1700
|
}
|
|
1686
1701
|
|
|
1702
|
+
/* ── Compact variant ── */
|
|
1703
|
+
.strand-section--compact {
|
|
1704
|
+
padding-block: var(--strand-space-12);
|
|
1705
|
+
}
|
|
1706
|
+
|
|
1687
1707
|
/* ── Border variant ── */
|
|
1688
1708
|
.strand-section--border-top {
|
|
1689
1709
|
border-top: 1px solid var(--strand-gray-200);
|
|
@@ -2990,5 +3010,43 @@
|
|
|
2990
3010
|
font-family: var(--strand-font-mono);
|
|
2991
3011
|
font-size: var(--strand-text-sm);
|
|
2992
3012
|
font-weight: var(--strand-weight-semibold);
|
|
3013
|
+
margin-bottom: var(--strand-space-3);
|
|
3014
|
+
}
|
|
3015
|
+
|
|
3016
|
+
/* ── Text center ── */
|
|
3017
|
+
.strand-text-center {
|
|
3018
|
+
text-align: center;
|
|
3019
|
+
}
|
|
3020
|
+
|
|
3021
|
+
/* ── Code name (mono identifier heading) ── */
|
|
3022
|
+
.strand-code-name {
|
|
3023
|
+
font-family: var(--strand-font-mono);
|
|
3024
|
+
font-size: var(--strand-text-base);
|
|
3025
|
+
font-weight: var(--strand-weight-semibold);
|
|
3026
|
+
color: var(--strand-blue-midnight);
|
|
3027
|
+
margin: 0;
|
|
3028
|
+
}
|
|
3029
|
+
|
|
3030
|
+
/* ── Heading small (section heading inside cards) ── */
|
|
3031
|
+
.strand-heading--sm {
|
|
3032
|
+
font-size: var(--strand-text-lg);
|
|
3033
|
+
font-weight: var(--strand-weight-medium);
|
|
3034
|
+
color: var(--strand-gray-800);
|
|
3035
|
+
margin: 0;
|
|
3036
|
+
}
|
|
3037
|
+
|
|
3038
|
+
/* ── Viewport flex modifiers (component showcase layout) ── */
|
|
3039
|
+
.strand-viewport--flex {
|
|
3040
|
+
display: flex;
|
|
3041
|
+
align-items: center;
|
|
3042
|
+
gap: var(--strand-space-4);
|
|
3043
|
+
flex-wrap: wrap;
|
|
3044
|
+
}
|
|
3045
|
+
|
|
3046
|
+
.strand-viewport--flex-col {
|
|
3047
|
+
display: flex;
|
|
3048
|
+
flex-direction: column;
|
|
3049
|
+
align-items: flex-start;
|
|
3050
|
+
gap: var(--strand-space-4);
|
|
2993
3051
|
}
|
|
2994
3052
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dillingerstaffing/strand-vue",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.13.0",
|
|
4
4
|
"description": "Strand UI - Vue 3 component library built on the Strand Design Language",
|
|
5
5
|
"author": "Dillinger Staffing <engineering@dillingerstaffing.com> (https://dillingerstaffing.com)",
|
|
6
6
|
"license": "MIT",
|
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
"vue": "^3.4.0"
|
|
53
53
|
},
|
|
54
54
|
"dependencies": {
|
|
55
|
-
"@dillingerstaffing/strand": "^0.
|
|
55
|
+
"@dillingerstaffing/strand": "^0.13.0"
|
|
56
56
|
},
|
|
57
57
|
"devDependencies": {
|
|
58
58
|
"@testing-library/jest-dom": "^6.6.0",
|