@bi-digital/css 0.0.0-experimental-2ec4984 → 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 +8 -16
  2. package/dist/components/chip.css +2 -1
  3. package/dist/components.css +10 -17
  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
 
@@ -110,10 +104,12 @@
110
104
  padding: var(--bic-card-content-padding);
111
105
  gap: var(--bi-scale-4x);
112
106
  border-radius: inherit;
107
+ background: none;
113
108
  border: none;
114
109
  flex-direction: column;
115
110
  flex: auto;
116
111
  display: flex;
112
+ overflow: hidden;
117
113
  }
118
114
 
119
115
  .bi-card .bi-card--content > p {
@@ -131,7 +127,7 @@
131
127
  overflow: hidden;
132
128
  }
133
129
 
134
- @media not (min-width: 768px) {
130
+ @media not (min-width: 600px) {
135
131
  .bi-card .bi-card--content {
136
132
  --bic-card-content-padding: var(--bi-scale-3x);
137
133
  gap: var(--bi-scale-3x);
@@ -140,7 +136,6 @@
140
136
 
141
137
  .bi-card:-webkit-any(a, button) {
142
138
  cursor: pointer;
143
- background: none;
144
139
  text-decoration: none;
145
140
  position: relative;
146
141
  }
@@ -169,7 +164,6 @@
169
164
 
170
165
  .bi-card:is(a, button) {
171
166
  cursor: pointer;
172
- background: none;
173
167
  text-decoration: none;
174
168
  position: relative;
175
169
  }
@@ -198,7 +192,6 @@
198
192
 
199
193
  .bi-card .bi-card--content:-webkit-any(a, button) {
200
194
  cursor: pointer;
201
- background: none;
202
195
  text-decoration: none;
203
196
  position: relative;
204
197
  }
@@ -227,7 +220,6 @@
227
220
 
228
221
  .bi-card .bi-card--content:is(a, button) {
229
222
  cursor: pointer;
230
- background: none;
231
223
  text-decoration: none;
232
224
  position: relative;
233
225
  }
@@ -263,7 +255,7 @@
263
255
  display: flex;
264
256
  }
265
257
 
266
- @media not (min-width: 768px) {
258
+ @media not (min-width: 600px) {
267
259
  .bi-card .bi-card--actions {
268
260
  width: var(--bi-scale-11x);
269
261
  }
@@ -276,7 +268,7 @@
276
268
  flex: 1;
277
269
  }
278
270
 
279
- @media not (min-width: 768px) {
271
+ @media not (min-width: 600px) {
280
272
  .bi-card .bi-card--actions .bi-card--action {
281
273
  --bic-button-size: var(--bi-scale-11x);
282
274
  }
@@ -299,7 +291,7 @@
299
291
  font-size: .875rem;
300
292
  }
301
293
 
302
- @media not (min-width: 768px) {
294
+ @media not (min-width: 600px) {
303
295
  .bi-card .bi-card--header .bi-card--header-label {
304
296
  font-size: .8125rem;
305
297
  }
@@ -334,7 +326,7 @@
334
326
  overflow: hidden;
335
327
  }
336
328
 
337
- @media not (min-width: 768px) {
329
+ @media not (min-width: 600px) {
338
330
  .bi-card .bi-card--header .bi-card--header-title {
339
331
  font-size: 1rem;
340
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
 
@@ -568,10 +562,12 @@
568
562
  padding: var(--bic-card-content-padding);
569
563
  gap: var(--bi-scale-4x);
570
564
  border-radius: inherit;
565
+ background: none;
571
566
  border: none;
572
567
  flex-direction: column;
573
568
  flex: auto;
574
569
  display: flex;
570
+ overflow: hidden;
575
571
  }
576
572
 
577
573
  .bi-card .bi-card--content > p {
@@ -589,7 +585,7 @@
589
585
  overflow: hidden;
590
586
  }
591
587
 
592
- @media not (min-width: 768px) {
588
+ @media not (min-width: 600px) {
593
589
  .bi-card .bi-card--content {
594
590
  --bic-card-content-padding: var(--bi-scale-3x);
595
591
  gap: var(--bi-scale-3x);
@@ -598,7 +594,6 @@
598
594
 
599
595
  .bi-card:-webkit-any(a, button) {
600
596
  cursor: pointer;
601
- background: none;
602
597
  text-decoration: none;
603
598
  position: relative;
604
599
  }
@@ -627,7 +622,6 @@
627
622
 
628
623
  .bi-card:is(a, button) {
629
624
  cursor: pointer;
630
- background: none;
631
625
  text-decoration: none;
632
626
  position: relative;
633
627
  }
@@ -656,7 +650,6 @@
656
650
 
657
651
  .bi-card .bi-card--content:-webkit-any(a, button) {
658
652
  cursor: pointer;
659
- background: none;
660
653
  text-decoration: none;
661
654
  position: relative;
662
655
  }
@@ -685,7 +678,6 @@
685
678
 
686
679
  .bi-card .bi-card--content:is(a, button) {
687
680
  cursor: pointer;
688
- background: none;
689
681
  text-decoration: none;
690
682
  position: relative;
691
683
  }
@@ -721,7 +713,7 @@
721
713
  display: flex;
722
714
  }
723
715
 
724
- @media not (min-width: 768px) {
716
+ @media not (min-width: 600px) {
725
717
  .bi-card .bi-card--actions {
726
718
  width: var(--bi-scale-11x);
727
719
  }
@@ -734,7 +726,7 @@
734
726
  flex: 1;
735
727
  }
736
728
 
737
- @media not (min-width: 768px) {
729
+ @media not (min-width: 600px) {
738
730
  .bi-card .bi-card--actions .bi-card--action {
739
731
  --bic-button-size: var(--bi-scale-11x);
740
732
  }
@@ -757,7 +749,7 @@
757
749
  font-size: .875rem;
758
750
  }
759
751
 
760
- @media not (min-width: 768px) {
752
+ @media not (min-width: 600px) {
761
753
  .bi-card .bi-card--header .bi-card--header-label {
762
754
  font-size: .8125rem;
763
755
  }
@@ -792,7 +784,7 @@
792
784
  overflow: hidden;
793
785
  }
794
786
 
795
- @media not (min-width: 768px) {
787
+ @media not (min-width: 600px) {
796
788
  .bi-card .bi-card--header .bi-card--header-title {
797
789
  font-size: 1rem;
798
790
  }
@@ -900,9 +892,10 @@
900
892
  font-family: museo-sans, Arial, sans-serif;
901
893
  font-size: var(--bic-chip-font-size);
902
894
  line-height: var(--bic-chip-line-height);
903
- justify-content: center;
895
+ justify-content: flex-start;
904
896
  align-items: center;
905
897
  display: inline-flex;
898
+ overflow: hidden;
906
899
  }
907
900
 
908
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-2ec4984",
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-2ec4984"
26
+ "@bi-digital/tokens": "0.0.0-experimental-4935b5c"
27
27
  },
28
28
  "scripts": {
29
29
  "build": "rimraf dist && node config.js",