@department-of-veterans-affairs/css-library 0.26.0 → 0.28.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/img/correct8.png +0 -0
- package/dist/img/correct8.svg +0 -0
- package/dist/img/error.png +0 -0
- package/dist/img/error.svg +0 -0
- package/dist/img/info.png +0 -0
- package/dist/img/info.svg +0 -0
- package/dist/img/success.png +0 -0
- package/dist/img/success.svg +0 -0
- package/dist/img/warning.png +0 -0
- package/dist/img/warning.svg +0 -0
- package/dist/tokens/css/variables.css +7 -1
- package/dist/tokens/json/variables.json +118 -0
- package/dist/tokens/scss/variables.scss +7 -1
- package/package.json +10 -6
package/dist/img/correct8.png
CHANGED
|
File without changes
|
package/dist/img/correct8.svg
CHANGED
|
File without changes
|
package/dist/img/error.png
CHANGED
|
File without changes
|
package/dist/img/error.svg
CHANGED
|
File without changes
|
package/dist/img/info.png
CHANGED
|
File without changes
|
package/dist/img/info.svg
CHANGED
|
File without changes
|
package/dist/img/success.png
CHANGED
|
File without changes
|
package/dist/img/success.svg
CHANGED
|
File without changes
|
package/dist/img/warning.png
CHANGED
|
File without changes
|
package/dist/img/warning.svg
CHANGED
|
File without changes
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Fri, 19 Dec 2025 15:48:37 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -130,6 +130,12 @@
|
|
|
130
130
|
--vads-input-tile-background-active-on-light: rgba(0, 94, 162, 0.1);
|
|
131
131
|
--vads-input-tile-border-active-on-light: #005ea2;
|
|
132
132
|
--vads-input-tile-border-on-light: rgba(27, 27, 27, 0.03);
|
|
133
|
+
--vads-elevation-shadow-1: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
|
|
134
|
+
--vads-elevation-shadow-2: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
|
|
135
|
+
--vads-elevation-shadow-3: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
|
|
136
|
+
--vads-elevation-shadow-4: 0px 12px 24px 0px rgba(0, 0, 0, 0.1);
|
|
137
|
+
--vads-elevation-shadow-5: 0px 16px 32px 0px rgba(0, 0, 0, 0.1);
|
|
138
|
+
--vads-elevation-shadow-none: none;
|
|
133
139
|
--font-family-sans: 'Source Sans Pro Web', 'Source Sans Pro', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
|
|
134
140
|
--font-family-serif: Bitter, Georgia, Cambria, 'Times New Roman', Times, serif;
|
|
135
141
|
--font-family-mono: 'Roboto Mono Web', 'Bitstream Vera Sans Mono', 'Consolas', 'Courier', monospace;
|
|
@@ -2369,6 +2369,124 @@
|
|
|
2369
2369
|
}
|
|
2370
2370
|
}
|
|
2371
2371
|
},
|
|
2372
|
+
"vads-elevation": {
|
|
2373
|
+
"shadow": {
|
|
2374
|
+
"1": {
|
|
2375
|
+
"value": "0px 1px 4px 0px rgba(0, 0, 0, 0.1)",
|
|
2376
|
+
"filePath": "tokens/elevation.json",
|
|
2377
|
+
"isSource": true,
|
|
2378
|
+
"original": {
|
|
2379
|
+
"value": "0px 1px 4px 0px rgba(0, 0, 0, 0.1)"
|
|
2380
|
+
},
|
|
2381
|
+
"name": "vads-elevation-shadow-1",
|
|
2382
|
+
"attributes": {
|
|
2383
|
+
"category": "vads-elevation",
|
|
2384
|
+
"type": "shadow",
|
|
2385
|
+
"item": "1"
|
|
2386
|
+
},
|
|
2387
|
+
"path": [
|
|
2388
|
+
"vads-elevation",
|
|
2389
|
+
"shadow",
|
|
2390
|
+
"1"
|
|
2391
|
+
]
|
|
2392
|
+
},
|
|
2393
|
+
"2": {
|
|
2394
|
+
"value": "0px 4px 8px 0px rgba(0, 0, 0, 0.1)",
|
|
2395
|
+
"filePath": "tokens/elevation.json",
|
|
2396
|
+
"isSource": true,
|
|
2397
|
+
"original": {
|
|
2398
|
+
"value": "0px 4px 8px 0px rgba(0, 0, 0, 0.1)"
|
|
2399
|
+
},
|
|
2400
|
+
"name": "vads-elevation-shadow-2",
|
|
2401
|
+
"attributes": {
|
|
2402
|
+
"category": "vads-elevation",
|
|
2403
|
+
"type": "shadow",
|
|
2404
|
+
"item": "2"
|
|
2405
|
+
},
|
|
2406
|
+
"path": [
|
|
2407
|
+
"vads-elevation",
|
|
2408
|
+
"shadow",
|
|
2409
|
+
"2"
|
|
2410
|
+
]
|
|
2411
|
+
},
|
|
2412
|
+
"3": {
|
|
2413
|
+
"value": "0px 8px 16px 0px rgba(0, 0, 0, 0.1)",
|
|
2414
|
+
"filePath": "tokens/elevation.json",
|
|
2415
|
+
"isSource": true,
|
|
2416
|
+
"original": {
|
|
2417
|
+
"value": "0px 8px 16px 0px rgba(0, 0, 0, 0.1)"
|
|
2418
|
+
},
|
|
2419
|
+
"name": "vads-elevation-shadow-3",
|
|
2420
|
+
"attributes": {
|
|
2421
|
+
"category": "vads-elevation",
|
|
2422
|
+
"type": "shadow",
|
|
2423
|
+
"item": "3"
|
|
2424
|
+
},
|
|
2425
|
+
"path": [
|
|
2426
|
+
"vads-elevation",
|
|
2427
|
+
"shadow",
|
|
2428
|
+
"3"
|
|
2429
|
+
]
|
|
2430
|
+
},
|
|
2431
|
+
"4": {
|
|
2432
|
+
"value": "0px 12px 24px 0px rgba(0, 0, 0, 0.1)",
|
|
2433
|
+
"filePath": "tokens/elevation.json",
|
|
2434
|
+
"isSource": true,
|
|
2435
|
+
"original": {
|
|
2436
|
+
"value": "0px 12px 24px 0px rgba(0, 0, 0, 0.1)"
|
|
2437
|
+
},
|
|
2438
|
+
"name": "vads-elevation-shadow-4",
|
|
2439
|
+
"attributes": {
|
|
2440
|
+
"category": "vads-elevation",
|
|
2441
|
+
"type": "shadow",
|
|
2442
|
+
"item": "4"
|
|
2443
|
+
},
|
|
2444
|
+
"path": [
|
|
2445
|
+
"vads-elevation",
|
|
2446
|
+
"shadow",
|
|
2447
|
+
"4"
|
|
2448
|
+
]
|
|
2449
|
+
},
|
|
2450
|
+
"5": {
|
|
2451
|
+
"value": "0px 16px 32px 0px rgba(0, 0, 0, 0.1)",
|
|
2452
|
+
"filePath": "tokens/elevation.json",
|
|
2453
|
+
"isSource": true,
|
|
2454
|
+
"original": {
|
|
2455
|
+
"value": "0px 16px 32px 0px rgba(0, 0, 0, 0.1)"
|
|
2456
|
+
},
|
|
2457
|
+
"name": "vads-elevation-shadow-5",
|
|
2458
|
+
"attributes": {
|
|
2459
|
+
"category": "vads-elevation",
|
|
2460
|
+
"type": "shadow",
|
|
2461
|
+
"item": "5"
|
|
2462
|
+
},
|
|
2463
|
+
"path": [
|
|
2464
|
+
"vads-elevation",
|
|
2465
|
+
"shadow",
|
|
2466
|
+
"5"
|
|
2467
|
+
]
|
|
2468
|
+
},
|
|
2469
|
+
"none": {
|
|
2470
|
+
"value": "none",
|
|
2471
|
+
"filePath": "tokens/elevation.json",
|
|
2472
|
+
"isSource": true,
|
|
2473
|
+
"original": {
|
|
2474
|
+
"value": "none"
|
|
2475
|
+
},
|
|
2476
|
+
"name": "vads-elevation-shadow-none",
|
|
2477
|
+
"attributes": {
|
|
2478
|
+
"category": "vads-elevation",
|
|
2479
|
+
"type": "shadow",
|
|
2480
|
+
"item": "none"
|
|
2481
|
+
},
|
|
2482
|
+
"path": [
|
|
2483
|
+
"vads-elevation",
|
|
2484
|
+
"shadow",
|
|
2485
|
+
"none"
|
|
2486
|
+
]
|
|
2487
|
+
}
|
|
2488
|
+
}
|
|
2489
|
+
},
|
|
2372
2490
|
"font": {
|
|
2373
2491
|
"family": {
|
|
2374
2492
|
"sans": {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Fri, 19 Dec 2025 15:48:37 GMT
|
|
4
4
|
|
|
5
5
|
$xsmall-screen: 320px;
|
|
6
6
|
$small-screen: 481px;
|
|
@@ -128,6 +128,12 @@ $vads-input-suffix-color-text-on-light: #757575;
|
|
|
128
128
|
$vads-input-tile-background-active-on-light: rgba(0, 94, 162, 0.1);
|
|
129
129
|
$vads-input-tile-border-active-on-light: #005ea2;
|
|
130
130
|
$vads-input-tile-border-on-light: rgba(27, 27, 27, 0.03);
|
|
131
|
+
$vads-elevation-shadow-1: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
|
|
132
|
+
$vads-elevation-shadow-2: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
|
|
133
|
+
$vads-elevation-shadow-3: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
|
|
134
|
+
$vads-elevation-shadow-4: 0px 12px 24px 0px rgba(0, 0, 0, 0.1);
|
|
135
|
+
$vads-elevation-shadow-5: 0px 16px 32px 0px rgba(0, 0, 0, 0.1);
|
|
136
|
+
$vads-elevation-shadow-none: none;
|
|
131
137
|
$font-family-sans: 'Source Sans Pro Web', 'Source Sans Pro', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
|
|
132
138
|
$font-family-serif: Bitter, Georgia, Cambria, 'Times New Roman', Times, serif;
|
|
133
139
|
$font-family-mono: 'Roboto Mono Web', 'Bitstream Vera Sans Mono', 'Consolas', 'Courier', monospace;
|
package/package.json
CHANGED
|
@@ -1,8 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@department-of-veterans-affairs/css-library",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.28.0",
|
|
4
4
|
"description": "Department of Veterans Affairs stylesheets, tokens, and utilities",
|
|
5
5
|
"packageManager": "yarn@3.2.0",
|
|
6
|
+
"repository": {
|
|
7
|
+
"type": "git",
|
|
8
|
+
"url": "git+https://github.com/department-of-veterans-affairs/component-library.git"
|
|
9
|
+
},
|
|
6
10
|
"files": [
|
|
7
11
|
"dist/**/*.css",
|
|
8
12
|
"dist/**/*.scss",
|
|
@@ -22,12 +26,12 @@
|
|
|
22
26
|
"copy": "node ./copy-uswds-color-tokens.js && yarn run copy-assets"
|
|
23
27
|
},
|
|
24
28
|
"devDependencies": {
|
|
25
|
-
"sass": "
|
|
29
|
+
"sass": "1.80.5",
|
|
26
30
|
"style-dictionary": "3.8.0"
|
|
27
31
|
},
|
|
28
32
|
"dependencies": {
|
|
29
|
-
"@divriots/style-dictionary-to-figma": "
|
|
30
|
-
"@uswds/uswds": "
|
|
31
|
-
"rimraf": "
|
|
33
|
+
"@divriots/style-dictionary-to-figma": "0.4.0",
|
|
34
|
+
"@uswds/uswds": "3.9.0",
|
|
35
|
+
"rimraf": "5.0.5"
|
|
32
36
|
}
|
|
33
|
-
}
|
|
37
|
+
}
|