@dfds-ui/forms 2.2.0-alpha.c2f773c5 → 2.2.0-alpha.c79adffa

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 (118) hide show
  1. package/assistive-text/AssistiveText.d.ts +2 -2
  2. package/assistive-text/AssistiveText.js +4 -5
  3. package/asterisk/Asterisk.d.ts +3 -3
  4. package/asterisk/Asterisk.js +3 -11
  5. package/checkbox/Checkbox.d.ts +15 -15
  6. package/checkbox/Checkbox.js +35 -44
  7. package/checkbox/CheckboxContext.d.ts +3 -4
  8. package/checkbox/CheckboxContext.js +4 -5
  9. package/checkbox/CheckboxGroup.d.ts +3 -3
  10. package/checkbox/CheckboxGroup.js +30 -43
  11. package/cjs/assistive-text/AssistiveText.d.ts +2 -2
  12. package/cjs/assistive-text/AssistiveText.js +3 -5
  13. package/cjs/asterisk/Asterisk.d.ts +3 -3
  14. package/cjs/asterisk/Asterisk.js +7 -9
  15. package/cjs/checkbox/Checkbox.d.ts +15 -15
  16. package/cjs/checkbox/Checkbox.js +56 -56
  17. package/cjs/checkbox/CheckboxContext.d.ts +3 -4
  18. package/cjs/checkbox/CheckboxContext.js +5 -6
  19. package/cjs/checkbox/CheckboxGroup.d.ts +3 -3
  20. package/cjs/checkbox/CheckboxGroup.js +49 -52
  21. package/cjs/checkbox/index.js +2 -2
  22. package/cjs/counter/Counter.d.ts +2 -2
  23. package/cjs/counter/Counter.js +92 -80
  24. package/cjs/counter/index.js +1 -1
  25. package/cjs/enhanced/EnhancedField.d.ts +4 -4
  26. package/cjs/enhanced/EnhancedField.js +39 -39
  27. package/cjs/enhanced/index.js +1 -1
  28. package/cjs/error-text/ErrorText.d.ts +2 -2
  29. package/cjs/error-text/ErrorText.js +3 -5
  30. package/cjs/field-wrap/FieldWrap.d.ts +3 -3
  31. package/cjs/field-wrap/FieldWrap.js +32 -38
  32. package/cjs/field-wrap/index.js +1 -1
  33. package/cjs/help-icon/HelpIcon.d.ts +3 -3
  34. package/cjs/help-icon/HelpIcon.js +6 -8
  35. package/cjs/index.js +19 -19
  36. package/cjs/label/Label.d.ts +2 -2
  37. package/cjs/label/Label.js +19 -15
  38. package/cjs/password-field/PasswordField.d.ts +1 -1
  39. package/cjs/password-field/PasswordField.js +15 -7
  40. package/cjs/radio/Radio.d.ts +4 -4
  41. package/cjs/radio/Radio.js +44 -43
  42. package/cjs/radio/RadioContext.d.ts +3 -4
  43. package/cjs/radio/RadioContext.js +5 -6
  44. package/cjs/radio/RadioGroup.d.ts +3 -3
  45. package/cjs/radio/RadioGroup.js +31 -39
  46. package/cjs/radio/index.js +2 -2
  47. package/cjs/rating/Rating.d.ts +4 -4
  48. package/cjs/rating/Rating.js +72 -76
  49. package/cjs/rating/index.js +1 -1
  50. package/cjs/select-field/AsyncSelectField.d.ts +89 -5
  51. package/cjs/select-field/AsyncSelectField.js +65 -66
  52. package/cjs/select-field/CreatableSelectField.d.ts +122 -5
  53. package/cjs/select-field/CreatableSelectField.js +133 -141
  54. package/cjs/select-field/NativeSelectField.d.ts +2 -2
  55. package/cjs/select-field/NativeSelectField.js +36 -35
  56. package/cjs/select-field/SelectField.d.ts +50 -13
  57. package/cjs/select-field/SelectField.js +142 -152
  58. package/cjs/switch/Switch.d.ts +3 -3
  59. package/cjs/switch/Switch.js +52 -52
  60. package/cjs/switch/SwitchContext.d.ts +3 -4
  61. package/cjs/switch/SwitchContext.js +5 -6
  62. package/cjs/switch/SwitchGroup.d.ts +3 -3
  63. package/cjs/switch/SwitchGroup.js +17 -25
  64. package/cjs/switch/index.js +2 -2
  65. package/cjs/tel-field/TelField.d.ts +9 -9
  66. package/cjs/tel-field/TelField.js +129 -115
  67. package/cjs/text-field/TextField.d.ts +18 -18
  68. package/cjs/text-field/TextField.js +85 -82
  69. package/cjs/textarea-field/TextareaField.d.ts +10 -10
  70. package/cjs/textarea-field/TextareaField.js +57 -46
  71. package/cjs/types/field.d.ts +1 -1
  72. package/cjs/types/index.js +2 -2
  73. package/cjs/types/size.d.ts +1 -1
  74. package/counter/Counter.d.ts +2 -2
  75. package/counter/Counter.js +57 -61
  76. package/enhanced/EnhancedField.d.ts +4 -4
  77. package/enhanced/EnhancedField.js +27 -32
  78. package/error-text/ErrorText.d.ts +2 -2
  79. package/error-text/ErrorText.js +4 -5
  80. package/field-wrap/FieldWrap.d.ts +3 -3
  81. package/field-wrap/FieldWrap.js +33 -44
  82. package/help-icon/HelpIcon.d.ts +3 -3
  83. package/help-icon/HelpIcon.js +7 -8
  84. package/label/Label.d.ts +2 -2
  85. package/label/Label.js +4 -11
  86. package/package.json +12 -12
  87. package/password-field/PasswordField.d.ts +1 -1
  88. package/password-field/PasswordField.js +4 -9
  89. package/radio/Radio.d.ts +4 -4
  90. package/radio/Radio.js +26 -33
  91. package/radio/RadioContext.d.ts +3 -4
  92. package/radio/RadioContext.js +4 -5
  93. package/radio/RadioGroup.d.ts +3 -3
  94. package/radio/RadioGroup.js +32 -39
  95. package/rating/Rating.d.ts +4 -4
  96. package/rating/Rating.js +64 -76
  97. package/select-field/AsyncSelectField.d.ts +89 -5
  98. package/select-field/AsyncSelectField.js +46 -57
  99. package/select-field/CreatableSelectField.d.ts +122 -5
  100. package/select-field/CreatableSelectField.js +87 -100
  101. package/select-field/NativeSelectField.d.ts +2 -2
  102. package/select-field/NativeSelectField.js +16 -24
  103. package/select-field/SelectField.d.ts +50 -13
  104. package/select-field/SelectField.js +96 -111
  105. package/switch/Switch.d.ts +3 -3
  106. package/switch/Switch.js +41 -50
  107. package/switch/SwitchContext.d.ts +3 -4
  108. package/switch/SwitchContext.js +4 -5
  109. package/switch/SwitchGroup.d.ts +3 -3
  110. package/switch/SwitchGroup.js +18 -25
  111. package/tel-field/TelField.d.ts +9 -9
  112. package/tel-field/TelField.js +86 -98
  113. package/text-field/TextField.d.ts +18 -18
  114. package/text-field/TextField.js +52 -59
  115. package/textarea-field/TextareaField.d.ts +10 -10
  116. package/textarea-field/TextareaField.js +18 -24
  117. package/types/field.d.ts +1 -1
  118. package/types/size.d.ts +1 -1
