@digdir/designsystemet-react 0.55.0 → 0.55.1-alpha.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/dist/cjs/components/Chip/Chip.module.css.js +1 -1
- package/dist/cjs/components/form/Search/Search.js +1 -1
- package/dist/cjs/react-css-modules.css +79 -76
- package/dist/esm/components/Chip/Chip.module.css.js +1 -1
- package/dist/esm/components/form/Search/Search.js +1 -1
- package/dist/esm/react-css-modules.css +79 -76
- package/dist/types/components/form/Search/Search.d.ts.map +1 -1
- package/package.json +2 -2
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
|
-
var classes = {"chip":"fds-chip-chip-4563db0f","chipButton":"fds-chip-chipButton-4563db0f","label":"fds-chip-label-4563db0f","removable":"fds-chip-removable-4563db0f","xMark":"fds-chip-xMark-4563db0f","
|
|
4
|
+
var classes = {"chip":"fds-chip-chip-4563db0f","chipButton":"fds-chip-chipButton-4563db0f","label":"fds-chip-label-4563db0f","removable":"fds-chip-removable-4563db0f","xMark":"fds-chip-xMark-4563db0f","icon":"fds-chip-icon-4563db0f","spacing":"fds-chip-spacing-4563db0f","small":"fds-chip-small-4563db0f","checkmarkIcon":"fds-chip-checkmarkIcon-4563db0f","medium":"fds-chip-medium-4563db0f","large":"fds-chip-large-4563db0f","groupContainer":"fds-chip-groupContainer-4563db0f"};
|
|
5
5
|
|
|
6
6
|
module.exports = classes;
|
|
@@ -43,7 +43,7 @@ const Search = React.forwardRef((props, ref) => {
|
|
|
43
43
|
};
|
|
44
44
|
const isSimple = variant === 'simple';
|
|
45
45
|
const showClearButton = Boolean(value ?? internalValue) && !disabled;
|
|
46
|
-
return (jsxRuntime.jsx(Paragraph.Paragraph, { asChild: true, size: size, children: jsxRuntime.jsxs("div", { style: style, className: clsx.clsx(Search_module.formField, inputProps.disabled && Search_module.disabled, Search_module[size], className), children: [label && (jsxRuntime.jsx(Label.Label, { size: size, weight: 'medium', htmlFor: inputProps.id, className: clsx.clsx(Search_module.label, hideLabel && utility_module.visuallyHidden), children: jsxRuntime.jsx("span", { children: label }) })), jsxRuntime.jsxs("div", { className: Search_module.field, children: [jsxRuntime.jsxs("div", { className: Search_module.field, children: [isSimple && (jsxRuntime.jsx(akselIcons.MagnifyingGlassIcon, { className: Search_module.icon, "aria-hidden": true })), jsxRuntime.jsx("input", { ref: mergedRef, size: htmlSize, value: value ?? internalValue, disabled: disabled, className: clsx.clsx(Search_module.input, utility_module.focusable,
|
|
46
|
+
return (jsxRuntime.jsx(Paragraph.Paragraph, { asChild: true, size: size, children: jsxRuntime.jsxs("div", { style: style, className: clsx.clsx(Search_module.formField, inputProps.disabled && Search_module.disabled, Search_module[size], className), children: [label && (jsxRuntime.jsx(Label.Label, { size: size, weight: 'medium', htmlFor: inputProps.id, className: clsx.clsx(Search_module.label, hideLabel && utility_module.visuallyHidden), children: jsxRuntime.jsx("span", { children: label }) })), jsxRuntime.jsxs("div", { className: Search_module.field, children: [jsxRuntime.jsxs("div", { className: clsx.clsx(Search_module.field, Search_module[size]), children: [isSimple && (jsxRuntime.jsx(akselIcons.MagnifyingGlassIcon, { className: Search_module.icon, "aria-hidden": true })), jsxRuntime.jsx("input", { ref: mergedRef, size: htmlSize, value: value ?? internalValue, disabled: disabled, className: clsx.clsx(Search_module.input, utility_module.focusable, isSimple && Search_module.simple, !isSimple && Search_module.withSearchButton), ...objectUtils.omit(['size', 'error', 'errorId', 'readOnly'], rest), ...inputProps, onChange: handleChange }), showClearButton && (jsxRuntime.jsxs("button", { className: clsx.clsx(Search_module.clearButton, utility_module.focusable), type: 'button', onClick: handleClear, disabled: disabled, children: [jsxRuntime.jsx("span", { className: utility_module.visuallyHidden, children: clearButtonLabel }), jsxRuntime.jsx(akselIcons.XMarkIcon, { "aria-hidden": true })] }))] }), !isSimple && (jsxRuntime.jsx(Button.Button, { className: Search_module.searchButton, size: size, variant: variant, type: 'submit', onClick: handleSearchClick, disabled: disabled, children: searchButtonLabel }))] }), jsxRuntime.jsx("div", { className: Search_module.errorMessage, id: errorId, "aria-live": 'polite', "aria-relevant": 'additions removals', children: hasError && jsxRuntime.jsx(ErrorMessage.ErrorMessage, { size: size, children: props.error }) })] }) }));
|
|
47
47
|
});
|
|
48
48
|
Search.displayName = 'Search';
|
|
49
49
|
|
|
@@ -79,7 +79,7 @@
|
|
|
79
79
|
gap: var(--fds-sizing-1);
|
|
80
80
|
font: var(--fds-typography-paragraph-short-small);
|
|
81
81
|
font-family: inherit;
|
|
82
|
-
min-height: var(--fds-sizing-
|
|
82
|
+
min-height: var(--fds-sizing-10);
|
|
83
83
|
}
|
|
84
84
|
|
|
85
85
|
.fds-button-medium-8fa00f0f {
|
|
@@ -88,7 +88,7 @@
|
|
|
88
88
|
gap: var(--fds-sizing-2);
|
|
89
89
|
font: var(--fds-typography-paragraph-short-medium);
|
|
90
90
|
font-family: inherit;
|
|
91
|
-
min-height: var(--fds-sizing-
|
|
91
|
+
min-height: var(--fds-sizing-12);
|
|
92
92
|
}
|
|
93
93
|
|
|
94
94
|
.fds-button-large-8fa00f0f {
|
|
@@ -97,7 +97,7 @@
|
|
|
97
97
|
gap: var(--fds-sizing-2);
|
|
98
98
|
font: var(--fds-typography-paragraph-short-large);
|
|
99
99
|
font-family: inherit;
|
|
100
|
-
min-height: var(--fds-sizing-
|
|
100
|
+
min-height: var(--fds-sizing-14);
|
|
101
101
|
}
|
|
102
102
|
|
|
103
103
|
.fds-button-fullWidth-8fa00f0f {
|
|
@@ -1064,19 +1064,19 @@
|
|
|
1064
1064
|
.fds-nativeselect-select-2e95d79c.fds-nativeselect-small-2e95d79c {
|
|
1065
1065
|
padding: 0 var(--fds-spacing-2);
|
|
1066
1066
|
padding-right: var(--fds-spacing-8);
|
|
1067
|
-
height: var(--fds-sizing-
|
|
1067
|
+
height: var(--fds-sizing-10);
|
|
1068
1068
|
}
|
|
1069
1069
|
|
|
1070
1070
|
.fds-nativeselect-select-2e95d79c.fds-nativeselect-medium-2e95d79c {
|
|
1071
1071
|
padding: 0 var(--fds-spacing-3);
|
|
1072
1072
|
padding-right: var(--fds-spacing-10);
|
|
1073
|
-
height: var(--fds-sizing-
|
|
1073
|
+
height: var(--fds-sizing-12);
|
|
1074
1074
|
}
|
|
1075
1075
|
|
|
1076
1076
|
.fds-nativeselect-select-2e95d79c.fds-nativeselect-large-2e95d79c {
|
|
1077
1077
|
padding: 0 var(--fds-spacing-4);
|
|
1078
1078
|
padding-right: var(--fds-spacing-12);
|
|
1079
|
-
height: var(--fds-sizing-
|
|
1079
|
+
height: var(--fds-sizing-14);
|
|
1080
1080
|
}
|
|
1081
1081
|
|
|
1082
1082
|
.fds-nativeselect-formField-2e95d79c {
|
|
@@ -1179,18 +1179,18 @@
|
|
|
1179
1179
|
}
|
|
1180
1180
|
|
|
1181
1181
|
.fds-tag-small-40d841d9 {
|
|
1182
|
-
--fdsc-tag-padding: var(--fds-spacing-
|
|
1183
|
-
--fdsc-tag-min-height: var(--fds-sizing-
|
|
1182
|
+
--fdsc-tag-padding: var(--fds-spacing-2);
|
|
1183
|
+
--fdsc-tag-min-height: var(--fds-sizing-7);
|
|
1184
1184
|
}
|
|
1185
1185
|
|
|
1186
1186
|
.fds-tag-medium-40d841d9 {
|
|
1187
|
-
--fdsc-tag-padding: var(--fds-spacing-
|
|
1188
|
-
--fdsc-tag-min-height: var(--fds-sizing-
|
|
1187
|
+
--fdsc-tag-padding: var(--fds-spacing-2);
|
|
1188
|
+
--fdsc-tag-min-height: var(--fds-sizing-8);
|
|
1189
1189
|
}
|
|
1190
1190
|
|
|
1191
1191
|
.fds-tag-large-40d841d9 {
|
|
1192
|
-
--fdsc-tag-padding: var(--fds-spacing-
|
|
1193
|
-
--fdsc-tag-min-height: var(--fds-sizing-
|
|
1192
|
+
--fdsc-tag-padding: var(--fds-spacing-3);
|
|
1193
|
+
--fdsc-tag-min-height: var(--fds-sizing-9);
|
|
1194
1194
|
}
|
|
1195
1195
|
|
|
1196
1196
|
.fds-tag-neutral-40d841d9 {
|
|
@@ -1292,7 +1292,7 @@
|
|
|
1292
1292
|
background: var(--fdsc-removable-background);
|
|
1293
1293
|
border: 0;
|
|
1294
1294
|
padding-right: 0;
|
|
1295
|
-
min-height: var(--fdsc-
|
|
1295
|
+
min-height: var(--fdsc-chip-height);
|
|
1296
1296
|
}
|
|
1297
1297
|
|
|
1298
1298
|
.fds-chip-xMark-4563db0f {
|
|
@@ -1302,18 +1302,6 @@
|
|
|
1302
1302
|
padding-right: var(--fdsc-removable-chip-xmark-padding_right);
|
|
1303
1303
|
}
|
|
1304
1304
|
|
|
1305
|
-
.fds-chip-removable-4563db0f.fds-chip-small-4563db0f {
|
|
1306
|
-
--fdsc-removable-chip-size: var(--fds-sizing-6);
|
|
1307
|
-
}
|
|
1308
|
-
|
|
1309
|
-
.fds-chip-removable-4563db0f.fds-chip-medium-4563db0f {
|
|
1310
|
-
--fdsc-removable-chip-size: var(--fds-sizing-7);
|
|
1311
|
-
}
|
|
1312
|
-
|
|
1313
|
-
.fds-chip-removable-4563db0f.fds-chip-large-4563db0f {
|
|
1314
|
-
--fdsc-removable-chip-size: var(--fds-sizing-8);
|
|
1315
|
-
}
|
|
1316
|
-
|
|
1317
1305
|
.fds-chip-xMark-4563db0f .fds-chip-icon-4563db0f {
|
|
1318
1306
|
height: var(--fdsc-removable-chip-xmark-size);
|
|
1319
1307
|
width: var(--fdsc-removable-chip-xmark-size);
|
|
@@ -1387,20 +1375,20 @@
|
|
|
1387
1375
|
}
|
|
1388
1376
|
|
|
1389
1377
|
.fds-chip-small-4563db0f {
|
|
1390
|
-
--fdsc-chip-height: var(--fds-sizing-
|
|
1391
|
-
--fdsc-chip-padding: var(--fds-spacing-
|
|
1378
|
+
--fdsc-chip-height: var(--fds-sizing-7);
|
|
1379
|
+
--fdsc-chip-padding: var(--fds-spacing-3);
|
|
1392
1380
|
--fdsc-removable-chip-xmark-size: var(--fds-sizing-5);
|
|
1393
1381
|
}
|
|
1394
1382
|
|
|
1395
1383
|
.fds-chip-medium-4563db0f {
|
|
1396
|
-
--fdsc-chip-height: var(--fds-sizing-
|
|
1384
|
+
--fdsc-chip-height: var(--fds-sizing-8);
|
|
1397
1385
|
--fdsc-chip-padding: var(--fds-spacing-3);
|
|
1398
1386
|
--fdsc-removable-chip-xmark-size: var(--fds-sizing-6);
|
|
1399
1387
|
}
|
|
1400
1388
|
|
|
1401
1389
|
.fds-chip-large-4563db0f {
|
|
1402
|
-
--fdsc-chip-height: var(--fds-sizing-
|
|
1403
|
-
--fdsc-chip-padding: var(--fds-spacing-
|
|
1390
|
+
--fdsc-chip-height: var(--fds-sizing-9);
|
|
1391
|
+
--fdsc-chip-padding: var(--fds-spacing-4);
|
|
1404
1392
|
--fdsc-removable-chip-xmark-size: var(--fds-sizing-7);
|
|
1405
1393
|
}
|
|
1406
1394
|
|
|
@@ -1444,17 +1432,17 @@
|
|
|
1444
1432
|
|
|
1445
1433
|
.fds-pagination-listitem-ddc0278f:where(.fds-pagination-small-ddc0278f) {
|
|
1446
1434
|
--fsdc-pagination-listitem-margin: var(--fds-spacing-2);
|
|
1447
|
-
--fdsc-pagination-ellipsis-width: var(--fds-sizing-
|
|
1435
|
+
--fdsc-pagination-ellipsis-width: var(--fds-sizing-10);
|
|
1448
1436
|
}
|
|
1449
1437
|
|
|
1450
1438
|
.fds-pagination-listitem-ddc0278f:where(.fds-pagination-medium-ddc0278f) {
|
|
1451
1439
|
--fsdc-pagination-listitem-margin: var(--fds-spacing-4);
|
|
1452
|
-
--fdsc-pagination-ellipsis-width: var(--fds-sizing-
|
|
1440
|
+
--fdsc-pagination-ellipsis-width: var(--fds-sizing-12);
|
|
1453
1441
|
}
|
|
1454
1442
|
|
|
1455
1443
|
.fds-pagination-listitem-ddc0278f:where(.fds-pagination-large-ddc0278f) {
|
|
1456
1444
|
--fsdc-pagination-listitem-margin: var(--fds-spacing-6);
|
|
1457
|
-
--fdsc-pagination-ellipsis-width: var(--fds-sizing-
|
|
1445
|
+
--fdsc-pagination-ellipsis-width: var(--fds-sizing-14);
|
|
1458
1446
|
}
|
|
1459
1447
|
|
|
1460
1448
|
.fds-pagination-listitem-ddc0278f:where(.fds-pagination-compact-ddc0278f) {
|
|
@@ -1647,23 +1635,23 @@
|
|
|
1647
1635
|
|
|
1648
1636
|
.fds-checkbox-small-ad9a8b9c,
|
|
1649
1637
|
.fds-checkbox-small-ad9a8b9c .fds-checkbox-label-ad9a8b9c {
|
|
1650
|
-
min-height: var(--fds-sizing-
|
|
1638
|
+
min-height: var(--fds-sizing-5);
|
|
1651
1639
|
}
|
|
1652
1640
|
|
|
1653
1641
|
.fds-checkbox-medium-ad9a8b9c,
|
|
1654
1642
|
.fds-checkbox-medium-ad9a8b9c .fds-checkbox-label-ad9a8b9c {
|
|
1655
|
-
min-height: var(--fds-sizing-
|
|
1643
|
+
min-height: var(--fds-sizing-6);
|
|
1656
1644
|
}
|
|
1657
1645
|
|
|
1658
1646
|
.fds-checkbox-large-ad9a8b9c,
|
|
1659
1647
|
.fds-checkbox-large-ad9a8b9c .fds-checkbox-label-ad9a8b9c {
|
|
1660
|
-
min-height: var(--fds-sizing-
|
|
1648
|
+
min-height: var(--fds-sizing-7);
|
|
1661
1649
|
}
|
|
1662
1650
|
|
|
1663
1651
|
.fds-checkbox-small-ad9a8b9c {
|
|
1664
|
-
--fds-checkbox-size:
|
|
1652
|
+
--fds-checkbox-size: var(--fds-sizing-5);
|
|
1665
1653
|
|
|
1666
|
-
min-width: var(--fds-sizing-
|
|
1654
|
+
min-width: var(--fds-sizing-5);
|
|
1667
1655
|
}
|
|
1668
1656
|
|
|
1669
1657
|
.fds-checkbox-small-ad9a8b9c .fds-checkbox-input-ad9a8b9c {
|
|
@@ -1672,9 +1660,9 @@
|
|
|
1672
1660
|
}
|
|
1673
1661
|
|
|
1674
1662
|
.fds-checkbox-medium-ad9a8b9c {
|
|
1675
|
-
--fds-checkbox-size:
|
|
1663
|
+
--fds-checkbox-size: var(--fds-sizing-6);
|
|
1676
1664
|
|
|
1677
|
-
min-width: var(--fds-sizing-
|
|
1665
|
+
min-width: var(--fds-sizing-6);
|
|
1678
1666
|
}
|
|
1679
1667
|
|
|
1680
1668
|
.fds-checkbox-medium-ad9a8b9c .fds-checkbox-input-ad9a8b9c {
|
|
@@ -1683,9 +1671,9 @@
|
|
|
1683
1671
|
}
|
|
1684
1672
|
|
|
1685
1673
|
.fds-checkbox-large-ad9a8b9c {
|
|
1686
|
-
--fds-checkbox-size:
|
|
1674
|
+
--fds-checkbox-size: var(--fds-sizing-7);
|
|
1687
1675
|
|
|
1688
|
-
min-width: var(--fds-sizing-
|
|
1676
|
+
min-width: var(--fds-sizing-7);
|
|
1689
1677
|
}
|
|
1690
1678
|
|
|
1691
1679
|
.fds-checkbox-large-ad9a8b9c .fds-checkbox-input-ad9a8b9c {
|
|
@@ -1817,23 +1805,23 @@
|
|
|
1817
1805
|
|
|
1818
1806
|
.fds-radio-small-7a9bd584,
|
|
1819
1807
|
.fds-radio-small-7a9bd584 .fds-radio-label-7a9bd584 {
|
|
1820
|
-
min-height: var(--fds-sizing-
|
|
1808
|
+
min-height: var(--fds-sizing-5);
|
|
1821
1809
|
}
|
|
1822
1810
|
|
|
1823
1811
|
.fds-radio-medium-7a9bd584,
|
|
1824
1812
|
.fds-radio-medium-7a9bd584 .fds-radio-label-7a9bd584 {
|
|
1825
|
-
min-height: var(--fds-sizing-
|
|
1813
|
+
min-height: var(--fds-sizing-6);
|
|
1826
1814
|
}
|
|
1827
1815
|
|
|
1828
1816
|
.fds-radio-large-7a9bd584,
|
|
1829
1817
|
.fds-radio-large-7a9bd584 .fds-radio-label-7a9bd584 {
|
|
1830
|
-
min-height: var(--fds-sizing-
|
|
1818
|
+
min-height: var(--fds-sizing-7);
|
|
1831
1819
|
}
|
|
1832
1820
|
|
|
1833
1821
|
.fds-radio-small-7a9bd584 {
|
|
1834
|
-
--fds-radio-size:
|
|
1822
|
+
--fds-radio-size: var(--fds-sizing-5);
|
|
1835
1823
|
|
|
1836
|
-
min-width: var(--fds-sizing-
|
|
1824
|
+
min-width: var(--fds-sizing-5);
|
|
1837
1825
|
}
|
|
1838
1826
|
|
|
1839
1827
|
.fds-radio-small-7a9bd584 .fds-radio-input-7a9bd584 {
|
|
@@ -1842,9 +1830,9 @@
|
|
|
1842
1830
|
}
|
|
1843
1831
|
|
|
1844
1832
|
.fds-radio-medium-7a9bd584 {
|
|
1845
|
-
--fds-radio-size:
|
|
1833
|
+
--fds-radio-size: var(--fds-sizing-6);
|
|
1846
1834
|
|
|
1847
|
-
min-width: var(--fds-sizing-
|
|
1835
|
+
min-width: var(--fds-sizing-6);
|
|
1848
1836
|
}
|
|
1849
1837
|
|
|
1850
1838
|
.fds-radio-medium-7a9bd584 .fds-radio-input-7a9bd584 {
|
|
@@ -1853,9 +1841,9 @@
|
|
|
1853
1841
|
}
|
|
1854
1842
|
|
|
1855
1843
|
.fds-radio-large-7a9bd584 {
|
|
1856
|
-
--fds-radio-size:
|
|
1844
|
+
--fds-radio-size: var(--fds-sizing-7);
|
|
1857
1845
|
|
|
1858
|
-
min-width: var(--fds-sizing-
|
|
1846
|
+
min-width: var(--fds-sizing-7);
|
|
1859
1847
|
}
|
|
1860
1848
|
|
|
1861
1849
|
.fds-radio-large-7a9bd584 .fds-radio-input-7a9bd584 {
|
|
@@ -1973,22 +1961,22 @@
|
|
|
1973
1961
|
|
|
1974
1962
|
.fds-switch-small-9a6b03bc,
|
|
1975
1963
|
.fds-switch-small-9a6b03bc .fds-switch-label-9a6b03bc {
|
|
1976
|
-
min-height: var(--fds-sizing-
|
|
1964
|
+
min-height: var(--fds-sizing-6);
|
|
1977
1965
|
}
|
|
1978
1966
|
|
|
1979
1967
|
.fds-switch-medium-9a6b03bc,
|
|
1980
1968
|
.fds-switch-medium-9a6b03bc .fds-switch-label-9a6b03bc {
|
|
1981
|
-
min-height: var(--fds-sizing-
|
|
1969
|
+
min-height: var(--fds-sizing-7);
|
|
1982
1970
|
}
|
|
1983
1971
|
|
|
1984
1972
|
.fds-switch-large-9a6b03bc,
|
|
1985
1973
|
.fds-switch-large-9a6b03bc .fds-switch-label-9a6b03bc {
|
|
1986
|
-
min-height: var(--fds-sizing-
|
|
1974
|
+
min-height: var(--fds-sizing-8);
|
|
1987
1975
|
}
|
|
1988
1976
|
|
|
1989
1977
|
.fds-switch-small-9a6b03bc {
|
|
1990
|
-
--fds-switch-height:
|
|
1991
|
-
--fds-switch-width:
|
|
1978
|
+
--fds-switch-height: var(--fds-sizing-6);
|
|
1979
|
+
--fds-switch-width: var(--fds-sizing-11);
|
|
1992
1980
|
}
|
|
1993
1981
|
|
|
1994
1982
|
.fds-switch-small-9a6b03bc .fds-switch-input-9a6b03bc {
|
|
@@ -1997,8 +1985,8 @@
|
|
|
1997
1985
|
}
|
|
1998
1986
|
|
|
1999
1987
|
.fds-switch-medium-9a6b03bc {
|
|
2000
|
-
--fds-switch-height:
|
|
2001
|
-
--fds-switch-width:
|
|
1988
|
+
--fds-switch-height: var(--fds-sizing-7);
|
|
1989
|
+
--fds-switch-width: var(--fds-sizing-13);
|
|
2002
1990
|
}
|
|
2003
1991
|
|
|
2004
1992
|
.fds-switch-medium-9a6b03bc .fds-switch-input-9a6b03bc {
|
|
@@ -2007,8 +1995,8 @@
|
|
|
2007
1995
|
}
|
|
2008
1996
|
|
|
2009
1997
|
.fds-switch-large-9a6b03bc {
|
|
2010
|
-
--fds-switch-height:
|
|
2011
|
-
--fds-switch-width:
|
|
1998
|
+
--fds-switch-height: var(--fds-sizing-8);
|
|
1999
|
+
--fds-switch-width: var(--fds-sizing-15);
|
|
2012
2000
|
}
|
|
2013
2001
|
|
|
2014
2002
|
.fds-switch-large-9a6b03bc .fds-switch-input-9a6b03bc {
|
|
@@ -2138,27 +2126,27 @@
|
|
|
2138
2126
|
}
|
|
2139
2127
|
|
|
2140
2128
|
.fds-textfield-formField-d98267a0.fds-textfield-small-d98267a0 .fds-textfield-adornment-d98267a0 {
|
|
2141
|
-
padding:
|
|
2129
|
+
padding: var(--fds-sizing-2) var(--fds-spacing-3);
|
|
2142
2130
|
}
|
|
2143
2131
|
|
|
2144
2132
|
.fds-textfield-formField-d98267a0.fds-textfield-medium-d98267a0 .fds-textfield-adornment-d98267a0 {
|
|
2145
|
-
padding:
|
|
2133
|
+
padding: 0.65rem var(--fds-spacing-4);
|
|
2146
2134
|
}
|
|
2147
2135
|
|
|
2148
2136
|
.fds-textfield-formField-d98267a0.fds-textfield-large-d98267a0 .fds-textfield-adornment-d98267a0 {
|
|
2149
|
-
padding:
|
|
2137
|
+
padding: 0.85rem var(--fds-spacing-5);
|
|
2150
2138
|
}
|
|
2151
2139
|
|
|
2152
2140
|
.fds-textfield-formField-d98267a0.fds-textfield-small-d98267a0 .fds-textfield-field-d98267a0 {
|
|
2153
|
-
height: var(--fds-sizing-
|
|
2141
|
+
height: var(--fds-sizing-10);
|
|
2154
2142
|
}
|
|
2155
2143
|
|
|
2156
2144
|
.fds-textfield-formField-d98267a0.fds-textfield-medium-d98267a0 .fds-textfield-field-d98267a0 {
|
|
2157
|
-
height: var(--fds-sizing-
|
|
2145
|
+
height: var(--fds-sizing-12);
|
|
2158
2146
|
}
|
|
2159
2147
|
|
|
2160
2148
|
.fds-textfield-formField-d98267a0.fds-textfield-large-d98267a0 .fds-textfield-field-d98267a0 {
|
|
2161
|
-
height: var(--fds-sizing-
|
|
2149
|
+
height: var(--fds-sizing-14);
|
|
2162
2150
|
}
|
|
2163
2151
|
|
|
2164
2152
|
.fds-textfield-label-d98267a0 {
|
|
@@ -2646,7 +2634,7 @@
|
|
|
2646
2634
|
position: absolute;
|
|
2647
2635
|
height: 100%;
|
|
2648
2636
|
z-index: 2;
|
|
2649
|
-
left: var(--fds-spacing-
|
|
2637
|
+
left: var(--fds-spacing-4);
|
|
2650
2638
|
transform: scale(1.5);
|
|
2651
2639
|
pointer-events: none;
|
|
2652
2640
|
}
|
|
@@ -2717,30 +2705,42 @@
|
|
|
2717
2705
|
z-index: 2;
|
|
2718
2706
|
}
|
|
2719
2707
|
|
|
2720
|
-
.fds-search-
|
|
2708
|
+
.fds-search-small-a6b5fe3c .fds-search-input-a6b5fe3c {
|
|
2721
2709
|
--f-search-button-clear-size: var(--fds-sizing-4);
|
|
2722
2710
|
|
|
2723
|
-
height: var(--fds-sizing-
|
|
2724
|
-
padding: 0 var(--fds-spacing-
|
|
2711
|
+
height: var(--fds-sizing-10);
|
|
2712
|
+
padding: 0 var(--fds-spacing-3);
|
|
2725
2713
|
padding-right: 2.5em;
|
|
2726
2714
|
}
|
|
2727
2715
|
|
|
2728
|
-
.fds-search-
|
|
2716
|
+
.fds-search-small-a6b5fe3c .fds-search-icon-a6b5fe3c {
|
|
2717
|
+
left: var(--fds-spacing-3);
|
|
2718
|
+
}
|
|
2719
|
+
|
|
2720
|
+
.fds-search-medium-a6b5fe3c .fds-search-input-a6b5fe3c {
|
|
2729
2721
|
--f-search-button-clear-size: var(--fds-sizing-6);
|
|
2730
2722
|
|
|
2731
|
-
height: var(--fds-sizing-
|
|
2732
|
-
padding: 0 var(--fds-spacing-
|
|
2723
|
+
height: var(--fds-sizing-12);
|
|
2724
|
+
padding: 0 var(--fds-spacing-4);
|
|
2733
2725
|
padding-right: 2.2em;
|
|
2734
2726
|
}
|
|
2735
2727
|
|
|
2736
|
-
.fds-search-
|
|
2728
|
+
.fds-search-medium-a6b5fe3c .fds-search-icon-a6b5fe3c {
|
|
2729
|
+
left: var(--fds-spacing-4);
|
|
2730
|
+
}
|
|
2731
|
+
|
|
2732
|
+
.fds-search-large-a6b5fe3c .fds-search-input-a6b5fe3c {
|
|
2737
2733
|
--f-search-button-clear-size: var(--fds-sizing-12);
|
|
2738
2734
|
|
|
2739
|
-
height: var(--fds-sizing-
|
|
2740
|
-
padding: 0 var(--fds-spacing-
|
|
2735
|
+
height: var(--fds-sizing-14);
|
|
2736
|
+
padding: 0 var(--fds-spacing-5);
|
|
2741
2737
|
padding-right: 2em;
|
|
2742
2738
|
}
|
|
2743
2739
|
|
|
2740
|
+
.fds-search-large-a6b5fe3c .fds-search-icon-a6b5fe3c {
|
|
2741
|
+
left: var(--fds-spacing-5);
|
|
2742
|
+
}
|
|
2743
|
+
|
|
2744
2744
|
.fds-search-input-a6b5fe3c.fds-search-simple-a6b5fe3c {
|
|
2745
2745
|
padding-left: 2.4em;
|
|
2746
2746
|
}
|
|
@@ -3236,6 +3236,7 @@
|
|
|
3236
3236
|
}
|
|
3237
3237
|
|
|
3238
3238
|
.fds-combobox-inputWrapper-249a725c.fds-combobox-small-249a725c {
|
|
3239
|
+
min-height: var(--fds-sizing-10);
|
|
3239
3240
|
font: var(--fds-typography-paragraph-small);
|
|
3240
3241
|
font-family: inherit;
|
|
3241
3242
|
padding: 5px var(--fds-spacing-2);
|
|
@@ -3247,6 +3248,7 @@
|
|
|
3247
3248
|
}
|
|
3248
3249
|
|
|
3249
3250
|
.fds-combobox-inputWrapper-249a725c.fds-combobox-medium-249a725c {
|
|
3251
|
+
min-height: var(--fds-sizing-12);
|
|
3250
3252
|
font: var(--fds-typography-paragraph-medium);
|
|
3251
3253
|
font-family: inherit;
|
|
3252
3254
|
padding: 7px var(--fds-spacing-3);
|
|
@@ -3258,6 +3260,7 @@
|
|
|
3258
3260
|
}
|
|
3259
3261
|
|
|
3260
3262
|
.fds-combobox-inputWrapper-249a725c.fds-combobox-large-249a725c {
|
|
3263
|
+
min-height: var(--fds-sizing-14);
|
|
3261
3264
|
font: var(--fds-typography-paragraph-large);
|
|
3262
3265
|
font-family: inherit;
|
|
3263
3266
|
padding: 7px var(--fds-spacing-4);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
var classes = {"chip":"fds-chip-chip-4563db0f","chipButton":"fds-chip-chipButton-4563db0f","label":"fds-chip-label-4563db0f","removable":"fds-chip-removable-4563db0f","xMark":"fds-chip-xMark-4563db0f","
|
|
2
|
+
var classes = {"chip":"fds-chip-chip-4563db0f","chipButton":"fds-chip-chipButton-4563db0f","label":"fds-chip-label-4563db0f","removable":"fds-chip-removable-4563db0f","xMark":"fds-chip-xMark-4563db0f","icon":"fds-chip-icon-4563db0f","spacing":"fds-chip-spacing-4563db0f","small":"fds-chip-small-4563db0f","checkmarkIcon":"fds-chip-checkmarkIcon-4563db0f","medium":"fds-chip-medium-4563db0f","large":"fds-chip-large-4563db0f","groupContainer":"fds-chip-groupContainer-4563db0f"};
|
|
3
3
|
|
|
4
4
|
export { classes as default };
|
|
@@ -41,7 +41,7 @@ const Search = forwardRef((props, ref) => {
|
|
|
41
41
|
};
|
|
42
42
|
const isSimple = variant === 'simple';
|
|
43
43
|
const showClearButton = Boolean(value ?? internalValue) && !disabled;
|
|
44
|
-
return (jsx(Paragraph, { asChild: true, size: size, children: jsxs("div", { style: style, className: clsx(classes.formField, inputProps.disabled && classes.disabled, classes[size], className), children: [label && (jsx(Label, { size: size, weight: 'medium', htmlFor: inputProps.id, className: clsx(classes.label, hideLabel && utilityClasses.visuallyHidden), children: jsx("span", { children: label }) })), jsxs("div", { className: classes.field, children: [jsxs("div", { className: classes.field, children: [isSimple && (jsx(MagnifyingGlassIcon, { className: classes.icon, "aria-hidden": true })), jsx("input", { ref: mergedRef, size: htmlSize, value: value ?? internalValue, disabled: disabled, className: clsx(classes.input, utilityClasses.focusable,
|
|
44
|
+
return (jsx(Paragraph, { asChild: true, size: size, children: jsxs("div", { style: style, className: clsx(classes.formField, inputProps.disabled && classes.disabled, classes[size], className), children: [label && (jsx(Label, { size: size, weight: 'medium', htmlFor: inputProps.id, className: clsx(classes.label, hideLabel && utilityClasses.visuallyHidden), children: jsx("span", { children: label }) })), jsxs("div", { className: classes.field, children: [jsxs("div", { className: clsx(classes.field, classes[size]), children: [isSimple && (jsx(MagnifyingGlassIcon, { className: classes.icon, "aria-hidden": true })), jsx("input", { ref: mergedRef, size: htmlSize, value: value ?? internalValue, disabled: disabled, className: clsx(classes.input, utilityClasses.focusable, isSimple && classes.simple, !isSimple && classes.withSearchButton), ...omit(['size', 'error', 'errorId', 'readOnly'], rest), ...inputProps, onChange: handleChange }), showClearButton && (jsxs("button", { className: clsx(classes.clearButton, utilityClasses.focusable), type: 'button', onClick: handleClear, disabled: disabled, children: [jsx("span", { className: utilityClasses.visuallyHidden, children: clearButtonLabel }), jsx(XMarkIcon, { "aria-hidden": true })] }))] }), !isSimple && (jsx(Button, { className: classes.searchButton, size: size, variant: variant, type: 'submit', onClick: handleSearchClick, disabled: disabled, children: searchButtonLabel }))] }), jsx("div", { className: classes.errorMessage, id: errorId, "aria-live": 'polite', "aria-relevant": 'additions removals', children: hasError && jsx(ErrorMessage, { size: size, children: props.error }) })] }) }));
|
|
45
45
|
});
|
|
46
46
|
Search.displayName = 'Search';
|
|
47
47
|
|
|
@@ -79,7 +79,7 @@
|
|
|
79
79
|
gap: var(--fds-sizing-1);
|
|
80
80
|
font: var(--fds-typography-paragraph-short-small);
|
|
81
81
|
font-family: inherit;
|
|
82
|
-
min-height: var(--fds-sizing-
|
|
82
|
+
min-height: var(--fds-sizing-10);
|
|
83
83
|
}
|
|
84
84
|
|
|
85
85
|
.fds-button-medium-8fa00f0f {
|
|
@@ -88,7 +88,7 @@
|
|
|
88
88
|
gap: var(--fds-sizing-2);
|
|
89
89
|
font: var(--fds-typography-paragraph-short-medium);
|
|
90
90
|
font-family: inherit;
|
|
91
|
-
min-height: var(--fds-sizing-
|
|
91
|
+
min-height: var(--fds-sizing-12);
|
|
92
92
|
}
|
|
93
93
|
|
|
94
94
|
.fds-button-large-8fa00f0f {
|
|
@@ -97,7 +97,7 @@
|
|
|
97
97
|
gap: var(--fds-sizing-2);
|
|
98
98
|
font: var(--fds-typography-paragraph-short-large);
|
|
99
99
|
font-family: inherit;
|
|
100
|
-
min-height: var(--fds-sizing-
|
|
100
|
+
min-height: var(--fds-sizing-14);
|
|
101
101
|
}
|
|
102
102
|
|
|
103
103
|
.fds-button-fullWidth-8fa00f0f {
|
|
@@ -1064,19 +1064,19 @@
|
|
|
1064
1064
|
.fds-nativeselect-select-2e95d79c.fds-nativeselect-small-2e95d79c {
|
|
1065
1065
|
padding: 0 var(--fds-spacing-2);
|
|
1066
1066
|
padding-right: var(--fds-spacing-8);
|
|
1067
|
-
height: var(--fds-sizing-
|
|
1067
|
+
height: var(--fds-sizing-10);
|
|
1068
1068
|
}
|
|
1069
1069
|
|
|
1070
1070
|
.fds-nativeselect-select-2e95d79c.fds-nativeselect-medium-2e95d79c {
|
|
1071
1071
|
padding: 0 var(--fds-spacing-3);
|
|
1072
1072
|
padding-right: var(--fds-spacing-10);
|
|
1073
|
-
height: var(--fds-sizing-
|
|
1073
|
+
height: var(--fds-sizing-12);
|
|
1074
1074
|
}
|
|
1075
1075
|
|
|
1076
1076
|
.fds-nativeselect-select-2e95d79c.fds-nativeselect-large-2e95d79c {
|
|
1077
1077
|
padding: 0 var(--fds-spacing-4);
|
|
1078
1078
|
padding-right: var(--fds-spacing-12);
|
|
1079
|
-
height: var(--fds-sizing-
|
|
1079
|
+
height: var(--fds-sizing-14);
|
|
1080
1080
|
}
|
|
1081
1081
|
|
|
1082
1082
|
.fds-nativeselect-formField-2e95d79c {
|
|
@@ -1179,18 +1179,18 @@
|
|
|
1179
1179
|
}
|
|
1180
1180
|
|
|
1181
1181
|
.fds-tag-small-40d841d9 {
|
|
1182
|
-
--fdsc-tag-padding: var(--fds-spacing-
|
|
1183
|
-
--fdsc-tag-min-height: var(--fds-sizing-
|
|
1182
|
+
--fdsc-tag-padding: var(--fds-spacing-2);
|
|
1183
|
+
--fdsc-tag-min-height: var(--fds-sizing-7);
|
|
1184
1184
|
}
|
|
1185
1185
|
|
|
1186
1186
|
.fds-tag-medium-40d841d9 {
|
|
1187
|
-
--fdsc-tag-padding: var(--fds-spacing-
|
|
1188
|
-
--fdsc-tag-min-height: var(--fds-sizing-
|
|
1187
|
+
--fdsc-tag-padding: var(--fds-spacing-2);
|
|
1188
|
+
--fdsc-tag-min-height: var(--fds-sizing-8);
|
|
1189
1189
|
}
|
|
1190
1190
|
|
|
1191
1191
|
.fds-tag-large-40d841d9 {
|
|
1192
|
-
--fdsc-tag-padding: var(--fds-spacing-
|
|
1193
|
-
--fdsc-tag-min-height: var(--fds-sizing-
|
|
1192
|
+
--fdsc-tag-padding: var(--fds-spacing-3);
|
|
1193
|
+
--fdsc-tag-min-height: var(--fds-sizing-9);
|
|
1194
1194
|
}
|
|
1195
1195
|
|
|
1196
1196
|
.fds-tag-neutral-40d841d9 {
|
|
@@ -1292,7 +1292,7 @@
|
|
|
1292
1292
|
background: var(--fdsc-removable-background);
|
|
1293
1293
|
border: 0;
|
|
1294
1294
|
padding-right: 0;
|
|
1295
|
-
min-height: var(--fdsc-
|
|
1295
|
+
min-height: var(--fdsc-chip-height);
|
|
1296
1296
|
}
|
|
1297
1297
|
|
|
1298
1298
|
.fds-chip-xMark-4563db0f {
|
|
@@ -1302,18 +1302,6 @@
|
|
|
1302
1302
|
padding-right: var(--fdsc-removable-chip-xmark-padding_right);
|
|
1303
1303
|
}
|
|
1304
1304
|
|
|
1305
|
-
.fds-chip-removable-4563db0f.fds-chip-small-4563db0f {
|
|
1306
|
-
--fdsc-removable-chip-size: var(--fds-sizing-6);
|
|
1307
|
-
}
|
|
1308
|
-
|
|
1309
|
-
.fds-chip-removable-4563db0f.fds-chip-medium-4563db0f {
|
|
1310
|
-
--fdsc-removable-chip-size: var(--fds-sizing-7);
|
|
1311
|
-
}
|
|
1312
|
-
|
|
1313
|
-
.fds-chip-removable-4563db0f.fds-chip-large-4563db0f {
|
|
1314
|
-
--fdsc-removable-chip-size: var(--fds-sizing-8);
|
|
1315
|
-
}
|
|
1316
|
-
|
|
1317
1305
|
.fds-chip-xMark-4563db0f .fds-chip-icon-4563db0f {
|
|
1318
1306
|
height: var(--fdsc-removable-chip-xmark-size);
|
|
1319
1307
|
width: var(--fdsc-removable-chip-xmark-size);
|
|
@@ -1387,20 +1375,20 @@
|
|
|
1387
1375
|
}
|
|
1388
1376
|
|
|
1389
1377
|
.fds-chip-small-4563db0f {
|
|
1390
|
-
--fdsc-chip-height: var(--fds-sizing-
|
|
1391
|
-
--fdsc-chip-padding: var(--fds-spacing-
|
|
1378
|
+
--fdsc-chip-height: var(--fds-sizing-7);
|
|
1379
|
+
--fdsc-chip-padding: var(--fds-spacing-3);
|
|
1392
1380
|
--fdsc-removable-chip-xmark-size: var(--fds-sizing-5);
|
|
1393
1381
|
}
|
|
1394
1382
|
|
|
1395
1383
|
.fds-chip-medium-4563db0f {
|
|
1396
|
-
--fdsc-chip-height: var(--fds-sizing-
|
|
1384
|
+
--fdsc-chip-height: var(--fds-sizing-8);
|
|
1397
1385
|
--fdsc-chip-padding: var(--fds-spacing-3);
|
|
1398
1386
|
--fdsc-removable-chip-xmark-size: var(--fds-sizing-6);
|
|
1399
1387
|
}
|
|
1400
1388
|
|
|
1401
1389
|
.fds-chip-large-4563db0f {
|
|
1402
|
-
--fdsc-chip-height: var(--fds-sizing-
|
|
1403
|
-
--fdsc-chip-padding: var(--fds-spacing-
|
|
1390
|
+
--fdsc-chip-height: var(--fds-sizing-9);
|
|
1391
|
+
--fdsc-chip-padding: var(--fds-spacing-4);
|
|
1404
1392
|
--fdsc-removable-chip-xmark-size: var(--fds-sizing-7);
|
|
1405
1393
|
}
|
|
1406
1394
|
|
|
@@ -1444,17 +1432,17 @@
|
|
|
1444
1432
|
|
|
1445
1433
|
.fds-pagination-listitem-ddc0278f:where(.fds-pagination-small-ddc0278f) {
|
|
1446
1434
|
--fsdc-pagination-listitem-margin: var(--fds-spacing-2);
|
|
1447
|
-
--fdsc-pagination-ellipsis-width: var(--fds-sizing-
|
|
1435
|
+
--fdsc-pagination-ellipsis-width: var(--fds-sizing-10);
|
|
1448
1436
|
}
|
|
1449
1437
|
|
|
1450
1438
|
.fds-pagination-listitem-ddc0278f:where(.fds-pagination-medium-ddc0278f) {
|
|
1451
1439
|
--fsdc-pagination-listitem-margin: var(--fds-spacing-4);
|
|
1452
|
-
--fdsc-pagination-ellipsis-width: var(--fds-sizing-
|
|
1440
|
+
--fdsc-pagination-ellipsis-width: var(--fds-sizing-12);
|
|
1453
1441
|
}
|
|
1454
1442
|
|
|
1455
1443
|
.fds-pagination-listitem-ddc0278f:where(.fds-pagination-large-ddc0278f) {
|
|
1456
1444
|
--fsdc-pagination-listitem-margin: var(--fds-spacing-6);
|
|
1457
|
-
--fdsc-pagination-ellipsis-width: var(--fds-sizing-
|
|
1445
|
+
--fdsc-pagination-ellipsis-width: var(--fds-sizing-14);
|
|
1458
1446
|
}
|
|
1459
1447
|
|
|
1460
1448
|
.fds-pagination-listitem-ddc0278f:where(.fds-pagination-compact-ddc0278f) {
|
|
@@ -1647,23 +1635,23 @@
|
|
|
1647
1635
|
|
|
1648
1636
|
.fds-checkbox-small-ad9a8b9c,
|
|
1649
1637
|
.fds-checkbox-small-ad9a8b9c .fds-checkbox-label-ad9a8b9c {
|
|
1650
|
-
min-height: var(--fds-sizing-
|
|
1638
|
+
min-height: var(--fds-sizing-5);
|
|
1651
1639
|
}
|
|
1652
1640
|
|
|
1653
1641
|
.fds-checkbox-medium-ad9a8b9c,
|
|
1654
1642
|
.fds-checkbox-medium-ad9a8b9c .fds-checkbox-label-ad9a8b9c {
|
|
1655
|
-
min-height: var(--fds-sizing-
|
|
1643
|
+
min-height: var(--fds-sizing-6);
|
|
1656
1644
|
}
|
|
1657
1645
|
|
|
1658
1646
|
.fds-checkbox-large-ad9a8b9c,
|
|
1659
1647
|
.fds-checkbox-large-ad9a8b9c .fds-checkbox-label-ad9a8b9c {
|
|
1660
|
-
min-height: var(--fds-sizing-
|
|
1648
|
+
min-height: var(--fds-sizing-7);
|
|
1661
1649
|
}
|
|
1662
1650
|
|
|
1663
1651
|
.fds-checkbox-small-ad9a8b9c {
|
|
1664
|
-
--fds-checkbox-size:
|
|
1652
|
+
--fds-checkbox-size: var(--fds-sizing-5);
|
|
1665
1653
|
|
|
1666
|
-
min-width: var(--fds-sizing-
|
|
1654
|
+
min-width: var(--fds-sizing-5);
|
|
1667
1655
|
}
|
|
1668
1656
|
|
|
1669
1657
|
.fds-checkbox-small-ad9a8b9c .fds-checkbox-input-ad9a8b9c {
|
|
@@ -1672,9 +1660,9 @@
|
|
|
1672
1660
|
}
|
|
1673
1661
|
|
|
1674
1662
|
.fds-checkbox-medium-ad9a8b9c {
|
|
1675
|
-
--fds-checkbox-size:
|
|
1663
|
+
--fds-checkbox-size: var(--fds-sizing-6);
|
|
1676
1664
|
|
|
1677
|
-
min-width: var(--fds-sizing-
|
|
1665
|
+
min-width: var(--fds-sizing-6);
|
|
1678
1666
|
}
|
|
1679
1667
|
|
|
1680
1668
|
.fds-checkbox-medium-ad9a8b9c .fds-checkbox-input-ad9a8b9c {
|
|
@@ -1683,9 +1671,9 @@
|
|
|
1683
1671
|
}
|
|
1684
1672
|
|
|
1685
1673
|
.fds-checkbox-large-ad9a8b9c {
|
|
1686
|
-
--fds-checkbox-size:
|
|
1674
|
+
--fds-checkbox-size: var(--fds-sizing-7);
|
|
1687
1675
|
|
|
1688
|
-
min-width: var(--fds-sizing-
|
|
1676
|
+
min-width: var(--fds-sizing-7);
|
|
1689
1677
|
}
|
|
1690
1678
|
|
|
1691
1679
|
.fds-checkbox-large-ad9a8b9c .fds-checkbox-input-ad9a8b9c {
|
|
@@ -1817,23 +1805,23 @@
|
|
|
1817
1805
|
|
|
1818
1806
|
.fds-radio-small-7a9bd584,
|
|
1819
1807
|
.fds-radio-small-7a9bd584 .fds-radio-label-7a9bd584 {
|
|
1820
|
-
min-height: var(--fds-sizing-
|
|
1808
|
+
min-height: var(--fds-sizing-5);
|
|
1821
1809
|
}
|
|
1822
1810
|
|
|
1823
1811
|
.fds-radio-medium-7a9bd584,
|
|
1824
1812
|
.fds-radio-medium-7a9bd584 .fds-radio-label-7a9bd584 {
|
|
1825
|
-
min-height: var(--fds-sizing-
|
|
1813
|
+
min-height: var(--fds-sizing-6);
|
|
1826
1814
|
}
|
|
1827
1815
|
|
|
1828
1816
|
.fds-radio-large-7a9bd584,
|
|
1829
1817
|
.fds-radio-large-7a9bd584 .fds-radio-label-7a9bd584 {
|
|
1830
|
-
min-height: var(--fds-sizing-
|
|
1818
|
+
min-height: var(--fds-sizing-7);
|
|
1831
1819
|
}
|
|
1832
1820
|
|
|
1833
1821
|
.fds-radio-small-7a9bd584 {
|
|
1834
|
-
--fds-radio-size:
|
|
1822
|
+
--fds-radio-size: var(--fds-sizing-5);
|
|
1835
1823
|
|
|
1836
|
-
min-width: var(--fds-sizing-
|
|
1824
|
+
min-width: var(--fds-sizing-5);
|
|
1837
1825
|
}
|
|
1838
1826
|
|
|
1839
1827
|
.fds-radio-small-7a9bd584 .fds-radio-input-7a9bd584 {
|
|
@@ -1842,9 +1830,9 @@
|
|
|
1842
1830
|
}
|
|
1843
1831
|
|
|
1844
1832
|
.fds-radio-medium-7a9bd584 {
|
|
1845
|
-
--fds-radio-size:
|
|
1833
|
+
--fds-radio-size: var(--fds-sizing-6);
|
|
1846
1834
|
|
|
1847
|
-
min-width: var(--fds-sizing-
|
|
1835
|
+
min-width: var(--fds-sizing-6);
|
|
1848
1836
|
}
|
|
1849
1837
|
|
|
1850
1838
|
.fds-radio-medium-7a9bd584 .fds-radio-input-7a9bd584 {
|
|
@@ -1853,9 +1841,9 @@
|
|
|
1853
1841
|
}
|
|
1854
1842
|
|
|
1855
1843
|
.fds-radio-large-7a9bd584 {
|
|
1856
|
-
--fds-radio-size:
|
|
1844
|
+
--fds-radio-size: var(--fds-sizing-7);
|
|
1857
1845
|
|
|
1858
|
-
min-width: var(--fds-sizing-
|
|
1846
|
+
min-width: var(--fds-sizing-7);
|
|
1859
1847
|
}
|
|
1860
1848
|
|
|
1861
1849
|
.fds-radio-large-7a9bd584 .fds-radio-input-7a9bd584 {
|
|
@@ -1973,22 +1961,22 @@
|
|
|
1973
1961
|
|
|
1974
1962
|
.fds-switch-small-9a6b03bc,
|
|
1975
1963
|
.fds-switch-small-9a6b03bc .fds-switch-label-9a6b03bc {
|
|
1976
|
-
min-height: var(--fds-sizing-
|
|
1964
|
+
min-height: var(--fds-sizing-6);
|
|
1977
1965
|
}
|
|
1978
1966
|
|
|
1979
1967
|
.fds-switch-medium-9a6b03bc,
|
|
1980
1968
|
.fds-switch-medium-9a6b03bc .fds-switch-label-9a6b03bc {
|
|
1981
|
-
min-height: var(--fds-sizing-
|
|
1969
|
+
min-height: var(--fds-sizing-7);
|
|
1982
1970
|
}
|
|
1983
1971
|
|
|
1984
1972
|
.fds-switch-large-9a6b03bc,
|
|
1985
1973
|
.fds-switch-large-9a6b03bc .fds-switch-label-9a6b03bc {
|
|
1986
|
-
min-height: var(--fds-sizing-
|
|
1974
|
+
min-height: var(--fds-sizing-8);
|
|
1987
1975
|
}
|
|
1988
1976
|
|
|
1989
1977
|
.fds-switch-small-9a6b03bc {
|
|
1990
|
-
--fds-switch-height:
|
|
1991
|
-
--fds-switch-width:
|
|
1978
|
+
--fds-switch-height: var(--fds-sizing-6);
|
|
1979
|
+
--fds-switch-width: var(--fds-sizing-11);
|
|
1992
1980
|
}
|
|
1993
1981
|
|
|
1994
1982
|
.fds-switch-small-9a6b03bc .fds-switch-input-9a6b03bc {
|
|
@@ -1997,8 +1985,8 @@
|
|
|
1997
1985
|
}
|
|
1998
1986
|
|
|
1999
1987
|
.fds-switch-medium-9a6b03bc {
|
|
2000
|
-
--fds-switch-height:
|
|
2001
|
-
--fds-switch-width:
|
|
1988
|
+
--fds-switch-height: var(--fds-sizing-7);
|
|
1989
|
+
--fds-switch-width: var(--fds-sizing-13);
|
|
2002
1990
|
}
|
|
2003
1991
|
|
|
2004
1992
|
.fds-switch-medium-9a6b03bc .fds-switch-input-9a6b03bc {
|
|
@@ -2007,8 +1995,8 @@
|
|
|
2007
1995
|
}
|
|
2008
1996
|
|
|
2009
1997
|
.fds-switch-large-9a6b03bc {
|
|
2010
|
-
--fds-switch-height:
|
|
2011
|
-
--fds-switch-width:
|
|
1998
|
+
--fds-switch-height: var(--fds-sizing-8);
|
|
1999
|
+
--fds-switch-width: var(--fds-sizing-15);
|
|
2012
2000
|
}
|
|
2013
2001
|
|
|
2014
2002
|
.fds-switch-large-9a6b03bc .fds-switch-input-9a6b03bc {
|
|
@@ -2138,27 +2126,27 @@
|
|
|
2138
2126
|
}
|
|
2139
2127
|
|
|
2140
2128
|
.fds-textfield-formField-d98267a0.fds-textfield-small-d98267a0 .fds-textfield-adornment-d98267a0 {
|
|
2141
|
-
padding:
|
|
2129
|
+
padding: var(--fds-sizing-2) var(--fds-spacing-3);
|
|
2142
2130
|
}
|
|
2143
2131
|
|
|
2144
2132
|
.fds-textfield-formField-d98267a0.fds-textfield-medium-d98267a0 .fds-textfield-adornment-d98267a0 {
|
|
2145
|
-
padding:
|
|
2133
|
+
padding: 0.65rem var(--fds-spacing-4);
|
|
2146
2134
|
}
|
|
2147
2135
|
|
|
2148
2136
|
.fds-textfield-formField-d98267a0.fds-textfield-large-d98267a0 .fds-textfield-adornment-d98267a0 {
|
|
2149
|
-
padding:
|
|
2137
|
+
padding: 0.85rem var(--fds-spacing-5);
|
|
2150
2138
|
}
|
|
2151
2139
|
|
|
2152
2140
|
.fds-textfield-formField-d98267a0.fds-textfield-small-d98267a0 .fds-textfield-field-d98267a0 {
|
|
2153
|
-
height: var(--fds-sizing-
|
|
2141
|
+
height: var(--fds-sizing-10);
|
|
2154
2142
|
}
|
|
2155
2143
|
|
|
2156
2144
|
.fds-textfield-formField-d98267a0.fds-textfield-medium-d98267a0 .fds-textfield-field-d98267a0 {
|
|
2157
|
-
height: var(--fds-sizing-
|
|
2145
|
+
height: var(--fds-sizing-12);
|
|
2158
2146
|
}
|
|
2159
2147
|
|
|
2160
2148
|
.fds-textfield-formField-d98267a0.fds-textfield-large-d98267a0 .fds-textfield-field-d98267a0 {
|
|
2161
|
-
height: var(--fds-sizing-
|
|
2149
|
+
height: var(--fds-sizing-14);
|
|
2162
2150
|
}
|
|
2163
2151
|
|
|
2164
2152
|
.fds-textfield-label-d98267a0 {
|
|
@@ -2646,7 +2634,7 @@
|
|
|
2646
2634
|
position: absolute;
|
|
2647
2635
|
height: 100%;
|
|
2648
2636
|
z-index: 2;
|
|
2649
|
-
left: var(--fds-spacing-
|
|
2637
|
+
left: var(--fds-spacing-4);
|
|
2650
2638
|
transform: scale(1.5);
|
|
2651
2639
|
pointer-events: none;
|
|
2652
2640
|
}
|
|
@@ -2717,30 +2705,42 @@
|
|
|
2717
2705
|
z-index: 2;
|
|
2718
2706
|
}
|
|
2719
2707
|
|
|
2720
|
-
.fds-search-
|
|
2708
|
+
.fds-search-small-a6b5fe3c .fds-search-input-a6b5fe3c {
|
|
2721
2709
|
--f-search-button-clear-size: var(--fds-sizing-4);
|
|
2722
2710
|
|
|
2723
|
-
height: var(--fds-sizing-
|
|
2724
|
-
padding: 0 var(--fds-spacing-
|
|
2711
|
+
height: var(--fds-sizing-10);
|
|
2712
|
+
padding: 0 var(--fds-spacing-3);
|
|
2725
2713
|
padding-right: 2.5em;
|
|
2726
2714
|
}
|
|
2727
2715
|
|
|
2728
|
-
.fds-search-
|
|
2716
|
+
.fds-search-small-a6b5fe3c .fds-search-icon-a6b5fe3c {
|
|
2717
|
+
left: var(--fds-spacing-3);
|
|
2718
|
+
}
|
|
2719
|
+
|
|
2720
|
+
.fds-search-medium-a6b5fe3c .fds-search-input-a6b5fe3c {
|
|
2729
2721
|
--f-search-button-clear-size: var(--fds-sizing-6);
|
|
2730
2722
|
|
|
2731
|
-
height: var(--fds-sizing-
|
|
2732
|
-
padding: 0 var(--fds-spacing-
|
|
2723
|
+
height: var(--fds-sizing-12);
|
|
2724
|
+
padding: 0 var(--fds-spacing-4);
|
|
2733
2725
|
padding-right: 2.2em;
|
|
2734
2726
|
}
|
|
2735
2727
|
|
|
2736
|
-
.fds-search-
|
|
2728
|
+
.fds-search-medium-a6b5fe3c .fds-search-icon-a6b5fe3c {
|
|
2729
|
+
left: var(--fds-spacing-4);
|
|
2730
|
+
}
|
|
2731
|
+
|
|
2732
|
+
.fds-search-large-a6b5fe3c .fds-search-input-a6b5fe3c {
|
|
2737
2733
|
--f-search-button-clear-size: var(--fds-sizing-12);
|
|
2738
2734
|
|
|
2739
|
-
height: var(--fds-sizing-
|
|
2740
|
-
padding: 0 var(--fds-spacing-
|
|
2735
|
+
height: var(--fds-sizing-14);
|
|
2736
|
+
padding: 0 var(--fds-spacing-5);
|
|
2741
2737
|
padding-right: 2em;
|
|
2742
2738
|
}
|
|
2743
2739
|
|
|
2740
|
+
.fds-search-large-a6b5fe3c .fds-search-icon-a6b5fe3c {
|
|
2741
|
+
left: var(--fds-spacing-5);
|
|
2742
|
+
}
|
|
2743
|
+
|
|
2744
2744
|
.fds-search-input-a6b5fe3c.fds-search-simple-a6b5fe3c {
|
|
2745
2745
|
padding-left: 2.4em;
|
|
2746
2746
|
}
|
|
@@ -3236,6 +3236,7 @@
|
|
|
3236
3236
|
}
|
|
3237
3237
|
|
|
3238
3238
|
.fds-combobox-inputWrapper-249a725c.fds-combobox-small-249a725c {
|
|
3239
|
+
min-height: var(--fds-sizing-10);
|
|
3239
3240
|
font: var(--fds-typography-paragraph-small);
|
|
3240
3241
|
font-family: inherit;
|
|
3241
3242
|
padding: 5px var(--fds-spacing-2);
|
|
@@ -3247,6 +3248,7 @@
|
|
|
3247
3248
|
}
|
|
3248
3249
|
|
|
3249
3250
|
.fds-combobox-inputWrapper-249a725c.fds-combobox-medium-249a725c {
|
|
3251
|
+
min-height: var(--fds-sizing-12);
|
|
3250
3252
|
font: var(--fds-typography-paragraph-medium);
|
|
3251
3253
|
font-family: inherit;
|
|
3252
3254
|
padding: 7px var(--fds-spacing-3);
|
|
@@ -3258,6 +3260,7 @@
|
|
|
3258
3260
|
}
|
|
3259
3261
|
|
|
3260
3262
|
.fds-combobox-inputWrapper-249a725c.fds-combobox-large-249a725c {
|
|
3263
|
+
min-height: var(--fds-sizing-14);
|
|
3261
3264
|
font: var(--fds-typography-paragraph-large);
|
|
3262
3265
|
font-family: inherit;
|
|
3263
3266
|
padding: 7px var(--fds-spacing-4);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Search/Search.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,mBAAmB,EAAe,MAAM,OAAO,CAAC;AASzE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAMtD,MAAM,MAAM,WAAW,GAAG;IACxB,YAAY;IACZ,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;IAC7C,kDAAkD;IAClD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IAC1E,uCAAuC;IACvC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;OAEG;IACH,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,aAAa,GAAG,UAAU,CAAC,GAC3D,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC,CAAC;AAEnE;;;;;;GAMG;AACH,eAAO,MAAM,MAAM;IAxCjB,YAAY;YACJ,SAAS;IACjB;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH,kDAAkD;uBAChC,oBAAoB,gBAAgB,CAAC,CAAC,OAAO,CAAC,KAAK,IAAI;IACzE,uCAAuC;6BACf,MAAM,KAAK,IAAI;IACvC;;OAEG;wBACiB,SAAS;IAC7B;;OAEG;;IAEH;;OAEG;;
|
|
1
|
+
{"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Search/Search.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,mBAAmB,EAAe,MAAM,OAAO,CAAC;AASzE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAMtD,MAAM,MAAM,WAAW,GAAG;IACxB,YAAY;IACZ,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;IAC7C,kDAAkD;IAClD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IAC1E,uCAAuC;IACvC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;OAEG;IACH,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,aAAa,GAAG,UAAU,CAAC,GAC3D,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC,CAAC;AAEnE;;;;;;GAMG;AACH,eAAO,MAAM,MAAM;IAxCjB,YAAY;YACJ,SAAS;IACjB;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH,kDAAkD;uBAChC,oBAAoB,gBAAgB,CAAC,CAAC,OAAO,CAAC,KAAK,IAAI;IACzE,uCAAuC;6BACf,MAAM,KAAK,IAAI;IACvC;;OAEG;wBACiB,SAAS;IAC7B;;OAEG;;IAEH;;OAEG;;mLAwJJ,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@digdir/designsystemet-react",
|
|
3
|
-
"version": "0.55.0",
|
|
3
|
+
"version": "0.55.1-alpha.0",
|
|
4
4
|
"description": "React components for Designsystemet",
|
|
5
5
|
"author": "Designsystemet team",
|
|
6
6
|
"repository": "https://github.com/digdir/designsystemet",
|
|
@@ -43,5 +43,5 @@
|
|
|
43
43
|
"rollup": "^4.12.1",
|
|
44
44
|
"typescript": "^5.4.2"
|
|
45
45
|
},
|
|
46
|
-
"gitHead": "
|
|
46
|
+
"gitHead": "04fa23886ba7a8cf8fa0a933f297023844b6c0b4"
|
|
47
47
|
}
|