@dfds-ui/forms 2.2.0-alpha.d73c5409 → 2.2.0-alpha.daf8252e

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 (109) hide show
  1. package/assistive-text/AssistiveText.d.ts +1 -1
  2. package/assistive-text/AssistiveText.js +5 -4
  3. package/asterisk/Asterisk.d.ts +1 -1
  4. package/asterisk/Asterisk.js +12 -4
  5. package/checkbox/Checkbox.d.ts +18 -17
  6. package/checkbox/Checkbox.js +47 -39
  7. package/checkbox/CheckboxContext.d.ts +3 -3
  8. package/checkbox/CheckboxContext.js +5 -4
  9. package/checkbox/CheckboxGroup.d.ts +1 -1
  10. package/checkbox/CheckboxGroup.js +43 -28
  11. package/cjs/assistive-text/AssistiveText.d.ts +1 -1
  12. package/cjs/assistive-text/AssistiveText.js +6 -5
  13. package/cjs/asterisk/Asterisk.d.ts +1 -1
  14. package/cjs/asterisk/Asterisk.js +7 -6
  15. package/cjs/checkbox/Checkbox.d.ts +18 -17
  16. package/cjs/checkbox/Checkbox.js +42 -39
  17. package/cjs/checkbox/CheckboxContext.d.ts +3 -3
  18. package/cjs/checkbox/CheckboxContext.js +7 -8
  19. package/cjs/checkbox/CheckboxGroup.d.ts +1 -1
  20. package/cjs/checkbox/CheckboxGroup.js +36 -26
  21. package/cjs/counter/Counter.d.ts +4 -3
  22. package/cjs/counter/Counter.js +66 -63
  23. package/cjs/enhanced/EnhancedField.d.ts +4 -4
  24. package/cjs/enhanced/EnhancedField.js +34 -31
  25. package/cjs/error-text/ErrorText.d.ts +1 -1
  26. package/cjs/error-text/ErrorText.js +6 -5
  27. package/cjs/field-wrap/FieldWrap.d.ts +1 -1
  28. package/cjs/field-wrap/FieldWrap.js +36 -28
  29. package/cjs/help-icon/HelpIcon.d.ts +1 -1
  30. package/cjs/help-icon/HelpIcon.js +9 -8
  31. package/cjs/label/Label.d.ts +1 -1
  32. package/cjs/label/Label.js +6 -4
  33. package/cjs/password-field/PasswordField.d.ts +2 -2
  34. package/cjs/password-field/PasswordField.js +8 -8
  35. package/cjs/radio/Radio.d.ts +7 -6
  36. package/cjs/radio/Radio.js +31 -30
  37. package/cjs/radio/RadioContext.d.ts +3 -3
  38. package/cjs/radio/RadioContext.js +7 -8
  39. package/cjs/radio/RadioGroup.d.ts +1 -1
  40. package/cjs/radio/RadioGroup.js +37 -27
  41. package/cjs/rating/Rating.d.ts +5 -6
  42. package/cjs/rating/Rating.js +89 -71
  43. package/cjs/select-field/AsyncSelectField.d.ts +5 -102
  44. package/cjs/select-field/AsyncSelectField.js +52 -51
  45. package/cjs/select-field/CreatableSelectField.d.ts +5 -135
  46. package/cjs/select-field/CreatableSelectField.js +105 -94
  47. package/cjs/select-field/NativeSelectField.d.ts +2 -2
  48. package/cjs/select-field/NativeSelectField.js +24 -23
  49. package/cjs/select-field/SelectField.d.ts +12 -50
  50. package/cjs/select-field/SelectField.js +116 -102
  51. package/cjs/switch/Switch.d.ts +4 -3
  52. package/cjs/switch/Switch.js +45 -38
  53. package/cjs/switch/SwitchContext.d.ts +3 -3
  54. package/cjs/switch/SwitchContext.js +7 -8
  55. package/cjs/switch/SwitchGroup.d.ts +1 -1
  56. package/cjs/switch/SwitchGroup.js +24 -15
  57. package/cjs/tel-field/TelField.d.ts +4 -32
  58. package/cjs/tel-field/TelField.js +101 -86
  59. package/cjs/text-field/TextField.d.ts +3 -28
  60. package/cjs/text-field/TextField.js +57 -53
  61. package/cjs/textarea-field/TextareaField.d.ts +5 -18
  62. package/cjs/textarea-field/TextareaField.js +28 -26
  63. package/cjs/types/field.d.ts +1 -1
  64. package/cjs/types/size.d.ts +1 -1
  65. package/counter/Counter.d.ts +4 -3
  66. package/counter/Counter.js +72 -66
  67. package/enhanced/EnhancedField.d.ts +4 -4
  68. package/enhanced/EnhancedField.js +40 -31
  69. package/error-text/ErrorText.d.ts +1 -1
  70. package/error-text/ErrorText.js +5 -4
  71. package/field-wrap/FieldWrap.d.ts +1 -1
  72. package/field-wrap/FieldWrap.js +42 -29
  73. package/help-icon/HelpIcon.d.ts +1 -1
  74. package/help-icon/HelpIcon.js +8 -7
  75. package/label/Label.d.ts +1 -1
  76. package/label/Label.js +13 -6
  77. package/package.json +11 -11
  78. package/password-field/PasswordField.d.ts +2 -2
  79. package/password-field/PasswordField.js +15 -11
  80. package/radio/Radio.d.ts +7 -6
  81. package/radio/Radio.js +36 -30
  82. package/radio/RadioContext.d.ts +3 -3
  83. package/radio/RadioContext.js +5 -4
  84. package/radio/RadioGroup.d.ts +1 -1
  85. package/radio/RadioGroup.js +37 -28
  86. package/rating/Rating.d.ts +5 -6
  87. package/rating/Rating.js +90 -72
  88. package/select-field/AsyncSelectField.d.ts +5 -102
  89. package/select-field/AsyncSelectField.js +61 -53
  90. package/select-field/CreatableSelectField.d.ts +5 -135
  91. package/select-field/CreatableSelectField.js +104 -94
  92. package/select-field/NativeSelectField.d.ts +2 -2
  93. package/select-field/NativeSelectField.js +29 -22
  94. package/select-field/SelectField.d.ts +12 -50
  95. package/select-field/SelectField.js +113 -100
  96. package/switch/Switch.d.ts +4 -3
  97. package/switch/Switch.js +57 -44
  98. package/switch/SwitchContext.d.ts +3 -3
  99. package/switch/SwitchContext.js +5 -4
  100. package/switch/SwitchGroup.d.ts +1 -1
  101. package/switch/SwitchGroup.js +24 -16
  102. package/tel-field/TelField.d.ts +4 -32
  103. package/tel-field/TelField.js +112 -92
  104. package/text-field/TextField.d.ts +3 -28
  105. package/text-field/TextField.js +64 -55
  106. package/textarea-field/TextareaField.d.ts +5 -18
  107. package/textarea-field/TextareaField.js +31 -26
  108. package/types/field.d.ts +1 -1
  109. package/types/size.d.ts +1 -1
