@unifiedsoftware/styles 2.0.0-beta.21 → 2.0.0-beta.23

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 (9) hide show
  1. package/css/fci.css +71 -124
  2. package/css/fci.min.css +1 -1
  3. package/package.json +1 -1
  4. package/scss/themes/fci/components/_accordion.scss +27 -28
  5. package/scss/themes/fci/components/_button.scss +35 -39
  6. package/scss/themes/fci/components/_card.scss +24 -52
  7. package/scss/themes/fci/components/_input.scss +4 -10
  8. package/scss/themes/fci/components/_list.scss +8 -0
  9. package/scss/themes/fci/components/_tabs.scss +6 -6
package/css/fci.css CHANGED
@@ -26,17 +26,17 @@
26
26
  }
27
27
  .us-theme-fci .us-accordion--xs {
28
28
  --us-accordion-splitted-gap: 0.25rem;
29
- --us-accordion-header-min-height: 36px;
30
- --us-accordion-header-padding-y: 0.685rem;
31
- --us-accordion-header-padding-x: 1rem;
29
+ --us-accordion-header-min-height: 2.75rem;
30
+ --us-accordion-header-padding-y: 0.375rem;
31
+ --us-accordion-header-padding-x: 0.75rem;
32
32
  --us-accordion-header-padding-level: 1.25rem;
33
- --us-accordion-header-gap: 1rem;
33
+ --us-accordion-header-gap: 0.5rem;
34
34
  --us-accordion-header-title-font-size: 12px;
35
- --us-accordion-header-title-line-height: 18px;
36
- --us-accordion-header-subtitle-font-size: 11px;
37
35
  --us-accordion-header-title-line-height: 14px;
38
- --us-accordion-body-padding-y: 1rem;
39
- --us-accordion-body-padding-x: 1rem;
36
+ --us-accordion-header-subtitle-font-size: 10px;
37
+ --us-accordion-header-title-line-height: 14px;
38
+ --us-accordion-body-padding-y: 0.75rem;
39
+ --us-accordion-body-padding-x: 0.75rem;
40
40
  --us-accordion-body-font-size: 0.75rem;
41
41
  --us-accordion-body-line-height: 18px;
42
42
  }
@@ -45,16 +45,16 @@
45
45
  }
46
46
  .us-theme-fci .us-accordion--sm {
47
47
  --us-accordion-splitted-gap: 0.5rem;
48
- --us-accordion-header-min-height: 48px;
49
- --us-accordion-header-padding-y: 0.625rem;
48
+ --us-accordion-header-min-height: 3rem;
49
+ --us-accordion-header-padding-y: 0.5rem;
50
50
  --us-accordion-header-padding-x: 1rem;
51
51
  --us-accordion-header-padding-level: 1.25rem;
52
- --us-accordion-header-gap: 1rem;
52
+ --us-accordion-header-gap: 0.75rem;
53
53
  --us-accordion-header-title-font-size: 13px;
54
- --us-accordion-header-title-line-height: 20px;
55
- --us-accordion-header-subtitle-font-size: 0.75rem;
54
+ --us-accordion-header-title-line-height: 16px;
55
+ --us-accordion-header-subtitle-font-size: 11px;
56
56
  --us-accordion-header-subtitle-line-height: 16px;
57
- --us-accordion-body-padding-y: 1.25rem;
57
+ --us-accordion-body-padding-y: 1rem;
58
58
  --us-accordion-body-padding-x: 1rem;
59
59
  --us-accordion-body-font-size: 0.875rem;
60
60
  --us-accordion-body-line-height: 20px;
@@ -64,17 +64,17 @@
64
64
  }
