@unifiedsoftware/styles 2.0.0-beta.1 → 2.0.0-beta.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.
- package/css/fci.css +108 -105
- package/css/fci.min.css +1 -1
- package/css/styles.css +80 -24
- package/css/styles.min.css +1 -1
- package/package.json +1 -1
- package/scss/components/_card.scss +22 -13
- package/scss/components/_checkbox.scss +6 -6
- package/scss/components/_icon.scss +28 -0
- package/scss/components/_input.scss +1 -0
- package/scss/components/_list.scss +1 -1
- package/scss/components/_modal.scss +1 -1
- package/scss/components/_nav-rail.scss +2 -1
- package/scss/components/_radio.scss +6 -6
- package/scss/components/_steps.scss +41 -2
- package/scss/components/_switch.scss +2 -2
- package/scss/themes/fci/components/_card.scss +13 -13
- package/scss/themes/fci/components/_checkbox.scss +4 -0
- package/scss/themes/fci/components/_index.scss +2 -1
- package/scss/themes/fci/components/_list.scss +1 -1
package/css/fci.css
CHANGED
|
@@ -1272,97 +1272,6 @@ html {
|
|
|
1272
1272
|
--us-outline-border-color: transparent;
|
|
1273
1273
|
}
|
|
1274
1274
|
|
|
1275
|
-
.us-theme-fci .us-checkbox-group--xs {
|
|
1276
|
-
--us-checkbox-group-gap: 0.2rem;
|
|
1277
|
-
}
|
|
1278
|
-
.us-theme-fci .us-checkbox-group--sm {
|
|
1279
|
-
--us-checkbox-group-gap: 0.375rem;
|
|
1280
|
-
}
|
|
1281
|
-
.us-theme-fci .us-checkbox-group--md {
|
|
1282
|
-
--us-checkbox-group-gap: 0.5rem;
|
|
1283
|
-
}
|
|
1284
|
-
.us-theme-fci .us-checkbox-group--lg {
|
|
1285
|
-
--us-checkbox-group-gap: 0.75rem;
|
|
1286
|
-
}
|
|
1287
|
-
.us-theme-fci .us-checkbox-group--xl {
|
|
1288
|
-
--us-checkbox-group-gap: 0.875rem;
|
|
1289
|
-
}
|
|
1290
|
-
.us-theme-fci .us-checkbox {
|
|
1291
|
-
--us-checkbox-control-border-width: 1px;
|
|
1292
|
-
--us-checkbox-control-border-style: solid;
|
|
1293
|
-
--us-checkbox-control-border-color: rgba(0, 0, 0, 0.2);
|
|
1294
|
-
--us-checkbox-control-color: var(--us-white-color);
|
|
1295
|
-
--us-_checked-checkbox-control-border-color: var(--us-primary-color);
|
|
1296
|
-
--us-_focus-checkbox-control-box-shadow: 0px 4px 8px rgba(var(--us-primary-rgb) / 40%);
|
|
1297
|
-
--us-checkbox-tap-background: var(--us-primary-color);
|
|
1298
|
-
}
|
|
1299
|
-
.us-theme-fci .us-checkbox--xs {
|
|
1300
|
-
--us-checkbox-gap: 0.375rem;
|
|
1301
|
-
--us-checkbox-control-border-radius: 4px;
|
|
1302
|
-
--us-checkbox-control-width: 14px;
|
|
1303
|
-
--us-checkbox-control-height: 14px;
|
|
1304
|
-
--us-checkbox-label-font-size: 0.75rem;
|
|
1305
|
-
}
|
|
1306
|
-
.us-theme-fci .us-checkbox--xs .us-icon {
|
|
1307
|
-
--us-icon-font-size: 0.5rem;
|
|
1308
|
-
}
|
|
1309
|
-
.us-theme-fci .us-checkbox--sm {
|
|
1310
|
-
--us-checkbox-gap: 0.375rem;
|
|
1311
|
-
--us-checkbox-control-border-radius: 4px;
|
|
1312
|
-
--us-checkbox-control-width: 16px;
|
|
1313
|
-
--us-checkbox-control-height: 16px;
|
|
1314
|
-
--us-checkbox-label-font-size: 0.75rem;
|
|
1315
|
-
}
|
|
1316
|
-
.us-theme-fci .us-checkbox--sm .us-icon {
|
|
1317
|
-
--us-icon-font-size: 0.5rem;
|
|
1318
|
-
}
|
|
1319
|
-
.us-theme-fci .us-checkbox--md {
|
|
1320
|
-
--us-checkbox-gap: 0.5rem;
|
|
1321
|
-
--us-checkbox-control-border-radius: 4px;
|
|
1322
|
-
--us-checkbox-control-width: 18px;
|
|
1323
|
-
--us-checkbox-control-height: 18px;
|
|
1324
|
-
--us-checkbox-label-font-size: 0.875rem;
|
|
1325
|
-
}
|
|
1326
|
-
.us-theme-fci .us-checkbox--md .us-icon {
|
|
1327
|
-
--us-icon-font-size: 0.625rem;
|
|
1328
|
-
}
|
|
1329
|
-
.us-theme-fci .us-checkbox--lg {
|
|
1330
|
-
--us-checkbox-gap: 0.5rem;
|
|
1331
|
-
--us-checkbox-control-border-radius: 6px;
|
|
1332
|
-
--us-checkbox-control-width: 20px;
|
|
1333
|
-
--us-checkbox-control-height: 20px;
|
|
1334
|
-
--us-checkbox-label-font-size: 0.875rem;
|
|
1335
|
-
}
|
|
1336
|
-
.us-theme-fci .us-checkbox--lg .us-icon {
|
|
1337
|
-
--us-icon-font-size: 0.75rem;
|
|
1338
|
-
}
|
|
1339
|
-
.us-theme-fci .us-checkbox--xl {
|
|
1340
|
-
--us-checkbox-gap: 0.5rem;
|
|
1341
|
-
--us-checkbox-control-border-radius: 6px;
|
|
1342
|
-
--us-checkbox-control-width: 22px;
|
|
1343
|
-
--us-checkbox-control-height: 22px;
|
|
1344
|
-
--us-checkbox-label-font-size: 1rem;
|
|
1345
|
-
}
|
|
1346
|
-
.us-theme-fci .us-checkbox--xl .us-icon {
|
|
1347
|
-
--us-icon-font-size: 0.875rem;
|
|
1348
|
-
}
|
|
1349
|
-
.us-theme-fci .us-checkbox--light {
|
|
1350
|
-
--us-checkbox-control-border-color: rgba(0, 0, 0, 0.2);
|
|
1351
|
-
--us-checkbox-tap-background: rgba(0, 0, 0, 0.8);
|
|
1352
|
-
--us-checkbox-control-color: var(--us-white-color);
|
|
1353
|
-
--us-_checked-checkbox-control-border-color: rgba(0, 0, 0, 0.2);
|
|
1354
|
-
--us-_focus-checkbox-control-box-shadow: 0px 4px 8px rgba(0 0 0 / 15%);
|
|
1355
|
-
--us-checkbox-label-color: var(--us-black-color);
|
|
1356
|
-
}
|
|
1357
|
-
.us-theme-fci .us-checkbox--dark {
|
|
1358
|
-
--us-checkbox-control-border-color: rgba(255 255 255 / 30%);
|
|
1359
|
-
--us-checkbox-tap-background: rgba(255 255 255 / 30%);
|
|
1360
|
-
--us-checkbox-control-color: var(--us-white-color);
|
|
1361
|
-
--us-_checked-checkbox-control-border-color: rgba(255 255 255 / 30%);
|
|
1362
|
-
--us-_focus-checkbox-control-box-shadow: 0px 4px 8px rgba(255 255 255 / 15%);
|
|
1363
|
-
--us-checkbox-label-color: var(--us-white-color);
|
|
1364
|
-
}
|
|
1365
|
-
|
|
1366
1275
|
.us-theme-fci .us-radio-group--xs {
|
|
1367
1276
|
--us-radio-group-gap: 0.2rem;
|
|
1368
1277
|
}
|
|
@@ -1615,7 +1524,7 @@ html {
|
|
|
1615
1524
|
--us-list-item-padding-y: 0.375rem;
|
|
1616
1525
|
--us-list-item-padding-x: 0.875rem;
|
|
1617
1526
|
--us-list-item-padding-level: 1.25rem;
|
|
1618
|
-
--us-list-item-gap:
|
|
1527
|
+
--us-list-item-gap: 0.5rem;
|
|
1619
1528
|
--us-list-item-title-font-size: 0.8125rem;
|
|
1620
1529
|
--us-list-item-title-line-height: 20px;
|
|
1621
1530
|
--us-list-item-subtitle-font-size: 0.75rem;
|
|
@@ -1827,7 +1736,7 @@ html {
|
|
|
1827
1736
|
.us-theme-fci .us-card--xs {
|
|
1828
1737
|
--us-card-header-padding-y: 0.375rem;
|
|
1829
1738
|
--us-card-header-padding-x: 0.75rem;
|
|
1830
|
-
--us-card-header-min-height:
|
|
1739
|
+
--us-card-header-min-height: 2.5rem;
|
|
1831
1740
|
--us-card-header-gap: 0.5rem;
|
|
1832
1741
|
--us-card-header-content-gap: 0.25rem;
|
|
1833
1742
|
--us-card-header-title-font-size: 11px;
|
|
@@ -1842,7 +1751,7 @@ html {
|
|
|
1842
1751
|
--us-card-body-line-height: 18px;
|
|
1843
1752
|
--us-card-footer-padding-y: 0.375rem;
|
|
1844
1753
|
--us-card-footer-padding-x: 0.75rem;
|
|
1845
|
-
--us-card-footer-min-height:
|
|
1754
|
+
--us-card-footer-min-height: 2.5rem;
|
|
1846
1755
|
--us-card-footer-gap: 0.5rem;
|
|
1847
1756
|
}
|
|
1848
1757
|
.us-theme-fci .us-card--xs .us-card-header .us-icon:not(.us-button .us-icon) {
|
|
@@ -1853,7 +1762,7 @@ html {
|
|
|
1853
1762
|
--us-card-title-font-size: 1.25rem;
|
|
1854
1763
|
--us-card-header-padding-y: 0.375rem;
|
|
1855
1764
|
--us-card-header-padding-x: 1rem;
|
|
1856
|
-
--us-card-header-min-height:
|
|
1765
|
+
--us-card-header-min-height: 2.75rem;
|
|
1857
1766
|
--us-card-header-gap: 0.75rem;
|
|
1858
1767
|
--us-card-header-content-gap: 0.5rem;
|
|
1859
1768
|
--us-card-header-title-font-size: 12px;
|
|
@@ -1868,7 +1777,7 @@ html {
|
|
|
1868
1777
|
--us-card-body-line-height: 20px;
|
|
1869
1778
|
--us-card-footer-padding-y: 0.375rem;
|
|
1870
1779
|
--us-card-footer-padding-x: 1rem;
|
|
1871
|
-
--us-card-footer-min-height:
|
|
1780
|
+
--us-card-footer-min-height: 2.75rem;
|
|
1872
1781
|
--us-card-footer-gap: 0.75rem;
|
|
1873
1782
|
}
|
|
1874
1783
|
.us-theme-fci .us-card--sm .us-card-header .us-icon:not(.us-button .us-icon) {
|
|
@@ -1877,7 +1786,7 @@ html {
|
|
|
1877
1786
|
.us-theme-fci .us-card--md {
|
|
1878
1787
|
--us-card-title-padding-y: 1rem 0.5rem;
|
|
1879
1788
|
--us-card-title-font-size: 1.25rem;
|
|
1880
|
-
--us-card-header-min-height:
|
|
1789
|
+
--us-card-header-min-height: 3rem;
|
|
1881
1790
|
--us-card-header-padding-y: 0.5rem;
|
|
1882
1791
|
--us-card-header-padding-x: 1rem;
|
|
1883
1792
|
--us-card-header-gap: 0.75rem;
|
|
@@ -1892,7 +1801,7 @@ html {
|
|
|
1892
1801
|
--us-card-body-line-height: 24px;
|
|
1893
1802
|
--us-card-footer-padding-y: 0.5rem;
|
|
1894
1803
|
--us-card-footer-padding-x: 1rem;
|
|
1895
|
-
--us-card-footer-min-height:
|
|
1804
|
+
--us-card-footer-min-height: 3rem;
|
|
1896
1805
|
--us-card-footer-gap: 1rem;
|
|
1897
1806
|
}
|
|
1898
1807
|
.us-theme-fci .us-card--md .us-card-header .us-icon:not(.us-button .us-icon) {
|
|
@@ -1903,20 +1812,20 @@ html {
|
|
|
1903
1812
|
--us-card-title-font-size: 1.5rem;
|
|
1904
1813
|
--us-card-header-padding-y: 0.625rem;
|
|
1905
1814
|
--us-card-header-padding-x: 1.25rem;
|
|
1906
|
-
--us-card-header-min-height:
|
|
1815
|
+
--us-card-header-min-height: 3.5rem;
|
|
1907
1816
|
--us-card-header-gap: 1rem;
|
|
1908
1817
|
--us-card-header-content-gap: 0.75rem;
|
|
1909
1818
|
--us-card-header-title-font-size: 14px;
|
|
1910
1819
|
--us-card-header-title-line-height: 18px;
|
|
1911
1820
|
--us-card-header-subtitle-font-size: 13px;
|
|
1912
1821
|
--us-card-header-subtitle-line-height: 18px;
|
|
1913
|
-
--us-card-body-padding-y: 0.
|
|
1822
|
+
--us-card-body-padding-y: 0.875rem;
|
|
1914
1823
|
--us-card-body-padding-x: 1.25rem;
|
|
1915
1824
|
--us-card-body-font-size: 1rem;
|
|
1916
1825
|
--us-card-body-line-height: 24px;
|
|
1917
1826
|
--us-card-footer-padding-y: 0.625rem;
|
|
1918
1827
|
--us-card-footer-padding-x: 1.25rem;
|
|
1919
|
-
--us-card-footer-min-height:
|
|
1828
|
+
--us-card-footer-min-height: 3.5rem;
|
|
1920
1829
|
--us-card-footer-gap: 1rem;
|
|
1921
1830
|
}
|
|
1922
1831
|
.us-theme-fci .us-card--lg .us-card-header .us-icon:not(.us-button .us-icon) {
|
|
@@ -1925,7 +1834,7 @@ html {
|
|
|
1925
1834
|
.us-theme-fci .us-card--xl {
|
|
1926
1835
|
--us-card-header-padding-y: 0.75rem;
|
|
1927
1836
|
--us-card-header-padding-x: 1.5rem;
|
|
1928
|
-
--us-card-header-min-height:
|
|
1837
|
+
--us-card-header-min-height: 4rem;
|
|
1929
1838
|
--us-card-header-gap: 1rem;
|
|
1930
1839
|
--us-card-header-content-gap: 0.875rem;
|
|
1931
1840
|
--us-card-header-title-font-size: 16px;
|
|
@@ -1938,7 +1847,7 @@ html {
|
|
|
1938
1847
|
--us-card-body-line-height: 28px;
|
|
1939
1848
|
--us-card-footer-padding-y: 0.75rem;
|
|
1940
1849
|
--us-card-footer-padding-x: 1.5rem;
|
|
1941
|
-
--us-card-footer-min-height:
|
|
1850
|
+
--us-card-footer-min-height: 4rem;
|
|
1942
1851
|
--us-card-footer-gap: 1rem;
|
|
1943
1852
|
}
|
|
1944
1853
|
.us-theme-fci .us-card--xl .us-card-header .us-icon:not(.us-button .us-icon) {
|
|
@@ -1947,7 +1856,7 @@ html {
|
|
|
1947
1856
|
.us-theme-fci .us-card--2xl {
|
|
1948
1857
|
--us-card-header-padding-y: 0.75rem;
|
|
1949
1858
|
--us-card-header-padding-x: 1.5rem;
|
|
1950
|
-
--us-card-header-min-height:
|
|
1859
|
+
--us-card-header-min-height: 4.5rem;
|
|
1951
1860
|
--us-card-header-gap: 1rem;
|
|
1952
1861
|
--us-card-header-content-gap: 1rem;
|
|
1953
1862
|
--us-card-header-title-font-size: 18px;
|
|
@@ -1960,7 +1869,7 @@ html {
|
|
|
1960
1869
|
--us-card-body-line-height: 36px;
|
|
1961
1870
|
--us-card-footer-padding-y: 0.75rem;
|
|
1962
1871
|
--us-card-footer-padding-x: 1.5rem;
|
|
1963
|
-
--us-card-footer-min-height:
|
|
1872
|
+
--us-card-footer-min-height: 4.5rem;
|
|
1964
1873
|
--us-card-footer-gap: 1rem;
|
|
1965
1874
|
}
|
|
1966
1875
|
.us-theme-fci .us-card--2xl .us-card-header .us-icon:not(.us-button .us-icon) {
|
|
@@ -2266,6 +2175,100 @@ html {
|
|
|
2266
2175
|
--us-surface-color: var(--us-danger-color);
|
|
2267
2176
|
}
|
|
2268
2177
|
|
|
2178
|
+
.us-theme-fci .us-checkbox-group--xs {
|
|
2179
|
+
--us-checkbox-group-gap: 0.2rem;
|
|
2180
|
+
}
|
|
2181
|
+
.us-theme-fci .us-checkbox-group--sm {
|
|
2182
|
+
--us-checkbox-group-gap: 0.375rem;
|
|
2183
|
+
}
|
|
2184
|
+
.us-theme-fci .us-checkbox-group--md {
|
|
2185
|
+
--us-checkbox-group-gap: 0.5rem;
|
|
2186
|
+
}
|
|
2187
|
+
.us-theme-fci .us-checkbox-group--lg {
|
|
2188
|
+
--us-checkbox-group-gap: 0.75rem;
|
|
2189
|
+
}
|
|
2190
|
+
.us-theme-fci .us-checkbox-group--xl {
|
|
2191
|
+
--us-checkbox-group-gap: 0.875rem;
|
|
2192
|
+
}
|
|
2193
|
+
.us-theme-fci .us-checkbox {
|
|
2194
|
+
--us-checkbox-control-border-width: 1px;
|
|
2195
|
+
--us-checkbox-control-border-style: solid;
|
|
2196
|
+
--us-checkbox-control-border-color: rgba(0, 0, 0, 0.2);
|
|
2197
|
+
--us-checkbox-control-color: var(--us-white-color);
|
|
2198
|
+
--us-_checked-checkbox-control-border-color: var(--us-primary-color);
|
|
2199
|
+
--us-_focus-checkbox-control-box-shadow: 0px 4px 8px rgba(var(--us-primary-rgb) / 40%);
|
|
2200
|
+
--us-checkbox-tap-background: var(--us-primary-color);
|
|
2201
|
+
}
|
|
2202
|
+
.us-theme-fci .us-checkbox .us-icon {
|
|
2203
|
+
--us-icon-color: inherit !important;
|
|
2204
|
+
}
|
|
2205
|
+
.us-theme-fci .us-checkbox--xs {
|
|
2206
|
+
--us-checkbox-gap: 0.375rem;
|
|
2207
|
+
--us-checkbox-control-border-radius: 4px;
|
|
2208
|
+
--us-checkbox-control-width: 14px;
|
|
2209
|
+
--us-checkbox-control-height: 14px;
|
|
2210
|
+
--us-checkbox-label-font-size: 0.75rem;
|
|
2211
|
+
}
|
|
2212
|
+
.us-theme-fci .us-checkbox--xs .us-icon {
|
|
2213
|
+
--us-icon-font-size: 0.5rem;
|
|
2214
|
+
}
|
|
2215
|
+
.us-theme-fci .us-checkbox--sm {
|
|
2216
|
+
--us-checkbox-gap: 0.375rem;
|
|
2217
|
+
--us-checkbox-control-border-radius: 4px;
|
|
2218
|
+
--us-checkbox-control-width: 16px;
|
|
2219
|
+
--us-checkbox-control-height: 16px;
|
|
2220
|
+
--us-checkbox-label-font-size: 0.75rem;
|
|
2221
|
+
}
|
|
2222
|
+
.us-theme-fci .us-checkbox--sm .us-icon {
|
|
2223
|
+
--us-icon-font-size: 0.5rem;
|
|
2224
|
+
}
|
|
2225
|
+
.us-theme-fci .us-checkbox--md {
|
|
2226
|
+
--us-checkbox-gap: 0.5rem;
|
|
2227
|
+
--us-checkbox-control-border-radius: 4px;
|
|
2228
|
+
--us-checkbox-control-width: 18px;
|
|
2229
|
+
--us-checkbox-control-height: 18px;
|
|
2230
|
+
--us-checkbox-label-font-size: 0.875rem;
|
|
2231
|
+
}
|
|
2232
|
+
.us-theme-fci .us-checkbox--md .us-icon {
|
|
2233
|
+
--us-icon-font-size: 0.625rem;
|
|
2234
|
+
}
|
|
2235
|
+
.us-theme-fci .us-checkbox--lg {
|
|
2236
|
+
--us-checkbox-gap: 0.5rem;
|
|
2237
|
+
--us-checkbox-control-border-radius: 6px;
|
|
2238
|
+
--us-checkbox-control-width: 20px;
|
|
2239
|
+
--us-checkbox-control-height: 20px;
|
|
2240
|
+
--us-checkbox-label-font-size: 0.875rem;
|
|
2241
|
+
}
|
|
2242
|
+
.us-theme-fci .us-checkbox--lg .us-icon {
|
|
2243
|
+
--us-icon-font-size: 0.75rem;
|
|
2244
|
+
}
|
|
2245
|
+
.us-theme-fci .us-checkbox--xl {
|
|
2246
|
+
--us-checkbox-gap: 0.5rem;
|
|
2247
|
+
--us-checkbox-control-border-radius: 6px;
|
|
2248
|
+
--us-checkbox-control-width: 22px;
|
|
2249
|
+
--us-checkbox-control-height: 22px;
|
|
2250
|
+
--us-checkbox-label-font-size: 1rem;
|
|
2251
|
+
}
|
|
2252
|
+
.us-theme-fci .us-checkbox--xl .us-icon {
|
|
2253
|
+
--us-icon-font-size: 0.875rem;
|
|
2254
|
+
}
|
|
2255
|
+
.us-theme-fci .us-checkbox--light {
|
|
2256
|
+
--us-checkbox-control-border-color: rgba(0, 0, 0, 0.2);
|
|
2257
|
+
--us-checkbox-tap-background: rgba(0, 0, 0, 0.8);
|
|
2258
|
+
--us-checkbox-control-color: var(--us-white-color);
|
|
2259
|
+
--us-_checked-checkbox-control-border-color: rgba(0, 0, 0, 0.2);
|
|
2260
|
+
--us-_focus-checkbox-control-box-shadow: 0px 4px 8px rgba(0 0 0 / 15%);
|
|
2261
|
+
--us-checkbox-label-color: var(--us-black-color);
|
|
2262
|
+
}
|
|
2263
|
+
.us-theme-fci .us-checkbox--dark {
|
|
2264
|
+
--us-checkbox-control-border-color: rgba(255 255 255 / 30%);
|
|
2265
|
+
--us-checkbox-tap-background: rgba(255 255 255 / 30%);
|
|
2266
|
+
--us-checkbox-control-color: var(--us-white-color);
|
|
2267
|
+
--us-_checked-checkbox-control-border-color: rgba(255 255 255 / 30%);
|
|
2268
|
+
--us-_focus-checkbox-control-box-shadow: 0px 4px 8px rgba(255 255 255 / 15%);
|
|
2269
|
+
--us-checkbox-label-color: var(--us-white-color);
|
|
2270
|
+
}
|
|
2271
|
+
|
|
2269
2272
|
.light-scroll::-webkit-scrollbar,
|
|
2270
2273
|
.us-viewer .k-overflow-auto::-webkit-scrollbar {
|
|
2271
2274
|
width: 6px !important;
|