@equinor/eds-core-react 0.14.1-dev.20211018 → 0.14.1

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.
Files changed (6) hide show
  1. package/dist/core-react.cjs.js +81 -40
  2. package/dist/core-react.esm.js +81 -40
  3. package/dist/core-react.umd.js +81 -40
  4. package/dist/types/hooks/index.d.ts +1 -0
  5. package/dist/types/hooks/useHideBodyScroll.d.ts +1 -0
  6. package/package.json +1 -1
package/dist/core-react.cjs.js CHANGED
@@ -2727,9 +2727,9 @@ var buttonTypography = tokens$6.typography.navigation.button,
2727
2727
  buttonBorderRadius$2 = _tokens$shape$button.borderRadius,
2728
2728
  compactButtonHeight = _tokens$shape$2._modes.compact.button.minHeight,
2729
2729
  outline = tokens$6.interactions.focused,
2730
- _tokens$clickbounds$1 = tokens$6.clickbounds,
2731
- clicboundHeight$1 = _tokens$clickbounds$1.default__base,
2732
- compactClickboundHeight$1 = _tokens$clickbounds$1.compact__standard;
2730
+ _tokens$clickbounds$3 = tokens$6.clickbounds,
2731
+ clicboundHeight$1 = _tokens$clickbounds$3.default__base,
2732
+ compactClickboundHeight$1 = _tokens$clickbounds$3.compact__standard;
2733
2733
  var button = {
2734
2734
  background: 'transparent',
2735
2735
  height: buttonHeight,
@@ -3236,9 +3236,9 @@ var _tokens$colors$intera$g = tokens$6.colors.interactive,
3236
3236
  dangerColor = _tokens$colors$intera$g.danger__resting.rgba,
3237
3237
  dangerHoverColor = _tokens$colors$intera$g.danger__hover.rgba,
3238
3238
  dangerHoverAltColor = _tokens$colors$intera$g.danger__highlight.rgba,
3239
- _tokens$clickbounds = tokens$6.clickbounds,
3240
- clicboundHeight = _tokens$clickbounds.default__base,
3241
- compactClickboundHeight = _tokens$clickbounds.compact__standard,
3239
+ _tokens$clickbounds$2 = tokens$6.clickbounds,
3240
+ clicboundHeight = _tokens$clickbounds$2.default__base,
3241
+ compactClickboundHeight = _tokens$clickbounds$2.compact__standard,
3242
3242
  shape$2 = tokens$6.shape;
3243
3243
  var primary$6 = mergeDeepRight(button, {
3244
3244
  height: shape$2.icon_button.minHeight,
@@ -5894,6 +5894,15 @@ var useToken = function useToken(options, token) {
5894
5894
  }, [options, token]);
5895
5895
  };
5896
5896
 
5897
+ var useHideBodyScroll = function useHideBodyScroll(overflowState) {
5898
+ React.useEffect(function () {
5899
+ document.body.style.overflow = 'hidden';
5900
+ return function () {
5901
+ document.body.style.overflow = overflowState;
5902
+ };
5903
+ }, []);
5904
+ };
5905
+
5897
5906
  var FullWidthCenterContent = styled__default['default'].span.withConfig({
5898
5907
  displayName: "InnerFullWidth__FullWidthCenterContent",
5899
5908
  componentId: "sc-qeawkb-0"
@@ -9434,6 +9443,8 @@ var Scrim = /*#__PURE__*/React.forwardRef(function Scrim(_a, ref) {
9434
9443
  isDismissable: isDismissable,
9435
9444
  ref: ref
9436
9445
  });
9446
+ var overflowState = document.body.style.overflow;
9447
+ useHideBodyScroll(overflowState);
9437
9448
  useGlobalKeyPress('Escape', function (e) {
9438
9449
  if (isDismissable && onClose) {
9439
9450
  onClose(e, false);
@@ -17779,7 +17790,10 @@ var _tokens$colors$intera$2 = tokens$6.colors.interactive,
17779
17790
  labelTypography$2 = tokens$6.typography.navigation.menu_title,
17780
17791
  _tokens$spacings$comf$1 = tokens$6.spacings.comfortable,
17781
17792
  medium_small$2 = _tokens$spacings$comf$1.medium_small,
17782
- x_small$1 = _tokens$spacings$comf$1.x_small;
17793
+ x_small$1 = _tokens$spacings$comf$1.x_small,
17794
+ _tokens$clickbounds$1 = tokens$6.clickbounds,
17795
+ clicboundSize$1 = _tokens$clickbounds$1.default__base,
17796
+ compactClickboundSize$1 = _tokens$clickbounds$1.compact__standard;
17783
17797
  var checkbox = {
17784
17798
  background: primaryColor$1,
17785
17799
  typography: labelTypography$2,
@@ -17789,6 +17803,9 @@ var checkbox = {
17789
17803
  left: medium_small$2,
17790
17804
  right: medium_small$2
17791
17805
  },
17806
+ clickbound: {
17807
+ height: clicboundSize$1
17808
+ },
17792
17809
  states: {
17793
17810
  hover: {
17794
17811
  background: primaryHoverAlt$2
@@ -17821,6 +17838,9 @@ var checkbox = {
17821
17838
  left: x_small$1,
17822
17839
  right: x_small$1
17823
17840
  },
17841
+ clickbound: {
17842
+ height: compactClickboundSize$1
17843
+ },
17824
17844
  states: {
17825
17845
  focus: {
17826
17846
  outline: {
@@ -17856,17 +17876,21 @@ var Input$3 = styled__default['default'].input.attrs(function (_ref2) {
17856
17876
  }).withConfig({
17857
17877
  displayName: "Input",
17858
17878
  componentId: "sc-rqj7qf-1"
17859
- })(["appearance:none;width:100%;height:100%;margin:0;grid-area:input;cursor:", ";&:focus{outline:none;}&[data-focus-visible-added]:focus + svg{", "}&:not(:checked) ~ svg path[name='checked']{display:none;}&:not(:checked) ~ svg path[name='not-checked']{display:inline;}&:checked ~ svg path[name='not-checked']{display:none;}&:checked ~ svg path[name='checked']{display:inline;}"], function (_ref3) {
17860
- var disabled = _ref3.disabled;
17861
- return disabled ? 'not-allowed' : 'pointer';
17879
+ })(["--scale:", ";appearance:none;width:100%;height:100%;margin:0;grid-area:input;transform:scale(var(--scale));cursor:", ";&:focus{outline:none;}&[data-focus-visible-added]:focus + svg{", "}&:not(:checked) ~ svg path[name='checked']{display:none;}&:not(:checked) ~ svg path[name='not-checked']{display:inline;}&:checked ~ svg path[name='not-checked']{display:none;}&:checked ~ svg path[name='checked']{display:inline;}"], function (_ref3) {
17880
+ var theme = _ref3.theme,
17881
+ iconSize = _ref3.iconSize;
17882
+ return parseFloat(theme.clickbound.height) / iconSize;
17862
17883
  }, function (_ref4) {
17863
- var theme = _ref4.theme;
17884
+ var disabled = _ref4.disabled;
17885
+ return disabled ? 'not-allowed' : 'pointer';
17886
+ }, function (_ref5) {
17887
+ var theme = _ref5.theme;
17864
17888
  return outlineTemplate(theme.states.focus.outline);
17865
17889
  });
17866
- var Svg$1 = styled__default['default'].svg.attrs(function (_ref5) {
17867
- var height = _ref5.height,
17868
- width = _ref5.width,
17869
- fill = _ref5.fill;
17890
+ var Svg$1 = styled__default['default'].svg.attrs(function (_ref6) {
17891
+ var height = _ref6.height,
17892
+ width = _ref6.width,
17893
+ fill = _ref6.fill;
17870
17894
  return {
17871
17895
  name: null,
17872
17896
  xmlns: 'http://www.w3.org/2000/svg',
@@ -17881,11 +17905,11 @@ var Svg$1 = styled__default['default'].svg.attrs(function (_ref5) {
17881
17905
  var InputWrapper$1 = styled__default['default'].span.withConfig({
17882
17906
  displayName: "Input__InputWrapper",
17883
17907
  componentId: "sc-rqj7qf-3"
17884
- })(["display:inline-grid;grid:[input] 1fr / [input] 1fr;border-radius:50%;", " @media (hover:hover) and (pointer:fine){&:hover{background-color:", ";}}"], function (_ref6) {
17885
- var theme = _ref6.theme;
17908
+ })(["display:inline-grid;grid:[input] 1fr / [input] 1fr;border-radius:50%;", " @media (hover:hover) and (pointer:fine){&:hover{background-color:", ";}}"], function (_ref7) {
17909
+ var theme = _ref7.theme;
17886
17910
  return spacingsTemplate(theme.spacings);
17887
- }, function (_ref7) {
17888
- var disabled = _ref7.disabled;
17911
+ }, function (_ref8) {
17912
+ var disabled = _ref8.disabled;
17889
17913
  return disabled ? 'transparent' : checkbox.states.hover.background;
17890
17914
  });
17891
17915
  var CheckboxInput = /*#__PURE__*/React.forwardRef(function CheckboxInput(_a, ref) {
@@ -17913,7 +17937,9 @@ var CheckboxInput = /*#__PURE__*/React.forwardRef(function CheckboxInput(_a, ref
17913
17937
  theme: token
17914
17938
  }, {
17915
17939
  children: jsxRuntime.exports.jsxs(InputWrapper$1, Object.assign({}, inputWrapperProps, {
17916
- children: [jsxRuntime.exports.jsx(Input$3, Object.assign({}, inputProps), void 0), indeterminate ? jsxRuntime.exports.jsx(Svg$1, Object.assign({
17940
+ children: [jsxRuntime.exports.jsx(Input$3, Object.assign({
17941
+ iconSize: iconSize
17942
+ }, inputProps), void 0), indeterminate ? jsxRuntime.exports.jsx(Svg$1, Object.assign({
17917
17943
  width: iconSize,
17918
17944
  height: iconSize,
17919
17945
  viewBox: "0 0 ".concat(iconSize, " ").concat(iconSize),
@@ -18189,7 +18215,10 @@ var _tokens$colors$intera$1 = tokens$6.colors.interactive,
18189
18215
  labelTypography$1 = tokens$6.typography.navigation.menu_title,
18190
18216
  _tokens$spacings$comf = tokens$6.spacings.comfortable,
18191
18217
  medium_small$1 = _tokens$spacings$comf.medium_small,
18192
- x_small = _tokens$spacings$comf.x_small;
18218
+ x_small = _tokens$spacings$comf.x_small,
18219
+ _tokens$clickbounds = tokens$6.clickbounds,
18220
+ clicboundSize = _tokens$clickbounds.default__base,
18221
+ compactClickboundSize = _tokens$clickbounds.compact__standard;
18193
18222
  var comfortable$1 = {
18194
18223
  background: primaryColor,
18195
18224
  typography: labelTypography$1,
@@ -18199,6 +18228,9 @@ var comfortable$1 = {
18199
18228
  left: medium_small$1,
18200
18229
  right: medium_small$1
18201
18230
  },
18231
+ clickbound: {
18232
+ height: clicboundSize
18233
+ },
18202
18234
  states: {
18203
18235
  hover: {
18204
18236
  background: primaryHoverAlt$1
@@ -18231,6 +18263,9 @@ var comfortable$1 = {
18231
18263
  left: x_small,
18232
18264
  right: x_small
18233
18265
  },
18266
+ clickbound: {
18267
+ height: compactClickboundSize
18268
+ },
18234
18269
  states: {
18235
18270
  focus: {
18236
18271
  outline: {
@@ -18255,22 +18290,26 @@ var Input$2 = styled__default['default'].input.attrs(function (_ref) {
18255
18290
  }).withConfig({
18256
18291
  displayName: "Radio__Input",
18257
18292
  componentId: "sc-we59oz-0"
18258
- })(["appearance:none;width:100%;height:100%;margin:0;grid-area:input;cursor:", ";&:focus{outline:none;}&[data-focus-visible-added]:focus + svg{", "}&:not(:checked) ~ svg path[name='selected']{display:none;}&:not(:checked) ~ svg path[name='unselected']{display:inline;}&:checked ~ svg path[name='unselected']{display:none;}&:checked ~ svg path[name='selected']{display:inline;}"], function (_ref2) {
18259
- var disabled = _ref2.disabled;
18260
- return disabled ? 'not-allowed' : 'pointer';
18293
+ })(["--scale:", ";appearance:none;width:100%;height:100%;margin:0;grid-area:input;transform:scale(var(--scale));cursor:", ";&:focus{outline:none;}&[data-focus-visible-added]:focus + svg{", "}&:not(:checked) ~ svg path[name='selected']{display:none;}&:not(:checked) ~ svg path[name='unselected']{display:inline;}&:checked ~ svg path[name='unselected']{display:none;}&:checked ~ svg path[name='selected']{display:inline;}"], function (_ref2) {
18294
+ var theme = _ref2.theme,
18295
+ iconSize = _ref2.iconSize;
18296
+ return parseFloat(theme.clickbound.height) / iconSize;
18261
18297
  }, function (_ref3) {
18262
- var theme = _ref3.theme;
18298
+ var disabled = _ref3.disabled;
18299
+ return disabled ? 'not-allowed' : 'pointer';
18300
+ }, function (_ref4) {
18301
+ var theme = _ref4.theme;
18263
18302
  return outlineTemplate(theme.states.focus.outline);
18264
18303
  });
18265
18304
  var StyledLabel$1 = styled__default['default'].label.withConfig({
18266
18305
  displayName: "Radio__StyledLabel",
18267
18306
  componentId: "sc-we59oz-1"
18268
- })(["display:inline-flex;align-items:center;cursor:", ";"], function (_ref4) {
18269
- var disabled = _ref4.disabled;
18307
+ })(["display:inline-flex;align-items:center;cursor:", ";"], function (_ref5) {
18308
+ var disabled = _ref5.disabled;
18270
18309
  return disabled ? 'not-allowed' : 'pointer';
18271
18310
  });
18272
- var StyledPath = styled__default['default'].path.attrs(function (_ref5) {
18273
- var icon = _ref5.icon;
18311
+ var StyledPath = styled__default['default'].path.attrs(function (_ref6) {
18312
+ var icon = _ref6.icon;
18274
18313
  return {
18275
18314
  fillRule: 'evenodd',
18276
18315
  clipRule: 'evenodd',
@@ -18280,10 +18319,10 @@ var StyledPath = styled__default['default'].path.attrs(function (_ref5) {
18280
18319
  displayName: "Radio__StyledPath",
18281
18320
  componentId: "sc-we59oz-2"
18282
18321
  })([""]);
18283
- var Svg = styled__default['default'].svg.attrs(function (_ref6) {
18284
- var height = _ref6.height,
18285
- width = _ref6.width,
18286
- fill = _ref6.fill;
18322
+ var Svg = styled__default['default'].svg.attrs(function (_ref7) {
18323
+ var height = _ref7.height,
18324
+ width = _ref7.width,
18325
+ fill = _ref7.fill;
18287
18326
  return {
18288
18327
  name: null,
18289
18328
  xmlns: 'http://www.w3.org/2000/svg',
@@ -18302,14 +18341,14 @@ var LabelText = styled__default['default'].span.withConfig({
18302
18341
  var InputWrapper = styled__default['default'].span.withConfig({
18303
18342
  displayName: "Radio__InputWrapper",
18304
18343
  componentId: "sc-we59oz-5"
18305
- })(["", " display:inline-grid;grid:[input] 1fr / [input] 1fr;border-radius:50%;cursor:", ";@media (hover:hover) and (pointer:fine){&:hover{background-color:", ";}}"], function (_ref7) {
18306
- var theme = _ref7.theme;
18344
+ })(["", " display:inline-grid;grid:[input] 1fr / [input] 1fr;border-radius:50%;cursor:", ";@media (hover:hover) and (pointer:fine){&:hover{background-color:", ";}}"], function (_ref8) {
18345
+ var theme = _ref8.theme;
18307
18346
  return spacingsTemplate(theme.spacings);
18308
- }, function (_ref8) {
18309
- var disabled = _ref8.disabled;
18310
- return disabled ? 'not-allowed' : 'pointer';
18311
18347
  }, function (_ref9) {
18312
18348
  var disabled = _ref9.disabled;
18349
+ return disabled ? 'not-allowed' : 'pointer';
18350
+ }, function (_ref10) {
18351
+ var disabled = _ref10.disabled;
18313
18352
  return disabled ? 'transparent' : comfortable$1.states.hover.background;
18314
18353
  });
18315
18354
  var Radio = /*#__PURE__*/React.forwardRef(function Radio(_a, ref) {
@@ -18356,7 +18395,8 @@ var Radio = /*#__PURE__*/React.forwardRef(function Radio(_a, ref) {
18356
18395
  }, {
18357
18396
  children: [jsxRuntime.exports.jsx(Input$2, Object.assign({}, rest, {
18358
18397
  ref: ref,
18359
- disabled: disabled
18398
+ disabled: disabled,
18399
+ iconSize: iconSize
18360
18400
  }), void 0), renderSVG]
18361
18401
  }), void 0), jsxRuntime.exports.jsx(LabelText, {
18362
18402
  children: label
@@ -18366,7 +18406,8 @@ var Radio = /*#__PURE__*/React.forwardRef(function Radio(_a, ref) {
18366
18406
  }, {
18367
18407
  children: [jsxRuntime.exports.jsx(Input$2, Object.assign({}, rest, {
18368
18408
  ref: ref,
18369
- disabled: disabled
18409
+ disabled: disabled,
18410
+ iconSize: iconSize
18370
18411
  }), void 0), renderSVG]
18371
18412
  }), void 0)
18372
18413
  }), void 0);
package/dist/core-react.esm.js CHANGED
@@ -2697,9 +2697,9 @@ var buttonTypography = tokens$6.typography.navigation.button,
2697
2697
  buttonBorderRadius$2 = _tokens$shape$button.borderRadius,
2698
2698
  compactButtonHeight = _tokens$shape$2._modes.compact.button.minHeight,
2699
2699
  outline = tokens$6.interactions.focused,
2700
- _tokens$clickbounds$1 = tokens$6.clickbounds,
2701
- clicboundHeight$1 = _tokens$clickbounds$1.default__base,
2702
- compactClickboundHeight$1 = _tokens$clickbounds$1.compact__standard;
2700
+ _tokens$clickbounds$3 = tokens$6.clickbounds,
2701
+ clicboundHeight$1 = _tokens$clickbounds$3.default__base,
2702
+ compactClickboundHeight$1 = _tokens$clickbounds$3.compact__standard;
2703
2703
  var button = {
2704
2704
  background: 'transparent',
2705
2705
  height: buttonHeight,
@@ -3206,9 +3206,9 @@ var _tokens$colors$intera$g = tokens$6.colors.interactive,
3206
3206
  dangerColor = _tokens$colors$intera$g.danger__resting.rgba,
3207
3207
  dangerHoverColor = _tokens$colors$intera$g.danger__hover.rgba,
3208
3208
  dangerHoverAltColor = _tokens$colors$intera$g.danger__highlight.rgba,
3209
- _tokens$clickbounds = tokens$6.clickbounds,
3210
- clicboundHeight = _tokens$clickbounds.default__base,
3211
- compactClickboundHeight = _tokens$clickbounds.compact__standard,
3209
+ _tokens$clickbounds$2 = tokens$6.clickbounds,
3210
+ clicboundHeight = _tokens$clickbounds$2.default__base,
3211
+ compactClickboundHeight = _tokens$clickbounds$2.compact__standard,
3212
3212
  shape$2 = tokens$6.shape;
3213
3213
  var primary$6 = mergeDeepRight(button, {
3214
3214
  height: shape$2.icon_button.minHeight,
@@ -5864,6 +5864,15 @@ var useToken = function useToken(options, token) {
5864
5864
  }, [options, token]);
5865
5865
  };
5866
5866
 
5867
+ var useHideBodyScroll = function useHideBodyScroll(overflowState) {
5868
+ useEffect(function () {
5869
+ document.body.style.overflow = 'hidden';
5870
+ return function () {
5871
+ document.body.style.overflow = overflowState;
5872
+ };
5873
+ }, []);
5874
+ };
5875
+
5867
5876
  var FullWidthCenterContent = styled.span.withConfig({
5868
5877
  displayName: "InnerFullWidth__FullWidthCenterContent",
5869
5878
  componentId: "sc-qeawkb-0"
@@ -9404,6 +9413,8 @@ var Scrim = /*#__PURE__*/forwardRef(function Scrim(_a, ref) {
9404
9413
  isDismissable: isDismissable,
9405
9414
  ref: ref
9406
9415
  });
9416
+ var overflowState = document.body.style.overflow;
9417
+ useHideBodyScroll(overflowState);
9407
9418
  useGlobalKeyPress('Escape', function (e) {
9408
9419
  if (isDismissable && onClose) {
9409
9420
  onClose(e, false);
@@ -17749,7 +17760,10 @@ var _tokens$colors$intera$2 = tokens$6.colors.interactive,
17749
17760
  labelTypography$2 = tokens$6.typography.navigation.menu_title,
17750
17761
  _tokens$spacings$comf$1 = tokens$6.spacings.comfortable,
17751
17762
  medium_small$2 = _tokens$spacings$comf$1.medium_small,
17752
- x_small$1 = _tokens$spacings$comf$1.x_small;
17763
+ x_small$1 = _tokens$spacings$comf$1.x_small,
17764
+ _tokens$clickbounds$1 = tokens$6.clickbounds,
17765
+ clicboundSize$1 = _tokens$clickbounds$1.default__base,
17766
+ compactClickboundSize$1 = _tokens$clickbounds$1.compact__standard;
17753
17767
  var checkbox = {
17754
17768
  background: primaryColor$1,
17755
17769
  typography: labelTypography$2,
@@ -17759,6 +17773,9 @@ var checkbox = {
17759
17773
  left: medium_small$2,
17760
17774
  right: medium_small$2
17761
17775
  },
17776
+ clickbound: {
17777
+ height: clicboundSize$1
17778
+ },
17762
17779
  states: {
17763
17780
  hover: {
17764
17781
  background: primaryHoverAlt$2
@@ -17791,6 +17808,9 @@ var checkbox = {
17791
17808
  left: x_small$1,
17792
17809
  right: x_small$1
17793
17810
  },
17811
+ clickbound: {
17812
+ height: compactClickboundSize$1
17813
+ },
17794
17814
  states: {
17795
17815
  focus: {
17796
17816
  outline: {
@@ -17826,17 +17846,21 @@ var Input$3 = styled.input.attrs(function (_ref2) {
17826
17846
  }).withConfig({
17827
17847
  displayName: "Input",
17828
17848
  componentId: "sc-rqj7qf-1"
17829
- })(["appearance:none;width:100%;height:100%;margin:0;grid-area:input;cursor:", ";&:focus{outline:none;}&[data-focus-visible-added]:focus + svg{", "}&:not(:checked) ~ svg path[name='checked']{display:none;}&:not(:checked) ~ svg path[name='not-checked']{display:inline;}&:checked ~ svg path[name='not-checked']{display:none;}&:checked ~ svg path[name='checked']{display:inline;}"], function (_ref3) {
17830
- var disabled = _ref3.disabled;
17831
- return disabled ? 'not-allowed' : 'pointer';
17849
+ })(["--scale:", ";appearance:none;width:100%;height:100%;margin:0;grid-area:input;transform:scale(var(--scale));cursor:", ";&:focus{outline:none;}&[data-focus-visible-added]:focus + svg{", "}&:not(:checked) ~ svg path[name='checked']{display:none;}&:not(:checked) ~ svg path[name='not-checked']{display:inline;}&:checked ~ svg path[name='not-checked']{display:none;}&:checked ~ svg path[name='checked']{display:inline;}"], function (_ref3) {
17850
+ var theme = _ref3.theme,
17851
+ iconSize = _ref3.iconSize;
17852
+ return parseFloat(theme.clickbound.height) / iconSize;
17832
17853
  }, function (_ref4) {
17833
- var theme = _ref4.theme;
17854
+ var disabled = _ref4.disabled;
17855
+ return disabled ? 'not-allowed' : 'pointer';
17856
+ }, function (_ref5) {
17857
+ var theme = _ref5.theme;
17834
17858
  return outlineTemplate(theme.states.focus.outline);
17835
17859
  });
17836
- var Svg$1 = styled.svg.attrs(function (_ref5) {
17837
- var height = _ref5.height,
17838
- width = _ref5.width,
17839
- fill = _ref5.fill;
17860
+ var Svg$1 = styled.svg.attrs(function (_ref6) {
17861
+ var height = _ref6.height,
17862
+ width = _ref6.width,
17863
+ fill = _ref6.fill;
17840
17864
  return {
17841
17865
  name: null,
17842
17866
  xmlns: 'http://www.w3.org/2000/svg',
@@ -17851,11 +17875,11 @@ var Svg$1 = styled.svg.attrs(function (_ref5) {
17851
17875
  var InputWrapper$1 = styled.span.withConfig({
17852
17876
  displayName: "Input__InputWrapper",
17853
17877
  componentId: "sc-rqj7qf-3"
17854
- })(["display:inline-grid;grid:[input] 1fr / [input] 1fr;border-radius:50%;", " @media (hover:hover) and (pointer:fine){&:hover{background-color:", ";}}"], function (_ref6) {
17855
- var theme = _ref6.theme;
17878
+ })(["display:inline-grid;grid:[input] 1fr / [input] 1fr;border-radius:50%;", " @media (hover:hover) and (pointer:fine){&:hover{background-color:", ";}}"], function (_ref7) {
17879
+ var theme = _ref7.theme;
17856
17880
  return spacingsTemplate(theme.spacings);
17857
- }, function (_ref7) {
17858
- var disabled = _ref7.disabled;
17881
+ }, function (_ref8) {
17882
+ var disabled = _ref8.disabled;
17859
17883
  return disabled ? 'transparent' : checkbox.states.hover.background;
17860
17884
  });
17861
17885
  var CheckboxInput = /*#__PURE__*/forwardRef(function CheckboxInput(_a, ref) {
@@ -17883,7 +17907,9 @@ var CheckboxInput = /*#__PURE__*/forwardRef(function CheckboxInput(_a, ref) {
17883
17907
  theme: token
17884
17908
  }, {
17885
17909
  children: jsxRuntime.exports.jsxs(InputWrapper$1, Object.assign({}, inputWrapperProps, {
17886
- children: [jsxRuntime.exports.jsx(Input$3, Object.assign({}, inputProps), void 0), indeterminate ? jsxRuntime.exports.jsx(Svg$1, Object.assign({
17910
+ children: [jsxRuntime.exports.jsx(Input$3, Object.assign({
17911
+ iconSize: iconSize
17912
+ }, inputProps), void 0), indeterminate ? jsxRuntime.exports.jsx(Svg$1, Object.assign({
17887
17913
  width: iconSize,
17888
17914
  height: iconSize,
17889
17915
  viewBox: "0 0 ".concat(iconSize, " ").concat(iconSize),
@@ -18159,7 +18185,10 @@ var _tokens$colors$intera$1 = tokens$6.colors.interactive,
18159
18185
  labelTypography$1 = tokens$6.typography.navigation.menu_title,
18160
18186
  _tokens$spacings$comf = tokens$6.spacings.comfortable,
18161
18187
  medium_small$1 = _tokens$spacings$comf.medium_small,
18162
- x_small = _tokens$spacings$comf.x_small;
18188
+ x_small = _tokens$spacings$comf.x_small,
18189
+ _tokens$clickbounds = tokens$6.clickbounds,
18190
+ clicboundSize = _tokens$clickbounds.default__base,
18191
+ compactClickboundSize = _tokens$clickbounds.compact__standard;
18163
18192
  var comfortable$1 = {
18164
18193
  background: primaryColor,
18165
18194
  typography: labelTypography$1,
@@ -18169,6 +18198,9 @@ var comfortable$1 = {
18169
18198
  left: medium_small$1,
18170
18199
  right: medium_small$1
18171
18200
  },
18201
+ clickbound: {
18202
+ height: clicboundSize
18203
+ },
18172
18204
  states: {
18173
18205
  hover: {
18174
18206
  background: primaryHoverAlt$1
@@ -18201,6 +18233,9 @@ var comfortable$1 = {
18201
18233
  left: x_small,
18202
18234
  right: x_small
18203
18235
  },
18236
+ clickbound: {
18237
+ height: compactClickboundSize
18238
+ },
18204
18239
  states: {
18205
18240
  focus: {
18206
18241
  outline: {
@@ -18225,22 +18260,26 @@ var Input$2 = styled.input.attrs(function (_ref) {
18225
18260
  }).withConfig({
18226
18261
  displayName: "Radio__Input",
18227
18262
  componentId: "sc-we59oz-0"
18228
- })(["appearance:none;width:100%;height:100%;margin:0;grid-area:input;cursor:", ";&:focus{outline:none;}&[data-focus-visible-added]:focus + svg{", "}&:not(:checked) ~ svg path[name='selected']{display:none;}&:not(:checked) ~ svg path[name='unselected']{display:inline;}&:checked ~ svg path[name='unselected']{display:none;}&:checked ~ svg path[name='selected']{display:inline;}"], function (_ref2) {
18229
- var disabled = _ref2.disabled;
18230
- return disabled ? 'not-allowed' : 'pointer';
18263
+ })(["--scale:", ";appearance:none;width:100%;height:100%;margin:0;grid-area:input;transform:scale(var(--scale));cursor:", ";&:focus{outline:none;}&[data-focus-visible-added]:focus + svg{", "}&:not(:checked) ~ svg path[name='selected']{display:none;}&:not(:checked) ~ svg path[name='unselected']{display:inline;}&:checked ~ svg path[name='unselected']{display:none;}&:checked ~ svg path[name='selected']{display:inline;}"], function (_ref2) {
18264
+ var theme = _ref2.theme,
18265
+ iconSize = _ref2.iconSize;
18266
+ return parseFloat(theme.clickbound.height) / iconSize;
18231
18267
  }, function (_ref3) {
18232
- var theme = _ref3.theme;
18268
+ var disabled = _ref3.disabled;
18269
+ return disabled ? 'not-allowed' : 'pointer';
18270
+ }, function (_ref4) {
18271
+ var theme = _ref4.theme;
18233
18272
  return outlineTemplate(theme.states.focus.outline);
18234
18273
  });
18235
18274
  var StyledLabel$1 = styled.label.withConfig({
18236
18275
  displayName: "Radio__StyledLabel",
18237
18276
  componentId: "sc-we59oz-1"
18238
- })(["display:inline-flex;align-items:center;cursor:", ";"], function (_ref4) {
18239
- var disabled = _ref4.disabled;
18277
+ })(["display:inline-flex;align-items:center;cursor:", ";"], function (_ref5) {
18278
+ var disabled = _ref5.disabled;
18240
18279
  return disabled ? 'not-allowed' : 'pointer';
18241
18280
  });
18242
- var StyledPath = styled.path.attrs(function (_ref5) {
18243
- var icon = _ref5.icon;
18281
+ var StyledPath = styled.path.attrs(function (_ref6) {
18282
+ var icon = _ref6.icon;
18244
18283
  return {
18245
18284
  fillRule: 'evenodd',
18246
18285
  clipRule: 'evenodd',
@@ -18250,10 +18289,10 @@ var StyledPath = styled.path.attrs(function (_ref5) {
18250
18289
  displayName: "Radio__StyledPath",
18251
18290
  componentId: "sc-we59oz-2"
18252
18291
  })([""]);
18253
- var Svg = styled.svg.attrs(function (_ref6) {
18254
- var height = _ref6.height,
18255
- width = _ref6.width,
18256
- fill = _ref6.fill;
18292
+ var Svg = styled.svg.attrs(function (_ref7) {
18293
+ var height = _ref7.height,
18294
+ width = _ref7.width,
18295
+ fill = _ref7.fill;
18257
18296
  return {
18258
18297
  name: null,
18259
18298
  xmlns: 'http://www.w3.org/2000/svg',
@@ -18272,14 +18311,14 @@ var LabelText = styled.span.withConfig({
18272
18311
  var InputWrapper = styled.span.withConfig({
18273
18312
  displayName: "Radio__InputWrapper",
18274
18313
  componentId: "sc-we59oz-5"
18275
- })(["", " display:inline-grid;grid:[input] 1fr / [input] 1fr;border-radius:50%;cursor:", ";@media (hover:hover) and (pointer:fine){&:hover{background-color:", ";}}"], function (_ref7) {
18276
- var theme = _ref7.theme;
18314
+ })(["", " display:inline-grid;grid:[input] 1fr / [input] 1fr;border-radius:50%;cursor:", ";@media (hover:hover) and (pointer:fine){&:hover{background-color:", ";}}"], function (_ref8) {
18315
+ var theme = _ref8.theme;
18277
18316
  return spacingsTemplate(theme.spacings);
18278
- }, function (_ref8) {
18279
- var disabled = _ref8.disabled;
18280
- return disabled ? 'not-allowed' : 'pointer';
18281
18317
  }, function (_ref9) {
18282
18318
  var disabled = _ref9.disabled;
18319
+ return disabled ? 'not-allowed' : 'pointer';
18320
+ }, function (_ref10) {
18321
+ var disabled = _ref10.disabled;
18283
18322
  return disabled ? 'transparent' : comfortable$1.states.hover.background;
18284
18323
  });
18285
18324
  var Radio = /*#__PURE__*/forwardRef(function Radio(_a, ref) {
@@ -18326,7 +18365,8 @@ var Radio = /*#__PURE__*/forwardRef(function Radio(_a, ref) {
18326
18365
  }, {
18327
18366
  children: [jsxRuntime.exports.jsx(Input$2, Object.assign({}, rest, {
18328
18367
  ref: ref,
18329
- disabled: disabled
18368
+ disabled: disabled,
18369
+ iconSize: iconSize
18330
18370
  }), void 0), renderSVG]
18331
18371
  }), void 0), jsxRuntime.exports.jsx(LabelText, {
18332
18372
  children: label
@@ -18336,7 +18376,8 @@ var Radio = /*#__PURE__*/forwardRef(function Radio(_a, ref) {
18336
18376
  }, {
18337
18377
  children: [jsxRuntime.exports.jsx(Input$2, Object.assign({}, rest, {
18338
18378
  ref: ref,
18339
- disabled: disabled
18379
+ disabled: disabled,
18380
+ iconSize: iconSize
18340
18381
  }), void 0), renderSVG]
18341
18382
  }), void 0)
18342
18383
  }), void 0);
package/dist/core-react.umd.js CHANGED
@@ -2725,9 +2725,9 @@
2725
2725
  buttonBorderRadius$2 = _tokens$shape$button.borderRadius,
2726
2726
  compactButtonHeight = _tokens$shape$2._modes.compact.button.minHeight,
2727
2727
  outline = tokens$6.interactions.focused,
2728
- _tokens$clickbounds$1 = tokens$6.clickbounds,
2729
- clicboundHeight$1 = _tokens$clickbounds$1.default__base,
2730
- compactClickboundHeight$1 = _tokens$clickbounds$1.compact__standard;
2728
+ _tokens$clickbounds$3 = tokens$6.clickbounds,
2729
+ clicboundHeight$1 = _tokens$clickbounds$3.default__base,
2730
+ compactClickboundHeight$1 = _tokens$clickbounds$3.compact__standard;
2731
2731
  var button = {
2732
2732
  background: 'transparent',
2733
2733
  height: buttonHeight,
@@ -3234,9 +3234,9 @@
3234
3234
  dangerColor = _tokens$colors$intera$g.danger__resting.rgba,
3235
3235
  dangerHoverColor = _tokens$colors$intera$g.danger__hover.rgba,
3236
3236
  dangerHoverAltColor = _tokens$colors$intera$g.danger__highlight.rgba,
3237
- _tokens$clickbounds = tokens$6.clickbounds,
3238
- clicboundHeight = _tokens$clickbounds.default__base,
3239
- compactClickboundHeight = _tokens$clickbounds.compact__standard,
3237
+ _tokens$clickbounds$2 = tokens$6.clickbounds,
3238
+ clicboundHeight = _tokens$clickbounds$2.default__base,
3239
+ compactClickboundHeight = _tokens$clickbounds$2.compact__standard,
3240
3240
  shape$2 = tokens$6.shape;
3241
3241
  var primary$6 = mergeDeepRight(button, {
3242
3242
  height: shape$2.icon_button.minHeight,
@@ -5892,6 +5892,15 @@
5892
5892
  }, [options, token]);
5893
5893
  };
5894
5894
 
5895
+ var useHideBodyScroll = function useHideBodyScroll(overflowState) {
5896
+ React.useEffect(function () {
5897
+ document.body.style.overflow = 'hidden';
5898
+ return function () {
5899
+ document.body.style.overflow = overflowState;
5900
+ };
5901
+ }, []);
5902
+ };
5903
+
5895
5904
  var FullWidthCenterContent = styled__default['default'].span.withConfig({
5896
5905
  displayName: "InnerFullWidth__FullWidthCenterContent",
5897
5906
  componentId: "sc-qeawkb-0"
@@ -9432,6 +9441,8 @@
9432
9441
  isDismissable: isDismissable,
9433
9442
  ref: ref
9434
9443
  });
9444
+ var overflowState = document.body.style.overflow;
9445
+ useHideBodyScroll(overflowState);
9435
9446
  useGlobalKeyPress('Escape', function (e) {
9436
9447
  if (isDismissable && onClose) {
9437
9448
  onClose(e, false);
@@ -17777,7 +17788,10 @@
17777
17788
  labelTypography$2 = tokens$6.typography.navigation.menu_title,
17778
17789
  _tokens$spacings$comf$1 = tokens$6.spacings.comfortable,
17779
17790
  medium_small$2 = _tokens$spacings$comf$1.medium_small,
17780
- x_small$1 = _tokens$spacings$comf$1.x_small;
17791
+ x_small$1 = _tokens$spacings$comf$1.x_small,
17792
+ _tokens$clickbounds$1 = tokens$6.clickbounds,
17793
+ clicboundSize$1 = _tokens$clickbounds$1.default__base,
17794
+ compactClickboundSize$1 = _tokens$clickbounds$1.compact__standard;
17781
17795
  var checkbox = {
17782
17796
  background: primaryColor$1,
17783
17797
  typography: labelTypography$2,
@@ -17787,6 +17801,9 @@
17787
17801
  left: medium_small$2,
17788
17802
  right: medium_small$2
17789
17803
  },
17804
+ clickbound: {
17805
+ height: clicboundSize$1
17806
+ },
17790
17807
  states: {
17791
17808
  hover: {
17792
17809
  background: primaryHoverAlt$2
@@ -17819,6 +17836,9 @@
17819
17836
  left: x_small$1,
17820
17837
  right: x_small$1
17821
17838
  },
17839
+ clickbound: {
17840
+ height: compactClickboundSize$1
17841
+ },
17822
17842
  states: {
17823
17843
  focus: {
17824
17844
  outline: {
@@ -17854,17 +17874,21 @@
17854
17874
  }).withConfig({
17855
17875
  displayName: "Input",
17856
17876
  componentId: "sc-rqj7qf-1"
17857
- })(["appearance:none;width:100%;height:100%;margin:0;grid-area:input;cursor:", ";&:focus{outline:none;}&[data-focus-visible-added]:focus + svg{", "}&:not(:checked) ~ svg path[name='checked']{display:none;}&:not(:checked) ~ svg path[name='not-checked']{display:inline;}&:checked ~ svg path[name='not-checked']{display:none;}&:checked ~ svg path[name='checked']{display:inline;}"], function (_ref3) {
17858
- var disabled = _ref3.disabled;
17859
- return disabled ? 'not-allowed' : 'pointer';
17877
+ })(["--scale:", ";appearance:none;width:100%;height:100%;margin:0;grid-area:input;transform:scale(var(--scale));cursor:", ";&:focus{outline:none;}&[data-focus-visible-added]:focus + svg{", "}&:not(:checked) ~ svg path[name='checked']{display:none;}&:not(:checked) ~ svg path[name='not-checked']{display:inline;}&:checked ~ svg path[name='not-checked']{display:none;}&:checked ~ svg path[name='checked']{display:inline;}"], function (_ref3) {
17878
+ var theme = _ref3.theme,
17879
+ iconSize = _ref3.iconSize;
17880
+ return parseFloat(theme.clickbound.height) / iconSize;
17860
17881
  }, function (_ref4) {
17861
- var theme = _ref4.theme;
17882
+ var disabled = _ref4.disabled;
17883
+ return disabled ? 'not-allowed' : 'pointer';
17884
+ }, function (_ref5) {
17885
+ var theme = _ref5.theme;
17862
17886
  return outlineTemplate(theme.states.focus.outline);
17863
17887
  });
17864
- var Svg$1 = styled__default['default'].svg.attrs(function (_ref5) {
17865
- var height = _ref5.height,
17866
- width = _ref5.width,
17867
- fill = _ref5.fill;
17888
+ var Svg$1 = styled__default['default'].svg.attrs(function (_ref6) {
17889
+ var height = _ref6.height,
17890
+ width = _ref6.width,
17891
+ fill = _ref6.fill;
17868
17892
  return {
17869
17893
  name: null,
17870
17894
  xmlns: 'http://www.w3.org/2000/svg',
@@ -17879,11 +17903,11 @@
17879
17903
  var InputWrapper$1 = styled__default['default'].span.withConfig({
17880
17904
  displayName: "Input__InputWrapper",
17881
17905
  componentId: "sc-rqj7qf-3"
17882
- })(["display:inline-grid;grid:[input] 1fr / [input] 1fr;border-radius:50%;", " @media (hover:hover) and (pointer:fine){&:hover{background-color:", ";}}"], function (_ref6) {
17883
- var theme = _ref6.theme;
17906
+ })(["display:inline-grid;grid:[input] 1fr / [input] 1fr;border-radius:50%;", " @media (hover:hover) and (pointer:fine){&:hover{background-color:", ";}}"], function (_ref7) {
17907
+ var theme = _ref7.theme;
17884
17908
  return spacingsTemplate(theme.spacings);
17885
- }, function (_ref7) {
17886
- var disabled = _ref7.disabled;
17909
+ }, function (_ref8) {
17910
+ var disabled = _ref8.disabled;
17887
17911
  return disabled ? 'transparent' : checkbox.states.hover.background;
17888
17912
  });
17889
17913
  var CheckboxInput = /*#__PURE__*/React.forwardRef(function CheckboxInput(_a, ref) {
@@ -17911,7 +17935,9 @@
17911
17935
  theme: token
17912
17936
  }, {
17913
17937
  children: jsxRuntime.exports.jsxs(InputWrapper$1, Object.assign({}, inputWrapperProps, {
17914
- children: [jsxRuntime.exports.jsx(Input$3, Object.assign({}, inputProps), void 0), indeterminate ? jsxRuntime.exports.jsx(Svg$1, Object.assign({
17938
+ children: [jsxRuntime.exports.jsx(Input$3, Object.assign({
17939
+ iconSize: iconSize
17940
+ }, inputProps), void 0), indeterminate ? jsxRuntime.exports.jsx(Svg$1, Object.assign({
17915
17941
  width: iconSize,
17916
17942
  height: iconSize,
17917
17943
  viewBox: "0 0 ".concat(iconSize, " ").concat(iconSize),
@@ -18187,7 +18213,10 @@
18187
18213
  labelTypography$1 = tokens$6.typography.navigation.menu_title,
18188
18214
  _tokens$spacings$comf = tokens$6.spacings.comfortable,
18189
18215
  medium_small$1 = _tokens$spacings$comf.medium_small,
18190
- x_small = _tokens$spacings$comf.x_small;
18216
+ x_small = _tokens$spacings$comf.x_small,
18217
+ _tokens$clickbounds = tokens$6.clickbounds,
18218
+ clicboundSize = _tokens$clickbounds.default__base,
18219
+ compactClickboundSize = _tokens$clickbounds.compact__standard;
18191
18220
  var comfortable$1 = {
18192
18221
  background: primaryColor,
18193
18222
  typography: labelTypography$1,
@@ -18197,6 +18226,9 @@
18197
18226
  left: medium_small$1,
18198
18227
  right: medium_small$1
18199
18228
  },
18229
+ clickbound: {
18230
+ height: clicboundSize
18231
+ },
18200
18232
  states: {
18201
18233
  hover: {
18202
18234
  background: primaryHoverAlt$1
@@ -18229,6 +18261,9 @@
18229
18261
  left: x_small,
18230
18262
  right: x_small
18231
18263
  },
18264
+ clickbound: {
18265
+ height: compactClickboundSize
18266
+ },
18232
18267
  states: {
18233
18268
  focus: {
18234
18269
  outline: {
@@ -18253,22 +18288,26 @@
18253
18288
  }).withConfig({
18254
18289
  displayName: "Radio__Input",
18255
18290
  componentId: "sc-we59oz-0"
18256
- })(["appearance:none;width:100%;height:100%;margin:0;grid-area:input;cursor:", ";&:focus{outline:none;}&[data-focus-visible-added]:focus + svg{", "}&:not(:checked) ~ svg path[name='selected']{display:none;}&:not(:checked) ~ svg path[name='unselected']{display:inline;}&:checked ~ svg path[name='unselected']{display:none;}&:checked ~ svg path[name='selected']{display:inline;}"], function (_ref2) {
18257
- var disabled = _ref2.disabled;
18258
- return disabled ? 'not-allowed' : 'pointer';
18291
+ })(["--scale:", ";appearance:none;width:100%;height:100%;margin:0;grid-area:input;transform:scale(var(--scale));cursor:", ";&:focus{outline:none;}&[data-focus-visible-added]:focus + svg{", "}&:not(:checked) ~ svg path[name='selected']{display:none;}&:not(:checked) ~ svg path[name='unselected']{display:inline;}&:checked ~ svg path[name='unselected']{display:none;}&:checked ~ svg path[name='selected']{display:inline;}"], function (_ref2) {
18292
+ var theme = _ref2.theme,
18293
+ iconSize = _ref2.iconSize;
18294
+ return parseFloat(theme.clickbound.height) / iconSize;
18259
18295
  }, function (_ref3) {
18260
- var theme = _ref3.theme;
18296
+ var disabled = _ref3.disabled;
18297
+ return disabled ? 'not-allowed' : 'pointer';
18298
+ }, function (_ref4) {
18299
+ var theme = _ref4.theme;
18261
18300
  return outlineTemplate(theme.states.focus.outline);
18262
18301
  });
18263
18302
  var StyledLabel$1 = styled__default['default'].label.withConfig({
18264
18303
  displayName: "Radio__StyledLabel",
18265
18304
  componentId: "sc-we59oz-1"
18266
- })(["display:inline-flex;align-items:center;cursor:", ";"], function (_ref4) {
18267
- var disabled = _ref4.disabled;
18305
+ })(["display:inline-flex;align-items:center;cursor:", ";"], function (_ref5) {
18306
+ var disabled = _ref5.disabled;
18268
18307
  return disabled ? 'not-allowed' : 'pointer';
18269
18308
  });
18270
- var StyledPath = styled__default['default'].path.attrs(function (_ref5) {
18271
- var icon = _ref5.icon;
18309
+ var StyledPath = styled__default['default'].path.attrs(function (_ref6) {
18310
+ var icon = _ref6.icon;
18272
18311
  return {
18273
18312
  fillRule: 'evenodd',
18274
18313
  clipRule: 'evenodd',
@@ -18278,10 +18317,10 @@
18278
18317
  displayName: "Radio__StyledPath",
18279
18318
  componentId: "sc-we59oz-2"
18280
18319
  })([""]);
18281
- var Svg = styled__default['default'].svg.attrs(function (_ref6) {
18282
- var height = _ref6.height,
18283
- width = _ref6.width,
18284
- fill = _ref6.fill;
18320
+ var Svg = styled__default['default'].svg.attrs(function (_ref7) {
18321
+ var height = _ref7.height,
18322
+ width = _ref7.width,
18323
+ fill = _ref7.fill;
18285
18324
  return {
18286
18325
  name: null,
18287
18326
  xmlns: 'http://www.w3.org/2000/svg',
@@ -18300,14 +18339,14 @@
18300
18339
  var InputWrapper = styled__default['default'].span.withConfig({
18301
18340
  displayName: "Radio__InputWrapper",
18302
18341
  componentId: "sc-we59oz-5"
18303
- })(["", " display:inline-grid;grid:[input] 1fr / [input] 1fr;border-radius:50%;cursor:", ";@media (hover:hover) and (pointer:fine){&:hover{background-color:", ";}}"], function (_ref7) {
18304
- var theme = _ref7.theme;
18342
+ })(["", " display:inline-grid;grid:[input] 1fr / [input] 1fr;border-radius:50%;cursor:", ";@media (hover:hover) and (pointer:fine){&:hover{background-color:", ";}}"], function (_ref8) {
18343
+ var theme = _ref8.theme;
18305
18344
  return spacingsTemplate(theme.spacings);
18306
- }, function (_ref8) {
18307
- var disabled = _ref8.disabled;
18308
- return disabled ? 'not-allowed' : 'pointer';
18309
18345
  }, function (_ref9) {
18310
18346
  var disabled = _ref9.disabled;
18347
+ return disabled ? 'not-allowed' : 'pointer';
18348
+ }, function (_ref10) {
18349
+ var disabled = _ref10.disabled;
18311
18350
  return disabled ? 'transparent' : comfortable$1.states.hover.background;
18312
18351
  });
18313
18352
  var Radio = /*#__PURE__*/React.forwardRef(function Radio(_a, ref) {
@@ -18354,7 +18393,8 @@
18354
18393
  }, {
18355
18394
  children: [jsxRuntime.exports.jsx(Input$2, Object.assign({}, rest, {
18356
18395
  ref: ref,
18357
- disabled: disabled
18396
+ disabled: disabled,
18397
+ iconSize: iconSize
18358
18398
  }), void 0), renderSVG]
18359
18399
  }), void 0), jsxRuntime.exports.jsx(LabelText, {
18360
18400
  children: label
@@ -18364,7 +18404,8 @@
18364
18404
  }, {
18365
18405
  children: [jsxRuntime.exports.jsx(Input$2, Object.assign({}, rest, {
18366
18406
  ref: ref,
18367
- disabled: disabled
18407
+ disabled: disabled,
18408
+ iconSize: iconSize
18368
18409
  }), void 0), renderSVG]
18369
18410
  }), void 0)
18370
18411
  }), void 0);
package/dist/types/hooks/index.d.ts CHANGED
@@ -6,3 +6,4 @@ export { useId } from './useId';
6
6
  export { useIsMounted } from './useMountedRef';
7
7
  export { useAutoResize } from './useAutoResize';
8
8
  export * from './useToken';
9
+ export { useHideBodyScroll } from './useHideBodyScroll';
package/dist/types/hooks/useHideBodyScroll.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare const useHideBodyScroll: (overflowState: string) => void;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@equinor/eds-core-react",
3
- "version": "0.14.1-dev.20211018",
3
+ "version": "0.14.1",
4
4
  "description": "The React implementation of the Equinor Design System",
5
5
  "main": "dist/core-react.cjs.js",
6
6
  "publishConfig": {