@bi-digital/css 0.2.14 → 0.2.16

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 +2 -4
  2. package/dist/components/chip.css +1 -1
  3. package/dist/components/dialog.css +7 -4
  4. package/dist/components/navbar.css +1 -1
  5. package/dist/components.css +11 -10
  6. package/package.json +2 -2
package/dist/components/button.css CHANGED
@@ -164,12 +164,10 @@
164
164
  background: var(--bic-button-background-press);
165
165
  }
166
166
 
167
- .bi-button .bi-button--start-icon {
168
- display: inherit;
167
+ .bi-button .bi-spinner {
169
168
  font-size: var(--bic-button-icon-size);
170
169
  }
171
170
 
172
- .bi-button .bi-button--end-icon {
173
- display: inherit;
171
+ .bi-button [data-bi-icon="true"] {
174
172
  font-size: var(--bic-button-icon-size);
175
173
  }
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 .bi-chip--start-icon {
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/dialog.css CHANGED
@@ -65,7 +65,6 @@
65
65
 
66
66
  .bi-dialog .bi-dialog--header {
67
67
  padding: var(--bic-dialog-padding);
68
- padding-right: var(--bi-scale-14x);
69
68
  min-height: var(--bi-scale-16x);
70
69
  align-items: center;
71
70
  margin: 0;
@@ -75,6 +74,10 @@
75
74
  display: flex;
76
75
  }
77
76
 
77
+ .bi-dialog:has( > form[method="dialog"]) .bi-dialog--header {
78
+ padding-right: var(--bi-scale-14x);
79
+ }
80
+
78
81
  .bi-dialog .bi-dialog--content {
79
82
  padding: var(--bic-dialog-padding);
80
83
  overflow-behavior: contain;
@@ -90,15 +93,15 @@
90
93
  display: flex;
91
94
  }
92
95
 
93
- .bi-dialog .bi-dialog--header:not(:first-child) {
96
+ .bi-dialog .bi-dialog--header:not([data-no-border="true"]):not(:first-child) {
94
97
  border-top: var(--bi-stroke-thin) solid var(--bic-dialog-border-color);
95
98
  }
96
99
 
97
- .bi-dialog .bi-dialog--content:not(:first-child) {
100
+ .bi-dialog .bi-dialog--content:not([data-no-border="true"]):not(:first-child) {
98
101
  border-top: var(--bi-stroke-thin) solid var(--bic-dialog-border-color);
99
102
  }
100
103
 
101
- .bi-dialog .bi-dialog--footer:not(:first-child) {
104
+ .bi-dialog .bi-dialog--footer:not([data-no-border="true"]):not(:first-child) {
102
105
  border-top: var(--bi-stroke-thin) solid var(--bic-dialog-border-color);
103
106
  }
104
107
 
package/dist/components/navbar.css CHANGED
@@ -1,6 +1,6 @@
1
1
  .bi-navbar {
2
2
  --bic-navbar-background-color: var(--bi-basic-white);
3
- --bic-navbar-color: var(--bi-basic-black);
3
+ --bic-navbar-color: var(--bi-basic-key);
4
4
  height: var(--bi-layout-navbar-height);
5
5
  background-color: var(--bic-navbar-background-color);
6
6
  width: 100%;
package/dist/components.css CHANGED
@@ -440,13 +440,11 @@
440
440
  background: var(--bic-button-background-press);
441
441
  }
442
442
 
443
- .bi-button .bi-button--start-icon {
444
- display: inherit;
443
+ .bi-button .bi-spinner {
445
444
  font-size: var(--bic-button-icon-size);
446
445
  }
447
446
 
448
- .bi-button .bi-button--end-icon {
449
- display: inherit;
447
+ .bi-button [data-bi-icon="true"] {
450
448
  font-size: var(--bic-button-icon-size);
451
449
  }
452
450
 
@@ -970,7 +968,7 @@
970
968
  --bic-chip-text-color: var(--bi-success-90);
971
969
  }
972
970
 
973
- .bi-chip .bi-chip--start-icon {
971
+ .bi-chip [data-bi-icon="true"] {
974
972
  display: inherit;
975
973
  font-size: var(--bic-chip-icon-size);
976
974
  }
@@ -1042,7 +1040,6 @@
1042
1040
 
1043
1041
  .bi-dialog .bi-dialog--header {
1044
1042
  padding: var(--bic-dialog-padding);
1045
- padding-right: var(--bi-scale-14x);
1046
1043
  min-height: var(--bi-scale-16x);
1047
1044
  align-items: center;
1048
1045
  margin: 0;
@@ -1052,6 +1049,10 @@
1052
1049
  display: flex;
1053
1050
  }
1054
1051
 
1052
+ .bi-dialog:has( > form[method="dialog"]) .bi-dialog--header {
1053
+ padding-right: var(--bi-scale-14x);
1054
+ }
1055
+
1055
1056
  .bi-dialog .bi-dialog--content {
1056
1057
  padding: var(--bic-dialog-padding);
1057
1058
  overflow-behavior: contain;
@@ -1067,15 +1068,15 @@
1067
1068
  display: flex;
1068
1069
  }
1069
1070
 
1070
- .bi-dialog .bi-dialog--header:not(:first-child) {
1071
+ .bi-dialog .bi-dialog--header:not([data-no-border="true"]):not(:first-child) {
1071
1072
  border-top: var(--bi-stroke-thin) solid var(--bic-dialog-border-color);
1072
1073
  }
1073
1074
 
1074
- .bi-dialog .bi-dialog--content:not(:first-child) {
1075
+ .bi-dialog .bi-dialog--content:not([data-no-border="true"]):not(:first-child) {
1075
1076
  border-top: var(--bi-stroke-thin) solid var(--bic-dialog-border-color);
1076
1077
  }
1077
1078
 
1078
- .bi-dialog .bi-dialog--footer:not(:first-child) {
1079
+ .bi-dialog .bi-dialog--footer:not([data-no-border="true"]):not(:first-child) {
1079
1080
  border-top: var(--bi-stroke-thin) solid var(--bic-dialog-border-color);
1080
1081
  }
1081
1082
 
@@ -2307,7 +2308,7 @@ body:has(.bi-dialog:modal) {
2307
2308
 
2308
2309
  .bi-navbar {
2309
2310
  --bic-navbar-background-color: var(--bi-basic-white);
2310
- --bic-navbar-color: var(--bi-basic-black);
2311
+ --bic-navbar-color: var(--bi-basic-key);
2311
2312
  height: var(--bi-layout-navbar-height);
2312
2313
  background-color: var(--bic-navbar-background-color);
2313
2314
  width: 100%;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bi-digital/css",
3
- "version": "0.2.14",
3
+ "version": "0.2.16",
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.14"
26
+ "@bi-digital/tokens": "0.2.16"
27
27
  },
28
28
  "scripts": {
29
29
  "build": "rimraf dist && node config.js",