@bi-digital/css 0.11.9 → 0.11.11

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 (35) hide show
  1. package/dist/baseline.css +4 -2
  2. package/dist/components/alert.css +109 -111
  3. package/dist/components/avatar.css +45 -47
  4. package/dist/components/badge.css +88 -88
  5. package/dist/components/button.css +117 -117
  6. package/dist/components/card.css +268 -282
  7. package/dist/components/checkbox-subsection.css +15 -15
  8. package/dist/components/chip.css +146 -146
  9. package/dist/components/details.css +88 -92
  10. package/dist/components/dialog.css +99 -97
  11. package/dist/components/dropdown.css +23 -25
  12. package/dist/components/field.css +204 -202
  13. package/dist/components/fieldset.css +20 -22
  14. package/dist/components/filter-group.css +80 -80
  15. package/dist/components/footer.css +110 -124
  16. package/dist/components/icons.css +30 -30
  17. package/dist/components/input.css +184 -186
  18. package/dist/components/label.css +17 -17
  19. package/dist/components/link.css +47 -47
  20. package/dist/components/logo.css +32 -34
  21. package/dist/components/navbar.css +46 -45
  22. package/dist/components/pagination.css +29 -27
  23. package/dist/components/popover.css +40 -40
  24. package/dist/components/search.css +12 -8
  25. package/dist/components/skip-link.css +8 -10
  26. package/dist/components/spinner.css +22 -25
  27. package/dist/components/sticky-header.css +1 -3
  28. package/dist/components/sub-navbar.css +23 -25
  29. package/dist/components/tabs.css +109 -113
  30. package/dist/components/tooltip.css +30 -30
  31. package/dist/components/validation-message.css +9 -9
  32. package/dist/components.css +1997 -2033
  33. package/dist/index.css +4 -2
  34. package/dist/salesforce.css +1997 -2033
  35. package/package.json +2 -2
package/dist/components/footer.css CHANGED
@@ -1,14 +1,12 @@
1
1
  .bi-footer {
2
2
  --bic-footer-color: var(--bi-basic-key);
3
3
  --bic-footer-background: var(--bi-basic-white);
4
- }
5
4
 
6
- .bi-footer[data-dark="true"] {
7
- --bic-footer-color: var(--bi-basic-white);
8
- --bic-footer-background: var(--bi-primary-95);
9
- }
5
+ &[data-dark="true"] {
6
+ --bic-footer-color: var(--bi-basic-white);
7
+ --bic-footer-background: var(--bi-primary-95);
8
+ }
10
9
 
11
- .bi-footer {
12
10
  width: 100%;
13
11
  color: var(--bic-footer-color);
14
12
  background-color: var(--bic-footer-background);
@@ -22,131 +20,119 @@
22
20
  width: 100%;
23
21
  margin-top: -1px;
24
22
  display: flex;
25
- }
26
-
27
- .bi-footer .bi-footer--links-container {
28
- gap: var(--bi-scale-4x) var(--bi-scale-14x);
29
- flex-wrap: wrap;
30
- justify-content: center;
31
- display: flex;
32
- }
33
-
34
- @media (width < 768px) {
35
- .bi-footer .bi-footer--links-container {
36
- flex-direction: column;
37
- }
38
- }
39
-
40
- .bi-footer .bi-footer--links-container .bi-footer--links {
41
- min-height: 44px;
42
- font: var(--bi-font-label-large);
43
- flex-direction: row;
44
- justify-content: center;
45
- align-items: center;
46
- margin: auto;
47
- display: flex;
48
- }
49
-
50
- @media (width < 768px) {
51
- .bi-footer .bi-footer--links-container .bi-footer--links {
52
- flex-direction: column;
53
- }
54
- }
55
-
56
- .bi-footer .bi-footer--links-container .bi-footer--links > p {
57
- margin: 0 var(--bi-scale-0-50x) 0 0;
58
- font-weight: 300;
59
- }
60
23
 
