@bi-digital/css 0.2.22 → 0.2.24

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 (4) hide show
  1. package/dist/components/field.css +0 -1
  2. package/dist/components/input.css +8 -15
  3. package/dist/components.css +8 -16
  4. package/package.json +4 -4
package/dist/components/field.css CHANGED
@@ -223,7 +223,6 @@
223
223
  white-space: nowrap;
224
224
  max-width: 100%;
225
225
  box-shadow: var(--bic-field-box-shadow);
226
- transition: box-shadow .25s ease-in-out;
227
226
  }
228
227
 
229
228
  .bi-field .bi-field--affixes .bi-input {
package/dist/components/input.css CHANGED
@@ -22,6 +22,7 @@
22
22
  --bic-input-color: var(--bi-neutral-95);
23
23
  --bic-input-disabled-color: var(--bi-neutral-50);
24
24
  --bic-input-placeholder-color: var(--bi-neutral-60);
25
+ --bic-input-select-chevron: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"%23222d38\" fill-rule=\"evenodd\" d=\"M5.97 9.47a.75.75 0 0 1 1.06 0L12 14.44l4.97-4.97a.75.75 0 1 1 1.06 1.06l-5.5 5.5a.75.75 0 0 1-1.06 0l-5.5-5.5a.75.75 0 0 1 0-1.06\" clip-rule=\"evenodd\"></path></svg>");
25
26
  }
26
27
 
27
28
  .bi-input[data-dark="true"] {
@@ -32,6 +33,7 @@
32
33
  --bic-input-color: var(--bi-basic-white);
33
34
  --bic-input-disabled-color: var(--bi-neutral-40);
34
35
  --bic-input-placeholder-color: var(--bi-neutral-30);
36
+ --bic-input-select-chevron: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"white\" fill-rule=\"evenodd\" d=\"M5.97 9.47a.75.75 0 0 1 1.06 0L12 14.44l4.97-4.97a.75.75 0 1 1 1.06 1.06l-5.5 5.5a.75.75 0 0 1-1.06 0l-5.5-5.5a.75.75 0 0 1 0-1.06\" clip-rule=\"evenodd\"></path></svg>");
35
37
  }
36
38
 
37
39
  .bi-input {
@@ -52,7 +54,6 @@
52
54
  caret-color: var(--bic-input-caret-color);
53
55
  border: none;
54
56
  line-height: 1;
55
- transition: box-shadow .25s ease-in-out;
56
57
  position: relative;
57
58
  }
58
59
 
@@ -142,14 +143,10 @@
142
143
  }
143
144
 
144
145
  .bi-input:-webkit-any(select) {
145
- --_bic-select-diagonal-1: transparent calc(40%);
146
- --_bic-select-diagonal-2: currentcolor calc(40%);
147
- --_bic-select-diagonal-3: currentcolor calc(60%);
148
- --_bic-select-diagonal-4: transparent calc(60%);
149
- background-image: linear-gradient(35deg, var(--_bic-select-diagonal-1), var(--_bic-select-diagonal-2), var(--_bic-select-diagonal-3), var(--_bic-select-diagonal-4)), linear-gradient(-35deg, var(--_bic-select-diagonal-1), var(--_bic-select-diagonal-2), var(--_bic-select-diagonal-3), var(--_bic-select-diagonal-4));
150
- background-position: calc(100% - 1.2em + var(--bi-stroke-thin)), calc(100% - .75em);
146
+ background-image: var(--bic-input-select-chevron);
147
+ background-position: calc(100% - .5em);
151
148
  background-repeat: no-repeat;
152
- background-size: .4em .4em;
149
+ background-size: 1.5em;
153
150
  }
154
151
 
155
152
  .bi-input:is(select):not([readonly], [aria-disabled="true"], :disabled) {
@@ -157,14 +154,10 @@
157
154
  }
158
155
 
159
156
  .bi-input:is(select) {
160
- --_bic-select-diagonal-1: transparent calc(40%);
161
- --_bic-select-diagonal-2: currentcolor calc(40%);
162
- --_bic-select-diagonal-3: currentcolor calc(60%);
163
- --_bic-select-diagonal-4: transparent calc(60%);
164
- background-image: linear-gradient(35deg, var(--_bic-select-diagonal-1), var(--_bic-select-diagonal-2), var(--_bic-select-diagonal-3), var(--_bic-select-diagonal-4)), linear-gradient(-35deg, var(--_bic-select-diagonal-1), var(--_bic-select-diagonal-2), var(--_bic-select-diagonal-3), var(--_bic-select-diagonal-4));
165
- background-position: calc(100% - 1.2em + var(--bi-stroke-thin)), calc(100% - .75em);
157
+ background-image: var(--bic-input-select-chevron);
158
+ background-position: calc(100% - .5em);
166
159
  background-repeat: no-repeat;
167
- background-size: .4em .4em;
160
+ background-size: 1.5em;
168
161
  }
169
162
 
