@salt-ds/ag-grid-theme 1.1.6 → 1.2.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.
Files changed (2) hide show
  1. package/package.json +3 -2
  2. package/salt-ag-theme.css +224 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salt-ds/ag-grid-theme",
3
- "version": "1.1.6",
3
+ "version": "1.2.0",
4
4
  "license": "Apache-2.0",
5
5
  "style": "uitk-ag-theme.css",
6
6
  "files": [
@@ -12,7 +12,8 @@
12
12
  "build-watch": "yarn node ./scripts/build.mjs --watch"
13
13
  },
14
14
  "publishConfig": {
15
- "directory": "../../dist/salt-ds-ag-grid-theme"
15
+ "directory": "../../dist/salt-ds-ag-grid-theme",
16
+ "provenance": true
16
17
  },
17
18
  "devDependencies": {
18
19
  "cssnano": "^5.1.13",
package/salt-ag-theme.css CHANGED
@@ -5250,6 +5250,34 @@ div[class*=ag-theme-salt]{
5250
5250
  .ag-theme-salt-high-dark .ag-side-buttons{
5251
5251
  width:var(--salt-size-stackable);
5252
5252
  }
5253
+ .ag-theme-salt-high-dark .ag-standard-button{
5254
+ appearance:none;
5255
+ -webkit-appearance:none;
5256
+ background:var(--salt-actionable-secondary-background);
5257
+ border:1px transparent;
5258
+ border-radius:0;
5259
+ color:var(--salt-actionable-secondary-foreground);
5260
+ cursor:pointer;
5261
+ font-size:var(--salt-text-fontSize);
5262
+ font-weight:600;
5263
+ height:var(--salt-size-base);
5264
+ padding:0 var(--salt-size-unit);
5265
+ text-transform:uppercase;
5266
+ }
5267
+ .ag-theme-salt-high-dark .ag-standard-button:focus-visible{
5268
+ background:var(--salt-actionable-secondary-background-hover);
5269
+ outline-color:var(--salt-focused-outlineColor);
5270
+ outline-offset:var(--salt-focused-outlineOffset);
5271
+ outline-style:var(--salt-focused-outlineStyle);
5272
+ outline-width:var(--salt-focused-outlineWidth);
5273
+ }
5274
+ .ag-theme-salt-high-dark .ag-standard-button:hover{
5275
+ background-color:var(--salt-actionable-secondary-background-hover);
5276
+ }
5277
+ .ag-theme-salt-high-dark .ag-standard-button:active{
5278
+ background-color:var(--salt-actionable-secondary-background-active);
5279
+ color:var(--salt-actionable-secondary-foreground-active);
5280
+ }
5253
5281
  .ag-theme-salt-high-dark .ag-ltr .ag-side-bar-right .ag-side-button-button{
5254
5282
  border-left:2px solid transparent;
5255
5283
  }
@@ -10326,6 +10354,34 @@ div[class*=ag-theme-salt]{
10326
10354
  .ag-theme-salt-high-light .ag-side-buttons{
10327
10355
  width:var(--salt-size-stackable);
10328
10356
  }
10357
+ .ag-theme-salt-high-light .ag-standard-button{
10358
+ appearance:none;
10359
+ -webkit-appearance:none;
10360
+ background:var(--salt-actionable-secondary-background);
10361
+ border:1px transparent;
10362
+ border-radius:0;
10363
+ color:var(--salt-actionable-secondary-foreground);
10364
+ cursor:pointer;
10365
+ font-size:var(--salt-text-fontSize);
10366
+ font-weight:600;
10367
+ height:var(--salt-size-base);
10368
+ padding:0 var(--salt-size-unit);
10369
+ text-transform:uppercase;
10370
+ }
10371
+ .ag-theme-salt-high-light .ag-standard-button:focus-visible{
10372
+ background:var(--salt-actionable-secondary-background-hover);
10373
+ outline-color:var(--salt-focused-outlineColor);
10374
+ outline-offset:var(--salt-focused-outlineOffset);
10375
+ outline-style:var(--salt-focused-outlineStyle);
10376
+ outline-width:var(--salt-focused-outlineWidth);
10377
+ }
10378
+ .ag-theme-salt-high-light .ag-standard-button:hover{
10379
+ background-color:var(--salt-actionable-secondary-background-hover);
10380
+ }
10381
+ .ag-theme-salt-high-light .ag-standard-button:active{
10382
+ background-color:var(--salt-actionable-secondary-background-active);
10383
+ color:var(--salt-actionable-secondary-foreground-active);
10384
+ }
10329
10385
  .ag-theme-salt-high-light .ag-ltr .ag-side-bar-right .ag-side-button-button{
10330
10386
  border-left:2px solid transparent;
10331
10387
  }
@@ -15419,6 +15475,34 @@ div[class*=ag-theme-salt]{
15419
15475
  .ag-theme-salt-medium-dark .ag-side-buttons{
15420
15476
  width:var(--salt-size-stackable);
15421
15477
  }
15478
+ .ag-theme-salt-medium-dark .ag-standard-button{
15479
+ appearance:none;
15480
+ -webkit-appearance:none;
15481
+ background:var(--salt-actionable-secondary-background);
15482
+ border:1px transparent;
15483
+ border-radius:0;
15484
+ color:var(--salt-actionable-secondary-foreground);
15485
+ cursor:pointer;
15486
+ font-size:var(--salt-text-fontSize);
15487
+ font-weight:600;
15488
+ height:var(--salt-size-base);
15489
+ padding:0 var(--salt-size-unit);
15490
+ text-transform:uppercase;
15491
+ }
15492
+ .ag-theme-salt-medium-dark .ag-standard-button:focus-visible{
15493
+ background:var(--salt-actionable-secondary-background-hover);
15494
+ outline-color:var(--salt-focused-outlineColor);
15495
+ outline-offset:var(--salt-focused-outlineOffset);
15496
+ outline-style:var(--salt-focused-outlineStyle);
15497
+ outline-width:var(--salt-focused-outlineWidth);
15498
+ }
15499
+ .ag-theme-salt-medium-dark .ag-standard-button:hover{
15500
+ background-color:var(--salt-actionable-secondary-background-hover);
15501
+ }
15502
+ .ag-theme-salt-medium-dark .ag-standard-button:active{
15503
+ background-color:var(--salt-actionable-secondary-background-active);
15504
+ color:var(--salt-actionable-secondary-foreground-active);
15505
+ }
15422
15506
  .ag-theme-salt-medium-dark .ag-ltr .ag-side-bar-right .ag-side-button-button{
15423
15507
  border-left:2px solid transparent;
15424
15508
  }
@@ -20495,6 +20579,34 @@ div[class*=ag-theme-salt]{
20495
20579
  .ag-theme-salt-medium-light .ag-side-buttons{
20496
20580
  width:var(--salt-size-stackable);
20497
20581
  }
20582
+ .ag-theme-salt-medium-light .ag-standard-button{
20583
+ appearance:none;
20584
+ -webkit-appearance:none;
20585
+ background:var(--salt-actionable-secondary-background);
20586
+ border:1px transparent;
20587
+ border-radius:0;
20588
+ color:var(--salt-actionable-secondary-foreground);
20589
+ cursor:pointer;
20590
+ font-size:var(--salt-text-fontSize);
20591
+ font-weight:600;
20592
+ height:var(--salt-size-base);
20593
+ padding:0 var(--salt-size-unit);
20594
+ text-transform:uppercase;
20595
+ }
20596
+ .ag-theme-salt-medium-light .ag-standard-button:focus-visible{
20597
+ background:var(--salt-actionable-secondary-background-hover);
20598
+ outline-color:var(--salt-focused-outlineColor);
20599
+ outline-offset:var(--salt-focused-outlineOffset);
20600
+ outline-style:var(--salt-focused-outlineStyle);
20601
+ outline-width:var(--salt-focused-outlineWidth);
20602
+ }
20603
+ .ag-theme-salt-medium-light .ag-standard-button:hover{
20604
+ background-color:var(--salt-actionable-secondary-background-hover);
20605
+ }
20606
+ .ag-theme-salt-medium-light .ag-standard-button:active{
20607
+ background-color:var(--salt-actionable-secondary-background-active);
20608
+ color:var(--salt-actionable-secondary-foreground-active);
20609
+ }
20498
20610
  .ag-theme-salt-medium-light .ag-ltr .ag-side-bar-right .ag-side-button-button{
20499
20611
  border-left:2px solid transparent;
20500
20612
  }
@@ -25584,6 +25696,34 @@ div[class*=ag-theme-salt]{
25584
25696
  .ag-theme-salt-low-dark .ag-side-buttons{
25585
25697
  width:var(--salt-size-stackable);
25586
25698
  }
25699
+ .ag-theme-salt-low-dark .ag-standard-button{
25700
+ appearance:none;
25701
+ -webkit-appearance:none;
25702
+ background:var(--salt-actionable-secondary-background);
25703
+ border:1px transparent;
25704
+ border-radius:0;
25705
+ color:var(--salt-actionable-secondary-foreground);
25706
+ cursor:pointer;
25707
+ font-size:var(--salt-text-fontSize);
25708
+ font-weight:600;
25709
+ height:var(--salt-size-base);
25710
+ padding:0 var(--salt-size-unit);
25711
+ text-transform:uppercase;
25712
+ }
25713
+ .ag-theme-salt-low-dark .ag-standard-button:focus-visible{
25714
+ background:var(--salt-actionable-secondary-background-hover);
25715
+ outline-color:var(--salt-focused-outlineColor);
25716
+ outline-offset:var(--salt-focused-outlineOffset);
25717
+ outline-style:var(--salt-focused-outlineStyle);
25718
+ outline-width:var(--salt-focused-outlineWidth);
25719
+ }
25720
+ .ag-theme-salt-low-dark .ag-standard-button:hover{
25721
+ background-color:var(--salt-actionable-secondary-background-hover);
25722
+ }
25723
+ .ag-theme-salt-low-dark .ag-standard-button:active{
25724
+ background-color:var(--salt-actionable-secondary-background-active);
25725
+ color:var(--salt-actionable-secondary-foreground-active);
25726
+ }
25587
25727
  .ag-theme-salt-low-dark .ag-ltr .ag-side-bar-right .ag-side-button-button{
25588
25728
  border-left:2px solid transparent;
25589
25729
  }
@@ -30656,6 +30796,34 @@ div[class*=ag-theme-salt]{
30656
30796
  .ag-theme-salt-low-light .ag-side-buttons{
30657
30797
  width:var(--salt-size-stackable);
30658
30798
  }
30799
+ .ag-theme-salt-low-light .ag-standard-button{
30800
+ appearance:none;
30801
+ -webkit-appearance:none;
30802
+ background:var(--salt-actionable-secondary-background);
30803
+ border:1px transparent;
30804
+ border-radius:0;
30805
+ color:var(--salt-actionable-secondary-foreground);
30806
+ cursor:pointer;
30807
+ font-size:var(--salt-text-fontSize);
30808
+ font-weight:600;
30809
+ height:var(--salt-size-base);
30810
+ padding:0 var(--salt-size-unit);
30811
+ text-transform:uppercase;
30812
+ }
30813
+ .ag-theme-salt-low-light .ag-standard-button:focus-visible{
30814
+ background:var(--salt-actionable-secondary-background-hover);
30815
+ outline-color:var(--salt-focused-outlineColor);
30816
+ outline-offset:var(--salt-focused-outlineOffset);
30817
+ outline-style:var(--salt-focused-outlineStyle);
30818
+ outline-width:var(--salt-focused-outlineWidth);
30819
+ }
30820
+ .ag-theme-salt-low-light .ag-standard-button:hover{
30821
+ background-color:var(--salt-actionable-secondary-background-hover);
30822
+ }
30823
+ .ag-theme-salt-low-light .ag-standard-button:active{
30824
+ background-color:var(--salt-actionable-secondary-background-active);
30825
+ color:var(--salt-actionable-secondary-foreground-active);
30826
+ }
30659
30827
  .ag-theme-salt-low-light .ag-ltr .ag-side-bar-right .ag-side-button-button{
30660
30828
  border-left:2px solid transparent;
30661
30829
  }
@@ -35749,6 +35917,34 @@ div[class*=ag-theme-salt]{
35749
35917
  .ag-theme-salt-touch-light .ag-side-buttons{
35750
35918
  width:var(--salt-size-stackable);
35751
35919
  }
35920
+ .ag-theme-salt-touch-light .ag-standard-button{
35921
+ appearance:none;
35922
+ -webkit-appearance:none;
35923
+ background:var(--salt-actionable-secondary-background);
35924
+ border:1px transparent;
35925
+ border-radius:0;
35926
+ color:var(--salt-actionable-secondary-foreground);
35927
+ cursor:pointer;
35928
+ font-size:var(--salt-text-fontSize);
35929
+ font-weight:600;
35930
+ height:var(--salt-size-base);
35931
+ padding:0 var(--salt-size-unit);
35932
+ text-transform:uppercase;
35933
+ }
35934
+ .ag-theme-salt-touch-light .ag-standard-button:focus-visible{
35935
+ background:var(--salt-actionable-secondary-background-hover);
35936
+ outline-color:var(--salt-focused-outlineColor);
35937
+ outline-offset:var(--salt-focused-outlineOffset);
35938
+ outline-style:var(--salt-focused-outlineStyle);
35939
+ outline-width:var(--salt-focused-outlineWidth);
35940
+ }
35941
+ .ag-theme-salt-touch-light .ag-standard-button:hover{
35942
+ background-color:var(--salt-actionable-secondary-background-hover);
35943
+ }
35944
+ .ag-theme-salt-touch-light .ag-standard-button:active{
35945
+ background-color:var(--salt-actionable-secondary-background-active);
35946
+ color:var(--salt-actionable-secondary-foreground-active);
35947
+ }
35752
35948
  .ag-theme-salt-touch-light .ag-ltr .ag-side-bar-right .ag-side-button-button{
35753
35949
  border-left:2px solid transparent;
35754
35950
  }
@@ -40839,6 +41035,34 @@ div[class*=ag-theme-salt]{
40839
41035
  .ag-theme-salt-touch-dark .ag-side-buttons{
40840
41036
  width:var(--salt-size-stackable);
40841
41037
  }
41038
+ .ag-theme-salt-touch-dark .ag-standard-button{
41039
+ appearance:none;
41040
+ -webkit-appearance:none;
41041
+ background:var(--salt-actionable-secondary-background);
41042
+ border:1px transparent;
41043
+ border-radius:0;
41044
+ color:var(--salt-actionable-secondary-foreground);
41045
+ cursor:pointer;
41046
+ font-size:var(--salt-text-fontSize);
41047
+ font-weight:600;
41048
+ height:var(--salt-size-base);
41049
+ padding:0 var(--salt-size-unit);
41050
+ text-transform:uppercase;
41051
+ }
41052
+ .ag-theme-salt-touch-dark .ag-standard-button:focus-visible{
41053
+ background:var(--salt-actionable-secondary-background-hover);
41054
+ outline-color:var(--salt-focused-outlineColor);
41055
+ outline-offset:var(--salt-focused-outlineOffset);
41056
+ outline-style:var(--salt-focused-outlineStyle);
41057
+ outline-width:var(--salt-focused-outlineWidth);
41058
+ }
41059
+ .ag-theme-salt-touch-dark .ag-standard-button:hover{
41060
+ background-color:var(--salt-actionable-secondary-background-hover);
41061
+ }
41062
+ .ag-theme-salt-touch-dark .ag-standard-button:active{
41063
+ background-color:var(--salt-actionable-secondary-background-active);
41064
+ color:var(--salt-actionable-secondary-foreground-active);
41065
+ }
40842
41066
  .ag-theme-salt-touch-dark .ag-ltr .ag-side-bar-right .ag-side-button-button{
40843
41067
  border-left:2px solid transparent;
40844
41068
  }