@digdir/designsystemet-react 0.56.1 → 0.56.3-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 +80 -77
- 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 +80 -77
- 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 {
|
|
@@ -741,20 +741,20 @@
|
|
|
741
741
|
}
|
|
742
742
|
|
|
743
743
|
.fds-helptext-helpTextIcon-f137834f.fds-helptext-small-f137834f {
|
|
744
|
-
--help_text-icon-width: 24px;
|
|
745
|
-
--help_text-icon-height: 24px;
|
|
746
|
-
}
|
|
747
|
-
|
|
748
|
-
.fds-helptext-helpTextIcon-f137834f.fds-helptext-medium-f137834f {
|
|
749
744
|
--help_text-icon-width: var(--fds-sizing-6);
|
|
750
745
|
--help_text-icon-height: var(--fds-sizing-6);
|
|
751
746
|
}
|
|
752
747
|
|
|
753
|
-
.fds-helptext-helpTextIcon-f137834f.fds-helptext-
|
|
748
|
+
.fds-helptext-helpTextIcon-f137834f.fds-helptext-medium-f137834f {
|
|
754
749
|
--help_text-icon-width: var(--fds-sizing-7);
|
|
755
750
|
--help_text-icon-height: var(--fds-sizing-7);
|
|
756
751
|
}
|
|
757
752
|
|
|
753
|
+
.fds-helptext-helpTextIcon-f137834f.fds-helptext-large-f137834f {
|
|
754
|
+
--help_text-icon-width: var(--fds-sizing-8);
|
|
755
|
+
--help_text-icon-height: var(--fds-sizing-8);
|
|
756
|
+
}
|
|
757
|
+
|
|
758
758
|
.fds-spinner-spinner-486ddf9b {
|
|
759
759
|
animation: fds-spinner-rotate-animation-486ddf9b linear infinite;
|
|
760
760
|
animation-duration: 2s;
|
|
@@ -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 {
|
|
@@ -1139,18 +1139,18 @@
|
|
|
1139
1139
|
}
|
|
1140
1140
|
|
|
1141
1141
|
.fds-tag-small-40d841d9 {
|
|
1142
|
-
--fdsc-tag-padding: var(--fds-spacing-
|
|
1143
|
-
--fdsc-tag-min-height: var(--fds-sizing-
|
|
1142
|
+
--fdsc-tag-padding: var(--fds-spacing-2);
|
|
1143
|
+
--fdsc-tag-min-height: var(--fds-sizing-7);
|
|
1144
1144
|
}
|
|
1145
1145
|
|
|
1146
1146
|
.fds-tag-medium-40d841d9 {
|
|
1147
|
-
--fdsc-tag-padding: var(--fds-spacing-
|
|
1148
|
-
--fdsc-tag-min-height: var(--fds-sizing-
|
|
1147
|
+
--fdsc-tag-padding: var(--fds-spacing-2);
|
|
1148
|
+
--fdsc-tag-min-height: var(--fds-sizing-8);
|
|
1149
1149
|
}
|
|
1150
1150
|
|
|
1151
1151
|
.fds-tag-large-40d841d9 {
|
|
1152
|
-
--fdsc-tag-padding: var(--fds-spacing-
|
|
1153
|
-
--fdsc-tag-min-height: var(--fds-sizing-
|
|
1152
|
+
--fdsc-tag-padding: var(--fds-spacing-3);
|
|
1153
|
+
--fdsc-tag-min-height: var(--fds-sizing-9);
|
|
1154
1154
|
}
|
|
1155
1155
|
|
|
1156
1156
|
.fds-tag-neutral-40d841d9 {
|
|
@@ -1252,7 +1252,7 @@
|
|
|
1252
1252
|
background: var(--fdsc-removable-background);
|
|
1253
1253
|
border: 0;
|
|
1254
1254
|
padding-right: 0;
|
|
1255
|
-
min-height: var(--fdsc-
|
|
1255
|
+
min-height: var(--fdsc-chip-height);
|
|
1256
1256
|
}
|
|
1257
1257
|
|
|
1258
1258
|
.fds-chip-xMark-4563db0f {
|
|
@@ -1262,18 +1262,6 @@
|
|
|
1262
1262
|
padding-right: var(--fdsc-removable-chip-xmark-padding_right);
|
|
1263
1263
|
}
|
|
1264
1264
|
|
|
1265
|
-
.fds-chip-removable-4563db0f.fds-chip-small-4563db0f {
|
|
1266
|
-
--fdsc-removable-chip-size: var(--fds-sizing-6);
|
|
1267
|
-
}
|
|
1268
|
-
|
|
1269
|
-
.fds-chip-removable-4563db0f.fds-chip-medium-4563db0f {
|
|
1270
|
-
--fdsc-removable-chip-size: var(--fds-sizing-7);
|
|
1271
|
-
}
|
|
1272
|
-
|
|
1273
|
-
.fds-chip-removable-4563db0f.fds-chip-large-4563db0f {
|
|
1274
|
-
--fdsc-removable-chip-size: var(--fds-sizing-8);
|
|
1275
|
-
}
|
|
1276
|
-
|
|
1277
1265
|
.fds-chip-xMark-4563db0f .fds-chip-icon-4563db0f {
|
|
1278
1266
|
height: var(--fdsc-removable-chip-xmark-size);
|
|
1279
1267
|
width: var(--fdsc-removable-chip-xmark-size);
|
|
@@ -1347,20 +1335,20 @@
|
|
|
1347
1335
|
}
|
|
1348
1336
|
|
|
1349
1337
|
.fds-chip-small-4563db0f {
|
|
1350
|
-
--fdsc-chip-height: var(--fds-sizing-
|
|
1351
|
-
--fdsc-chip-padding: var(--fds-spacing-
|
|
1338
|
+
--fdsc-chip-height: var(--fds-sizing-7);
|
|
1339
|
+
--fdsc-chip-padding: var(--fds-spacing-3);
|
|
1352
1340
|
--fdsc-removable-chip-xmark-size: var(--fds-sizing-5);
|
|
1353
1341
|
}
|
|
1354
1342
|
|
|
1355
1343
|
.fds-chip-medium-4563db0f {
|
|
1356
|
-
--fdsc-chip-height: var(--fds-sizing-
|
|
1344
|
+
--fdsc-chip-height: var(--fds-sizing-8);
|
|
1357
1345
|
--fdsc-chip-padding: var(--fds-spacing-3);
|
|
1358
1346
|
--fdsc-removable-chip-xmark-size: var(--fds-sizing-6);
|
|
1359
1347
|
}
|
|
1360
1348
|
|
|
1361
1349
|
.fds-chip-large-4563db0f {
|
|
1362
|
-
--fdsc-chip-height: var(--fds-sizing-
|
|
1363
|
-
--fdsc-chip-padding: var(--fds-spacing-
|
|
1350
|
+
--fdsc-chip-height: var(--fds-sizing-9);
|
|
1351
|
+
--fdsc-chip-padding: var(--fds-spacing-4);
|
|
1364
1352
|
--fdsc-removable-chip-xmark-size: var(--fds-sizing-7);
|
|
1365
1353
|
}
|
|
1366
1354
|
|
|
@@ -1404,17 +1392,17 @@
|
|
|
1404
1392
|
|
|
1405
1393
|
.fds-pagination-listitem-ddc0278f:where(.fds-pagination-small-ddc0278f) {
|
|
1406
1394
|
--fsdc-pagination-listitem-margin: var(--fds-spacing-2);
|
|
1407
|
-
--fdsc-pagination-ellipsis-width: var(--fds-sizing-
|
|
1395
|
+
--fdsc-pagination-ellipsis-width: var(--fds-sizing-10);
|
|
1408
1396
|
}
|
|
1409
1397
|
|
|
1410
1398
|
.fds-pagination-listitem-ddc0278f:where(.fds-pagination-medium-ddc0278f) {
|
|
1411
1399
|
--fsdc-pagination-listitem-margin: var(--fds-spacing-4);
|
|
1412
|
-
--fdsc-pagination-ellipsis-width: var(--fds-sizing-
|
|
1400
|
+
--fdsc-pagination-ellipsis-width: var(--fds-sizing-12);
|
|
1413
1401
|
}
|
|
1414
1402
|
|
|
1415
1403
|
.fds-pagination-listitem-ddc0278f:where(.fds-pagination-large-ddc0278f) {
|
|
1416
1404
|
--fsdc-pagination-listitem-margin: var(--fds-spacing-6);
|
|
1417
|
-
--fdsc-pagination-ellipsis-width: var(--fds-sizing-
|
|
1405
|
+
--fdsc-pagination-ellipsis-width: var(--fds-sizing-14);
|
|
1418
1406
|
}
|
|
1419
1407
|
|
|
1420
1408
|
.fds-pagination-listitem-ddc0278f:where(.fds-pagination-compact-ddc0278f) {
|
|
@@ -1473,7 +1461,7 @@
|
|
|
1473
1461
|
--fds-checkbox-focus-border-width: 3px;
|
|
1474
1462
|
--fds-checkbox-background: var(--fds-semantic-background-default);
|
|
1475
1463
|
--fds-checkbox-border-color: var(--fds-semantic-border-input-default);
|
|
1476
|
-
--fds-checkbox-border__hover: 0 0 0
|
|
1464
|
+
--fds-checkbox-border__hover: 0 0 0 var(--fds-spacing-2) var(--fds-semantic-surface-info-subtle-hover);
|
|
1477
1465
|
|
|
1478
1466
|
display: grid;
|
|
1479
1467
|
}
|
|
@@ -1619,19 +1607,19 @@
|
|
|
1619
1607
|
/** Sizing */
|
|
1620
1608
|
|
|
1621
1609
|
.fds-checkbox-small-ad9a8b9c {
|
|
1622
|
-
--fds-checkbox-size:
|
|
1610
|
+
--fds-checkbox-size: var(--fds-sizing-5);
|
|
1623
1611
|
|
|
1624
|
-
min-height: var(--fds-sizing-
|
|
1612
|
+
min-height: var(--fds-sizing-10);
|
|
1625
1613
|
}
|
|
1626
1614
|
|
|
1627
1615
|
.fds-checkbox-medium-ad9a8b9c {
|
|
1628
|
-
--fds-checkbox-size:
|
|
1616
|
+
--fds-checkbox-size: var(--fds-sizing-6);
|
|
1629
1617
|
|
|
1630
|
-
min-height: var(--fds-sizing-
|
|
1618
|
+
min-height: var(--fds-sizing-11);
|
|
1631
1619
|
}
|
|
1632
1620
|
|
|
1633
1621
|
.fds-checkbox-large-ad9a8b9c {
|
|
1634
|
-
--fds-checkbox-size:
|
|
1622
|
+
--fds-checkbox-size: var(--fds-sizing-7);
|
|
1635
1623
|
|
|
1636
1624
|
min-height: var(--fds-sizing-12);
|
|
1637
1625
|
}
|
|
@@ -1681,13 +1669,13 @@
|
|
|
1681
1669
|
--fds-radio-focus-border-width: 3px;
|
|
1682
1670
|
--fds-radio-background: var(--fds-semantic-background-default);
|
|
1683
1671
|
--fds-radio-border-color: var(--fds-semantic-border-input-default);
|
|
1684
|
-
--fds-radio-border__hover: 0 0 0
|
|
1672
|
+
--fds-radio-border__hover: 0 0 0 var(--fds-spacing-2) var(--fds-semantic-surface-info-subtle-hover);
|
|
1685
1673
|
|
|
1686
1674
|
display: grid;
|
|
1687
1675
|
}
|
|
1688
1676
|
|
|
1689
1677
|
.fds-radio-container-7a9bd584:has(.fds-radio-label-7a9bd584) {
|
|
1690
|
-
grid-template-columns: var(--fds-
|
|
1678
|
+
grid-template-columns: var(--fds-radio-size) auto;
|
|
1691
1679
|
gap: var(--fds-spacing-2);
|
|
1692
1680
|
}
|
|
1693
1681
|
|
|
@@ -1812,19 +1800,19 @@
|
|
|
1812
1800
|
/** Sizing */
|
|
1813
1801
|
|
|
1814
1802
|
.fds-radio-small-7a9bd584 {
|
|
1815
|
-
--fds-radio-size:
|
|
1803
|
+
--fds-radio-size: var(--fds-sizing-5);
|
|
1816
1804
|
|
|
1817
|
-
min-height: var(--fds-sizing-
|
|
1805
|
+
min-height: var(--fds-sizing-10);
|
|
1818
1806
|
}
|
|
1819
1807
|
|
|
1820
1808
|
.fds-radio-medium-7a9bd584 {
|
|
1821
|
-
--fds-radio-size:
|
|
1809
|
+
--fds-radio-size: var(--fds-sizing-6);
|
|
1822
1810
|
|
|
1823
|
-
min-height: var(--fds-sizing-
|
|
1811
|
+
min-height: var(--fds-sizing-11);
|
|
1824
1812
|
}
|
|
1825
1813
|
|
|
1826
1814
|
.fds-radio-large-7a9bd584 {
|
|
1827
|
-
--fds-radio-size:
|
|
1815
|
+
--fds-radio-size: var(--fds-sizing-7);
|
|
1828
1816
|
|
|
1829
1817
|
min-height: var(--fds-sizing-12);
|
|
1830
1818
|
}
|
|
@@ -1939,22 +1927,22 @@
|
|
|
1939
1927
|
|
|
1940
1928
|
.fds-switch-small-9a6b03bc,
|
|
1941
1929
|
.fds-switch-small-9a6b03bc .fds-switch-label-9a6b03bc {
|
|
1942
|
-
min-height: var(--fds-sizing-
|
|
1930
|
+
min-height: var(--fds-sizing-6);
|
|
1943
1931
|
}
|
|
1944
1932
|
|
|
1945
1933
|
.fds-switch-medium-9a6b03bc,
|
|
1946
1934
|
.fds-switch-medium-9a6b03bc .fds-switch-label-9a6b03bc {
|
|
1947
|
-
min-height: var(--fds-sizing-
|
|
1935
|
+
min-height: var(--fds-sizing-7);
|
|
1948
1936
|
}
|
|
1949
1937
|
|
|
1950
1938
|
.fds-switch-large-9a6b03bc,
|
|
1951
1939
|
.fds-switch-large-9a6b03bc .fds-switch-label-9a6b03bc {
|
|
1952
|
-
min-height: var(--fds-sizing-
|
|
1940
|
+
min-height: var(--fds-sizing-8);
|
|
1953
1941
|
}
|
|
1954
1942
|
|
|
1955
1943
|
.fds-switch-small-9a6b03bc {
|
|
1956
|
-
--fds-switch-height:
|
|
1957
|
-
--fds-switch-width:
|
|
1944
|
+
--fds-switch-height: var(--fds-sizing-6);
|
|
1945
|
+
--fds-switch-width: var(--fds-sizing-11);
|
|
1958
1946
|
}
|
|
1959
1947
|
|
|
1960
1948
|
.fds-switch-small-9a6b03bc .fds-switch-input-9a6b03bc {
|
|
@@ -1963,8 +1951,8 @@
|
|
|
1963
1951
|
}
|
|
1964
1952
|
|
|
1965
1953
|
.fds-switch-medium-9a6b03bc {
|
|
1966
|
-
--fds-switch-height:
|
|
1967
|
-
--fds-switch-width:
|
|
1954
|
+
--fds-switch-height: var(--fds-sizing-7);
|
|
1955
|
+
--fds-switch-width: var(--fds-sizing-13);
|
|
1968
1956
|
}
|
|
1969
1957
|
|
|
1970
1958
|
.fds-switch-medium-9a6b03bc .fds-switch-input-9a6b03bc {
|
|
@@ -1973,8 +1961,8 @@
|
|
|
1973
1961
|
}
|
|
1974
1962
|
|
|
1975
1963
|
.fds-switch-large-9a6b03bc {
|
|
1976
|
-
--fds-switch-height:
|
|
1977
|
-
--fds-switch-width:
|
|
1964
|
+
--fds-switch-height: var(--fds-sizing-8);
|
|
1965
|
+
--fds-switch-width: var(--fds-sizing-15);
|
|
1978
1966
|
}
|
|
1979
1967
|
|
|
1980
1968
|
.fds-switch-large-9a6b03bc .fds-switch-input-9a6b03bc {
|
|
@@ -2104,27 +2092,27 @@
|
|
|
2104
2092
|
}
|
|
2105
2093
|
|
|
2106
2094
|
.fds-textfield-formField-d98267a0.fds-textfield-small-d98267a0 .fds-textfield-adornment-d98267a0 {
|
|
2107
|
-
padding:
|
|
2095
|
+
padding: var(--fds-sizing-2) var(--fds-spacing-3);
|
|
2108
2096
|
}
|
|
2109
2097
|
|
|
2110
2098
|
.fds-textfield-formField-d98267a0.fds-textfield-medium-d98267a0 .fds-textfield-adornment-d98267a0 {
|
|
2111
|
-
padding:
|
|
2099
|
+
padding: 0.65rem var(--fds-spacing-4);
|
|
2112
2100
|
}
|
|
2113
2101
|
|
|
2114
2102
|
.fds-textfield-formField-d98267a0.fds-textfield-large-d98267a0 .fds-textfield-adornment-d98267a0 {
|
|
2115
|
-
padding:
|
|
2103
|
+
padding: 0.85rem var(--fds-spacing-5);
|
|
2116
2104
|
}
|
|
2117
2105
|
|
|
2118
2106
|
.fds-textfield-formField-d98267a0.fds-textfield-small-d98267a0 .fds-textfield-field-d98267a0 {
|
|
2119
|
-
height: var(--fds-sizing-
|
|
2107
|
+
height: var(--fds-sizing-10);
|
|
2120
2108
|
}
|
|
2121
2109
|
|
|
2122
2110
|
.fds-textfield-formField-d98267a0.fds-textfield-medium-d98267a0 .fds-textfield-field-d98267a0 {
|
|
2123
|
-
height: var(--fds-sizing-
|
|
2111
|
+
height: var(--fds-sizing-12);
|
|
2124
2112
|
}
|
|
2125
2113
|
|
|
2126
2114
|
.fds-textfield-formField-d98267a0.fds-textfield-large-d98267a0 .fds-textfield-field-d98267a0 {
|
|
2127
|
-
height: var(--fds-sizing-
|
|
2115
|
+
height: var(--fds-sizing-14);
|
|
2128
2116
|
}
|
|
2129
2117
|
|
|
2130
2118
|
.fds-textfield-label-d98267a0 {
|
|
@@ -2612,7 +2600,7 @@
|
|
|
2612
2600
|
position: absolute;
|
|
2613
2601
|
height: 100%;
|
|
2614
2602
|
z-index: 2;
|
|
2615
|
-
left: var(--fds-spacing-
|
|
2603
|
+
left: var(--fds-spacing-4);
|
|
2616
2604
|
transform: scale(1.5);
|
|
2617
2605
|
pointer-events: none;
|
|
2618
2606
|
}
|
|
@@ -2683,30 +2671,42 @@
|
|
|
2683
2671
|
z-index: 2;
|
|
2684
2672
|
}
|
|
2685
2673
|
|
|
2686
|
-
.fds-search-
|
|
2674
|
+
.fds-search-small-a6b5fe3c .fds-search-input-a6b5fe3c {
|
|
2687
2675
|
--f-search-button-clear-size: var(--fds-sizing-4);
|
|
2688
2676
|
|
|
2689
|
-
height: var(--fds-sizing-
|
|
2690
|
-
padding: 0 var(--fds-spacing-
|
|
2677
|
+
height: var(--fds-sizing-10);
|
|
2678
|
+
padding: 0 var(--fds-spacing-3);
|
|
2691
2679
|
padding-right: 2.5em;
|
|
2692
2680
|
}
|
|
2693
2681
|
|
|
2694
|
-
.fds-search-
|
|
2682
|
+
.fds-search-small-a6b5fe3c .fds-search-icon-a6b5fe3c {
|
|
2683
|
+
left: var(--fds-spacing-3);
|
|
2684
|
+
}
|
|
2685
|
+
|
|
2686
|
+
.fds-search-medium-a6b5fe3c .fds-search-input-a6b5fe3c {
|
|
2695
2687
|
--f-search-button-clear-size: var(--fds-sizing-6);
|
|
2696
2688
|
|
|
2697
|
-
height: var(--fds-sizing-
|
|
2698
|
-
padding: 0 var(--fds-spacing-
|
|
2689
|
+
height: var(--fds-sizing-12);
|
|
2690
|
+
padding: 0 var(--fds-spacing-4);
|
|
2699
2691
|
padding-right: 2.2em;
|
|
2700
2692
|
}
|
|
2701
2693
|
|
|
2702
|
-
.fds-search-
|
|
2694
|
+
.fds-search-medium-a6b5fe3c .fds-search-icon-a6b5fe3c {
|
|
2695
|
+
left: var(--fds-spacing-4);
|
|
2696
|
+
}
|
|
2697
|
+
|
|
2698
|
+
.fds-search-large-a6b5fe3c .fds-search-input-a6b5fe3c {
|
|
2703
2699
|
--f-search-button-clear-size: var(--fds-sizing-12);
|
|
2704
2700
|
|
|
2705
|
-
height: var(--fds-sizing-
|
|
2706
|
-
padding: 0 var(--fds-spacing-
|
|
2701
|
+
height: var(--fds-sizing-14);
|
|
2702
|
+
padding: 0 var(--fds-spacing-5);
|
|
2707
2703
|
padding-right: 2em;
|
|
2708
2704
|
}
|
|
2709
2705
|
|
|
2706
|
+
.fds-search-large-a6b5fe3c .fds-search-icon-a6b5fe3c {
|
|
2707
|
+
left: var(--fds-spacing-5);
|
|
2708
|
+
}
|
|
2709
|
+
|
|
2710
2710
|
.fds-search-input-a6b5fe3c.fds-search-simple-a6b5fe3c {
|
|
2711
2711
|
padding-left: 2.4em;
|
|
2712
2712
|
}
|
|
@@ -3202,6 +3202,7 @@
|
|
|
3202
3202
|
}
|
|
3203
3203
|
|
|
3204
3204
|
.fds-combobox-inputWrapper-249a725c.fds-combobox-small-249a725c {
|
|
3205
|
+
min-height: var(--fds-sizing-10);
|
|
3205
3206
|
font: var(--fds-typography-paragraph-small);
|
|
3206
3207
|
font-family: inherit;
|
|
3207
3208
|
padding: 5px var(--fds-spacing-2);
|
|
@@ -3213,6 +3214,7 @@
|
|
|
3213
3214
|
}
|
|
3214
3215
|
|
|
3215
3216
|
.fds-combobox-inputWrapper-249a725c.fds-combobox-medium-249a725c {
|
|
3217
|
+
min-height: var(--fds-sizing-12);
|
|
3216
3218
|
font: var(--fds-typography-paragraph-medium);
|
|
3217
3219
|
font-family: inherit;
|
|
3218
3220
|
padding: 7px var(--fds-spacing-3);
|
|
@@ -3224,6 +3226,7 @@
|
|
|
3224
3226
|
}
|
|
3225
3227
|
|
|
3226
3228
|
.fds-combobox-inputWrapper-249a725c.fds-combobox-large-249a725c {
|
|
3229
|
+
min-height: var(--fds-sizing-14);
|
|
3227
3230
|
font: var(--fds-typography-paragraph-large);
|
|
3228
3231
|
font-family: inherit;
|
|
3229
3232
|
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 {
|
|
@@ -741,20 +741,20 @@
|
|
|
741
741
|
}
|
|
742
742
|
|
|
743
743
|
.fds-helptext-helpTextIcon-f137834f.fds-helptext-small-f137834f {
|
|
744
|
-
--help_text-icon-width: 24px;
|
|
745
|
-
--help_text-icon-height: 24px;
|
|
746
|
-
}
|
|
747
|
-
|
|
748
|
-
.fds-helptext-helpTextIcon-f137834f.fds-helptext-medium-f137834f {
|
|
749
744
|
--help_text-icon-width: var(--fds-sizing-6);
|
|
750
745
|
--help_text-icon-height: var(--fds-sizing-6);
|
|
751
746
|
}
|
|
752
747
|
|
|
753
|
-
.fds-helptext-helpTextIcon-f137834f.fds-helptext-
|
|
748
|
+
.fds-helptext-helpTextIcon-f137834f.fds-helptext-medium-f137834f {
|
|
754
749
|
--help_text-icon-width: var(--fds-sizing-7);
|
|
755
750
|
--help_text-icon-height: var(--fds-sizing-7);
|
|
756
751
|
}
|
|
757
752
|
|
|
753
|
+
.fds-helptext-helpTextIcon-f137834f.fds-helptext-large-f137834f {
|
|
754
|
+
--help_text-icon-width: var(--fds-sizing-8);
|
|
755
|
+
--help_text-icon-height: var(--fds-sizing-8);
|
|
756
|
+
}
|
|
757
|
+
|
|
758
758
|
.fds-spinner-spinner-486ddf9b {
|
|
759
759
|
animation: fds-spinner-rotate-animation-486ddf9b linear infinite;
|
|
760
760
|
animation-duration: 2s;
|
|
@@ -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 {
|
|
@@ -1139,18 +1139,18 @@
|
|
|
1139
1139
|
}
|
|
1140
1140
|
|
|
1141
1141
|
.fds-tag-small-40d841d9 {
|
|
1142
|
-
--fdsc-tag-padding: var(--fds-spacing-
|
|
1143
|
-
--fdsc-tag-min-height: var(--fds-sizing-
|
|
1142
|
+
--fdsc-tag-padding: var(--fds-spacing-2);
|
|
1143
|
+
--fdsc-tag-min-height: var(--fds-sizing-7);
|
|
1144
1144
|
}
|
|
1145
1145
|
|
|
1146
1146
|
.fds-tag-medium-40d841d9 {
|
|
1147
|
-
--fdsc-tag-padding: var(--fds-spacing-
|
|
1148
|
-
--fdsc-tag-min-height: var(--fds-sizing-
|
|
1147
|
+
--fdsc-tag-padding: var(--fds-spacing-2);
|
|
1148
|
+
--fdsc-tag-min-height: var(--fds-sizing-8);
|
|
1149
1149
|
}
|
|
1150
1150
|
|
|
1151
1151
|
.fds-tag-large-40d841d9 {
|
|
1152
|
-
--fdsc-tag-padding: var(--fds-spacing-
|
|
1153
|
-
--fdsc-tag-min-height: var(--fds-sizing-
|
|
1152
|
+
--fdsc-tag-padding: var(--fds-spacing-3);
|
|
1153
|
+
--fdsc-tag-min-height: var(--fds-sizing-9);
|
|
1154
1154
|
}
|
|
1155
1155
|
|
|
1156
1156
|
.fds-tag-neutral-40d841d9 {
|
|
@@ -1252,7 +1252,7 @@
|
|
|
1252
1252
|
background: var(--fdsc-removable-background);
|
|
1253
1253
|
border: 0;
|
|
1254
1254
|
padding-right: 0;
|
|
1255
|
-
min-height: var(--fdsc-
|
|
1255
|
+
min-height: var(--fdsc-chip-height);
|
|
1256
1256
|
}
|
|
1257
1257
|
|
|
1258
1258
|
.fds-chip-xMark-4563db0f {
|
|
@@ -1262,18 +1262,6 @@
|
|
|
1262
1262
|
padding-right: var(--fdsc-removable-chip-xmark-padding_right);
|
|
1263
1263
|
}
|
|
1264
1264
|
|
|
1265
|
-
.fds-chip-removable-4563db0f.fds-chip-small-4563db0f {
|
|
1266
|
-
--fdsc-removable-chip-size: var(--fds-sizing-6);
|
|
1267
|
-
}
|
|
1268
|
-
|
|
1269
|
-
.fds-chip-removable-4563db0f.fds-chip-medium-4563db0f {
|
|
1270
|
-
--fdsc-removable-chip-size: var(--fds-sizing-7);
|
|
1271
|
-
}
|
|
1272
|
-
|
|
1273
|
-
.fds-chip-removable-4563db0f.fds-chip-large-4563db0f {
|
|
1274
|
-
--fdsc-removable-chip-size: var(--fds-sizing-8);
|
|
1275
|
-
}
|
|
1276
|
-
|
|
1277
1265
|
.fds-chip-xMark-4563db0f .fds-chip-icon-4563db0f {
|
|
1278
1266
|
height: var(--fdsc-removable-chip-xmark-size);
|
|
1279
1267
|
width: var(--fdsc-removable-chip-xmark-size);
|
|
@@ -1347,20 +1335,20 @@
|
|
|
1347
1335
|
}
|
|
1348
1336
|
|
|
1349
1337
|
.fds-chip-small-4563db0f {
|
|
1350
|
-
--fdsc-chip-height: var(--fds-sizing-
|
|
1351
|
-
--fdsc-chip-padding: var(--fds-spacing-
|
|
1338
|
+
--fdsc-chip-height: var(--fds-sizing-7);
|
|
1339
|
+
--fdsc-chip-padding: var(--fds-spacing-3);
|
|
1352
1340
|
--fdsc-removable-chip-xmark-size: var(--fds-sizing-5);
|
|
1353
1341
|
}
|
|
1354
1342
|
|
|
1355
1343
|
.fds-chip-medium-4563db0f {
|
|
1356
|
-
--fdsc-chip-height: var(--fds-sizing-
|
|
1344
|
+
--fdsc-chip-height: var(--fds-sizing-8);
|
|
1357
1345
|
--fdsc-chip-padding: var(--fds-spacing-3);
|
|
1358
1346
|
--fdsc-removable-chip-xmark-size: var(--fds-sizing-6);
|
|
1359
1347
|
}
|
|
1360
1348
|
|
|
1361
1349
|
.fds-chip-large-4563db0f {
|
|
1362
|
-
--fdsc-chip-height: var(--fds-sizing-
|
|
1363
|
-
--fdsc-chip-padding: var(--fds-spacing-
|
|
1350
|
+
--fdsc-chip-height: var(--fds-sizing-9);
|
|
1351
|
+
--fdsc-chip-padding: var(--fds-spacing-4);
|
|
1364
1352
|
--fdsc-removable-chip-xmark-size: var(--fds-sizing-7);
|
|
1365
1353
|
}
|
|
1366
1354
|
|
|
@@ -1404,17 +1392,17 @@
|
|
|
1404
1392
|
|
|
1405
1393
|
.fds-pagination-listitem-ddc0278f:where(.fds-pagination-small-ddc0278f) {
|
|
1406
1394
|
--fsdc-pagination-listitem-margin: var(--fds-spacing-2);
|
|
1407
|
-
--fdsc-pagination-ellipsis-width: var(--fds-sizing-
|
|
1395
|
+
--fdsc-pagination-ellipsis-width: var(--fds-sizing-10);
|
|
1408
1396
|
}
|
|
1409
1397
|
|
|
1410
1398
|
.fds-pagination-listitem-ddc0278f:where(.fds-pagination-medium-ddc0278f) {
|
|
1411
1399
|
--fsdc-pagination-listitem-margin: var(--fds-spacing-4);
|
|
1412
|
-
--fdsc-pagination-ellipsis-width: var(--fds-sizing-
|
|
1400
|
+
--fdsc-pagination-ellipsis-width: var(--fds-sizing-12);
|
|
1413
1401
|
}
|
|
1414
1402
|
|
|
1415
1403
|
.fds-pagination-listitem-ddc0278f:where(.fds-pagination-large-ddc0278f) {
|
|
1416
1404
|
--fsdc-pagination-listitem-margin: var(--fds-spacing-6);
|
|
1417
|
-
--fdsc-pagination-ellipsis-width: var(--fds-sizing-
|
|
1405
|
+
--fdsc-pagination-ellipsis-width: var(--fds-sizing-14);
|
|
1418
1406
|
}
|
|
1419
1407
|
|
|
1420
1408
|
.fds-pagination-listitem-ddc0278f:where(.fds-pagination-compact-ddc0278f) {
|
|
@@ -1473,7 +1461,7 @@
|
|
|
1473
1461
|
--fds-checkbox-focus-border-width: 3px;
|
|
1474
1462
|
--fds-checkbox-background: var(--fds-semantic-background-default);
|
|
1475
1463
|
--fds-checkbox-border-color: var(--fds-semantic-border-input-default);
|
|
1476
|
-
--fds-checkbox-border__hover: 0 0 0
|
|
1464
|
+
--fds-checkbox-border__hover: 0 0 0 var(--fds-spacing-2) var(--fds-semantic-surface-info-subtle-hover);
|
|
1477
1465
|
|
|
1478
1466
|
display: grid;
|
|
1479
1467
|
}
|
|
@@ -1619,19 +1607,19 @@
|
|
|
1619
1607
|
/** Sizing */
|
|
1620
1608
|
|
|
1621
1609
|
.fds-checkbox-small-ad9a8b9c {
|
|
1622
|
-
--fds-checkbox-size:
|
|
1610
|
+
--fds-checkbox-size: var(--fds-sizing-5);
|
|
1623
1611
|
|
|
1624
|
-
min-height: var(--fds-sizing-
|
|
1612
|
+
min-height: var(--fds-sizing-10);
|
|
1625
1613
|
}
|
|
1626
1614
|
|
|
1627
1615
|
.fds-checkbox-medium-ad9a8b9c {
|
|
1628
|
-
--fds-checkbox-size:
|
|
1616
|
+
--fds-checkbox-size: var(--fds-sizing-6);
|
|
1629
1617
|
|
|
1630
|
-
min-height: var(--fds-sizing-
|
|
1618
|
+
min-height: var(--fds-sizing-11);
|
|
1631
1619
|
}
|
|
1632
1620
|
|
|
1633
1621
|
.fds-checkbox-large-ad9a8b9c {
|
|
1634
|
-
--fds-checkbox-size:
|
|
1622
|
+
--fds-checkbox-size: var(--fds-sizing-7);
|
|
1635
1623
|
|
|
1636
1624
|
min-height: var(--fds-sizing-12);
|
|
1637
1625
|
}
|
|
@@ -1681,13 +1669,13 @@
|
|
|
1681
1669
|
--fds-radio-focus-border-width: 3px;
|
|
1682
1670
|
--fds-radio-background: var(--fds-semantic-background-default);
|
|
1683
1671
|
--fds-radio-border-color: var(--fds-semantic-border-input-default);
|
|
1684
|
-
--fds-radio-border__hover: 0 0 0
|
|
1672
|
+
--fds-radio-border__hover: 0 0 0 var(--fds-spacing-2) var(--fds-semantic-surface-info-subtle-hover);
|
|
1685
1673
|
|
|
1686
1674
|
display: grid;
|
|
1687
1675
|
}
|
|
1688
1676
|
|
|
1689
1677
|
.fds-radio-container-7a9bd584:has(.fds-radio-label-7a9bd584) {
|
|
1690
|
-
grid-template-columns: var(--fds-
|
|
1678
|
+
grid-template-columns: var(--fds-radio-size) auto;
|
|
1691
1679
|
gap: var(--fds-spacing-2);
|
|
1692
1680
|
}
|
|
1693
1681
|
|
|
@@ -1812,19 +1800,19 @@
|
|
|
1812
1800
|
/** Sizing */
|
|
1813
1801
|
|
|
1814
1802
|
.fds-radio-small-7a9bd584 {
|
|
1815
|
-
--fds-radio-size:
|
|
1803
|
+
--fds-radio-size: var(--fds-sizing-5);
|
|
1816
1804
|
|
|
1817
|
-
min-height: var(--fds-sizing-
|
|
1805
|
+
min-height: var(--fds-sizing-10);
|
|
1818
1806
|
}
|
|
1819
1807
|
|
|
1820
1808
|
.fds-radio-medium-7a9bd584 {
|
|
1821
|
-
--fds-radio-size:
|
|
1809
|
+
--fds-radio-size: var(--fds-sizing-6);
|
|
1822
1810
|
|
|
1823
|
-
min-height: var(--fds-sizing-
|
|
1811
|
+
min-height: var(--fds-sizing-11);
|
|
1824
1812
|
}
|
|
1825
1813
|
|
|
1826
1814
|
.fds-radio-large-7a9bd584 {
|
|
1827
|
-
--fds-radio-size:
|
|
1815
|
+
--fds-radio-size: var(--fds-sizing-7);
|
|
1828
1816
|
|
|
1829
1817
|
min-height: var(--fds-sizing-12);
|
|
1830
1818
|
}
|
|
@@ -1939,22 +1927,22 @@
|
|
|
1939
1927
|
|
|
1940
1928
|
.fds-switch-small-9a6b03bc,
|
|
1941
1929
|
.fds-switch-small-9a6b03bc .fds-switch-label-9a6b03bc {
|
|
1942
|
-
min-height: var(--fds-sizing-
|
|
1930
|
+
min-height: var(--fds-sizing-6);
|
|
1943
1931
|
}
|
|
1944
1932
|
|
|
1945
1933
|
.fds-switch-medium-9a6b03bc,
|
|
1946
1934
|
.fds-switch-medium-9a6b03bc .fds-switch-label-9a6b03bc {
|
|
1947
|
-
min-height: var(--fds-sizing-
|
|
1935
|
+
min-height: var(--fds-sizing-7);
|
|
1948
1936
|
}
|
|
1949
1937
|
|
|
1950
1938
|
.fds-switch-large-9a6b03bc,
|
|
1951
1939
|
.fds-switch-large-9a6b03bc .fds-switch-label-9a6b03bc {
|
|
1952
|
-
min-height: var(--fds-sizing-
|
|
1940
|
+
min-height: var(--fds-sizing-8);
|
|
1953
1941
|
}
|
|
1954
1942
|
|
|
1955
1943
|
.fds-switch-small-9a6b03bc {
|
|
1956
|
-
--fds-switch-height:
|
|
1957
|
-
--fds-switch-width:
|
|
1944
|
+
--fds-switch-height: var(--fds-sizing-6);
|
|
1945
|
+
--fds-switch-width: var(--fds-sizing-11);
|
|
1958
1946
|
}
|
|
1959
1947
|
|
|
1960
1948
|
.fds-switch-small-9a6b03bc .fds-switch-input-9a6b03bc {
|
|
@@ -1963,8 +1951,8 @@
|
|
|
1963
1951
|
}
|
|
1964
1952
|
|
|
1965
1953
|
.fds-switch-medium-9a6b03bc {
|
|
1966
|
-
--fds-switch-height:
|
|
1967
|
-
--fds-switch-width:
|
|
1954
|
+
--fds-switch-height: var(--fds-sizing-7);
|
|
1955
|
+
--fds-switch-width: var(--fds-sizing-13);
|
|
1968
1956
|
}
|
|
1969
1957
|
|
|
1970
1958
|
.fds-switch-medium-9a6b03bc .fds-switch-input-9a6b03bc {
|
|
@@ -1973,8 +1961,8 @@
|
|
|
1973
1961
|
}
|
|
1974
1962
|
|
|
1975
1963
|
.fds-switch-large-9a6b03bc {
|
|
1976
|
-
--fds-switch-height:
|
|
1977
|
-
--fds-switch-width:
|
|
1964
|
+
--fds-switch-height: var(--fds-sizing-8);
|
|
1965
|
+
--fds-switch-width: var(--fds-sizing-15);
|
|
1978
1966
|
}
|
|
1979
1967
|
|
|
1980
1968
|
.fds-switch-large-9a6b03bc .fds-switch-input-9a6b03bc {
|
|
@@ -2104,27 +2092,27 @@
|
|
|
2104
2092
|
}
|
|
2105
2093
|
|
|
2106
2094
|
.fds-textfield-formField-d98267a0.fds-textfield-small-d98267a0 .fds-textfield-adornment-d98267a0 {
|
|
2107
|
-
padding:
|
|
2095
|
+
padding: var(--fds-sizing-2) var(--fds-spacing-3);
|
|
2108
2096
|
}
|
|
2109
2097
|
|
|
2110
2098
|
.fds-textfield-formField-d98267a0.fds-textfield-medium-d98267a0 .fds-textfield-adornment-d98267a0 {
|
|
2111
|
-
padding:
|
|
2099
|
+
padding: 0.65rem var(--fds-spacing-4);
|
|
2112
2100
|
}
|
|
2113
2101
|
|
|
2114
2102
|
.fds-textfield-formField-d98267a0.fds-textfield-large-d98267a0 .fds-textfield-adornment-d98267a0 {
|
|
2115
|
-
padding:
|
|
2103
|
+
padding: 0.85rem var(--fds-spacing-5);
|
|
2116
2104
|
}
|
|
2117
2105
|
|
|
2118
2106
|
.fds-textfield-formField-d98267a0.fds-textfield-small-d98267a0 .fds-textfield-field-d98267a0 {
|
|
2119
|
-
height: var(--fds-sizing-
|
|
2107
|
+
height: var(--fds-sizing-10);
|
|
2120
2108
|
}
|
|
2121
2109
|
|
|
2122
2110
|
.fds-textfield-formField-d98267a0.fds-textfield-medium-d98267a0 .fds-textfield-field-d98267a0 {
|
|
2123
|
-
height: var(--fds-sizing-
|
|
2111
|
+
height: var(--fds-sizing-12);
|
|
2124
2112
|
}
|
|
2125
2113
|
|
|
2126
2114
|
.fds-textfield-formField-d98267a0.fds-textfield-large-d98267a0 .fds-textfield-field-d98267a0 {
|
|
2127
|
-
height: var(--fds-sizing-
|
|
2115
|
+
height: var(--fds-sizing-14);
|
|
2128
2116
|
}
|
|
2129
2117
|
|
|
2130
2118
|
.fds-textfield-label-d98267a0 {
|
|
@@ -2612,7 +2600,7 @@
|
|
|
2612
2600
|
position: absolute;
|
|
2613
2601
|
height: 100%;
|
|
2614
2602
|
z-index: 2;
|
|
2615
|
-
left: var(--fds-spacing-
|
|
2603
|
+
left: var(--fds-spacing-4);
|
|
2616
2604
|
transform: scale(1.5);
|
|
2617
2605
|
pointer-events: none;
|
|
2618
2606
|
}
|
|
@@ -2683,30 +2671,42 @@
|
|
|
2683
2671
|
z-index: 2;
|
|
2684
2672
|
}
|
|
2685
2673
|
|
|
2686
|
-
.fds-search-
|
|
2674
|
+
.fds-search-small-a6b5fe3c .fds-search-input-a6b5fe3c {
|
|
2687
2675
|
--f-search-button-clear-size: var(--fds-sizing-4);
|
|
2688
2676
|
|
|
2689
|
-
height: var(--fds-sizing-
|
|
2690
|
-
padding: 0 var(--fds-spacing-
|
|
2677
|
+
height: var(--fds-sizing-10);
|
|
2678
|
+
padding: 0 var(--fds-spacing-3);
|
|
2691
2679
|
padding-right: 2.5em;
|
|
2692
2680
|
}
|
|
2693
2681
|
|
|
2694
|
-
.fds-search-
|
|
2682
|
+
.fds-search-small-a6b5fe3c .fds-search-icon-a6b5fe3c {
|
|
2683
|
+
left: var(--fds-spacing-3);
|
|
2684
|
+
}
|
|
2685
|
+
|
|
2686
|
+
.fds-search-medium-a6b5fe3c .fds-search-input-a6b5fe3c {
|
|
2695
2687
|
--f-search-button-clear-size: var(--fds-sizing-6);
|
|
2696
2688
|
|
|
2697
|
-
height: var(--fds-sizing-
|
|
2698
|
-
padding: 0 var(--fds-spacing-
|
|
2689
|
+
height: var(--fds-sizing-12);
|
|
2690
|
+
padding: 0 var(--fds-spacing-4);
|
|
2699
2691
|
padding-right: 2.2em;
|
|
2700
2692
|
}
|
|
2701
2693
|
|
|
2702
|
-
.fds-search-
|
|
2694
|
+
.fds-search-medium-a6b5fe3c .fds-search-icon-a6b5fe3c {
|
|
2695
|
+
left: var(--fds-spacing-4);
|
|
2696
|
+
}
|
|
2697
|
+
|
|
2698
|
+
.fds-search-large-a6b5fe3c .fds-search-input-a6b5fe3c {
|
|
2703
2699
|
--f-search-button-clear-size: var(--fds-sizing-12);
|
|
2704
2700
|
|
|
2705
|
-
height: var(--fds-sizing-
|
|
2706
|
-
padding: 0 var(--fds-spacing-
|
|
2701
|
+
height: var(--fds-sizing-14);
|
|
2702
|
+
padding: 0 var(--fds-spacing-5);
|
|
2707
2703
|
padding-right: 2em;
|
|
2708
2704
|
}
|
|
2709
2705
|
|
|
2706
|
+
.fds-search-large-a6b5fe3c .fds-search-icon-a6b5fe3c {
|
|
2707
|
+
left: var(--fds-spacing-5);
|
|
2708
|
+
}
|
|
2709
|
+
|
|
2710
2710
|
.fds-search-input-a6b5fe3c.fds-search-simple-a6b5fe3c {
|
|
2711
2711
|
padding-left: 2.4em;
|
|
2712
2712
|
}
|
|
@@ -3202,6 +3202,7 @@
|
|
|
3202
3202
|
}
|
|
3203
3203
|
|
|
3204
3204
|
.fds-combobox-inputWrapper-249a725c.fds-combobox-small-249a725c {
|
|
3205
|
+
min-height: var(--fds-sizing-10);
|
|
3205
3206
|
font: var(--fds-typography-paragraph-small);
|
|
3206
3207
|
font-family: inherit;
|
|
3207
3208
|
padding: 5px var(--fds-spacing-2);
|
|
@@ -3213,6 +3214,7 @@
|
|
|
3213
3214
|
}
|
|
3214
3215
|
|
|
3215
3216
|
.fds-combobox-inputWrapper-249a725c.fds-combobox-medium-249a725c {
|
|
3217
|
+
min-height: var(--fds-sizing-12);
|
|
3216
3218
|
font: var(--fds-typography-paragraph-medium);
|
|
3217
3219
|
font-family: inherit;
|
|
3218
3220
|
padding: 7px var(--fds-spacing-3);
|
|
@@ -3224,6 +3226,7 @@
|
|
|
3224
3226
|
}
|
|
3225
3227
|
|
|
3226
3228
|
.fds-combobox-inputWrapper-249a725c.fds-combobox-large-249a725c {
|
|
3229
|
+
min-height: var(--fds-sizing-14);
|
|
3227
3230
|
font: var(--fds-typography-paragraph-large);
|
|
3228
3231
|
font-family: inherit;
|
|
3229
3232
|
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.56.
|
|
3
|
+
"version": "0.56.3-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": "982716766d884eaf62fb562899de93fb0d238b2e"
|
|
47
47
|
}
|