@salt-ds/theme 1.8.0 → 1.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/css/theme.css +14 -0
- package/index.css +14 -0
- package/package.json +10 -1
package/css/theme.css
CHANGED
|
@@ -373,38 +373,52 @@
|
|
|
373
373
|
.salt-density-high {
|
|
374
374
|
--salt-size-adornment: 6px;
|
|
375
375
|
--salt-size-bar: 2px;
|
|
376
|
+
--salt-size-bar-small: 2px;
|
|
376
377
|
--salt-size-base: 20px;
|
|
377
378
|
--salt-size-border: 1px;
|
|
378
379
|
--salt-size-icon: 12px;
|
|
379
380
|
--salt-size-indicator: 1px;
|
|
380
381
|
--salt-size-selectable: 12px;
|
|
382
|
+
--salt-size-bar-strong: 4px;
|
|
381
383
|
}
|
|
382
384
|
.salt-density-medium {
|
|
383
385
|
--salt-size-adornment: 8px;
|
|
384
386
|
--salt-size-bar: 4px;
|
|
387
|
+
--salt-size-bar-small: 2px;
|
|
385
388
|
--salt-size-base: 28px;
|
|
386
389
|
--salt-size-border: 1px;
|
|
387
390
|
--salt-size-icon: 12px;
|
|
388
391
|
--salt-size-indicator: 2px;
|
|
389
392
|
--salt-size-selectable: 14px;
|
|
393
|
+
--salt-size-bar-strong: 8px;
|
|
390
394
|
}
|
|
391
395
|
.salt-density-low {
|
|
392
396
|
--salt-size-adornment: 10px;
|
|
393
397
|
--salt-size-bar: 6px;
|
|
398
|
+
--salt-size-bar-small: 2px;
|
|
394
399
|
--salt-size-base: 36px;
|
|
395
400
|
--salt-size-border: 1px;
|
|
396
401
|
--salt-size-icon: 14px;
|
|
397
402
|
--salt-size-indicator: 3px;
|
|
398
403
|
--salt-size-selectable: 16px;
|
|
404
|
+
--salt-size-bar-strong: 12px;
|
|
399
405
|
}
|
|
400
406
|
.salt-density-touch {
|
|
401
407
|
--salt-size-adornment: 12px;
|
|
402
408
|
--salt-size-bar: 8px;
|
|
409
|
+
--salt-size-bar-small: 2px;
|
|
403
410
|
--salt-size-base: 44px;
|
|
404
411
|
--salt-size-border: 1px;
|
|
405
412
|
--salt-size-icon: 16px;
|
|
406
413
|
--salt-size-indicator: 4px;
|
|
407
414
|
--salt-size-selectable: 18px;
|
|
415
|
+
--salt-size-bar-strong: 16px;
|
|
416
|
+
}
|
|
417
|
+
.salt-density-high,
|
|
418
|
+
.salt-density-medium,
|
|
419
|
+
.salt-density-low,
|
|
420
|
+
.salt-density-touch {
|
|
421
|
+
--salt-size-bar-small: 2px;
|
|
408
422
|
}
|
|
409
423
|
|
|
410
424
|
/* css/foundations/spacing.css */
|
package/index.css
CHANGED
|
@@ -407,38 +407,52 @@
|
|
|
407
407
|
.salt-density-high {
|
|
408
408
|
--salt-size-adornment: 6px;
|
|
409
409
|
--salt-size-bar: 2px;
|
|
410
|
+
--salt-size-bar-small: 2px;
|
|
410
411
|
--salt-size-base: 20px;
|
|
411
412
|
--salt-size-border: 1px;
|
|
412
413
|
--salt-size-icon: 12px;
|
|
413
414
|
--salt-size-indicator: 1px;
|
|
414
415
|
--salt-size-selectable: 12px;
|
|
416
|
+
--salt-size-bar-strong: 4px;
|
|
415
417
|
}
|
|
416
418
|
.salt-density-medium {
|
|
417
419
|
--salt-size-adornment: 8px;
|
|
418
420
|
--salt-size-bar: 4px;
|
|
421
|
+
--salt-size-bar-small: 2px;
|
|
419
422
|
--salt-size-base: 28px;
|
|
420
423
|
--salt-size-border: 1px;
|
|
421
424
|
--salt-size-icon: 12px;
|
|
422
425
|
--salt-size-indicator: 2px;
|
|
423
426
|
--salt-size-selectable: 14px;
|
|
427
|
+
--salt-size-bar-strong: 8px;
|
|
424
428
|
}
|
|
425
429
|
.salt-density-low {
|
|
426
430
|
--salt-size-adornment: 10px;
|
|
427
431
|
--salt-size-bar: 6px;
|
|
432
|
+
--salt-size-bar-small: 2px;
|
|
428
433
|
--salt-size-base: 36px;
|
|
429
434
|
--salt-size-border: 1px;
|
|
430
435
|
--salt-size-icon: 14px;
|
|
431
436
|
--salt-size-indicator: 3px;
|
|
432
437
|
--salt-size-selectable: 16px;
|
|
438
|
+
--salt-size-bar-strong: 12px;
|
|
433
439
|
}
|
|
434
440
|
.salt-density-touch {
|
|
435
441
|
--salt-size-adornment: 12px;
|
|
436
442
|
--salt-size-bar: 8px;
|
|
443
|
+
--salt-size-bar-small: 2px;
|
|
437
444
|
--salt-size-base: 44px;
|
|
438
445
|
--salt-size-border: 1px;
|
|
439
446
|
--salt-size-icon: 16px;
|
|
440
447
|
--salt-size-indicator: 4px;
|
|
441
448
|
--salt-size-selectable: 18px;
|
|
449
|
+
--salt-size-bar-strong: 16px;
|
|
450
|
+
}
|
|
451
|
+
.salt-density-high,
|
|
452
|
+
.salt-density-medium,
|
|
453
|
+
.salt-density-low,
|
|
454
|
+
.salt-density-touch {
|
|
455
|
+
--salt-size-bar-small: 2px;
|
|
442
456
|
}
|
|
443
457
|
|
|
444
458
|
/* css/foundations/spacing.css */
|
package/package.json
CHANGED
|
@@ -1,7 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salt-ds/theme",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.9.0",
|
|
4
4
|
"license": "Apache-2.0",
|
|
5
|
+
"repository": {
|
|
6
|
+
"type": "git",
|
|
7
|
+
"url": "https://github.com/jpmorganchase/salt-ds.git",
|
|
8
|
+
"directory": "packages/theme"
|
|
9
|
+
},
|
|
10
|
+
"bugs": "https://github.com/jpmorganchase/salt-ds/issues",
|
|
5
11
|
"style": "index.css",
|
|
6
12
|
"files": [
|
|
7
13
|
"/index.css",
|
|
@@ -10,6 +16,9 @@
|
|
|
10
16
|
"scripts": {
|
|
11
17
|
"build": "yarn node ./scripts/build.mjs"
|
|
12
18
|
},
|
|
19
|
+
"devDependencies": {
|
|
20
|
+
"del": "^7.0.0"
|
|
21
|
+
},
|
|
13
22
|
"publishConfig": {
|
|
14
23
|
"directory": "../../dist/salt-ds-theme",
|
|
15
24
|
"provenance": true
|