65
65
  .us-theme-fci .us-accordion--md {
66
66
  --us-accordion-splitted-gap: 0.75rem;
67
- --us-accordion-header-min-height: 56px;
67
+ --us-accordion-header-min-height: 3.5rem;
68
68
  --us-accordion-header-padding-y: 0.625rem;
69
69
  --us-accordion-header-padding-x: 1rem;
70
70
  --us-accordion-header-padding-level: 1.25rem;
71
- --us-accordion-header-gap: 1rem;
71
+ --us-accordion-header-gap: 0.75rem;
72
72
  --us-accordion-header-content-gap: 0.5rem;
73
- --us-accordion-header-title-font-size: 15px;
74
- --us-accordion-header-title-line-height: 24px;
75
- --us-accordion-header-subtitle-font-size: 0.8125rem;
76
- --us-accordion-header-subtitle-line-height: 18px;
77
- --us-accordion-body-padding-y: 1.5rem;
73
+ --us-accordion-header-title-font-size: 14px;
74
+ --us-accordion-header-title-line-height: 18px;
75
+ --us-accordion-header-subtitle-font-size: 12px;
76
+ --us-accordion-header-subtitle-line-height: 16px;
77
+ --us-accordion-body-padding-y: 1rem;
78
78
  --us-accordion-body-padding-x: 1rem;
79
79
  --us-accordion-body-font-size: 1rem;
80
80
  --us-accordion-body-line-height: 24px;
@@ -84,18 +84,17 @@
84
84
  }
85
85
  .us-theme-fci .us-accordion--lg {
86
86
  --us-accordion-splitted-gap: 1rem;
87
- --us-accordion-header-min-height: 64px;
88
- --us-accordion-header-padding-y: 0.625rem;
89
- --us-accordion-header-padding-x: 1rem;
87
+ --us-accordion-header-min-height: 4rem;
88
+ --us-accordion-header-padding-y: 0.75rem;
89
+ --us-accordion-header-padding-x: 1.25rem;
90
90
  --us-accordion-header-padding-level: 1.25rem;
91
- --us-accordion-header-font-size: 0.75rem;
92
91
  --us-accordion-header-gap: 1rem;
93
92
  --us-accordion-header-title-font-size: 16px;
94
93
  --us-accordion-header-title-line-height: 24px;
95
94
  --us-accordion-header-subtitle-font-size: 0.8125rem;
96
95
  --us-accordion-header-subtitle-line-height: 18px;
97
- --us-accordion-body-padding-y: 1.5rem;
98
- --us-accordion-body-padding-x: 1rem;
96
+ --us-accordion-body-padding-y: 1.25rem;
97
+ --us-accordion-body-padding-x: 1.25rem;
99
98
  --us-accordion-body-font-size: 1rem;
100
99
  --us-accordion-body-line-height: 24px;
101
100
  }
@@ -126,9 +125,6 @@
126
125
  --us-outline-z-index: 1;
127
126
  --us-outline-border-color: var(--us-accordion-border-color);
128
127
  }
129
- .us-theme-fci .us-accordion-item--selected {
130
- --us-accordion-header-title-font-weight: 600;
131
- }
132
128
  .us-theme-fci .us-accordion-body > .us-surface {
133
129
  --us-surface-color: var(--us-white-color);
134
130
  }
@@ -677,7 +673,7 @@ html {
677
673
  --us-button-height: 32px;
678
674
  --us-button-padding-y: 0;
679
675
  --us-button-padding-x: 0.875rem;
680
- --us-button-font-size: 0.8125rem;
676
+ --us-button-font-size: 0.875rem;
681
677
  --us-button-border-radius: 6px;
682
678
  --us-button-gap: 0.375rem;
683
679
  }
@@ -732,7 +728,6 @@ html {
732
728
  }
733
729
  .us-theme-fci .us-button--filled > .us-outline {
734
730
  --us-outline-border-width: 1px;
735
- --us-outline-border-width: 0px;
736
731
  --us-outline-border-color: transparent;
737
732
  }
