@bi-digital/css 0.2.16 → 0.2.18

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 (6) hide show
  1. package/dist/components/button.css +4 -2
  2. package/dist/components/chip.css +1 -1
  3. package/dist/components/dropdown.css +1 -5
  4. package/dist/components/popover.css +6 -0
  5. package/dist/components.css +12 -8
  6. package/package.json +2 -2
package/dist/components/button.css CHANGED
@@ -164,10 +164,12 @@
164
164
  background: var(--bic-button-background-press);
165
165
  }
166
166
 
167
- .bi-button .bi-spinner {
167
+ .bi-button .bi-button--start-icon {
168
+ display: inherit;
168
169
  font-size: var(--bic-button-icon-size);
169
170
  }
170
171
 
171
- .bi-button [data-bi-icon="true"] {
172
+ .bi-button .bi-button--end-icon {
173
+ display: inherit;
172
174
  font-size: var(--bic-button-icon-size);
173
175
  }
package/dist/components/chip.css CHANGED
@@ -174,7 +174,7 @@
174
174
  --bic-chip-text-color: var(--bi-success-90);
175
175
  }
176
176
 
177
- .bi-chip [data-bi-icon="true"] {
177
+ .bi-chip > [data-bi-icon="true"] {
178
178
  display: inherit;
179
179
  font-size: var(--bic-chip-icon-size);
180
180
  }
package/dist/components/dropdown.css CHANGED
@@ -60,10 +60,6 @@
60
60
  margin-left: auto;
61
61
  }
62
62
 
63
- .bi-button[popovertarget]:has( + :popover-open) {
64
- box-shadow: 0px 0px 0px 1.5px var(--bi-primary-50) inset;
65
- }
66
-
67
- .bi-button[popovertarget]:has( + .\:popover-open) {
63
+ .bi-button[aria-expanded="true"] {
68
64
  box-shadow: 0px 0px 0px 1.5px var(--bi-primary-50) inset;
69
65
  }
package/dist/components/popover.css CHANGED
@@ -28,6 +28,8 @@
28
28
  color: var(--bic-popover-color);
29
29
  max-width: var(--bic-popover-max-width);
30
30
  padding: var(--bic-popover-padding);
31
+ z-index: 100000;
32
+ display: none;
31
33
  position: fixed;
32
34
  top: 0;
33
35
  bottom: auto;
@@ -36,6 +38,10 @@
36
38
  overflow: visible;
37
39
  }
38
40
 
41
+ .bi-popover[aria-hidden="false"] {
42
+ display: block;
43
+ }
44
+
39
45
  [data-popover="inline"] {
40
46
  all: unset;
41
47
  cursor: pointer;
package/dist/components.css CHANGED
@@ -440,11 +440,13 @@
440
440
  background: var(--bic-button-background-press);
441
441
  }
442
442
 
443
- .bi-button .bi-spinner {
443
+ .bi-button .bi-button--start-icon {
444
+ display: inherit;
444
445
  font-size: var(--bic-button-icon-size);
445
446
  }
446
447
 
447
- .bi-button [data-bi-icon="true"] {
448
+ .bi-button .bi-button--end-icon {
449
+ display: inherit;
448
450
  font-size: var(--bic-button-icon-size);
449
451
  }
450
452
 
@@ -968,7 +970,7 @@
968
970
  --bic-chip-text-color: var(--bi-success-90);
969
971
  }
970
972
 
971
- .bi-chip [data-bi-icon="true"] {
973
+ .bi-chip > [data-bi-icon="true"] {
972
974
  display: inherit;
973
975
  font-size: var(--bic-chip-icon-size);
974
976
  }
@@ -1262,11 +1264,7 @@ body:has(.bi-dialog:modal) {
1262
1264
  margin-left: auto;
1263
1265
  }
1264
1266
 
1265
- .bi-button[popovertarget]:has( + :popover-open) {
1266
- box-shadow: 0px 0px 0px 1.5px var(--bi-primary-50) inset;
1267
- }
1268
-
1269
- .bi-button[popovertarget]:has( + .\:popover-open) {
1267
+ .bi-button[aria-expanded="true"] {
1270
1268
  box-shadow: 0px 0px 0px 1.5px var(--bi-primary-50) inset;
1271
1269
  }
1272
1270
 
@@ -2465,6 +2463,8 @@ body:has(.bi-dialog:modal) {
2465
2463
  color: var(--bic-popover-color);
2466
2464
  max-width: var(--bic-popover-max-width);
2467
2465
  padding: var(--bic-popover-padding);
2466
+ z-index: 100000;
2467
+ display: none;
2468
2468
  position: fixed;
2469
2469
  top: 0;
2470
2470
  bottom: auto;
@@ -2473,6 +2473,10 @@ body:has(.bi-dialog:modal) {
2473
2473
  overflow: visible;
2474
2474
  }
2475
2475
 
2476
+ .bi-popover[aria-hidden="false"] {
2477
+ display: block;
2478
+ }
2479
+
2476
2480
  [data-popover="inline"] {
2477
2481
  all: unset;
2478
2482
  cursor: pointer;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bi-digital/css",
3
- "version": "0.2.16",
3
+ "version": "0.2.18",
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.2.16"
26
+ "@bi-digital/tokens": "0.2.18"
27
27
  },
28
28
  "scripts": {
29
29
  "build": "rimraf dist && node config.js",