@carbon/styles 1.7.0 → 1.9.0-rc.0
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/styles.css +31 -26
- package/css/styles.min.css +1 -1
- package/package.json +8 -8
- package/scss/components/aspect-ratio/_aspect-ratio.scss +1 -5
- package/scss/components/data-table/_data-table.scss +1 -1
- package/scss/components/list-box/_list-box.scss +2 -0
- package/scss/components/search/_search.scss +4 -0
- package/scss/utilities/_convert.scss +2 -10
- package/scss/utilities/_hide-at-breakpoint.scss +44 -0
- package/scss/utilities/_index.scss +1 -0
package/css/styles.css
CHANGED
|
@@ -1286,17 +1286,17 @@ em {
|
|
|
1286
1286
|
|
|
1287
1287
|
.cds--sm\:col-span-75 {
|
|
1288
1288
|
--cds-grid-columns: 3;
|
|
1289
|
-
grid-column: span 3/span 3;
|
|
1289
|
+
grid-column: span 3 / span 3;
|
|
1290
1290
|
}
|
|
1291
1291
|
|
|
1292
1292
|
.cds--sm\:col-span-50 {
|
|
1293
1293
|
--cds-grid-columns: 2;
|
|
1294
|
-
grid-column: span 2/span 2;
|
|
1294
|
+
grid-column: span 2 / span 2;
|
|
1295
1295
|
}
|
|
1296
1296
|
|
|
1297
1297
|
.cds--sm\:col-span-25 {
|
|
1298
1298
|
--cds-grid-columns: 1;
|
|
1299
|
-
grid-column: span 1/span 1;
|
|
1299
|
+
grid-column: span 1 / span 1;
|
|
1300
1300
|
}
|
|
1301
1301
|
|
|
1302
1302
|
@media (min-width: 42rem) {
|
|
@@ -1371,17 +1371,17 @@ em {
|
|
|
1371
1371
|
|
|
1372
1372
|
.cds--md\:col-span-75 {
|
|
1373
1373
|
--cds-grid-columns: 6;
|
|
1374
|
-
grid-column: span 6/span 6;
|
|
1374
|
+
grid-column: span 6 / span 6;
|
|
1375
1375
|
}
|
|
1376
1376
|
|
|
1377
1377
|
.cds--md\:col-span-50 {
|
|
1378
1378
|
--cds-grid-columns: 4;
|
|
1379
|
-
grid-column: span 4/span 4;
|
|
1379
|
+
grid-column: span 4 / span 4;
|
|
1380
1380
|
}
|
|
1381
1381
|
|
|
1382
1382
|
.cds--md\:col-span-25 {
|
|
1383
1383
|
--cds-grid-columns: 2;
|
|
1384
|
-
grid-column: span 2/span 2;
|
|
1384
|
+
grid-column: span 2 / span 2;
|
|
1385
1385
|
}
|
|
1386
1386
|
}
|
|
1387
1387
|
@media (min-width: 66rem) {
|
|
@@ -1512,17 +1512,17 @@ em {
|
|
|
1512
1512
|
|
|
1513
1513
|
.cds--lg\:col-span-75 {
|
|
1514
1514
|
--cds-grid-columns: 12;
|
|
1515
|
-
grid-column: span 12/span 12;
|
|
1515
|
+
grid-column: span 12 / span 12;
|
|
1516
1516
|
}
|
|
1517
1517
|
|
|
1518
1518
|
.cds--lg\:col-span-50 {
|
|
1519
1519
|
--cds-grid-columns: 8;
|
|
1520
|
-
grid-column: span 8/span 8;
|
|
1520
|
+
grid-column: span 8 / span 8;
|
|
1521
1521
|
}
|
|
1522
1522
|
|
|
1523
1523
|
.cds--lg\:col-span-25 {
|
|
1524
1524
|
--cds-grid-columns: 4;
|
|
1525
|
-
grid-column: span 4/span 4;
|
|
1525
|
+
grid-column: span 4 / span 4;
|
|
1526
1526
|
}
|
|
1527
1527
|
}
|
|
1528
1528
|
@media (min-width: 82rem) {
|
|
@@ -1653,17 +1653,17 @@ em {
|
|
|
1653
1653
|
|
|
1654
1654
|
.cds--xlg\:col-span-75 {
|
|
1655
1655
|
--cds-grid-columns: 12;
|
|
1656
|
-
grid-column: span 12/span 12;
|
|
1656
|
+
grid-column: span 12 / span 12;
|
|
1657
1657
|
}
|
|
1658
1658
|
|
|
1659
1659
|
.cds--xlg\:col-span-50 {
|
|
1660
1660
|
--cds-grid-columns: 8;
|
|
1661
|
-
grid-column: span 8/span 8;
|
|
1661
|
+
grid-column: span 8 / span 8;
|
|
1662
1662
|
}
|
|
1663
1663
|
|
|
1664
1664
|
.cds--xlg\:col-span-25 {
|
|
1665
1665
|
--cds-grid-columns: 4;
|
|
1666
|
-
grid-column: span 4/span 4;
|
|
1666
|
+
grid-column: span 4 / span 4;
|
|
1667
1667
|
}
|
|
1668
1668
|
}
|
|
1669
1669
|
@media (min-width: 99rem) {
|
|
@@ -1794,17 +1794,17 @@ em {
|
|
|
1794
1794
|
|
|
1795
1795
|
.cds--max\:col-span-75 {
|
|
1796
1796
|
--cds-grid-columns: 12;
|
|
1797
|
-
grid-column: span 12/span 12;
|
|
1797
|
+
grid-column: span 12 / span 12;
|
|
1798
1798
|
}
|
|
1799
1799
|
|
|
1800
1800
|
.cds--max\:col-span-50 {
|
|
1801
1801
|
--cds-grid-columns: 8;
|
|
1802
|
-
grid-column: span 8/span 8;
|
|
1802
|
+
grid-column: span 8 / span 8;
|
|
1803
1803
|
}
|
|
1804
1804
|
|
|
1805
1805
|
.cds--max\:col-span-25 {
|
|
1806
1806
|
--cds-grid-columns: 4;
|
|
1807
|
-
grid-column: span 4/span 4;
|
|
1807
|
+
grid-column: span 4 / span 4;
|
|
1808
1808
|
}
|
|
1809
1809
|
}
|
|
1810
1810
|
.cds--col-span-auto {
|
|
@@ -1817,52 +1817,52 @@ em {
|
|
|
1817
1817
|
|
|
1818
1818
|
.cds--col-span-75 {
|
|
1819
1819
|
--cds-grid-columns: 3;
|
|
1820
|
-
grid-column: span 3/span 3;
|
|
1820
|
+
grid-column: span 3 / span 3;
|
|
1821
1821
|
}
|
|
1822
1822
|
@media (min-width: 42rem) {
|
|
1823
1823
|
.cds--col-span-75 {
|
|
1824
1824
|
--cds-grid-columns: 6;
|
|
1825
|
-
grid-column: span 6/span 6;
|
|
1825
|
+
grid-column: span 6 / span 6;
|
|
1826
1826
|
}
|
|
1827
1827
|
}
|
|
1828
1828
|
@media (min-width: 66rem) {
|
|
1829
1829
|
.cds--col-span-75 {
|
|
1830
1830
|
--cds-grid-columns: 12;
|
|
1831
|
-
grid-column: span 12/span 12;
|
|
1831
|
+
grid-column: span 12 / span 12;
|
|
1832
1832
|
}
|
|
1833
1833
|
}
|
|
1834
1834
|
|
|
1835
1835
|
.cds--col-span-50 {
|
|
1836
1836
|
--cds-grid-columns: 2;
|
|
1837
|
-
grid-column: span 2/span 2;
|
|
1837
|
+
grid-column: span 2 / span 2;
|
|
1838
1838
|
}
|
|
1839
1839
|
@media (min-width: 42rem) {
|
|
1840
1840
|
.cds--col-span-50 {
|
|
1841
1841
|
--cds-grid-columns: 4;
|
|
1842
|
-
grid-column: span 4/span 4;
|
|
1842
|
+
grid-column: span 4 / span 4;
|
|
1843
1843
|
}
|
|
1844
1844
|
}
|
|
1845
1845
|
@media (min-width: 66rem) {
|
|
1846
1846
|
.cds--col-span-50 {
|
|
1847
1847
|
--cds-grid-columns: 8;
|
|
1848
|
-
grid-column: span 8/span 8;
|
|
1848
|
+
grid-column: span 8 / span 8;
|
|
1849
1849
|
}
|
|
1850
1850
|
}
|
|
1851
1851
|
|
|
1852
1852
|
.cds--col-span-25 {
|
|
1853
1853
|
--cds-grid-columns: 1;
|
|
1854
|
-
grid-column: span 1/span 1;
|
|
1854
|
+
grid-column: span 1 / span 1;
|
|
1855
1855
|
}
|
|
1856
1856
|
@media (min-width: 42rem) {
|
|
1857
1857
|
.cds--col-span-25 {
|
|
1858
1858
|
--cds-grid-columns: 2;
|
|
1859
|
-
grid-column: span 2/span 2;
|
|
1859
|
+
grid-column: span 2 / span 2;
|
|
1860
1860
|
}
|
|
1861
1861
|
}
|
|
1862
1862
|
@media (min-width: 66rem) {
|
|
1863
1863
|
.cds--col-span-25 {
|
|
1864
1864
|
--cds-grid-columns: 4;
|
|
1865
|
-
grid-column: span 4/span 4;
|
|
1865
|
+
grid-column: span 4 / span 4;
|
|
1866
1866
|
}
|
|
1867
1867
|
}
|
|
1868
1868
|
|
|
@@ -7110,7 +7110,8 @@ fieldset[disabled] .cds--form__helper-text {
|
|
|
7110
7110
|
border-bottom: 0;
|
|
7111
7111
|
}
|
|
7112
7112
|
|
|
7113
|
-
.cds--list-box[data-invalid].cds--list-box--inline .cds--list-box__field
|
|
7113
|
+
.cds--list-box[data-invalid].cds--list-box--inline .cds--list-box__field,
|
|
7114
|
+
.cds--list-box.cds--list-box--warning.cds--list-box--inline .cds--list-box__field {
|
|
7114
7115
|
padding-right: 3.5rem;
|
|
7115
7116
|
}
|
|
7116
7117
|
|
|
@@ -8346,7 +8347,7 @@ fieldset[disabled] .cds--form__helper-text {
|
|
|
8346
8347
|
|
|
8347
8348
|
.cds--data-table thead th.cds--table-column-checkbox,
|
|
8348
8349
|
.cds--data-table tbody td.cds--table-column-checkbox {
|
|
8349
|
-
width: 2.5rem;
|
|
8350
|
+
min-width: 2.5rem;
|
|
8350
8351
|
padding-right: 0.25rem;
|
|
8351
8352
|
padding-left: 1rem;
|
|
8352
8353
|
}
|
|
@@ -17710,6 +17711,10 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
|
17710
17711
|
fill: var(--cds-icon-secondary, #525252);
|
|
17711
17712
|
}
|
|
17712
17713
|
|
|
17714
|
+
.cds--search--expandable.cds--search--disabled svg {
|
|
17715
|
+
fill: var(--cds-icon-disabled, rgba(22, 22, 22, 0.25));
|
|
17716
|
+
}
|
|
17717
|
+
|
|
17713
17718
|
@media screen and (-ms-high-contrast: active), (forced-colors: active) {
|
|
17714
17719
|
.cds--search-close svg,
|
|
17715
17720
|
.cds--search-magnifier-icon {
|