@@ -5,10 +5,9 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = exports.RadioContextProvider = exports.RadioContext = void 0;
7
7
  var _react = _interopRequireWildcard(require("react"));
8
- var _react2 = require("@emotion/react");
8
+ var _jsxRuntime = require("@emotion/react/jsx-runtime");
9
9
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
10
- const RadioContext = /*#__PURE__*/(0, _react.createContext)(undefined);
11
- exports.RadioContext = RadioContext;
10
+ const RadioContext = exports.RadioContext = /*#__PURE__*/(0, _react.createContext)(undefined);
12
11
  const RadioContextProvider = ({
13
12
  children,
14
13
  value = {
@@ -16,14 +15,14 @@ const RadioContextProvider = ({
16
15
  error: false
17
16
  }
18
17
  }) => {
19
- return (0, _react2.jsx)(RadioContext.Provider, {
20
- value: value
21
- }, children);
18
+ return (0, _jsxRuntime.jsx)(RadioContext.Provider, {
19
+ value: value,
20
+ children: children
21
+ });
22
22
  };
23
23
  exports.RadioContextProvider = RadioContextProvider;
24
24
  const useRadioContext = () => {
25
25
  const context = (0, _react.useContext)(RadioContext);
26
26
  return context;
27
27
  };
28
- var _default = useRadioContext;
29
- exports.default = _default;
28
+ var _default = exports.default = useRadioContext;
@@ -1,7 +1,7 @@
1
1
  import React, { ReactNode } from 'react';
2
2
  import { BaseFieldProps } from '../types';
3
3
  import { RadioProps } from './Radio';
4
- export declare type RadioGroupProps = Pick<BaseFieldProps, 'help' | 'label' | 'required' | 'hideAsterisk' | 'disabled' | 'errorMessage'> & Pick<RadioProps, 'visualSize'> & {
4
+ export type RadioGroupProps = Pick<BaseFieldProps, 'help' | 'label' | 'required' | 'hideAsterisk' | 'disabled' | 'errorMessage'> & Pick<RadioProps, 'visualSize'> & {
5
5
  children: ReactNode;
6
6
  /**
7
7
  * Class name to be assigned to the component
@@ -12,6 +12,7 @@ var _ErrorText = _interopRequireDefault(require("../error-text/ErrorText"));
12
12
  var _RadioContext = require("./RadioContext");
13
13
  var _HelpIcon = _interopRequireDefault(require("../help-icon/HelpIcon"));
14
14
  var _theme = require("@dfds-ui/theme");
15
+ var _jsxRuntime = require("@emotion/react/jsx-runtime");
15
16
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
16
17
  function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
17
18
  var _ref2 = process.env.NODE_ENV === "production" ? {
@@ -25,9 +26,10 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
25
26
  const RadioGroupContainer = ({
26
27
  children
27
28
  }) => {
28
- return (0, _react2.jsx)("fieldset", {
29
- css: _ref2
30
- }, children);
29
+ return (0, _jsxRuntime.jsx)("fieldset", {
30
+ css: _ref2,
31
+ children: children
32
+ });
31
33
  };
32
34
  var _ref = process.env.NODE_ENV === "production" ? {
33
35
  name: "1a7e1yb",
@@ -49,30 +51,38 @@ const RadioGroup = ({
49
51
  className,
50
52
  disabled
51
53
  }) => {
52
- return (0, _react2.jsx)(RadioGroupContainer, {
54
+ return (0, _jsxRuntime.jsxs)(RadioGroupContainer, {
53
55
  className: className,
54
- errorMessage: errorMessage
55
- }, (0, _react2.jsx)(_RadioContext.RadioContextProvider, {
56
- value: {
57
- visualSize,
58
- error: !!errorMessage
59
- }
60
- }, (0, _react2.jsx)(_flexbox.FlexBox, {
61
- itemsFlexStart: true
62
- }, (0, _react2.jsx)(_Label.Label, {
63
- css: /*#__PURE__*/(0, _react2.css)("flex:1;margin-bottom:", _theme.theme.spacing.xs, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:RadioGroup;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9yYWRpby9SYWRpb0dyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5RG9CIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9yYWRpby9SYWRpb0dyb3VwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgTGFiZWwgfSBmcm9tICcuLi9sYWJlbC9MYWJlbCdcbmltcG9ydCB7IEZsZXhCb3ggfSBmcm9tICdAZGZkcy11aS9yZWFjdC1jb21wb25lbnRzL2ZsZXhib3gnXG5pbXBvcnQgRXJyb3JUZXh0IGZyb20gJy4uL2Vycm9yLXRleHQvRXJyb3JUZXh0J1xuaW1wb3J0IHsgQmFzZUZpZWxkUHJvcHMgfSBmcm9tICcuLi90eXBlcydcbmltcG9ydCB7IFJhZGlvQ29udGV4dFByb3ZpZGVyIH0gZnJvbSAnLi9SYWRpb0NvbnRleHQnXG5pbXBvcnQgeyBSYWRpb1Byb3BzIH0gZnJvbSAnLi9SYWRpbydcbmltcG9ydCBIZWxwSWNvbiBmcm9tICcuLi9oZWxwLWljb24vSGVscEljb24nXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG5leHBvcnQgdHlwZSBSYWRpb0dyb3VwUHJvcHMgPSBQaWNrPFxuICBCYXNlRmllbGRQcm9wcyxcbiAgJ2hlbHAnIHwgJ2xhYmVsJyB8ICdyZXF1aXJlZCcgfCAnaGlkZUFzdGVyaXNrJyB8ICdkaXNhYmxlZCcgfCAnZXJyb3JNZXNzYWdlJ1xuPiAmXG4gIFBpY2s8UmFkaW9Qcm9wcywgJ3Zpc3VhbFNpemUnPiAmIHtcbiAgICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gICAgLyoqXG4gICAgICogQ2xhc3MgbmFtZSB0byBiZSBhc3NpZ25lZCB0byB0aGUgY29tcG9uZW50XG4gICAgICovXG4gICAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICAgY29sdW1uPzogYm9vbGVhblxuICB9XG5cbmNvbnN0IFJhZGlvR3JvdXBDb250YWluZXIgPSAoeyBjaGlsZHJlbiB9OiBQYXJ0aWFsPFJhZGlvR3JvdXBQcm9wcz4pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8ZmllbGRzZXRcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICBib3JkZXI6IG5vbmU7XG4gICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgIG1hcmdpbjogMDtcbiAgICAgIGB9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvZmllbGRzZXQ+XG4gIClcbn1cblxuZXhwb3J0IGNvbnN0IFJhZGlvR3JvdXAgPSAoe1xuICB2aXN1YWxTaXplID0gJ21lZGl1bScsXG4gIGxhYmVsLFxuICBjaGlsZHJlbixcbiAgY29sdW1uID0gdHJ1ZSxcbiAgZXJyb3JNZXNzYWdlLFxuICBoZWxwLFxuICByZXF1aXJlZCxcbiAgaGlkZUFzdGVyaXNrID0gZmFsc2UsXG4gIGNsYXNzTmFtZSxcbiAgZGlzYWJsZWQsXG59OiBSYWRpb0dyb3VwUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8UmFkaW9Hcm91cENvbnRhaW5lciBjbGFzc05hbWU9e2NsYXNzTmFtZX0gZXJyb3JNZXNzYWdlPXtlcnJvck1lc3NhZ2V9PlxuICAgICAgPFJhZGlvQ29udGV4dFByb3ZpZGVyIHZhbHVlPXt7IHZpc3VhbFNpemUsIGVycm9yOiAhIWVycm9yTWVzc2FnZSB9fT5cbiAgICAgICAgPEZsZXhCb3ggaXRlbXNGbGV4U3RhcnQ+XG4gICAgICAgICAgPExhYmVsXG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgZmxleDogMTtcbiAgICAgICAgICAgICAgbWFyZ2luLWJvdHRvbTogJHt0aGVtZS5zcGFjaW5nLnhzfTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgICB2aXN1YWxTaXplPXt2aXN1YWxTaXplfVxuICAgICAgICAgICAgcmVxdWlyZWQ9e3JlcXVpcmVkfVxuICAgICAgICAgICAgaGlkZUFzdGVyaXNrPXtoaWRlQXN0ZXJpc2t9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgIDwvTGFiZWw+XG4gICAgICAgICAge2hlbHAgJiYgPEhlbHBJY29uIGNvbnRlbnQ9e2hlbHB9IC8+fVxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgZGlyZWN0aW9uQ29sdW1uPXtjb2x1bW59XG4gICAgICAgICAgZ2FwPXtcbiAgICAgICAgICAgIHZpc3VhbFNpemUgPT09ICdtZWRpdW0nXG4gICAgICAgICAgICAgID8gYCR7dGhlbWUuc3BhY2luZy5zfSAke3RoZW1lLnNwYWNpbmcubX1gXG4gICAgICAgICAgICAgIDogYGNhbGMoJHt0aGVtZS5zcGFjaW5nLnN9IC0gJHt0aGVtZS5zcGFjaW5nLnh4c30pICR7dGhlbWUuc3BhY2luZy5zfWBcbiAgICAgICAgICB9XG4gICAgICAgICAgd3JhcFdyYXA9e2NvbHVtbiA/IGZhbHNlIDogdHJ1ZX1cbiAgICAgICAgPlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC9SYWRpb0NvbnRleHRQcm92aWRlcj5cbiAgICAgIHtlcnJvck1lc3NhZ2UgJiYgKFxuICAgICAgICA8RmxleEJveFxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgbWFyZ2luLXRvcDogMC4yNXJlbTtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAgPEVycm9yVGV4dD57ZXJyb3JNZXNzYWdlfTwvRXJyb3JUZXh0PlxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICApfVxuICAgIDwvUmFkaW9Hcm91cENvbnRhaW5lcj5cbiAgKVxufVxuIl19 */"),
64
- disabled: disabled,
65
- visualSize: visualSize,
66
- required: required,
67
- hideAsterisk: hideAsterisk
68
- }, label), help && (0, _react2.jsx)(_HelpIcon.default, {
69
- content: help
70
- })), (0, _react2.jsx)(_flexbox.FlexBox, {
71
- directionColumn: column,
72
- gap: visualSize === 'medium' ? `${_theme.theme.spacing.s} ${_theme.theme.spacing.m}` : `calc(${_theme.theme.spacing.s} - ${_theme.theme.spacing.xxs}) ${_theme.theme.spacing.s}`,
73
- wrapWrap: column ? false : true
74
- }, children)), errorMessage && (0, _react2.jsx)(_flexbox.FlexBox, {
75
- css: _ref
76
- }, (0, _react2.jsx)(_ErrorText.default, null, errorMessage)));
56
+ errorMessage: errorMessage,
57
+ children: [(0, _jsxRuntime.jsxs)(_RadioContext.RadioContextProvider, {
58
+ value: {
59
+ visualSize,
60
+ error: !!errorMessage
61
+ },
62
+ children: [(0, _jsxRuntime.jsxs)(_flexbox.FlexBox, {
63
+ itemsFlexStart: true,
64
+ children: [(0, _jsxRuntime.jsx)(_Label.Label, {
65
+ css: /*#__PURE__*/(0, _react2.css)("flex:1;margin-bottom:", _theme.theme.spacing.xs, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:RadioGroup;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9yYWRpby9SYWRpb0dyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5RG9CIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9yYWRpby9SYWRpb0dyb3VwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgTGFiZWwgfSBmcm9tICcuLi9sYWJlbC9MYWJlbCdcbmltcG9ydCB7IEZsZXhCb3ggfSBmcm9tICdAZGZkcy11aS9yZWFjdC1jb21wb25lbnRzL2ZsZXhib3gnXG5pbXBvcnQgRXJyb3JUZXh0IGZyb20gJy4uL2Vycm9yLXRleHQvRXJyb3JUZXh0J1xuaW1wb3J0IHsgQmFzZUZpZWxkUHJvcHMgfSBmcm9tICcuLi90eXBlcydcbmltcG9ydCB7IFJhZGlvQ29udGV4dFByb3ZpZGVyIH0gZnJvbSAnLi9SYWRpb0NvbnRleHQnXG5pbXBvcnQgeyBSYWRpb1Byb3BzIH0gZnJvbSAnLi9SYWRpbydcbmltcG9ydCBIZWxwSWNvbiBmcm9tICcuLi9oZWxwLWljb24vSGVscEljb24nXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG5leHBvcnQgdHlwZSBSYWRpb0dyb3VwUHJvcHMgPSBQaWNrPFxuICBCYXNlRmllbGRQcm9wcyxcbiAgJ2hlbHAnIHwgJ2xhYmVsJyB8ICdyZXF1aXJlZCcgfCAnaGlkZUFzdGVyaXNrJyB8ICdkaXNhYmxlZCcgfCAnZXJyb3JNZXNzYWdlJ1xuPiAmXG4gIFBpY2s8UmFkaW9Qcm9wcywgJ3Zpc3VhbFNpemUnPiAmIHtcbiAgICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gICAgLyoqXG4gICAgICogQ2xhc3MgbmFtZSB0byBiZSBhc3NpZ25lZCB0byB0aGUgY29tcG9uZW50XG4gICAgICovXG4gICAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICAgY29sdW1uPzogYm9vbGVhblxuICB9XG5cbmNvbnN0IFJhZGlvR3JvdXBDb250YWluZXIgPSAoeyBjaGlsZHJlbiB9OiBQYXJ0aWFsPFJhZGlvR3JvdXBQcm9wcz4pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8ZmllbGRzZXRcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICBib3JkZXI6IG5vbmU7XG4gICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgIG1hcmdpbjogMDtcbiAgICAgIGB9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvZmllbGRzZXQ+XG4gIClcbn1cblxuZXhwb3J0IGNvbnN0IFJhZGlvR3JvdXAgPSAoe1xuICB2aXN1YWxTaXplID0gJ21lZGl1bScsXG4gIGxhYmVsLFxuICBjaGlsZHJlbixcbiAgY29sdW1uID0gdHJ1ZSxcbiAgZXJyb3JNZXNzYWdlLFxuICBoZWxwLFxuICByZXF1aXJlZCxcbiAgaGlkZUFzdGVyaXNrID0gZmFsc2UsXG4gIGNsYXNzTmFtZSxcbiAgZGlzYWJsZWQsXG59OiBSYWRpb0dyb3VwUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8UmFkaW9Hcm91cENvbnRhaW5lciBjbGFzc05hbWU9e2NsYXNzTmFtZX0gZXJyb3JNZXNzYWdlPXtlcnJvck1lc3NhZ2V9PlxuICAgICAgPFJhZGlvQ29udGV4dFByb3ZpZGVyIHZhbHVlPXt7IHZpc3VhbFNpemUsIGVycm9yOiAhIWVycm9yTWVzc2FnZSB9fT5cbiAgICAgICAgPEZsZXhCb3ggaXRlbXNGbGV4U3RhcnQ+XG4gICAgICAgICAgPExhYmVsXG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgZmxleDogMTtcbiAgICAgICAgICAgICAgbWFyZ2luLWJvdHRvbTogJHt0aGVtZS5zcGFjaW5nLnhzfTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgICB2aXN1YWxTaXplPXt2aXN1YWxTaXplfVxuICAgICAgICAgICAgcmVxdWlyZWQ9e3JlcXVpcmVkfVxuICAgICAgICAgICAgaGlkZUFzdGVyaXNrPXtoaWRlQXN0ZXJpc2t9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgIDwvTGFiZWw+XG4gICAgICAgICAge2hlbHAgJiYgPEhlbHBJY29uIGNvbnRlbnQ9e2hlbHB9IC8+fVxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgZGlyZWN0aW9uQ29sdW1uPXtjb2x1bW59XG4gICAgICAgICAgZ2FwPXtcbiAgICAgICAgICAgIHZpc3VhbFNpemUgPT09ICdtZWRpdW0nXG4gICAgICAgICAgICAgID8gYCR7dGhlbWUuc3BhY2luZy5zfSAke3RoZW1lLnNwYWNpbmcubX1gXG4gICAgICAgICAgICAgIDogYGNhbGMoJHt0aGVtZS5zcGFjaW5nLnN9IC0gJHt0aGVtZS5zcGFjaW5nLnh4c30pICR7dGhlbWUuc3BhY2luZy5zfWBcbiAgICAgICAgICB9XG4gICAgICAgICAgd3JhcFdyYXA9e2NvbHVtbiA/IGZhbHNlIDogdHJ1ZX1cbiAgICAgICAgPlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC9SYWRpb0NvbnRleHRQcm92aWRlcj5cbiAgICAgIHtlcnJvck1lc3NhZ2UgJiYgKFxuICAgICAgICA8RmxleEJveFxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgbWFyZ2luLXRvcDogMC4yNXJlbTtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAgPEVycm9yVGV4dD57ZXJyb3JNZXNzYWdlfTwvRXJyb3JUZXh0PlxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICApfVxuICAgIDwvUmFkaW9Hcm91cENvbnRhaW5lcj5cbiAgKVxufVxuIl19 */"),
66
+ disabled: disabled,
67
+ visualSize: visualSize,
68
+ required: required,
69
+ hideAsterisk: hideAsterisk,
70
+ children: label
71
+ }), help && (0, _jsxRuntime.jsx)(_HelpIcon.default, {
72
+ content: help
73
+ })]
74
+ }), (0, _jsxRuntime.jsx)(_flexbox.FlexBox, {
75
+ directionColumn: column,
76
+ gap: visualSize === 'medium' ? `${_theme.theme.spacing.s} ${_theme.theme.spacing.m}` : `calc(${_theme.theme.spacing.s} - ${_theme.theme.spacing.xxs}) ${_theme.theme.spacing.s}`,
77
+ wrapWrap: column ? false : true,
78
+ children: children
79
+ })]
80
+ }), errorMessage && (0, _jsxRuntime.jsx)(_flexbox.FlexBox, {
81
+ css: _ref,
82
+ children: (0, _jsxRuntime.jsx)(_ErrorText.default, {
83
+ children: errorMessage
84
+ })
85
+ })]
86
+ });
77
87
  };