738
733
  .us-theme-fci .us-button--filled .us-chip {
@@ -747,9 +742,9 @@ html {
747
742
  --us-_focus-active-overlay-opacity: 0.1;
748
743
  }
749
744
  .us-theme-fci .us-button--outlined > .us-outline {
750
- --us-outline-border-width: 0px;
745
+ --us-outline-border-width: 1px;
751
746
  --us-outline-border-color: var(--us-secondary-color);
752
- --us-outline-opacity: 1;
747
+ --us-outline-opacity: 0.16;
753
748
  }
754
749
  .us-theme-fci .us-button--flat > .us-overlay {
755
750
  --us-overlay-color: inherit;
@@ -760,9 +755,9 @@ html {
760
755
  --us-_focus-active-overlay-opacity: 0.32;
761
756
  }
762
757
  .us-theme-fci .us-button--flat > .us-outline {
763
- --us-outline-border-width: 0px;
758
+ --us-outline-border-width: 1px;
764
759
  --us-outline-border-color: currentColor;
765
- --us-outline-opacity: 0.24;
760
+ --us-outline-opacity: 0;
766
761
  }
767
762
  .us-theme-fci .us-button--text > .us-overlay {
768
763
  --us-overlay-color: inherit;
@@ -848,9 +843,6 @@ html {
848
843
  --us-_focus-hover-overlay-opacity: 0.24;
849
844
  --us-_focus-active-overlay-opacity: 0.32;
850
845
  }
851
- .us-theme-fci .us-button--filled.us-button--secondary > .us-outline {
852
- box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(255, 255, 255, 0.2) 0px 0.75px 0px 0px inset, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px, rgba(0, 0, 0, 0.2) 0px 0px 0px 1px;
853
- }
854
846
  .us-theme-fci .us-button--bordered.us-button--secondary > .us-overlay {
855
847
  --us-_hover-overlay-opacity: 0.08;
856
848
  --us-_active-overlay-opacity: 0.12;
@@ -974,15 +966,6 @@ html {
974
966
  .us-theme-fci .us-button--bordered.us-button--danger {
975
967
  --us-button-color: var(--us-danger-color);
976
968
  }
977
- .us-theme-fci .us-button--filled > .us-outline {
978
- box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(255, 255, 255, 0.2) 0px 0.75px 0px 0px inset, var(--us-button-background) 0px 1px 2px 0px, var(--us-button-background) 0px 0px 0px 1px;
979
- }
980
- .us-theme-fci .us-button--flat > .us-outline {
981
- box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(255, 255, 255, 0.2) 0px 0.75px 0px 0px inset, var(--us-outline-border-color) 0px 1px 2px 0px, var(--us-outline-border-color) 0px 0px 0px 1px;
982
- }
983
- .us-theme-fci .us-button--outlined > .us-outline {
984
- box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 1px 2px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
985
- }
986
969
 
987
970
  .us-theme-fci .us-drawer {
988
971
  --us-drawer-background: #fff;
@@ -1144,11 +1127,10 @@ html {
1144
1127
  }
1145
1128
  .us-theme-fci .us-input--filled > .us-outline {
1146
1129
  --us-outline-border-width: 1px;
1130
+ --us-outline-focus-border-width: 2px;
1147
1131
  }
1148
1132
  .us-theme-fci .us-input--filled > .us-glow {
1149
1133
  --us-glow-opacity: 0;
1150
- --us-glow-focus-border-width: 4px;
1151
- --us-glow-focus-opacity: 0.2;
1152
1134
  }
1153
1135
  .us-theme-fci .us-input--outlined > .us-overlay {
1154
1136
  --us-overlay-color: inherit;
@@ -1156,25 +1138,24 @@ html {
1156
1138
  }
1157
1139
  .us-theme-fci .us-input--outlined > .us-outline {
1158
1140
  --us-outline-border-width: 1px;
1141
+ --us-outline-focus-border-width: 2px;
1159
1142
  }
1160
1143
  .us-theme-fci .us-input--outlined > .us-glow {
1161
1144
  --us-glow-opacity: 0;
1162
- --us-glow-focus-border-width: 4px;
1163
- --us-glow-focus-opacity: 0.2;
1164
1145
  }
1165
1146
  .us-theme-fci .us-input--flat > .us-outline {
1166
1147
  --us-outline-border-width: 1px;
1148
+ --us-outline-focus-border-width: 2px;
1167
1149
  }
1168
1150
  .us-theme-fci .us-input--flat > .us-glow {
1169
1151
  --us-glow-opacity: 0;
1170
- --us-glow-focus-border-width: 4px;
1171
- --us-glow-focus-opacity: 0.2;
1172
1152
  }
1173
1153
  .us-theme-fci .us-input--text {
1174
1154
  --us-input-padding-x: 0;
1175
1155
  }
1176
1156
  .us-theme-fci .us-input--text > .us-outline {
1177
1157
  --us-outline-border-width: 1px;
1158
+ --us-outline-focus-border-width: 2px;
1178
1159
  }
1179
1160
  .us-theme-fci .us-input--text > .us-glow {
1180
1161
  --us-glow-opacity: 0;
@@ -1194,39 +1175,21 @@ html {
1194
1175
  .us-theme-fci .us-input--filled.us-input--primary > .us-outline {
1195
1176
  --us-outline-focus-border-color: var(--us-primary-color);
1196
1177
  }
1197
- .us-theme-fci .us-input--filled.us-input--primary > .us-glow {
1198
- --us-glow-focus-border-color: var(--us-primary-color);
1199
- }
1200
1178
  .us-theme-fci .us-input--filled.us-input--secondary > .us-outline {
1201
1179
  --us-outline-focus-border-color: var(--us-secondary-color);
1202
1180
  }
1203
- .us-theme-fci .us-input--filled.us-input--secondary > .us-glow {
1204
- --us-glow-focus-border-color: var(--us-secondary-color);
1205
- }
1206
1181
  .us-theme-fci .us-input--filled.us-input--success > .us-outline {
1207
1182
  --us-outline-focus-border-color: var(--us-success-color);
1208
1183
  }
1209
- .us-theme-fci .us-input--filled.us-input--success > .us-glow {
1210
- --us-glow-focus-border-color: var(--us-success-color);
1211
- }
1212
1184
  .us-theme-fci .us-input--filled.us-input--info > .us-outline {
1213
1185
  --us-outline-focus-border-color: var(--us-info-color);
1214
1186
  }
1215
- .us-theme-fci .us-input--filled.us-input--info > .us-glow {
1216
- --us-glow-focus-border-color: var(--us-info-color);
1217
- }
1218
1187
  .us-theme-fci .us-input--filled.us-input--warning > .us-outline {
1219
1188
  --us-outline-focus-border-color: var(--us-warning-color);
1220
1189
  }
1221
- .us-theme-fci .us-input--filled.us-input--warning > .us-glow {
1222
- --us-glow-focus-border-color: var(--us-warning-color);
1223
- }
1224
1190
  .us-theme-fci .us-input--filled.us-input--danger > .us-outline {
1225
1191
  --us-outline-focus-border-color: var(--us-danger-color);
1226
1192
  }
1227
- .us-theme-fci .us-input--filled.us-input--danger > .us-glow {
1228
- --us-glow-focus-border-color: var(--us-danger-color);
1229
- }
1230
1193
  .us-theme-fci .us-input--filled.us-input--light > .us-overlay {
1231
1194
  --us-overlay-color: #fff;
1232
1195
  --us-overlay-opacity: 0.8;
@@ -1591,6 +1554,12 @@ html {
1591
1554
  --us-list-color: #343a40;
1592
1555
  --us-list-background: #fff;
1593
1556
  }
1557
+ .us-theme-fci .us-list--divider .us-list-item {
1558
+ border-bottom: 1px solid #e0e0e0;
1559
+ }
1560
+ .us-theme-fci .us-list--divider .us-list-item:last-child {
1561
+ border-bottom: 0px;
1562
+ }
1594
1563
  .us-theme-fci .us-list-item {
1595
1564
  --us-list-item-border-radius: 0px;
1596
1565
  --us-list-item-title-font-weight: 500;
@@ -1722,27 +1691,27 @@ html {
1722
1691
  }
1723
1692
 
1724
1693
  .us-theme-fci .us-tabs--xs {
1725
- --us-tab-height: 28px;
1694
+ --us-tab-height: 32px;
1726
1695
  --us-tab-padding-x: 12px;
1727
1696
  --us-tab-font-size: 12px;
1728
1697
  }
1729
1698
  .us-theme-fci .us-tabs--sm {
1730
- --us-tab-height: 32px;
1731
- --us-tab-font-size: 14px;
1699
+ --us-tab-height: 36px;
1700
+ --us-tab-font-size: 13px;
1732
1701
  --us-tab-padding-x: 13px;
1733
1702
  }
1734
1703
  .us-theme-fci .us-tabs--md {
1735
- --us-tab-height: 36px;
1704
+ --us-tab-height: 40px;
1736
1705
  --us-tab-padding-x: 16px;
1737
1706
  --us-tab-font-size: 14px;
1738
1707
  }
1739
1708
  .us-theme-fci .us-tabs--lg {
1740
- --us-tab-height: 40px;
1709
+ --us-tab-height: 44px;
1741
1710
  --us-tab-padding-x: 18px;
1742
1711
  --us-tab-font-size: 16px;
1743
1712
  }
1744
1713
  .us-theme-fci .us-tabs--xl {
1745
- --us-tab-height: 44px;
1714
+ --us-tab-height: 48px;
1746
1715
  --us-tab-padding-x: 22px;
1747
1716
  --us-tab-font-size: 18px;
1748
1717
  }
@@ -1857,7 +1826,7 @@ html {
1857
1826
  --us-card-subtitle-font-weight: 400;
1858
1827
  --us-card-header-title-font-weight: 500;
1859
1828
  --us-card-header-title-color: var(--us-title-color);
1860
- --us-card-header-subtitle-font-weight: 500;
1829
+ --us-card-header-subtitle-font-weight: 400;
1861
1830
  --us-card-header-subtitle-color: var(--us-subtitle-color);
1862
1831
  --us-card-body-color: var(--us-body-color);
1863
1832
  }
@@ -1884,20 +1853,20 @@ html {
1884
1853
  .us-theme-fci .us-card--xs {
1885
1854
  --us-card-header-padding-y: 0.375rem;
1886
1855
  --us-card-header-padding-x: 0.75rem;
1887
- --us-card-header-min-height: 2.5rem;
1856
+ --us-card-header-min-height: 2.75rem;
1888
1857
  --us-card-header-gap: 0.5rem;
1889
1858
  --us-card-header-content-gap: 0.25rem;
1890
1859
  --us-card-header-title-font-size: 12px;
1891
1860
  --us-card-header-title-line-height: 14px;
1892
1861
  --us-card-header-subtitle-font-size: 10px;
1893
1862
  --us-card-header-subtitle-line-height: 14px;
1894
- --us-card-body-padding-y: 0.375rem;
1863
+ --us-card-body-padding-y: 0.75rem;
1895
1864
  --us-card-body-padding-x: 0.75rem;
1896
1865
  --us-card-body-font-size: 0.75rem;
1897
1866
  --us-card-body-line-height: 18px;
1898
1867
  --us-card-footer-padding-y: 0.375rem;
1899
1868
  --us-card-footer-padding-x: 0.75rem;
1900
- --us-card-footer-min-height: 2.5rem;
1869
+ --us-card-footer-min-height: 2.75rem;
1901
1870
  --us-card-footer-gap: 0.5rem;
1902
1871
  }
1903
1872
  .us-theme-fci .us-card--xs .us-card-header .us-icon:not(.us-button .us-icon) {
@@ -1906,22 +1875,22 @@ html {
1906
1875
  .us-theme-fci .us-card--sm {
1907
1876
  --us-card-title-padding-y: 0.875rem 0.375rem;
1908
1877
  --us-card-title-font-size: 1.25rem;
1909
- --us-card-header-padding-y: 0.375rem;
1878
+ --us-card-header-padding-y: 0.5rem;
1910
1879
  --us-card-header-padding-x: 1rem;
1911
- --us-card-header-min-height: 2.75rem;
1880
+ --us-card-header-min-height: 3rem;
1912
1881
  --us-card-header-gap: 0.75rem;
1913
1882
  --us-card-header-content-gap: 0.5rem;
1914
1883
  --us-card-header-title-font-size: 13px;
1915
1884
  --us-card-header-title-line-height: 16px;
1916
1885
  --us-card-header-subtitle-font-size: 11px;
1917
1886
  --us-card-header-subtitle-line-height: 16px;
1918
- --us-card-body-padding-y: 0.375rem;
1887
+ --us-card-body-padding-y: 1rem;
1919
1888
  --us-card-body-padding-x: 1rem;
1920
1889
  --us-card-body-font-size: 0.875rem;
1921
1890
  --us-card-body-line-height: 20px;
1922
- --us-card-footer-padding-y: 0.375rem;
1891
+ --us-card-footer-padding-y: 0.5rem;
1923
1892
  --us-card-footer-padding-x: 1rem;
1924
- --us-card-footer-min-height: 2.75rem;
1893
+ --us-card-footer-min-height: 3rem;
1925
1894
  --us-card-footer-gap: 0.75rem;
1926
1895
  }
1927
1896
  .us-theme-fci .us-card--sm .us-card-header .us-icon:not(.us-button .us-icon) {
@@ -1930,22 +1899,22 @@ html {
1930
1899
  .us-theme-fci .us-card--md {
1931
1900
  --us-card-title-padding-y: 1rem 0.5rem;
1932
1901
  --us-card-title-font-size: 1.25rem;
1933
- --us-card-header-min-height: 3rem;
1934
- --us-card-header-padding-y: 0.5rem;
1902
+ --us-card-header-padding-y: 0.625rem;
1935
1903
  --us-card-header-padding-x: 1rem;
1904
+ --us-card-header-min-height: 3.5rem;
1936
1905
  --us-card-header-gap: 0.75rem;
1937
1906
  --us-card-header-content-gap: 0.5rem;
1938
- --us-card-header-title-font-size: 15px;
1939
- --us-card-header-title-line-height: 16px;
1907
+ --us-card-header-title-font-size: 14px;
1908
+ --us-card-header-title-line-height: 18px;
1940
1909
  --us-card-header-subtitle-font-size: 12px;
1941
1910
  --us-card-header-subtitle-line-height: 16px;
1942
- --us-card-body-padding-y: 0.5rem;
1911
+ --us-card-body-padding-y: 1rem;
1943
1912
  --us-card-body-padding-x: 1rem;
1944
1913
  --us-card-body-font-size: 0.875rem;
1945
1914
  --us-card-body-line-height: 24px;
1946
- --us-card-footer-padding-y: 0.5rem;
1915
+ --us-card-footer-padding-y: 0.625rem;
1947
1916
  --us-card-footer-padding-x: 1rem;
1948
- --us-card-footer-min-height: 3rem;
1917
+ --us-card-footer-min-height: 3.5rem;
1949
1918
  --us-card-footer-gap: 1rem;
1950
1919
  }
1951
1920
  .us-theme-fci .us-card--md .us-card-header .us-icon:not(.us-button .us-icon) {
@@ -1954,22 +1923,22 @@ html {
1954
1923
  .us-theme-fci .us-card--lg {
1955
1924
  --us-card-title-padding-y: 1.25rem 0.75rem;
1956
1925
  --us-card-title-font-size: 1.5rem;
1957
- --us-card-header-padding-y: 0.625rem;
1926
+ --us-card-header-padding-y: 0.75rem;
1958
1927
  --us-card-header-padding-x: 1.25rem;
1959
- --us-card-header-min-height: 3.5rem;
1928
+ --us-card-header-min-height: 4rem;
1960
1929
  --us-card-header-gap: 1rem;
1961
1930
  --us-card-header-content-gap: 0.75rem;
1962
1931
  --us-card-header-title-font-size: 16px;
1963
1932
  --us-card-header-title-line-height: 18px;
1964
1933
  --us-card-header-subtitle-font-size: 13px;
1965
1934
  --us-card-header-subtitle-line-height: 18px;
1966
- --us-card-body-padding-y: 0.875rem;
1935
+ --us-card-body-padding-y: 1.25rem;
1967
1936
  --us-card-body-padding-x: 1.25rem;
1968
1937
  --us-card-body-font-size: 1rem;
1969
1938
  --us-card-body-line-height: 24px;
1970
- --us-card-footer-padding-y: 0.625rem;
1939
+ --us-card-footer-padding-y: 0.75rem;
1971
1940
  --us-card-footer-padding-x: 1.25rem;
1972
- --us-card-footer-min-height: 3.5rem;
1941
+ --us-card-footer-min-height: 4rem;
1973
1942
  --us-card-footer-gap: 1rem;
1974
1943
  }
1975
1944
  .us-theme-fci .us-card--lg .us-card-header .us-icon:not(.us-button .us-icon) {
@@ -1978,47 +1947,25 @@ html {
1978
1947
  .us-theme-fci .us-card--xl {
1979
1948
  --us-card-header-padding-y: 0.75rem;
1980
1949
  --us-card-header-padding-x: 1.5rem;
1981
- --us-card-header-min-height: 4rem;
1950
+ --us-card-header-min-height: 4.5rem;
1982
1951
  --us-card-header-gap: 1rem;
1983
1952
  --us-card-header-content-gap: 0.875rem;
1984
1953
  --us-card-header-title-font-size: 18px;
1985
1954
  --us-card-header-title-line-height: 20px;
1986
1955
  --us-card-header-subtitle-font-size: 15px;
1987
1956
  --us-card-header-subtitle-line-height: 20px;
1988
- --us-card-body-padding-y: 0.75rem;
1957
+ --us-card-body-padding-y: 1.5rem;
1989
1958
  --us-card-body-padding-x: 1.5rem;
1990
1959
  --us-card-body-font-size: 1.125rem;
1991
1960
  --us-card-body-line-height: 28px;
1992
1961
  --us-card-footer-padding-y: 0.75rem;
1993
1962
  --us-card-footer-padding-x: 1.5rem;
1994
- --us-card-footer-min-height: 4rem;
1963
+ --us-card-footer-min-height: 4.5rem;
1995
1964
  --us-card-footer-gap: 1rem;
1996
1965
  }
1997
1966
  .us-theme-fci .us-card--xl .us-card-header .us-icon:not(.us-button .us-icon) {
1998
1967
  --us-icon-font-size-default: 36px;
1999
1968
  }
2000
- .us-theme-fci .us-card--2xl {
2001
- --us-card-header-padding-y: 0.75rem;
2002
- --us-card-header-padding-x: 1.5rem;
2003
- --us-card-header-min-height: 4.5rem;
2004
- --us-card-header-gap: 1rem;
2005
- --us-card-header-content-gap: 1rem;
2006
- --us-card-header-title-font-size: 20px;
2007
- --us-card-header-title-line-height: 24px;
2008
- --us-card-header-subtitle-font-size: 16px;
2009
- --us-card-header-subtitle-line-height: 24px;
2010
- --us-card-body-padding-y: 0.75rem;
2011
- --us-card-body-padding-x: 1.5rem;
2012
- --us-card-body-font-size: 1.25rem;
2013
- --us-card-body-line-height: 36px;
2014
- --us-card-footer-padding-y: 0.75rem;
2015
- --us-card-footer-padding-x: 1.5rem;
2016
- --us-card-footer-min-height: 4.5rem;
2017
- --us-card-footer-gap: 1rem;
2018
- }
2019
- .us-theme-fci .us-card--2xl .us-card-header .us-icon:not(.us-button .us-icon) {
2020
- --us-icon-font-size-default: 40px;
2021
- }
2022
1969
 
2023
1970
  .us-theme-fci .us-description > .us-surface {
2024
1971
  --us-surface-opacity: 0;