@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.
@@ -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","small":"fds-chip-small-4563db0f","medium":"fds-chip-medium-4563db0f","large":"fds-chip-large-4563db0f","icon":"fds-chip-icon-4563db0f","spacing":"fds-chip-spacing-4563db0f","checkmarkIcon":"fds-chip-checkmarkIcon-4563db0f","groupContainer":"fds-chip-groupContainer-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, Search_module[size], 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 }) })] }) }));
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-8);
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-10);
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-12);
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-large-f137834f {
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-8);
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-10);
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-12);
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-1);
1143
- --fdsc-tag-min-height: var(--fds-sizing-5);
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-1);
1148
- --fdsc-tag-min-height: var(--fds-sizing-6);
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-2);
1153
- --fdsc-tag-min-height: var(--fds-sizing-7);
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-removable-chip-size);
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-6);
1351
- --fdsc-chip-padding: var(--fds-spacing-2);
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-7);
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-8);
1363
- --fdsc-chip-padding: var(--fds-spacing-3);
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-8);
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-10);
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-12);
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 calc((2.75rem - var(--fds-checkbox-size)) / 2) var(--fds-semantic-surface-info-subtle-hover);
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: 1.5rem;
1610
+ --fds-checkbox-size: var(--fds-sizing-5);
1623
1611
 
1624
- min-height: var(--fds-sizing-8);
1612
+ min-height: var(--fds-sizing-10);
1625
1613
  }
1626
1614
 
1627
1615
  .fds-checkbox-medium-ad9a8b9c {
1628
- --fds-checkbox-size: 1.75rem;
1616
+ --fds-checkbox-size: var(--fds-sizing-6);
1629
1617
 
1630
- min-height: var(--fds-sizing-10);
1618
+ min-height: var(--fds-sizing-11);
1631
1619
  }
1632
1620
 
1633
1621
  .fds-checkbox-large-ad9a8b9c {
1634
- --fds-checkbox-size: 2rem;
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 calc((2.75rem - var(--fds-radio-size)) / 2) var(--fds-semantic-surface-info-subtle-hover);
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-checkbox-size) auto;
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: 1.5rem;
1803
+ --fds-radio-size: var(--fds-sizing-5);
1816
1804
 
1817
- min-height: var(--fds-sizing-8);
1805
+ min-height: var(--fds-sizing-10);
1818
1806
  }
1819
1807
 
1820
1808
  .fds-radio-medium-7a9bd584 {
1821
- --fds-radio-size: 1.75rem;
1809
+ --fds-radio-size: var(--fds-sizing-6);
1822
1810
 
1823
- min-height: var(--fds-sizing-10);
1811
+ min-height: var(--fds-sizing-11);
1824
1812
  }
1825
1813
 
1826
1814
  .fds-radio-large-7a9bd584 {
1827
- --fds-radio-size: 2rem;
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-8);
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-10);
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-12);
1940
+ min-height: var(--fds-sizing-8);
1953
1941
  }
1954
1942
 
