@bi-digital/css 0.2.23 → 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 (3) hide show
  1. package/dist/components/input.css +8 -14
  2. package/dist/components.css +8 -14
  3. package/package.json +4 -4
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 {
@@ -141,14 +143,10 @@
141
143
  }
142
144
 
143
145
  .bi-input:-webkit-any(select) {
144
- --_bic-select-diagonal-1: transparent calc(40%);
145
- --_bic-select-diagonal-2: currentcolor calc(40%);
146
- --_bic-select-diagonal-3: currentcolor calc(60%);
147
- --_bic-select-diagonal-4: transparent calc(60%);
148
- 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));
149
- 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);
150
148
  background-repeat: no-repeat;
151
- background-size: .4em .4em;
149
+ background-size: 1.5em;
152
150
  }
153
151
 
154
152
  .bi-input:is(select):not([readonly], [aria-disabled="true"], :disabled) {
@@ -156,14 +154,10 @@
156
154
  }
157
155
 
158
156
  .bi-input:is(select) {
159
- --_bic-select-diagonal-1: transparent calc(40%);
160
- --_bic-select-diagonal-2: currentcolor calc(40%);
161
- --_bic-select-diagonal-3: currentcolor calc(60%);
162
- --_bic-select-diagonal-4: transparent calc(60%);
163
- 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));
164
- 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);
165
159
  background-repeat: no-repeat;
166
- background-size: .4em .4em;
160
+ background-size: 1.5em;
167
161
  }
168
162
 
169
163
  .bi-input:-webkit-any([type="checkbox"], [type="radio"]) {
package/dist/components.css CHANGED
@@ -2028,6 +2028,7 @@ body:has(.bi-dialog:modal) {
2028
2028
  --bic-input-color: var(--bi-neutral-95);
2029
2029
  --bic-input-disabled-color: var(--bi-neutral-50);
2030
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>");
2031
2032
  }
2032
2033
 
2033
2034
  .bi-input[data-dark="true"] {
@@ -2038,6 +2039,7 @@ body:has(.bi-dialog:modal) {
2038
2039
  --bic-input-color: var(--bi-basic-white);
2039
2040
  --bic-input-disabled-color: var(--bi-neutral-40);
2040
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>");
2041
2043
  }
2042
2044
 
2043
2045
  .bi-input {
@@ -2147,14 +2149,10 @@ body:has(.bi-dialog:modal) {
2147
2149
  }
2148
2150
 
2149
2151
  .bi-input:-webkit-any(select) {
2150
- --_bic-select-diagonal-1: transparent calc(40%);
2151
- --_bic-select-diagonal-2: currentcolor calc(40%);
2152
- --_bic-select-diagonal-3: currentcolor calc(60%);
2153
- --_bic-select-diagonal-4: transparent calc(60%);
2154
- 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));
2155
- 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);
2156
2154
  background-repeat: no-repeat;
2157
- background-size: .4em .4em;
2155
+ background-size: 1.5em;
2158
2156
  }
2159
2157
 
2160
2158
  .bi-input:is(select):not([readonly], [aria-disabled="true"], :disabled) {
@@ -2162,14 +2160,10 @@ body:has(.bi-dialog:modal) {
2162
2160
  }
2163
2161
 
2164
2162
  .bi-input:is(select) {
2165
- --_bic-select-diagonal-1: transparent calc(40%);
2166
- --_bic-select-diagonal-2: currentcolor calc(40%);
2167
- --_bic-select-diagonal-3: currentcolor calc(60%);
2168
- --_bic-select-diagonal-4: transparent calc(60%);
2169
- 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));
2170
- 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);
2171
2165
  background-repeat: no-repeat;
2172
- background-size: .4em .4em;
2166
+ background-size: 1.5em;
2173
2167
  }
2174
2168
 
2175
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.23",
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.23"
26
+ "@bi-digital/tokens": "0.2.24"
27
27
  },
28
28
  "scripts": {
29
29
  "build": "rimraf dist && node config.js",