@@ -1,12 +1,11 @@
1
1
  import React from 'react';
2
2
  import { SwitchProps } from './Switch';
3
- type SwitchContextProps = Required<Pick<SwitchProps, 'size' | 'error'>> & {
3
+ declare type SwitchContextProps = Required<Pick<SwitchProps, 'size' | 'error'>> & {
4
4
  children?: React.ReactNode;
5
5
  };
6
6
  export declare const SwitchContext: React.Context<SwitchContextProps | undefined>;
7
- export declare const SwitchContextProvider: ({ children, value, }: {
7
+ export declare const SwitchContextProvider: React.FC<{
8
8
  value: SwitchContextProps;
9
- children?: React.ReactNode;
10
- }) => React.JSX.Element;
9
+ }>;
11
10
  declare const useSwitchContext: () => SwitchContextProps | undefined;
12
11
  export default useSwitchContext;
@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = exports.SwitchContextProvider = exports.SwitchContext = void 0;
7
7
  var _react = _interopRequireWildcard(require("react"));
8
- var _jsxRuntime = require("@emotion/react/jsx-runtime");
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); }
8
+ var _react2 = require("@emotion/react");
9
+ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(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
10
  const SwitchContext = exports.SwitchContext = /*#__PURE__*/(0, _react.createContext)(undefined);
11
11
  const SwitchContextProvider = ({
12
12
  children,
@@ -15,10 +15,9 @@ const SwitchContextProvider = ({
15
15
  error: false
16
16
  }
17
17
  }) => {
18
- return (0, _jsxRuntime.jsx)(SwitchContext.Provider, {
19
- value: value,
20
- children: children
21
- });
18
+ return (0, _react2.jsx)(SwitchContext.Provider, {
19
+ value: value
20
+ }, children);
22
21
  };
23
22
  exports.SwitchContextProvider = SwitchContextProvider;
24
23
  const useSwitchContext = () => {
@@ -1,10 +1,10 @@
1
- import React, { ReactNode } from 'react';
1
+ import { ReactNode } from 'react';
2
2
  import { BaseFieldProps } from '../types';
3
3
  import { SwitchProps } from './Switch';
4
- export type SwitchGroupProps = Pick<BaseFieldProps, 'label' | 'errorMessage' | 'hideAsterisk' | 'required'> & {
4
+ export declare type SwitchGroupProps = Pick<BaseFieldProps, 'label' | 'errorMessage' | 'hideAsterisk' | 'required'> & {
5
5
  /**
6
6
  * JSX enclosed by the group.
7
7
  */
8
8
  children: ReactNode;
9
9
  } & Pick<SwitchProps, 'size'>;
10
- export declare const SwitchGroup: ({ size, label, errorMessage, required, hideAsterisk, children, }: SwitchGroupProps) => React.JSX.Element;
10
+ export declare const SwitchGroup: ({ size, label, errorMessage, required, hideAsterisk, children, }: SwitchGroupProps) => JSX.Element;
@@ -10,7 +10,6 @@ var _Label = require("../label/Label");
10
10
  var _SwitchContext = require("./SwitchContext");
11
11
  var _flexbox = require("@dfds-ui/react-components/flexbox");
12
12
  var _ErrorText = _interopRequireDefault(require("../error-text/ErrorText"));
13
- var _jsxRuntime = require("@emotion/react/jsx-runtime");
14
13
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
15
14
  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)."; }
16
15
  var _ref = process.env.NODE_ENV === "production" ? {
@@ -18,15 +17,15 @@ var _ref = process.env.NODE_ENV === "production" ? {
18
17
  styles: "display:flex;flex-direction:column;border:none;padding:0;margin:0"
19
18
  } : {
20
19
  name: "7bcvef-SwitchGroupContainer",
21
- styles: "display:flex;flex-direction:column;border:none;padding:0;margin:0;label:SwitchGroupContainer;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zd2l0Y2gvU3dpdGNoR3JvdXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCWSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvc3dpdGNoL1N3aXRjaEdyb3VwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEJhc2VGaWVsZFByb3BzIH0gZnJvbSAnLi4vdHlwZXMnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFN3aXRjaFByb3BzIH0gZnJvbSAnLi9Td2l0Y2gnXG5pbXBvcnQgeyBMYWJlbCB9IGZyb20gJy4uL2xhYmVsL0xhYmVsJ1xuaW1wb3J0IHsgU3dpdGNoQ29udGV4dFByb3ZpZGVyIH0gZnJvbSAnLi9Td2l0Y2hDb250ZXh0J1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMvZmxleGJveCdcbmltcG9ydCBFcnJvclRleHQgZnJvbSAnLi4vZXJyb3ItdGV4dC9FcnJvclRleHQnXG5cbmV4cG9ydCB0eXBlIFN3aXRjaEdyb3VwUHJvcHMgPSBQaWNrPEJhc2VGaWVsZFByb3BzLCAnbGFiZWwnIHwgJ2Vycm9yTWVzc2FnZScgfCAnaGlkZUFzdGVyaXNrJyB8ICdyZXF1aXJlZCc+ICYge1xuICAvKipcbiAgICogSlNYIGVuY2xvc2VkIGJ5IHRoZSBncm91cC5cbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbn0gJiBQaWNrPFN3aXRjaFByb3BzLCAnc2l6ZSc+XG5cbmNvbnN0IFN3aXRjaEdyb3VwQ29udGFpbmVyID0gKHsgY2hpbGRyZW4gfTogUGFydGlhbDxTd2l0Y2hHcm91cFByb3BzPikgPT4gKFxuICA8ZmllbGRzZXRcbiAgICBjc3M9e2Nzc2BcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgcGFkZGluZzogMDtcbiAgICAgIG1hcmdpbjogMDtcbiAgICBgfVxuICA+XG4gICAge2NoaWxkcmVufVxuICA8L2ZpZWxkc2V0PlxuKVxuXG5leHBvcnQgY29uc3QgU3dpdGNoR3JvdXAgPSAoe1xuICBzaXplID0gJ21lZGl1bScsXG4gIGxhYmVsLFxuICBlcnJvck1lc3NhZ2UsXG4gIHJlcXVpcmVkLFxuICBoaWRlQXN0ZXJpc2ssXG4gIGNoaWxkcmVuLFxufTogU3dpdGNoR3JvdXBQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTd2l0Y2hHcm91cENvbnRhaW5lcj5cbiAgICAgIDxTd2l0Y2hDb250ZXh0UHJvdmlkZXIgdmFsdWU9e3sgc2l6ZSwgZXJyb3I6ICEhZXJyb3JNZXNzYWdlIH19PlxuICAgICAgICA8TGFiZWwgcmVxdWlyZWQ9e3JlcXVpcmVkfSBoaWRlQXN0ZXJpc2s9e2hpZGVBc3Rlcmlza30gdmlzdWFsU2l6ZT17c2l6ZX0+XG4gICAgICAgICAge2xhYmVsfVxuICAgICAgICA8L0xhYmVsPlxuICAgICAgICA8RmxleEJveCBkaXJlY3Rpb25Db2x1bW4+e2NoaWxkcmVufTwvRmxleEJveD5cbiAgICAgIDwvU3dpdGNoQ29udGV4dFByb3ZpZGVyPlxuICAgICAge2Vycm9yTWVzc2FnZSAmJiA8RXJyb3JUZXh0PntlcnJvck1lc3NhZ2V9PC9FcnJvclRleHQ+fVxuICAgIDwvU3dpdGNoR3JvdXBDb250YWluZXI+XG4gIClcbn1cbiJdfQ== */",
20
+ styles: "display:flex;flex-direction:column;border:none;padding:0;margin:0;label:SwitchGroupContainer;",
21
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zd2l0Y2gvU3dpdGNoR3JvdXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCWSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvc3dpdGNoL1N3aXRjaEdyb3VwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEJhc2VGaWVsZFByb3BzIH0gZnJvbSAnLi4vdHlwZXMnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFN3aXRjaFByb3BzIH0gZnJvbSAnLi9Td2l0Y2gnXG5pbXBvcnQgeyBMYWJlbCB9IGZyb20gJy4uL2xhYmVsL0xhYmVsJ1xuaW1wb3J0IHsgU3dpdGNoQ29udGV4dFByb3ZpZGVyIH0gZnJvbSAnLi9Td2l0Y2hDb250ZXh0J1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMvZmxleGJveCdcbmltcG9ydCBFcnJvclRleHQgZnJvbSAnLi4vZXJyb3ItdGV4dC9FcnJvclRleHQnXG5cbmV4cG9ydCB0eXBlIFN3aXRjaEdyb3VwUHJvcHMgPSBQaWNrPEJhc2VGaWVsZFByb3BzLCAnbGFiZWwnIHwgJ2Vycm9yTWVzc2FnZScgfCAnaGlkZUFzdGVyaXNrJyB8ICdyZXF1aXJlZCc+ICYge1xuICAvKipcbiAgICogSlNYIGVuY2xvc2VkIGJ5IHRoZSBncm91cC5cbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbn0gJiBQaWNrPFN3aXRjaFByb3BzLCAnc2l6ZSc+XG5cbmNvbnN0IFN3aXRjaEdyb3VwQ29udGFpbmVyID0gKHsgY2hpbGRyZW4gfTogUGFydGlhbDxTd2l0Y2hHcm91cFByb3BzPikgPT4gKFxuICA8ZmllbGRzZXRcbiAgICBjc3M9e2Nzc2BcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgcGFkZGluZzogMDtcbiAgICAgIG1hcmdpbjogMDtcbiAgICBgfVxuICA+XG4gICAge2NoaWxkcmVufVxuICA8L2ZpZWxkc2V0PlxuKVxuXG5leHBvcnQgY29uc3QgU3dpdGNoR3JvdXAgPSAoe1xuICBzaXplID0gJ21lZGl1bScsXG4gIGxhYmVsLFxuICBlcnJvck1lc3NhZ2UsXG4gIHJlcXVpcmVkLFxuICBoaWRlQXN0ZXJpc2ssXG4gIGNoaWxkcmVuLFxufTogU3dpdGNoR3JvdXBQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTd2l0Y2hHcm91cENvbnRhaW5lcj5cbiAgICAgIDxTd2l0Y2hDb250ZXh0UHJvdmlkZXIgdmFsdWU9e3sgc2l6ZSwgZXJyb3I6ICEhZXJyb3JNZXNzYWdlIH19PlxuICAgICAgICA8TGFiZWwgcmVxdWlyZWQ9e3JlcXVpcmVkfSBoaWRlQXN0ZXJpc2s9e2hpZGVBc3Rlcmlza30gdmlzdWFsU2l6ZT17c2l6ZX0+XG4gICAgICAgICAge2xhYmVsfVxuICAgICAgICA8L0xhYmVsPlxuICAgICAgICA8RmxleEJveCBkaXJlY3Rpb25Db2x1bW4+e2NoaWxkcmVufTwvRmxleEJveD5cbiAgICAgIDwvU3dpdGNoQ29udGV4dFByb3ZpZGVyPlxuICAgICAge2Vycm9yTWVzc2FnZSAmJiA8RXJyb3JUZXh0PntlcnJvck1lc3NhZ2V9PC9FcnJvclRleHQ+fVxuICAgIDwvU3dpdGNoR3JvdXBDb250YWluZXI+XG4gIClcbn1cbiJdfQ== */",
22
22
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
23
23
  };
24
24
  const SwitchGroupContainer = ({
25
25
  children
26
- }) => (0, _jsxRuntime.jsx)("fieldset", {
27
- css: _ref,
28
- children: children
29
- });
26
+ }) => (0, _react2.jsx)("fieldset", {
27
+ css: _ref
28
+ }, children);
30
29
  const SwitchGroup = ({
31
30
  size = 'medium',
32
31
  label,
@@ -35,24 +34,17 @@ const SwitchGroup = ({
35
34
  hideAsterisk,
36
35
  children
37
36
  }) => {
38
- return (0, _jsxRuntime.jsxs)(SwitchGroupContainer, {
39
- children: [(0, _jsxRuntime.jsxs)(_SwitchContext.SwitchContextProvider, {
40
- value: {
41
- size,
42
- error: !!errorMessage
43
- },
44
- children: [(0, _jsxRuntime.jsx)(_Label.Label, {
45
- required: required,
46
- hideAsterisk: hideAsterisk,
47
- visualSize: size,
48
- children: label
49
- }), (0, _jsxRuntime.jsx)(_flexbox.FlexBox, {
50
- directionColumn: true,
51
- children: children
52
- })]
53
- }), errorMessage && (0, _jsxRuntime.jsx)(_ErrorText.default, {
54
- children: errorMessage
55
- })]
56
- });
37
+ return (0, _react2.jsx)(SwitchGroupContainer, null, (0, _react2.jsx)(_SwitchContext.SwitchContextProvider, {
38
+ value: {
39
+ size,
40
+ error: !!errorMessage
41
+ }
42
+ }, (0, _react2.jsx)(_Label.Label, {
43
+ required: required,
44
+ hideAsterisk: hideAsterisk,
45
+ visualSize: size
46
+ }, label), (0, _react2.jsx)(_flexbox.FlexBox, {
47
+ directionColumn: true
48
+ }, children)), errorMessage && (0, _react2.jsx)(_ErrorText.default, null, errorMessage));
57
49
  };
58
50
  exports.SwitchGroup = SwitchGroup;
@@ -9,7 +9,7 @@ Object.keys(_Switch).forEach(function (key) {
9
9
  if (key in exports && exports[key] === _Switch[key]) return;
10
10
  Object.defineProperty(exports, key, {
11
11
  enumerable: true,
12
- get: function () {
12
+ get: function get() {
13
13
  return _Switch[key];
14
14
  }
15
15
  });
@@ -20,7 +20,7 @@ Object.keys(_SwitchGroup).forEach(function (key) {
20
20
  if (key in exports && exports[key] === _SwitchGroup[key]) return;
21
21
  Object.defineProperty(exports, key, {
22
22
  enumerable: true,
23
- get: function () {
23
+ get: function get() {
24
24
  return _SwitchGroup[key];
25
25
  }
26
26
  });
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { Locale } from '@dfds-ui/react-components';
3
3
  import { BaseFieldProps } from '../types';
4
- export type TelFieldProps = BaseFieldProps & {
4
+ export declare type TelFieldProps = BaseFieldProps & {
5
5
  /**
6
6
  * Class name to be added to the TelField.
7
7
  */
@@ -31,37 +31,37 @@ export type TelFieldProps = BaseFieldProps & {
31
31
  */
32
32
  onBlur?: () => void;
33
33
  };
34
- export type TelFieldElement = {
34
+ export declare type TelFieldElement = {
35
35
  focus?: () => void;
36
36
  };
37
37
  export declare const TelField: React.ForwardRefExoticComponent<BaseFieldProps & {
38
38
  /**
39
39
  * Class name to be added to the TelField.
40
40
  */
41
- className?: string;
41
+ className?: string | undefined;
42
42
  /**
43
43
  * Default value for the phone number
44
44
  */
45
- defaultValue?: string;
45
+ defaultValue?: string | undefined;
46
46
  /**
47
47
  * Default locale. Will set the matching country in the dropdown
48
48
  */
49
- defaultLocale?: Locale;
49
+ defaultLocale?: "en" | "nl-BE" | "bg-BG" | "pt-BR" | "en-CA" | "zh-CN" | "cs-CZ" | "da-DK" | "et-EE" | "fi-FI" | "fr-BE" | "fr-FR" | "fr-MA" | "de-DE" | "hu-HU" | "it-IT" | "ja-JP" | "lv-LV" | "lt-LT" | "nl-NL" | "nb-NO" | "pl-PL" | "ro-RO" | "ru-RU" | "sk-SK" | "ko-KR" | "es-ES" | "sv-SE" | "tr-TR" | "en-GB" | "en-US" | undefined;
50
50
  /**
51
51
  * Show trunk values (the local area code shown in parenthesis)
52
52
  */
53
- showTrunkValues?: boolean;
53
+ showTrunkValues?: boolean | undefined;
54
54
  /**
55
55
  * Makes value splitted so easier to convert to object
56
56
  */
57
- splitValues?: boolean;
57
+ splitValues?: boolean | undefined;
58
58
  /**
59
59
  * Callback when value changes
60
60
  */
61
- onChange?: (newValue: string) => void;
61
+ onChange?: ((newValue: string) => void) | undefined;
62
62
  /**
63
63
  * Callback when blur
64
64
  */
65
- onBlur?: () => void;
65
+ onBlur?: (() => void) | undefined;
66
66
  } & React.RefAttributes<TelFieldElement>>;
67
67
  export default TelField;