@bi-digital/css 0.0.0-experimental-426d58d → 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.
Files changed (3) hide show
  1. package/dist/components/card.css +13 -9
  2. package/dist/components.css +13 -9
  3. package/package.json +2 -2
package/dist/components/card.css CHANGED
@@ -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);
@@ -143,6 +143,7 @@
143
143
  .bi-card:-webkit-any(a, button) {
144
144
  cursor: pointer;
145
145
  text-decoration: none;
146
+ transition: box-shadow .25s ease-in-out;
146
147
  position: relative;
147
148
  }
148
149
 
@@ -158,12 +159,12 @@
158
159
 
159
160
  @media (hover: hover) and (pointer: fine) {
160
161
  .bi-card:-webkit-any(a, button):not(.disabled):hover {
161
- 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;
162
163
  }
163
164
  }
164
165
 
165
166
  .bi-card:-webkit-any(a, button):not(.disabled):active {
166
- 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;
167
168
  }
168
169
 
169
170
  .bi-card:-webkit-any(a, button):disabled {
@@ -173,6 +174,7 @@
173
174
  .bi-card:is(a, button) {
174
175
  cursor: pointer;
175
176
  text-decoration: none;
177
+ transition: box-shadow .25s ease-in-out;
176
178
  position: relative;
177
179
  }
178
180
 
@@ -188,12 +190,12 @@
188
190
 
189
191
  @media (hover: hover) and (pointer: fine) {
190
192
  .bi-card:is(a, button):not(.disabled):hover {
191
- 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;
192
194
  }
193
195
  }
194
196
 
195
197
  .bi-card:is(a, button):not(.disabled):active {
196
- 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;
197
199
  }
198
200
 
199
201
  .bi-card:is(a, button):disabled {
@@ -203,6 +205,7 @@
203
205
  .bi-card .bi-card--content:-webkit-any(a, button) {
204
206
  cursor: pointer;
205
207
  text-decoration: none;
208
+ transition: box-shadow .25s ease-in-out;
206
209
  position: relative;
207
210
  }
208
211
 
@@ -218,12 +221,12 @@
218
221
 
219
222
  @media (hover: hover) and (pointer: fine) {
220
223
  .bi-card .bi-card--content:-webkit-any(a, button):not(.disabled):hover {
221
- 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;
222
225
  }
223
226
  }
224
227
 
225
228
  .bi-card .bi-card--content:-webkit-any(a, button):not(.disabled):active {
226
- 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;
227
230
  }
228
231
 
229
232
  .bi-card .bi-card--content:-webkit-any(a, button):disabled {
@@ -233,6 +236,7 @@
233
236
  .bi-card .bi-card--content:is(a, button) {
234
237
  cursor: pointer;
235
238
  text-decoration: none;
239
+ transition: box-shadow .25s ease-in-out;
236
240
  position: relative;
237
241
  }
238
242
 
@@ -248,12 +252,12 @@
248
252
 
249
253
  @media (hover: hover) and (pointer: fine) {
250
254
  .bi-card .bi-card--content:is(a, button):not(.disabled):hover {
251
- 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;
252
256
  }
253
257
  }
254
258
 
255
259
  .bi-card .bi-card--content:is(a, button):not(.disabled):active {
256
- 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;
257
261
  }
258
262
 
259
263
  .bi-card .bi-card--content:is(a, button):disabled {
package/dist/components.css CHANGED
@@ -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);
@@ -601,6 +601,7 @@
601
601
  .bi-card:-webkit-any(a, button) {
602
602
  cursor: pointer;
603
603
  text-decoration: none;
604
+ transition: box-shadow .25s ease-in-out;
604
605
  position: relative;
605
606
  }
606
607
 
@@ -616,12 +617,12 @@
616
617
 
617
618
  @media (hover: hover) and (pointer: fine) {
618
619
  .bi-card:-webkit-any(a, button):not(.disabled):hover {
619
- 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;
620
621
  }
621
622
  }
622
623
 
623
624
  .bi-card:-webkit-any(a, button):not(.disabled):active {
624
- 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;
625
626
  }
626
627
 
627
628
  .bi-card:-webkit-any(a, button):disabled {
@@ -631,6 +632,7 @@
631
632
  .bi-card:is(a, button) {
632
633
  cursor: pointer;
633
634
  text-decoration: none;
635
+ transition: box-shadow .25s ease-in-out;
634
636
  position: relative;
635
637
  }
636
638
 
@@ -646,12 +648,12 @@
646
648
 
647
649
  @media (hover: hover) and (pointer: fine) {
648
650
  .bi-card:is(a, button):not(.disabled):hover {
649
- 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;
650
652
  }
651
653
  }
652
654
 
653
655
  .bi-card:is(a, button):not(.disabled):active {
654
- 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;
655
657
  }
656
658
 
657
659
  .bi-card:is(a, button):disabled {
@@ -661,6 +663,7 @@
661
663
  .bi-card .bi-card--content:-webkit-any(a, button) {
662
664
  cursor: pointer;
663
665
  text-decoration: none;
666
+ transition: box-shadow .25s ease-in-out;
664
667
  position: relative;
665
668
  }
666
669
 
@@ -676,12 +679,12 @@
676
679
 
677
680
  @media (hover: hover) and (pointer: fine) {
678
681
  .bi-card .bi-card--content:-webkit-any(a, button):not(.disabled):hover {
679
- 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;
680
683
  }
681
684
  }
682
685
 
683
686
  .bi-card .bi-card--content:-webkit-any(a, button):not(.disabled):active {
684
- 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;
685
688
  }
686
689
 
687
690
  .bi-card .bi-card--content:-webkit-any(a, button):disabled {
@@ -691,6 +694,7 @@
691
694
  .bi-card .bi-card--content:is(a, button) {
692
695
  cursor: pointer;
693
696
  text-decoration: none;
697
+ transition: box-shadow .25s ease-in-out;
694
698
  position: relative;
695
699
  }
696
700
 
@@ -706,12 +710,12 @@
706
710
 
707
711
  @media (hover: hover) and (pointer: fine) {
708
712
  .bi-card .bi-card--content:is(a, button):not(.disabled):hover {
709
- 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;
710
714
  }
711
715
  }
712
716
 
713
717
  .bi-card .bi-card--content:is(a, button):not(.disabled):active {
714
- 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;
715
719
  }
716
720
 
717
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-426d58d",
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-426d58d"
26
+ "@bi-digital/tokens": "0.0.0-experimental-8e8691a"
27
27
  },
28
28
  "scripts": {
29
29
  "build": "rimraf dist && node config.js",