@bi-digital/css 0.0.0-experimental-7ec9539 → 0.0.0-experimental-4935b5c

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/card.css +7 -12
  2. package/dist/components/chip.css +2 -1
  3. package/dist/components.css +9 -13
  4. package/package.json +2 -2
package/dist/components/card.css CHANGED
@@ -54,13 +54,7 @@
54
54
 
55
55
  @media not (min-width: 1024px) {
56
56
  .bi-card[data-orientation="horizontal"] {
57
- --bic-card-media-width: 220px;
58
- }
59
- }
60
-
61
- @media not (min-width: 768px) {
62
- .bi-card[data-orientation="horizontal"] {
63
- --bic-card-media-width: 135px;
57
+ --bic-card-media-width: 232px;
64
58
  }
65
59
  }
66
60
 
@@ -115,6 +109,7 @@
115
109
  flex-direction: column;
116
110
  flex: auto;
117
111
  display: flex;
112
+ overflow: hidden;
118
113
  }
119
114
 
120
115
  .bi-card .bi-card--content > p {
@@ -132,7 +127,7 @@
132
127
  overflow: hidden;
133
128
  }
134
129
 
135
- @media not (min-width: 768px) {
130
+ @media not (min-width: 600px) {
136
131
  .bi-card .bi-card--content {
137
132
  --bic-card-content-padding: var(--bi-scale-3x);
138
133
  gap: var(--bi-scale-3x);
@@ -260,7 +255,7 @@
260
255
  display: flex;
261
256
  }
262
257
 
263
- @media not (min-width: 768px) {
258
+ @media not (min-width: 600px) {
264
259
  .bi-card .bi-card--actions {
265
260
  width: var(--bi-scale-11x);
266
261
  }
@@ -273,7 +268,7 @@
273
268
  flex: 1;
274
269
  }
275
270
 
276
- @media not (min-width: 768px) {
271
+ @media not (min-width: 600px) {
277
272
  .bi-card .bi-card--actions .bi-card--action {
278
273
  --bic-button-size: var(--bi-scale-11x);
279
274
  }
@@ -296,7 +291,7 @@
296
291
  font-size: .875rem;
297
292
  }
298
293
 
299
- @media not (min-width: 768px) {
294
+ @media not (min-width: 600px) {
300
295
  .bi-card .bi-card--header .bi-card--header-label {
301
296
  font-size: .8125rem;
302
297
  }
@@ -331,7 +326,7 @@
331
326
  overflow: hidden;
332
327
  }
333
328
 
334
- @media not (min-width: 768px) {
329
+ @media not (min-width: 600px) {
335
330
  .bi-card .bi-card--header .bi-card--header-title {
336
331
  font-size: 1rem;
337
332
  }
package/dist/components/chip.css CHANGED
@@ -17,9 +17,10 @@
17
17
  font-family: museo-sans, Arial, sans-serif;
18
18
  font-size: var(--bic-chip-font-size);
19
19
  line-height: var(--bic-chip-line-height);
20
- justify-content: center;
20
+ justify-content: flex-start;
21
21
  align-items: center;
22
22
  display: inline-flex;
23
+ overflow: hidden;
23
24
  }
24
25
 
25
26
  .bi-chip:-webkit-any(button) {
package/dist/components.css CHANGED
@@ -512,13 +512,7 @@
512
512
 
513
513
  @media not (min-width: 1024px) {
514
514
  .bi-card[data-orientation="horizontal"] {
515
- --bic-card-media-width: 220px;
516
- }
517
- }
518
-
519
- @media not (min-width: 768px) {
520
- .bi-card[data-orientation="horizontal"] {
521
- --bic-card-media-width: 135px;
515
+ --bic-card-media-width: 232px;
522
516
  }
523
517
  }
524
518
 
@@ -573,6 +567,7 @@
573
567
  flex-direction: column;
574
568
  flex: auto;
575
569
  display: flex;
570
+ overflow: hidden;
576
571
  }
577
572
 
578
573
  .bi-card .bi-card--content > p {
@@ -590,7 +585,7 @@
590
585
  overflow: hidden;
591
586
  }
592
587
 
593
- @media not (min-width: 768px) {
588
+ @media not (min-width: 600px) {
594
589
  .bi-card .bi-card--content {
595
590
  --bic-card-content-padding: var(--bi-scale-3x);
596
591
  gap: var(--bi-scale-3x);
@@ -718,7 +713,7 @@
718
713
  display: flex;
719
714
  }
720
715
 
721
- @media not (min-width: 768px) {
716
+ @media not (min-width: 600px) {
722
717
  .bi-card .bi-card--actions {
723
718
  width: var(--bi-scale-11x);
724
719
  }
@@ -731,7 +726,7 @@
731
726
  flex: 1;
732
727
  }
733
728
 
734
- @media not (min-width: 768px) {
729
+ @media not (min-width: 600px) {
735
730
  .bi-card .bi-card--actions .bi-card--action {
736
731
  --bic-button-size: var(--bi-scale-11x);
737
732
  }
@@ -754,7 +749,7 @@
754
749
  font-size: .875rem;
755
750
  }
756
751
 
757
- @media not (min-width: 768px) {
752
+ @media not (min-width: 600px) {
758
753
  .bi-card .bi-card--header .bi-card--header-label {
759
754
  font-size: .8125rem;
760
755
  }
@@ -789,7 +784,7 @@
789
784
  overflow: hidden;
790
785
  }
791
786
 
792
- @media not (min-width: 768px) {
787
+ @media not (min-width: 600px) {
793
788
  .bi-card .bi-card--header .bi-card--header-title {
794
789
  font-size: 1rem;
795
790
  }
@@ -897,9 +892,10 @@
897
892
  font-family: museo-sans, Arial, sans-serif;
898
893
  font-size: var(--bic-chip-font-size);
899
894
  line-height: var(--bic-chip-line-height);
900
- justify-content: center;
895
+ justify-content: flex-start;
901
896
  align-items: center;
902
897
  display: inline-flex;
898
+ overflow: hidden;
903
899
  }
904
900
 
905
901
  .bi-chip:-webkit-any(button) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bi-digital/css",
3
- "version": "0.0.0-experimental-7ec9539",
3
+ "version": "0.0.0-experimental-4935b5c",
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-7ec9539"
26
+ "@bi-digital/tokens": "0.0.0-experimental-4935b5c"
27
27
  },
28
28
  "scripts": {
29
29
  "build": "rimraf dist && node config.js",