170
163
  .bi-input:-webkit-any([type="checkbox"], [type="radio"]) {
package/dist/components.css CHANGED
@@ -1599,7 +1599,6 @@ body:has(.bi-dialog:modal) {
1599
1599
  white-space: nowrap;
1600
1600
  max-width: 100%;
1601
1601
  box-shadow: var(--bic-field-box-shadow);
1602
- transition: box-shadow .25s ease-in-out;
1603
1602
  }
1604
1603
 
1605
1604
  .bi-field .bi-field--affixes .bi-input {
@@ -2029,6 +2028,7 @@ body:has(.bi-dialog:modal) {
2029
2028
  --bic-input-color: var(--bi-neutral-95);
2030
2029
  --bic-input-disabled-color: var(--bi-neutral-50);
2031
2030
  --bic-input-placeholder-color: var(--bi-neutral-60);
2031
+ --bic-input-select-chevron: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"%23222d38\" fill-rule=\"evenodd\" d=\"M5.97 9.47a.75.75 0 0 1 1.06 0L12 14.44l4.97-4.97a.75.75 0 1 1 1.06 1.06l-5.5 5.5a.75.75 0 0 1-1.06 0l-5.5-5.5a.75.75 0 0 1 0-1.06\" clip-rule=\"evenodd\"></path></svg>");
2032
2032
  }
2033
2033
 
2034
2034
  .bi-input[data-dark="true"] {
@@ -2039,6 +2039,7 @@ body:has(.bi-dialog:modal) {
2039
2039
  --bic-input-color: var(--bi-basic-white);
2040
2040
  --bic-input-disabled-color: var(--bi-neutral-40);
2041
2041
  --bic-input-placeholder-color: var(--bi-neutral-30);
2042
+ --bic-input-select-chevron: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"white\" fill-rule=\"evenodd\" d=\"M5.97 9.47a.75.75 0 0 1 1.06 0L12 14.44l4.97-4.97a.75.75 0 1 1 1.06 1.06l-5.5 5.5a.75.75 0 0 1-1.06 0l-5.5-5.5a.75.75 0 0 1 0-1.06\" clip-rule=\"evenodd\"></path></svg>");
2042
2043
  }
2043
2044
 
2044
2045
  .bi-input {
@@ -2059,7 +2060,6 @@ body:has(.bi-dialog:modal) {
2059
2060
  caret-color: var(--bic-input-caret-color);
2060
2061
  border: none;
2061
2062
  line-height: 1;
2062
- transition: box-shadow .25s ease-in-out;
2063
2063
  position: relative;
2064
2064
  }
2065
2065
 
@@ -2149,14 +2149,10 @@ body:has(.bi-dialog:modal) {
2149
2149
  }
2150
2150
 
2151
2151
  .bi-input:-webkit-any(select) {
2152
- --_bic-select-diagonal-1: transparent calc(40%);
2153
- --_bic-select-diagonal-2: currentcolor calc(40%);
2154
- --_bic-select-diagonal-3: currentcolor calc(60%);
2155
- --_bic-select-diagonal-4: transparent calc(60%);
2156
- background-image: linear-gradient(35deg, var(--_bic-select-diagonal-1), var(--_bic-select-diagonal-2), var(--_bic-select-diagonal-3), var(--_bic-select-diagonal-4)), linear-gradient(-35deg, var(--_bic-select-diagonal-1), var(--_bic-select-diagonal-2), var(--_bic-select-diagonal-3), var(--_bic-select-diagonal-4));
2157
- background-position: calc(100% - 1.2em + var(--bi-stroke-thin)), calc(100% - .75em);
2152
+ background-image: var(--bic-input-select-chevron);
2153
+ background-position: calc(100% - .5em);
2158
2154
  background-repeat: no-repeat;
2159
- background-size: .4em .4em;
2155
+ background-size: 1.5em;
2160
2156
  }
2161
2157
 
2162
2158
  .bi-input:is(select):not([readonly], [aria-disabled="true"], :disabled) {
@@ -2164,14 +2160,10 @@ body:has(.bi-dialog:modal) {
2164
2160
  }
2165
2161
 
2166
2162
  .bi-input:is(select) {
2167
- --_bic-select-diagonal-1: transparent calc(40%);
2168
- --_bic-select-diagonal-2: currentcolor calc(40%);
2169
- --_bic-select-diagonal-3: currentcolor calc(60%);
2170
- --_bic-select-diagonal-4: transparent calc(60%);
2171
- background-image: linear-gradient(35deg, var(--_bic-select-diagonal-1), var(--_bic-select-diagonal-2), var(--_bic-select-diagonal-3), var(--_bic-select-diagonal-4)), linear-gradient(-35deg, var(--_bic-select-diagonal-1), var(--_bic-select-diagonal-2), var(--_bic-select-diagonal-3), var(--_bic-select-diagonal-4));
2172
- background-position: calc(100% - 1.2em + var(--bi-stroke-thin)), calc(100% - .75em);
2163
+ background-image: var(--bic-input-select-chevron);
2164
+ background-position: calc(100% - .5em);
2173
2165
  background-repeat: no-repeat;
2174
- background-size: .4em .4em;
2166
+ background-size: 1.5em;
2175
2167
  }
2176
2168
 
2177
2169
  .bi-input:-webkit-any([type="checkbox"], [type="radio"]) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bi-digital/css",
3
- "version": "0.2.22",
3
+ "version": "0.2.24",
4
4
  "description": "CSS for the BI Design System",
5
5
  "author": "BI Digital",
6
6
  "license": "ISC",
@@ -18,12 +18,12 @@
18
18
  "/dist"
19
19
  ],
20
20
  "devDependencies": {
21
- "browserslist": "^4.24.5",
22
- "glob": "^11.0.1",
21
+ "browserslist": "^4.25.2",
22
+ "glob": "^11.0.3",
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.22"
26
+ "@bi-digital/tokens": "0.2.24"
27
27
  },
28
28
  "scripts": {
29
29
  "build": "rimraf dist && node config.js",