78
88
  exports.RadioGroup = RadioGroup;
@@ -1,7 +1,8 @@
1
1
  import React from 'react';
2
2
  import { FieldWrapProps } from '../field-wrap/FieldWrap';
3
3
  import { Size } from '../types';
4
- export declare type RatingProps = {
4
+ export type RatingProps = {
5
+ ref?: React.Ref<HTMLInputElement>;
5
6
  /**
6
7
  * Amount of related checkboxes
7
8
  */
@@ -42,14 +43,12 @@ export declare type RatingProps = {
42
43
  cumulative?: boolean;
43
44
  Icon?: (index: number) => React.ComponentType;
44
45
  };
45
- export declare const Rating: React.ForwardRefExoticComponent<RatingProps & React.RefAttributes<HTMLInputElement>>;
46
- export declare type RatingFieldProps = RatingProps & Omit<FieldWrapProps, 'size' | 'placeholder' | 'helpPlacement' | 'children'> & {
46
+ export declare const Rating: ({ rangeCardinality, name, leadingHint, trailingHint, scaleLabels, onChange, value, disabled, showScaleLabels, cumulative, defaultValue, Icon, ref, }: RatingProps) => React.JSX.Element;
47
+ export type RatingFieldProps = RatingProps & Omit<FieldWrapProps, 'size' | 'placeholder' | 'helpPlacement' | 'children'> & {
47
48
  size: Exclude<Size, 'large'>;
48
49
  };
49
50
  /**
50
51
  * The `RatingField` component will allow the user to provide feedback by ranking things on a specified scale.
51
52
  */
52
- export declare const RatingField: React.ForwardRefExoticComponent<RatingProps & Omit<FieldWrapProps, "children" | "size" | "helpPlacement" | "placeholder"> & {
53
- size: Exclude<Size, 'large'>;
54
- } & React.RefAttributes<HTMLInputElement>>;
53
+ export declare const RatingField: ({ name, label, size, errorMessage, assistiveText, hideAsterisk, required, rangeCardinality, scaleLabels, leadingHint, trailingHint, extraAssistiveText, cumulative, value, help, disabled, onChange, showScaleLabels, defaultValue, Icon, className, ref, }: RatingFieldProps) => React.JSX.Element;
55
54
  export default RatingField;