@bi-digital/css 0.0.0-experimental-ebbf94e → 0.0.0-experimental-8e8691a

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.
@@ -1,6 +1,6 @@
1
1
  .bi-card {
2
2
  --bic-card-border-color: var(--bi-neutral-15);
3
- --bic-card-box-shadow: 0 0 0 var(--bi-stroke-thin) var(--bic-card-border-color) inset;
3
+ --bic-card-box-shadow: 0 0 0 var(--bi-stroke-thin) var(--bic-card-border-color);
4
4
  --bic-card-border-radius: var(--bi-radius-medium);
5
5
  --bic-card-background-color: var(--bi-basic-white);
6
6
  --bic-card-color: var(--bi-neutral-95);
@@ -159,12 +159,12 @@
159
159
 
160
160
  @media (hover: hover) and (pointer: fine) {
161
161
  .bi-card:-webkit-any(a, button):not(.disabled):hover {
162
- box-shadow: 0px 0px 0px var(--bi-stroke-thick) var(--bi-neutral-50) inset, 0px 0px 20px var(--bi-scale-1-5x) #0000000d, 0px 0px 10px 0px #0000000d;
162
+ box-shadow: 0px 0px 0px var(--bi-stroke-thick) var(--bi-neutral-50), 0px 0px 20px var(--bi-scale-1-5x) #0000000d, 0px 0px 10px 0px #0000000d;
163
163
  }
164
164
  }
165
165
 
166
166
  .bi-card:-webkit-any(a, button):not(.disabled):active {
167
- box-shadow: 0px 0px 0px var(--bi-stroke-default) var(--bi-primary-50) inset, 0px 0px 20px var(--bi-scale-1-5x) #0000000d, 0px 0px 10px 0px #0000000d;
167
+ box-shadow: 0px 0px 0px var(--bi-stroke-default) var(--bi-primary-50), 0px 0px 20px var(--bi-scale-1-5x) #0000000d, 0px 0px 10px 0px #0000000d;
168
168
  }
169
169
 
170
170
  .bi-card:-webkit-any(a, button):disabled {
@@ -190,12 +190,12 @@
190
190
 
191
191
  @media (hover: hover) and (pointer: fine) {
192
192
  .bi-card:is(a, button):not(.disabled):hover {
193
- box-shadow: 0px 0px 0px var(--bi-stroke-thick) var(--bi-neutral-50) inset, 0px 0px 20px var(--bi-scale-1-5x) #0000000d, 0px 0px 10px 0px #0000000d;
193
+ box-shadow: 0px 0px 0px var(--bi-stroke-thick) var(--bi-neutral-50), 0px 0px 20px var(--bi-scale-1-5x) #0000000d, 0px 0px 10px 0px #0000000d;
194
194
  }
195
195
  }
196
196
 
197
197
  .bi-card:is(a, button):not(.disabled):active {
198
- box-shadow: 0px 0px 0px var(--bi-stroke-default) var(--bi-primary-50) inset, 0px 0px 20px var(--bi-scale-1-5x) #0000000d, 0px 0px 10px 0px #0000000d;
198
+ box-shadow: 0px 0px 0px var(--bi-stroke-default) var(--bi-primary-50), 0px 0px 20px var(--bi-scale-1-5x) #0000000d, 0px 0px 10px 0px #0000000d;
199
199
  }
200
200
 
201
201
  .bi-card:is(a, button):disabled {
@@ -221,12 +221,12 @@
221
221
 
222
222
  @media (hover: hover) and (pointer: fine) {
223
223
  .bi-card .bi-card--content:-webkit-any(a, button):not(.disabled):hover {
224
- box-shadow: 0px 0px 0px var(--bi-stroke-thick) var(--bi-neutral-50) inset, 0px 0px 20px var(--bi-scale-1-5x) #0000000d, 0px 0px 10px 0px #0000000d;
224
+ box-shadow: 0px 0px 0px var(--bi-stroke-thick) var(--bi-neutral-50), 0px 0px 20px var(--bi-scale-1-5x) #0000000d, 0px 0px 10px 0px #0000000d;
225
225
  }
226
226
  }
227
227
 
228
228
  .bi-card .bi-card--content:-webkit-any(a, button):not(.disabled):active {
229
- box-shadow: 0px 0px 0px var(--bi-stroke-default) var(--bi-primary-50) inset, 0px 0px 20px var(--bi-scale-1-5x) #0000000d, 0px 0px 10px 0px #0000000d;
229
+ box-shadow: 0px 0px 0px var(--bi-stroke-default) var(--bi-primary-50), 0px 0px 20px var(--bi-scale-1-5x) #0000000d, 0px 0px 10px 0px #0000000d;
230
230
  }
231
231
 
232
232
  .bi-card .bi-card--content:-webkit-any(a, button):disabled {
@@ -252,12 +252,12 @@
252
252
 
253
253
  @media (hover: hover) and (pointer: fine) {
254
254
  .bi-card .bi-card--content:is(a, button):not(.disabled):hover {
255
- box-shadow: 0px 0px 0px var(--bi-stroke-thick) var(--bi-neutral-50) inset, 0px 0px 20px var(--bi-scale-1-5x) #0000000d, 0px 0px 10px 0px #0000000d;
255
+ box-shadow: 0px 0px 0px var(--bi-stroke-thick) var(--bi-neutral-50), 0px 0px 20px var(--bi-scale-1-5x) #0000000d, 0px 0px 10px 0px #0000000d;
256
256
  }
257
257
  }
258
258
 
259
259
  .bi-card .bi-card--content:is(a, button):not(.disabled):active {
260
- box-shadow: 0px 0px 0px var(--bi-stroke-default) var(--bi-primary-50) inset, 0px 0px 20px var(--bi-scale-1-5x) #0000000d, 0px 0px 10px 0px #0000000d;
260
+ box-shadow: 0px 0px 0px var(--bi-stroke-default) var(--bi-primary-50), 0px 0px 20px var(--bi-scale-1-5x) #0000000d, 0px 0px 10px 0px #0000000d;
261
261
  }
262
262
 
263
263
  .bi-card .bi-card--content:is(a, button):disabled {
@@ -458,7 +458,7 @@
458
458
 
459
459
  .bi-card {
460
460
  --bic-card-border-color: var(--bi-neutral-15);
461
- --bic-card-box-shadow: 0 0 0 var(--bi-stroke-thin) var(--bic-card-border-color) inset;
461
+ --bic-card-box-shadow: 0 0 0 var(--bi-stroke-thin) var(--bic-card-border-color);
462
462
  --bic-card-border-radius: var(--bi-radius-medium);
463
463
  --bic-card-background-color: var(--bi-basic-white);
464
464
  --bic-card-color: var(--bi-neutral-95);
@@ -617,12 +617,12 @@
617
617
 
618
618
  @media (hover: hover) and (pointer: fine) {
619
619
  .bi-card:-webkit-any(a, button):not(.disabled):hover {
620
- box-shadow: 0px 0px 0px var(--bi-stroke-thick) var(--bi-neutral-50) inset, 0px 0px 20px var(--bi-scale-1-5x) #0000000d, 0px 0px 10px 0px #0000000d;
620
+ box-shadow: 0px 0px 0px var(--bi-stroke-thick) var(--bi-neutral-50), 0px 0px 20px var(--bi-scale-1-5x) #0000000d, 0px 0px 10px 0px #0000000d;
621
621
  }
622
622
  }
623
623
 
624
624
  .bi-card:-webkit-any(a, button):not(.disabled):active {
625
- box-shadow: 0px 0px 0px var(--bi-stroke-default) var(--bi-primary-50) inset, 0px 0px 20px var(--bi-scale-1-5x) #0000000d, 0px 0px 10px 0px #0000000d;
625
+ box-shadow: 0px 0px 0px var(--bi-stroke-default) var(--bi-primary-50), 0px 0px 20px var(--bi-scale-1-5x) #0000000d, 0px 0px 10px 0px #0000000d;
626
626
  }
627
627
 
628
628
  .bi-card:-webkit-any(a, button):disabled {
@@ -648,12 +648,12 @@
648
648
 
649
649
  @media (hover: hover) and (pointer: fine) {
650
650
  .bi-card:is(a, button):not(.disabled):hover {
651
- box-shadow: 0px 0px 0px var(--bi-stroke-thick) var(--bi-neutral-50) inset, 0px 0px 20px var(--bi-scale-1-5x) #0000000d, 0px 0px 10px 0px #0000000d;
651
+ box-shadow: 0px 0px 0px var(--bi-stroke-thick) var(--bi-neutral-50), 0px 0px 20px var(--bi-scale-1-5x) #0000000d, 0px 0px 10px 0px #0000000d;
652
652
  }
653
653
  }
654
654
 
655
655
  .bi-card:is(a, button):not(.disabled):active {
656
- box-shadow: 0px 0px 0px var(--bi-stroke-default) var(--bi-primary-50) inset, 0px 0px 20px var(--bi-scale-1-5x) #0000000d, 0px 0px 10px 0px #0000000d;
656
+ box-shadow: 0px 0px 0px var(--bi-stroke-default) var(--bi-primary-50), 0px 0px 20px var(--bi-scale-1-5x) #0000000d, 0px 0px 10px 0px #0000000d;
657
657
  }
658
658
 
659
659
  .bi-card:is(a, button):disabled {
@@ -679,12 +679,12 @@
679
679
 
680
680
  @media (hover: hover) and (pointer: fine) {
681
681
  .bi-card .bi-card--content:-webkit-any(a, button):not(.disabled):hover {
682
- box-shadow: 0px 0px 0px var(--bi-stroke-thick) var(--bi-neutral-50) inset, 0px 0px 20px var(--bi-scale-1-5x) #0000000d, 0px 0px 10px 0px #0000000d;
682
+ box-shadow: 0px 0px 0px var(--bi-stroke-thick) var(--bi-neutral-50), 0px 0px 20px var(--bi-scale-1-5x) #0000000d, 0px 0px 10px 0px #0000000d;
683
683
  }
684
684
  }
685
685
 
686
686
  .bi-card .bi-card--content:-webkit-any(a, button):not(.disabled):active {
687
- box-shadow: 0px 0px 0px var(--bi-stroke-default) var(--bi-primary-50) inset, 0px 0px 20px var(--bi-scale-1-5x) #0000000d, 0px 0px 10px 0px #0000000d;
687
+ box-shadow: 0px 0px 0px var(--bi-stroke-default) var(--bi-primary-50), 0px 0px 20px var(--bi-scale-1-5x) #0000000d, 0px 0px 10px 0px #0000000d;
688
688
  }
689
689
 
690
690
  .bi-card .bi-card--content:-webkit-any(a, button):disabled {
@@ -710,12 +710,12 @@
710
710
 
711
711
  @media (hover: hover) and (pointer: fine) {
712
712
  .bi-card .bi-card--content:is(a, button):not(.disabled):hover {
713
- box-shadow: 0px 0px 0px var(--bi-stroke-thick) var(--bi-neutral-50) inset, 0px 0px 20px var(--bi-scale-1-5x) #0000000d, 0px 0px 10px 0px #0000000d;
713
+ box-shadow: 0px 0px 0px var(--bi-stroke-thick) var(--bi-neutral-50), 0px 0px 20px var(--bi-scale-1-5x) #0000000d, 0px 0px 10px 0px #0000000d;
714
714
  }
715
715
  }
716
716
 
717
717
  .bi-card .bi-card--content:is(a, button):not(.disabled):active {
718
- box-shadow: 0px 0px 0px var(--bi-stroke-default) var(--bi-primary-50) inset, 0px 0px 20px var(--bi-scale-1-5x) #0000000d, 0px 0px 10px 0px #0000000d;
718
+ box-shadow: 0px 0px 0px var(--bi-stroke-default) var(--bi-primary-50), 0px 0px 20px var(--bi-scale-1-5x) #0000000d, 0px 0px 10px 0px #0000000d;
719
719
  }
720
720
 
721
721
  .bi-card .bi-card--content:is(a, button):disabled {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bi-digital/css",
3
- "version": "0.0.0-experimental-ebbf94e",
3
+ "version": "0.0.0-experimental-8e8691a",
4
4
  "description": "CSS for the BI Design System",
5
5
  "author": "BI Digital",
6
6
  "license": "ISC",
@@ -23,7 +23,7 @@
23
23
  "lightningcss": "^1.30.1",
24
24
  "modern-normalize": "^3.0.1",
25
25
  "rimraf": "^6.0.1",
26
- "@bi-digital/tokens": "0.0.0-experimental-ebbf94e"
26
+ "@bi-digital/tokens": "0.0.0-experimental-8e8691a"
27
27
  },
28
28
  "scripts": {
29
29
  "build": "rimraf dist && node config.js",