61
- @media (width < 768px) {
62
- .bi-footer .bi-footer--links-container .bi-footer--links > p {
63
- margin: var(--bi-scale-3x) 0;
24
+ & .bi-footer--links-container {
25
+ gap: var(--bi-scale-4x) var(--bi-scale-14x);
26
+ flex-wrap: wrap;
27
+ justify-content: center;
28
+ display: flex;
29
+
30
+ @media (width < 768px) {
31
+ flex-direction: column;
32
+ }
33
+
34
+ & .bi-footer--links {
35
+ min-height: 44px;
36
+ font: var(--bi-font-label-large);
37
+ flex-direction: row;
38
+ justify-content: center;
39
+ align-items: center;
40
+ margin: auto;
41
+ display: flex;
42
+
43
+ @media (width < 768px) {
44
+ flex-direction: column;
45
+ }
46
+
47
+ & > p {
48
+ margin: 0 var(--bi-scale-0-50x) 0 0;
49
+ font-weight: 300;
50
+
51
+ @media (width < 768px) {
52
+ margin: var(--bi-scale-3x) 0;
53
+ }
54
+ }
55
+
56
+ & > div {
57
+ justify-content: center;
58
+ align-items: center;
59
+ gap: var(--bi-scale-3x) var(--bi-scale-10x);
60
+ white-space: nowrap;
61
+ flex-direction: row;
62
+ width: 100%;
63
+ display: flex;
64
+
65
+ @media (width < 768px) {
66
+ flex-direction: column;
67
+ }
68
+ }
69
+ }
64
70
  }
65
- }
66
-
67
- .bi-footer .bi-footer--links-container .bi-footer--links > div {
68
- justify-content: center;
69
- align-items: center;
70
- gap: var(--bi-scale-3x) var(--bi-scale-10x);
71
- white-space: nowrap;
72
- flex-direction: row;
73
- width: 100%;
74
- display: flex;
75
- }
76
71
 
77
- @media (width < 768px) {
78
- .bi-footer .bi-footer--links-container .bi-footer--links > div {
79
- flex-direction: column;
72
+ & .bi-footer--accreditations {
73
+ justify-content: center;
74
+ align-items: center;
75
+ gap: var(--bi-scale-12x);
76
+ flex-wrap: wrap;
77
+ min-height: 58px;
78
+ display: flex;
79
+
80
+ @media (width < 600px) {
81
+ gap: var(--bi-scale-2x) var(--bi-scale-1x);
82
+ }
83
+
84
+ & .bi-footer--aacsb, & .bi-footer--amba, & .bi-footer--equis {
85
+ background-position: center;
86
+ background-repeat: no-repeat;
87
+ background-size: contain;
88
+ height: 58px;
89
+ display: block;
90
+ }
91
+
92
+ & .bi-footer--aacsb {
93
+ background-image: url("./assets/accreditations/aacsb.svg");
94
+ width: 127px;
95
+
96
+ &:is([data-dark="true"] .bi-footer--aacsb) {
97
+ background-image: url("./assets/accreditations/aacsb-neg.svg");
98
+ }
99
+ }
100
+
101
+ & .bi-footer--amba {
102
+ background-image: url("./assets/accreditations/amba.svg");
103
+ width: 122px;
104
+
105
+ &:is([data-dark="true"] .bi-footer--amba) {
106
+ background-image: url("./assets/accreditations/amba-neg.svg");
107
+ }
108
+ }
109
+
110
+ & .bi-footer--equis {
111
+ background-image: url("./assets/accreditations/equis.svg");
112
+ width: 104px;
113
+
114
+ &:is([data-dark="true"] .bi-footer--equis) {
115
+ background-image: url("./assets/accreditations/equis-neg.svg");
116
+ }
117
+ }
80
118
  }
81
- }
82
119
 
83
- .bi-footer .bi-footer--accreditations {
84
- justify-content: center;
85
- align-items: center;
86
- gap: var(--bi-scale-12x);
87
- flex-wrap: wrap;
88
- min-height: 58px;
89
- display: flex;
90
- }
120
+ & .bi-footer--socials {
121
+ justify-content: center;
122
+ align-items: center;
123
+ gap: var(--bi-scale-8x);
124
+ flex-wrap: wrap;
125
+ display: flex;
91
126
 
92
- @media (width < 600px) {
93
- .bi-footer .bi-footer--accreditations {
94
- gap: var(--bi-scale-2x) var(--bi-scale-1x);
127
+ @media (width < 600px) {
128
+ gap: var(--bi-scale-2x);
129
+ }
95
130
  }
96
- }
97
-
98
- .bi-footer .bi-footer--accreditations .bi-footer--aacsb, .bi-footer .bi-footer--accreditations .bi-footer--amba, .bi-footer .bi-footer--accreditations .bi-footer--equis {
99
- background-position: center;
100
- background-repeat: no-repeat;
101
- background-size: contain;
102
- height: 58px;
103
- display: block;
104
- }
105
-
106
- .bi-footer .bi-footer--accreditations .bi-footer--aacsb {
107
- background-image: url("./assets/accreditations/aacsb.svg");
108
- width: 127px;
109
- }
110
-
111
- .bi-footer .bi-footer--accreditations .bi-footer--aacsb:is([data-dark="true"] .bi-footer--aacsb) {
112
- background-image: url("./assets/accreditations/aacsb-neg.svg");
113
- }
114
-
115
- .bi-footer .bi-footer--accreditations .bi-footer--amba {
116
- background-image: url("./assets/accreditations/amba.svg");
117
- width: 122px;
118
- }
119
-
120
- .bi-footer .bi-footer--accreditations .bi-footer--amba:is([data-dark="true"] .bi-footer--amba) {
121
- background-image: url("./assets/accreditations/amba-neg.svg");
122
- }
123
-
124
- .bi-footer .bi-footer--accreditations .bi-footer--equis {
125
- background-image: url("./assets/accreditations/equis.svg");
126
- width: 104px;
127
- }
128
-
129
- .bi-footer .bi-footer--accreditations .bi-footer--equis:is([data-dark="true"] .bi-footer--equis) {
130
- background-image: url("./assets/accreditations/equis-neg.svg");
131
- }
132
131
 
133
- .bi-footer .bi-footer--socials {
134
- justify-content: center;
135
- align-items: center;
136
- gap: var(--bi-scale-8x);
137
- flex-wrap: wrap;
138
- display: flex;
139
- }
140
-
141
- @media (width < 600px) {
142
- .bi-footer .bi-footer--socials {
143
- gap: var(--bi-scale-2x);
132
+ & .bi-footer--copyright {
133
+ text-align: center;
134
+ font: var(--bi-font-body-large);
135
+ font-weight: var(--bi-font-weight-regular);
136
+ margin: 0;
144
137
  }
145
138
  }
146
-
147
- .bi-footer .bi-footer--copyright {
148
- text-align: center;
149
- font: var(--bi-font-body-large);
150
- font-weight: var(--bi-font-weight-regular);
151
- margin: 0;
152
- }
package/dist/components/icons.css CHANGED
@@ -2,44 +2,44 @@ svg {
2
2
  --bic-icon-size: inherit;
3
3
  font-size: var(--bic-icon-size);
4
4
  display: inline-block;
5
- }
6
5
 
7
- svg[data-size="2xl"] {
8
- --bic-icon-size: var(--bi-icon-2xl) !important;
9
- }
6
+ &[data-size="2xl"] {
7
+ --bic-icon-size: var(--bi-icon-2xl) !important;
8
+ }
10
9
 
11
- svg[data-size="xl"] {
12
- --bic-icon-size: var(--bi-icon-xl) !important;
13
- }
10
+ &[data-size="xl"] {
11
+ --bic-icon-size: var(--bi-icon-xl) !important;
12
+ }
14
13
 
15
- svg[data-size="large"] {
16
- --bic-icon-size: var(--bi-icon-large) !important;
17
- }
14
+ &[data-size="large"] {
15
+ --bic-icon-size: var(--bi-icon-large) !important;
16
+ }
18
17
 
19
- svg[data-size="medium"] {
20
- --bic-icon-size: var(--bi-icon-medium) !important;
21
- }
18
+ &[data-size="medium"] {
19
+ --bic-icon-size: var(--bi-icon-medium) !important;
20
+ }
22
21
 
23
- svg[data-size="small"] {
24
- --bic-icon-size: var(--bi-icon-small) !important;
25
- }
22
+ &[data-size="small"] {
23
+ --bic-icon-size: var(--bi-icon-small) !important;
24
+ }
26
25
 
27
- svg[data-color="inherit"] {
28
- color: inherit;
29
- }
26
+ &[data-color="inherit"] {
27
+ color: inherit;
28
+ }
30
29
 
31
- svg[data-color="primary"] {
32
- color: #01417b;
33
- }
30
+ &[data-color="primary"] {
31
+ color: #01417b;
32
+ }
34
33
 
35
- svg[data-color="gray"] {
36
- color: #1c1b1b;
37
- }
34
+ &[data-color="gray"] {
35
+ color: #1c1b1b;
36
+ }
38
37
 
39
- svg[data-color="black"] {
40
- color: var(--bi-basic-key);
41
- }
38
+ &[data-color="black"] {
39
+ color: var(--bi-basic-key);
40
+ }
42
41
 
43
- svg[data-color="white"] {
44
- color: var(--bi-basic-white);
42
+ &[data-color="white"] {
43
+ color: var(--bi-basic-white);
44
+ }
45
45
  }