1955
1943
  .fds-switch-small-9a6b03bc {
1956
- --fds-switch-height: 1.5rem;
1957
- --fds-switch-width: 2.5rem;
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: 1.75rem;
1967
- --fds-switch-width: 3rem;
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: 2rem;
1977
- --fds-switch-width: 3.5rem;
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: 6.5px var(--fds-spacing-3);
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: 9px var(--fds-spacing-4);
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: 11px var(--fds-spacing-5);
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-8);
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-10);
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-12);
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-3);
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-input-a6b5fe3c.fds-search-small-a6b5fe3c {
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-8);
2690
- padding: 0 var(--fds-spacing-2);
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-input-a6b5fe3c.fds-search-medium-a6b5fe3c {
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-10);
2698
- padding: 0 var(--fds-spacing-3);
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-input-a6b5fe3c.fds-search-large-a6b5fe3c {
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-12);
2706
- padding: 0 var(--fds-spacing-4);
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","small":"fds-chip-small-4563db0f","medium":"fds-chip-medium-4563db0f","large":"fds-chip-large-4563db0f","icon":"fds-chip-icon-4563db0f","spacing":"fds-chip-spacing-4563db0f","checkmarkIcon":"fds-chip-checkmarkIcon-4563db0f","groupContainer":"fds-chip-groupContainer-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, classes[size], 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 }) })] }) }));
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-8);
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-10);
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-12);
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-large-f137834f {
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-8);
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-10);
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-12);
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-1);
1143
- --fdsc-tag-min-height: var(--fds-sizing-5);
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-1);
1148
- --fdsc-tag-min-height: var(--fds-sizing-6);
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-2);
1153
- --fdsc-tag-min-height: var(--fds-sizing-7);
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-removable-chip-size);
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-6);
1351
- --fdsc-chip-padding: var(--fds-spacing-2);
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-7);
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-8);
1363
- --fdsc-chip-padding: var(--fds-spacing-3);
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-8);
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-10);
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-12);
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 calc((2.75rem - var(--fds-checkbox-size)) / 2) var(--fds-semantic-surface-info-subtle-hover);
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: 1.5rem;
1610
+ --fds-checkbox-size: var(--fds-sizing-5);
1623
1611
 
1624
- min-height: var(--fds-sizing-8);
1612
+ min-height: var(--fds-sizing-10);
1625
1613
  }
1626
1614
 
1627
1615
  .fds-checkbox-medium-ad9a8b9c {
1628
- --fds-checkbox-size: 1.75rem;
1616
+ --fds-checkbox-size: var(--fds-sizing-6);
1629
1617
 
1630
- min-height: var(--fds-sizing-10);
1618
+ min-height: var(--fds-sizing-11);
1631
1619
  }
1632
1620
 
1633
1621
  .fds-checkbox-large-ad9a8b9c {
1634
- --fds-checkbox-size: 2rem;
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 calc((2.75rem - var(--fds-radio-size)) / 2) var(--fds-semantic-surface-info-subtle-hover);
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-checkbox-size) auto;
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: 1.5rem;
1803
+ --fds-radio-size: var(--fds-sizing-5);
1816
1804
 
1817
- min-height: var(--fds-sizing-8);
1805
+ min-height: var(--fds-sizing-10);
1818
1806
  }
1819
1807
 
1820
1808
  .fds-radio-medium-7a9bd584 {
1821
- --fds-radio-size: 1.75rem;
1809
+ --fds-radio-size: var(--fds-sizing-6);
1822
1810
 
1823
- min-height: var(--fds-sizing-10);
1811
+ min-height: var(--fds-sizing-11);
1824
1812
  }
1825
1813
 
1826
1814
  .fds-radio-large-7a9bd584 {
1827
- --fds-radio-size: 2rem;
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-8);
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-10);
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-12);
1940
+ min-height: var(--fds-sizing-8);
1953
1941
  }
1954
1942
 
1955
1943
  .fds-switch-small-9a6b03bc {
1956
- --fds-switch-height: 1.5rem;
1957
- --fds-switch-width: 2.5rem;
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: 1.75rem;
1967
- --fds-switch-width: 3rem;
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: 2rem;
1977
- --fds-switch-width: 3.5rem;
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: 6.5px var(--fds-spacing-3);
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: 9px var(--fds-spacing-4);
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: 11px var(--fds-spacing-5);
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-8);
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-10);
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-12);
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-3);
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-input-a6b5fe3c.fds-search-small-a6b5fe3c {
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-8);
2690
- padding: 0 var(--fds-spacing-2);
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-input-a6b5fe3c.fds-search-medium-a6b5fe3c {
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-10);
2698
- padding: 0 var(--fds-spacing-3);
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-input-a6b5fe3c.fds-search-large-a6b5fe3c {
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-12);
2706
- padding: 0 var(--fds-spacing-4);
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;;mLAyJJ,CAAC"}
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.1",
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": "ca18e725b2c6100d879c95e2374d126db6696266"
46
+ "gitHead": "982716766d884eaf62fb562899de93fb0d238b2e"
47
47
  }