@dfds-ui/forms 1.1.12-alpha.d54268bb → 1.1.12-alpha.d917f0c6

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 (141) hide show
  1. package/assistive-text/AssistiveText.d.ts +8 -0
  2. package/assistive-text/AssistiveText.js +16 -0
  3. package/asterisk/Asterisk.d.ts +11 -0
  4. package/asterisk/Asterisk.js +14 -0
  5. package/checkbox/Checkbox.d.ts +59 -0
  6. package/checkbox/Checkbox.js +112 -0
  7. package/checkbox/CheckboxContext.d.ts +12 -0
  8. package/checkbox/CheckboxContext.js +21 -0
  9. package/checkbox/CheckboxGroup.d.ts +19 -0
  10. package/checkbox/CheckboxGroup.js +44 -0
  11. package/checkbox/index.d.ts +2 -0
  12. package/checkbox/index.js +2 -0
  13. package/cjs/assistive-text/AssistiveText.d.ts +8 -0
  14. package/cjs/assistive-text/AssistiveText.js +32 -0
  15. package/cjs/asterisk/Asterisk.d.ts +11 -0
  16. package/cjs/asterisk/Asterisk.js +28 -0
  17. package/cjs/checkbox/Checkbox.d.ts +59 -0
  18. package/cjs/checkbox/Checkbox.js +123 -0
  19. package/cjs/checkbox/CheckboxContext.d.ts +12 -0
  20. package/cjs/checkbox/CheckboxContext.js +39 -0
  21. package/cjs/checkbox/CheckboxGroup.d.ts +19 -0
  22. package/cjs/checkbox/CheckboxGroup.js +61 -0
  23. package/cjs/checkbox/index.d.ts +2 -0
  24. package/cjs/checkbox/index.js +31 -0
  25. package/cjs/counter/Counter.d.ts +66 -0
  26. package/cjs/counter/Counter.js +209 -0
  27. package/cjs/counter/index.d.ts +1 -0
  28. package/cjs/counter/index.js +13 -0
  29. package/cjs/enhanced/EnhancedField.d.ts +20 -0
  30. package/cjs/enhanced/EnhancedField.js +112 -0
  31. package/cjs/enhanced/index.d.ts +1 -0
  32. package/cjs/enhanced/index.js +18 -0
  33. package/cjs/error-text/ErrorText.d.ts +8 -0
  34. package/cjs/error-text/ErrorText.js +33 -0
  35. package/cjs/field-wrap/FieldWrap.d.ts +9 -0
  36. package/cjs/field-wrap/FieldWrap.js +90 -0
  37. package/cjs/field-wrap/index.d.ts +1 -0
  38. package/cjs/field-wrap/index.js +18 -0
  39. package/cjs/help-icon/HelpIcon.d.ts +7 -0
  40. package/cjs/help-icon/HelpIcon.js +34 -0
  41. package/cjs/index.d.ts +15 -0
  42. package/cjs/index.js +200 -0
  43. package/cjs/label/Label.d.ts +10 -0
  44. package/cjs/label/Label.js +45 -0
  45. package/cjs/password-field/PasswordField.d.ts +4 -0
  46. package/cjs/password-field/PasswordField.js +58 -0
  47. package/cjs/radio/Radio.d.ts +51 -0
  48. package/cjs/radio/Radio.js +119 -0
  49. package/cjs/radio/RadioContext.d.ts +12 -0
  50. package/cjs/radio/RadioContext.js +39 -0
  51. package/cjs/radio/RadioGroup.d.ts +11 -0
  52. package/cjs/radio/RadioGroup.js +57 -0
  53. package/cjs/radio/index.d.ts +2 -0
  54. package/cjs/radio/index.js +31 -0
  55. package/cjs/rating/Rating.d.ts +55 -0
  56. package/cjs/rating/Rating.js +235 -0
  57. package/cjs/rating/index.d.ts +1 -0
  58. package/cjs/rating/index.js +18 -0
  59. package/cjs/select-field/NativeSelectField.d.ts +8 -0
  60. package/cjs/select-field/NativeSelectField.js +91 -0
  61. package/cjs/select-field/SelectField.d.ts +84 -0
  62. package/cjs/select-field/SelectField.js +228 -0
  63. package/cjs/switch/Switch.d.ts +32 -0
  64. package/cjs/switch/Switch.js +166 -0
  65. package/cjs/switch/SwitchContext.d.ts +9 -0
  66. package/cjs/switch/SwitchContext.js +39 -0
  67. package/cjs/switch/SwitchGroup.d.ts +10 -0
  68. package/cjs/switch/SwitchGroup.js +51 -0
  69. package/cjs/switch/index.d.ts +1 -0
  70. package/cjs/switch/index.js +13 -0
  71. package/cjs/tel-field/TelField.d.ts +67 -0
  72. package/cjs/tel-field/TelField.js +309 -0
  73. package/cjs/text-field/TextField.d.ts +43 -0
  74. package/cjs/text-field/TextField.js +151 -0
  75. package/cjs/textarea-field/TextareaField.d.ts +44 -0
  76. package/cjs/textarea-field/TextareaField.js +123 -0
  77. package/cjs/types/field.d.ts +52 -0
  78. package/cjs/types/field.js +5 -0
  79. package/cjs/types/index.d.ts +2 -0
  80. package/cjs/types/index.js +31 -0
  81. package/cjs/types/size.d.ts +1 -0
  82. package/cjs/types/size.js +5 -0
  83. package/counter/Counter.d.ts +66 -0
  84. package/counter/Counter.js +198 -0
  85. package/counter/index.d.ts +1 -0
  86. package/counter/index.js +1 -0
  87. package/enhanced/EnhancedField.d.ts +20 -0
  88. package/enhanced/EnhancedField.js +93 -0
  89. package/enhanced/index.d.ts +1 -0
  90. package/enhanced/index.js +1 -0
  91. package/error-text/ErrorText.d.ts +8 -0
  92. package/error-text/ErrorText.js +17 -0
  93. package/field-wrap/FieldWrap.d.ts +9 -0
  94. package/field-wrap/FieldWrap.js +74 -0
  95. package/field-wrap/index.d.ts +1 -0
  96. package/field-wrap/index.js +1 -0
  97. package/help-icon/HelpIcon.d.ts +7 -0
  98. package/help-icon/HelpIcon.js +17 -0
  99. package/index.d.ts +15 -0
  100. package/index.js +15 -0
  101. package/label/Label.d.ts +10 -0
  102. package/label/Label.js +30 -0
  103. package/package.json +9 -9
  104. package/password-field/PasswordField.d.ts +4 -0
  105. package/password-field/PasswordField.js +42 -0
  106. package/radio/Radio.d.ts +51 -0
  107. package/radio/Radio.js +113 -0
  108. package/radio/RadioContext.d.ts +12 -0
  109. package/radio/RadioContext.js +21 -0
  110. package/radio/RadioGroup.d.ts +11 -0
  111. package/radio/RadioGroup.js +42 -0
  112. package/radio/index.d.ts +2 -0
  113. package/radio/index.js +2 -0
  114. package/rating/Rating.d.ts +55 -0
  115. package/rating/Rating.js +239 -0
  116. package/rating/index.d.ts +1 -0
  117. package/rating/index.js +1 -0
  118. package/select-field/NativeSelectField.d.ts +8 -0
  119. package/select-field/NativeSelectField.js +74 -0
  120. package/select-field/SelectField.d.ts +84 -0
  121. package/select-field/SelectField.js +225 -0
  122. package/switch/Switch.d.ts +32 -0
  123. package/switch/Switch.js +165 -0
  124. package/switch/SwitchContext.d.ts +9 -0
  125. package/switch/SwitchContext.js +21 -0
  126. package/switch/SwitchGroup.d.ts +10 -0
  127. package/switch/SwitchGroup.js +37 -0
  128. package/switch/index.d.ts +1 -0
  129. package/switch/index.js +1 -0
  130. package/tel-field/TelField.d.ts +67 -0
  131. package/tel-field/TelField.js +288 -0
  132. package/text-field/TextField.d.ts +43 -0
  133. package/text-field/TextField.js +134 -0
  134. package/textarea-field/TextareaField.d.ts +44 -0
  135. package/textarea-field/TextareaField.js +108 -0
  136. package/types/field.d.ts +52 -0
  137. package/types/field.js +1 -0
  138. package/types/index.d.ts +2 -0
  139. package/types/index.js +2 -0
  140. package/types/size.d.ts +1 -0
  141. package/types/size.js +1 -0
@@ -0,0 +1,112 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = exports.EnhancedField = void 0;
7
+
8
+ var _react = _interopRequireWildcard(require("react"));
9
+
10
+ var _react2 = require("@emotion/react");
11
+
12
+ var _hooks = require("@dfds-ui/hooks");
13
+
14
+ var _flexbox = require("@dfds-ui/react-components/flexbox");
15
+
16
+ var _theme = require("@dfds-ui/theme");
17
+
18
+ var _InputComposition = require("@dfds-ui/react-components/forms/input/InputComposition");
19
+
20
+ var _typography = require("@dfds-ui/typography");
21
+
22
+ const _excluded = ["onClick", "className", "label", "icon", "disabled", "name"];
23
+
24
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
25
+
26
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
27
+
28
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
29
+
30
+ function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
31
+
32
+ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
33
+
34
+ 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)."; }
35
+
36
+ const colors = _theme.theme.colors;
37
+
38
+ var _ref = process.env.NODE_ENV === "production" ? {
39
+ name: "1408f10",
40
+ styles: "padding-left:0"
41
+ } : {
42
+ name: "hjmfuo-EnhancedField",
43
+ styles: "padding-left:0;label:EnhancedField;",
44
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbmhhbmNlZC9FbmhhbmNlZEZpZWxkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErRW9CIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9lbmhhbmNlZC9FbmhhbmNlZEZpZWxkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHVzZUZvcndhcmRlZFJlZiB9IGZyb20gJ0BkZmRzLXVpL2hvb2tzJ1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMvZmxleGJveCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBJbnB1dENvbXBvc2l0aW9uLCBJbnB1dEljb24sIElucHV0Q29udHJvbCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMvZm9ybXMvaW5wdXQvSW5wdXRDb21wb3NpdGlvbidcbmltcG9ydCB7IHR5cG9ncmFwaHkgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuXG50eXBlIFJlYWN0SW5wdXRQcm9wcyA9IFJlYWN0LkRldGFpbGVkSFRNTFByb3BzPFJlYWN0LklucHV0SFRNTEF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4sIEhUTUxJbnB1dEVsZW1lbnQ+XG5cbi8vIFRPRE86IFJlZmFjdG9yIHRoZXNlIHR5cGVzXG5leHBvcnQgdHlwZSBFbmhhbmNlZElucHV0UHJvcHM8VFZhbHVlPiA9IE9taXQ8RW5oYW5jZWRGaWVsZFByb3BzLCAndmFsdWUnPiAmIHtcbiAgdmFsdWU/OiBUVmFsdWVcbn1cblxuZXhwb3J0IHR5cGUgRW5oYW5jZWRGaWVsZFByb3BzID0gT21pdDxSZWFjdElucHV0UHJvcHMsICdzaXplJyB8ICdjc3MnPiAmIHtcbiAgbmFtZT86IHN0cmluZ1xuICAvKipcbiAgICogTGFiZWwgdG8gYmUgZGlzcGxheWVkXG4gICAqL1xuICBsYWJlbD86IFJlYWN0LlJlYWN0Tm9kZVxuICAvKipcbiAgICogSWNvbiB0byBiZSBkaXNwbGF5ZWRcbiAgICovXG4gIGljb24/OiBSZWFjdC5FbGVtZW50VHlwZVxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgb25DbGljaz86IChlOiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQsIE1vdXNlRXZlbnQ+KSA9PiB2b2lkXG59XG5cbmNvbnN0IHsgY29sb3JzIH0gPSB0aGVtZVxuXG5leHBvcnQgY29uc3QgRW5oYW5jZWRGaWVsZCA9IGZvcndhcmRSZWY8SFRNTElucHV0RWxlbWVudCwgRW5oYW5jZWRGaWVsZFByb3BzPihcbiAgKHsgb25DbGljaywgY2xhc3NOYW1lLCBsYWJlbCwgaWNvbiwgZGlzYWJsZWQsIG5hbWUsIC4uLnJlc3QgfSwgcmVmKSA9PiB7XG4gICAgY29uc3QgaW5wdXRSZWYgPSB1c2VGb3J3YXJkZWRSZWYocmVmKVxuICAgIGNvbnN0IGhhbmRsZUNsaWNrID0gKGU6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTElucHV0RWxlbWVudCwgTW91c2VFdmVudD4pID0+IHtcbiAgICAgIG9uQ2xpY2sgJiYgb25DbGljayhlKVxuICAgICAgaWYgKGlucHV0UmVmICYmIGlucHV0UmVmLmN1cnJlbnQpIHtcbiAgICAgICAgaW5wdXRSZWYuY3VycmVudC5mb2N1cygpXG4gICAgICB9XG4gICAgfVxuICAgIHJldHVybiAoXG4gICAgICA8SW5wdXRDb21wb3NpdGlvblxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBoZWlnaHQ6IDUwcHg7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgIGB9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgICAgYXJpYS1kaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICA+XG4gICAgICAgIHtpY29uICYmIChcbiAgICAgICAgICA8SW5wdXRJY29uXG4gICAgICAgICAgICBpY29uPXtpY29ufVxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIGZvbnQtc2l6ZTogMzJweDtcbiAgICAgICAgICAgICAgY29sb3I6ICR7ZGlzYWJsZWQgPyBjb2xvcnMudGV4dC5kYXJrLmRpc2FibGVkIDogY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICBmbGV4PXsxfVxuICAgICAgICAgIGRpcmVjdGlvbkNvbHVtblxuICAgICAgICAgIGp1c3RpZnlDZW50ZXJcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiAxMHB4O1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICR7dHlwb2dyYXBoeS5jYXB0aW9ufTtcbiAgICAgICAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICAgICAgICAgICAgY29sb3I6ICR7ZGlzYWJsZWQgPyBjb2xvcnMudGV4dC5kYXJrLmRpc2FibGVkIDogY29sb3JzLnRleHQuZGFyay5wcmltYXJ5fTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICA8SW5wdXRDb250cm9sXG4gICAgICAgICAgICBuYW1lPXtuYW1lIHx8ICcnfVxuICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIHBhZGRpbmctbGVmdDogMDtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgICAgIHJlZj17aW5wdXRSZWZ9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC9JbnB1dENvbXBvc2l0aW9uPlxuICAgIClcbiAgfVxuKVxuXG5leHBvcnQgZGVmYXVsdCBFbmhhbmNlZEZpZWxkXG4iXX0= */",
45
+ toString: _EMOTION_STRINGIFIED_CSS_ERROR__
46
+ };
47
+
48
+ var _ref2 = process.env.NODE_ENV === "production" ? {
49
+ name: "1a2afmv",
50
+ styles: "margin-left:10px"
51
+ } : {
52
+ name: "zdaeo0-EnhancedField",
53
+ styles: "margin-left:10px;label:EnhancedField;",
54
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbmhhbmNlZC9FbmhhbmNlZEZpZWxkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErRGtCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9lbmhhbmNlZC9FbmhhbmNlZEZpZWxkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHVzZUZvcndhcmRlZFJlZiB9IGZyb20gJ0BkZmRzLXVpL2hvb2tzJ1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMvZmxleGJveCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBJbnB1dENvbXBvc2l0aW9uLCBJbnB1dEljb24sIElucHV0Q29udHJvbCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMvZm9ybXMvaW5wdXQvSW5wdXRDb21wb3NpdGlvbidcbmltcG9ydCB7IHR5cG9ncmFwaHkgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuXG50eXBlIFJlYWN0SW5wdXRQcm9wcyA9IFJlYWN0LkRldGFpbGVkSFRNTFByb3BzPFJlYWN0LklucHV0SFRNTEF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4sIEhUTUxJbnB1dEVsZW1lbnQ+XG5cbi8vIFRPRE86IFJlZmFjdG9yIHRoZXNlIHR5cGVzXG5leHBvcnQgdHlwZSBFbmhhbmNlZElucHV0UHJvcHM8VFZhbHVlPiA9IE9taXQ8RW5oYW5jZWRGaWVsZFByb3BzLCAndmFsdWUnPiAmIHtcbiAgdmFsdWU/OiBUVmFsdWVcbn1cblxuZXhwb3J0IHR5cGUgRW5oYW5jZWRGaWVsZFByb3BzID0gT21pdDxSZWFjdElucHV0UHJvcHMsICdzaXplJyB8ICdjc3MnPiAmIHtcbiAgbmFtZT86IHN0cmluZ1xuICAvKipcbiAgICogTGFiZWwgdG8gYmUgZGlzcGxheWVkXG4gICAqL1xuICBsYWJlbD86IFJlYWN0LlJlYWN0Tm9kZVxuICAvKipcbiAgICogSWNvbiB0byBiZSBkaXNwbGF5ZWRcbiAgICovXG4gIGljb24/OiBSZWFjdC5FbGVtZW50VHlwZVxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgb25DbGljaz86IChlOiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQsIE1vdXNlRXZlbnQ+KSA9PiB2b2lkXG59XG5cbmNvbnN0IHsgY29sb3JzIH0gPSB0aGVtZVxuXG5leHBvcnQgY29uc3QgRW5oYW5jZWRGaWVsZCA9IGZvcndhcmRSZWY8SFRNTElucHV0RWxlbWVudCwgRW5oYW5jZWRGaWVsZFByb3BzPihcbiAgKHsgb25DbGljaywgY2xhc3NOYW1lLCBsYWJlbCwgaWNvbiwgZGlzYWJsZWQsIG5hbWUsIC4uLnJlc3QgfSwgcmVmKSA9PiB7XG4gICAgY29uc3QgaW5wdXRSZWYgPSB1c2VGb3J3YXJkZWRSZWYocmVmKVxuICAgIGNvbnN0IGhhbmRsZUNsaWNrID0gKGU6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTElucHV0RWxlbWVudCwgTW91c2VFdmVudD4pID0+IHtcbiAgICAgIG9uQ2xpY2sgJiYgb25DbGljayhlKVxuICAgICAgaWYgKGlucHV0UmVmICYmIGlucHV0UmVmLmN1cnJlbnQpIHtcbiAgICAgICAgaW5wdXRSZWYuY3VycmVudC5mb2N1cygpXG4gICAgICB9XG4gICAgfVxuICAgIHJldHVybiAoXG4gICAgICA8SW5wdXRDb21wb3NpdGlvblxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBoZWlnaHQ6IDUwcHg7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgIGB9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgICAgYXJpYS1kaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICA+XG4gICAgICAgIHtpY29uICYmIChcbiAgICAgICAgICA8SW5wdXRJY29uXG4gICAgICAgICAgICBpY29uPXtpY29ufVxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIGZvbnQtc2l6ZTogMzJweDtcbiAgICAgICAgICAgICAgY29sb3I6ICR7ZGlzYWJsZWQgPyBjb2xvcnMudGV4dC5kYXJrLmRpc2FibGVkIDogY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICBmbGV4PXsxfVxuICAgICAgICAgIGRpcmVjdGlvbkNvbHVtblxuICAgICAgICAgIGp1c3RpZnlDZW50ZXJcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiAxMHB4O1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICR7dHlwb2dyYXBoeS5jYXB0aW9ufTtcbiAgICAgICAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICAgICAgICAgICAgY29sb3I6ICR7ZGlzYWJsZWQgPyBjb2xvcnMudGV4dC5kYXJrLmRpc2FibGVkIDogY29sb3JzLnRleHQuZGFyay5wcmltYXJ5fTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICA8SW5wdXRDb250cm9sXG4gICAgICAgICAgICBuYW1lPXtuYW1lIHx8ICcnfVxuICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIHBhZGRpbmctbGVmdDogMDtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgICAgIHJlZj17aW5wdXRSZWZ9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC9JbnB1dENvbXBvc2l0aW9uPlxuICAgIClcbiAgfVxuKVxuXG5leHBvcnQgZGVmYXVsdCBFbmhhbmNlZEZpZWxkXG4iXX0= */",
55
+ toString: _EMOTION_STRINGIFIED_CSS_ERROR__
56
+ };
57
+
58
+ var _ref3 = process.env.NODE_ENV === "production" ? {
59
+ name: "rz33rt",
60
+ styles: "height:50px;justify-content:center"
61
+ } : {
62
+ name: "1bntdcs-EnhancedField",
63
+ styles: "height:50px;justify-content:center;label:EnhancedField;",
64
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbmhhbmNlZC9FbmhhbmNlZEZpZWxkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQ2dCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9lbmhhbmNlZC9FbmhhbmNlZEZpZWxkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHVzZUZvcndhcmRlZFJlZiB9IGZyb20gJ0BkZmRzLXVpL2hvb2tzJ1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMvZmxleGJveCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBJbnB1dENvbXBvc2l0aW9uLCBJbnB1dEljb24sIElucHV0Q29udHJvbCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMvZm9ybXMvaW5wdXQvSW5wdXRDb21wb3NpdGlvbidcbmltcG9ydCB7IHR5cG9ncmFwaHkgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuXG50eXBlIFJlYWN0SW5wdXRQcm9wcyA9IFJlYWN0LkRldGFpbGVkSFRNTFByb3BzPFJlYWN0LklucHV0SFRNTEF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4sIEhUTUxJbnB1dEVsZW1lbnQ+XG5cbi8vIFRPRE86IFJlZmFjdG9yIHRoZXNlIHR5cGVzXG5leHBvcnQgdHlwZSBFbmhhbmNlZElucHV0UHJvcHM8VFZhbHVlPiA9IE9taXQ8RW5oYW5jZWRGaWVsZFByb3BzLCAndmFsdWUnPiAmIHtcbiAgdmFsdWU/OiBUVmFsdWVcbn1cblxuZXhwb3J0IHR5cGUgRW5oYW5jZWRGaWVsZFByb3BzID0gT21pdDxSZWFjdElucHV0UHJvcHMsICdzaXplJyB8ICdjc3MnPiAmIHtcbiAgbmFtZT86IHN0cmluZ1xuICAvKipcbiAgICogTGFiZWwgdG8gYmUgZGlzcGxheWVkXG4gICAqL1xuICBsYWJlbD86IFJlYWN0LlJlYWN0Tm9kZVxuICAvKipcbiAgICogSWNvbiB0byBiZSBkaXNwbGF5ZWRcbiAgICovXG4gIGljb24/OiBSZWFjdC5FbGVtZW50VHlwZVxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgb25DbGljaz86IChlOiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQsIE1vdXNlRXZlbnQ+KSA9PiB2b2lkXG59XG5cbmNvbnN0IHsgY29sb3JzIH0gPSB0aGVtZVxuXG5leHBvcnQgY29uc3QgRW5oYW5jZWRGaWVsZCA9IGZvcndhcmRSZWY8SFRNTElucHV0RWxlbWVudCwgRW5oYW5jZWRGaWVsZFByb3BzPihcbiAgKHsgb25DbGljaywgY2xhc3NOYW1lLCBsYWJlbCwgaWNvbiwgZGlzYWJsZWQsIG5hbWUsIC4uLnJlc3QgfSwgcmVmKSA9PiB7XG4gICAgY29uc3QgaW5wdXRSZWYgPSB1c2VGb3J3YXJkZWRSZWYocmVmKVxuICAgIGNvbnN0IGhhbmRsZUNsaWNrID0gKGU6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTElucHV0RWxlbWVudCwgTW91c2VFdmVudD4pID0+IHtcbiAgICAgIG9uQ2xpY2sgJiYgb25DbGljayhlKVxuICAgICAgaWYgKGlucHV0UmVmICYmIGlucHV0UmVmLmN1cnJlbnQpIHtcbiAgICAgICAgaW5wdXRSZWYuY3VycmVudC5mb2N1cygpXG4gICAgICB9XG4gICAgfVxuICAgIHJldHVybiAoXG4gICAgICA8SW5wdXRDb21wb3NpdGlvblxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBoZWlnaHQ6IDUwcHg7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgIGB9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgICAgYXJpYS1kaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICA+XG4gICAgICAgIHtpY29uICYmIChcbiAgICAgICAgICA8SW5wdXRJY29uXG4gICAgICAgICAgICBpY29uPXtpY29ufVxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIGZvbnQtc2l6ZTogMzJweDtcbiAgICAgICAgICAgICAgY29sb3I6ICR7ZGlzYWJsZWQgPyBjb2xvcnMudGV4dC5kYXJrLmRpc2FibGVkIDogY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICBmbGV4PXsxfVxuICAgICAgICAgIGRpcmVjdGlvbkNvbHVtblxuICAgICAgICAgIGp1c3RpZnlDZW50ZXJcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiAxMHB4O1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICR7dHlwb2dyYXBoeS5jYXB0aW9ufTtcbiAgICAgICAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICAgICAgICAgICAgY29sb3I6ICR7ZGlzYWJsZWQgPyBjb2xvcnMudGV4dC5kYXJrLmRpc2FibGVkIDogY29sb3JzLnRleHQuZGFyay5wcmltYXJ5fTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICA8SW5wdXRDb250cm9sXG4gICAgICAgICAgICBuYW1lPXtuYW1lIHx8ICcnfVxuICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIHBhZGRpbmctbGVmdDogMDtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgICAgIHJlZj17aW5wdXRSZWZ9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC9JbnB1dENvbXBvc2l0aW9uPlxuICAgIClcbiAgfVxuKVxuXG5leHBvcnQgZGVmYXVsdCBFbmhhbmNlZEZpZWxkXG4iXX0= */",
65
+ toString: _EMOTION_STRINGIFIED_CSS_ERROR__
66
+ };
67
+
68
+ const EnhancedField = /*#__PURE__*/(0, _react.forwardRef)((_ref4, ref) => {
69
+ let onClick = _ref4.onClick,
70
+ className = _ref4.className,
71
+ label = _ref4.label,
72
+ icon = _ref4.icon,
73
+ disabled = _ref4.disabled,
74
+ name = _ref4.name,
75
+ rest = _objectWithoutProperties(_ref4, _excluded);
76
+
77
+ const inputRef = (0, _hooks.useForwardedRef)(ref);
78
+
79
+ const handleClick = e => {
80
+ onClick && onClick(e);
81
+
82
+ if (inputRef && inputRef.current) {
83
+ inputRef.current.focus();
84
+ }
85
+ };
86
+
87
+ return (0, _react2.jsx)(_InputComposition.InputComposition, {
88
+ css: _ref3,
89
+ className: className,
90
+ onClick: handleClick,
91
+ "aria-disabled": disabled
92
+ }, icon && (0, _react2.jsx)(_InputComposition.InputIcon, {
93
+ icon: icon,
94
+ css: /*#__PURE__*/(0, _react2.css)("font-size:32px;color:", disabled ? colors.text.dark.disabled : colors.secondary.main, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:EnhancedField;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbmhhbmNlZC9FbmhhbmNlZEZpZWxkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRG9CIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9lbmhhbmNlZC9FbmhhbmNlZEZpZWxkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHVzZUZvcndhcmRlZFJlZiB9IGZyb20gJ0BkZmRzLXVpL2hvb2tzJ1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMvZmxleGJveCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBJbnB1dENvbXBvc2l0aW9uLCBJbnB1dEljb24sIElucHV0Q29udHJvbCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMvZm9ybXMvaW5wdXQvSW5wdXRDb21wb3NpdGlvbidcbmltcG9ydCB7IHR5cG9ncmFwaHkgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuXG50eXBlIFJlYWN0SW5wdXRQcm9wcyA9IFJlYWN0LkRldGFpbGVkSFRNTFByb3BzPFJlYWN0LklucHV0SFRNTEF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4sIEhUTUxJbnB1dEVsZW1lbnQ+XG5cbi8vIFRPRE86IFJlZmFjdG9yIHRoZXNlIHR5cGVzXG5leHBvcnQgdHlwZSBFbmhhbmNlZElucHV0UHJvcHM8VFZhbHVlPiA9IE9taXQ8RW5oYW5jZWRGaWVsZFByb3BzLCAndmFsdWUnPiAmIHtcbiAgdmFsdWU/OiBUVmFsdWVcbn1cblxuZXhwb3J0IHR5cGUgRW5oYW5jZWRGaWVsZFByb3BzID0gT21pdDxSZWFjdElucHV0UHJvcHMsICdzaXplJyB8ICdjc3MnPiAmIHtcbiAgbmFtZT86IHN0cmluZ1xuICAvKipcbiAgICogTGFiZWwgdG8gYmUgZGlzcGxheWVkXG4gICAqL1xuICBsYWJlbD86IFJlYWN0LlJlYWN0Tm9kZVxuICAvKipcbiAgICogSWNvbiB0byBiZSBkaXNwbGF5ZWRcbiAgICovXG4gIGljb24/OiBSZWFjdC5FbGVtZW50VHlwZVxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgb25DbGljaz86IChlOiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQsIE1vdXNlRXZlbnQ+KSA9PiB2b2lkXG59XG5cbmNvbnN0IHsgY29sb3JzIH0gPSB0aGVtZVxuXG5leHBvcnQgY29uc3QgRW5oYW5jZWRGaWVsZCA9IGZvcndhcmRSZWY8SFRNTElucHV0RWxlbWVudCwgRW5oYW5jZWRGaWVsZFByb3BzPihcbiAgKHsgb25DbGljaywgY2xhc3NOYW1lLCBsYWJlbCwgaWNvbiwgZGlzYWJsZWQsIG5hbWUsIC4uLnJlc3QgfSwgcmVmKSA9PiB7XG4gICAgY29uc3QgaW5wdXRSZWYgPSB1c2VGb3J3YXJkZWRSZWYocmVmKVxuICAgIGNvbnN0IGhhbmRsZUNsaWNrID0gKGU6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTElucHV0RWxlbWVudCwgTW91c2VFdmVudD4pID0+IHtcbiAgICAgIG9uQ2xpY2sgJiYgb25DbGljayhlKVxuICAgICAgaWYgKGlucHV0UmVmICYmIGlucHV0UmVmLmN1cnJlbnQpIHtcbiAgICAgICAgaW5wdXRSZWYuY3VycmVudC5mb2N1cygpXG4gICAgICB9XG4gICAgfVxuICAgIHJldHVybiAoXG4gICAgICA8SW5wdXRDb21wb3NpdGlvblxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBoZWlnaHQ6IDUwcHg7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgIGB9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgICAgYXJpYS1kaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICA+XG4gICAgICAgIHtpY29uICYmIChcbiAgICAgICAgICA8SW5wdXRJY29uXG4gICAgICAgICAgICBpY29uPXtpY29ufVxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIGZvbnQtc2l6ZTogMzJweDtcbiAgICAgICAgICAgICAgY29sb3I6ICR7ZGlzYWJsZWQgPyBjb2xvcnMudGV4dC5kYXJrLmRpc2FibGVkIDogY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICBmbGV4PXsxfVxuICAgICAgICAgIGRpcmVjdGlvbkNvbHVtblxuICAgICAgICAgIGp1c3RpZnlDZW50ZXJcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiAxMHB4O1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICR7dHlwb2dyYXBoeS5jYXB0aW9ufTtcbiAgICAgICAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICAgICAgICAgICAgY29sb3I6ICR7ZGlzYWJsZWQgPyBjb2xvcnMudGV4dC5kYXJrLmRpc2FibGVkIDogY29sb3JzLnRleHQuZGFyay5wcmltYXJ5fTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICA8SW5wdXRDb250cm9sXG4gICAgICAgICAgICBuYW1lPXtuYW1lIHx8ICcnfVxuICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIHBhZGRpbmctbGVmdDogMDtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgICAgIHJlZj17aW5wdXRSZWZ9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC9JbnB1dENvbXBvc2l0aW9uPlxuICAgIClcbiAgfVxuKVxuXG5leHBvcnQgZGVmYXVsdCBFbmhhbmNlZEZpZWxkXG4iXX0= */")
95
+ }), (0, _react2.jsx)(_flexbox.FlexBox, {
96
+ flex: 1,
97
+ directionColumn: true,
98
+ justifyCenter: true,
99
+ css: _ref2
100
+ }, (0, _react2.jsx)("span", {
101
+ css: /*#__PURE__*/(0, _react2.css)(_typography.typography.caption, ";white-space:nowrap;color:", disabled ? colors.text.dark.disabled : colors.text.dark.primary, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:EnhancedField;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbmhhbmNlZC9FbmhhbmNlZEZpZWxkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRW9CIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9lbmhhbmNlZC9FbmhhbmNlZEZpZWxkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHVzZUZvcndhcmRlZFJlZiB9IGZyb20gJ0BkZmRzLXVpL2hvb2tzJ1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMvZmxleGJveCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBJbnB1dENvbXBvc2l0aW9uLCBJbnB1dEljb24sIElucHV0Q29udHJvbCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMvZm9ybXMvaW5wdXQvSW5wdXRDb21wb3NpdGlvbidcbmltcG9ydCB7IHR5cG9ncmFwaHkgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuXG50eXBlIFJlYWN0SW5wdXRQcm9wcyA9IFJlYWN0LkRldGFpbGVkSFRNTFByb3BzPFJlYWN0LklucHV0SFRNTEF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4sIEhUTUxJbnB1dEVsZW1lbnQ+XG5cbi8vIFRPRE86IFJlZmFjdG9yIHRoZXNlIHR5cGVzXG5leHBvcnQgdHlwZSBFbmhhbmNlZElucHV0UHJvcHM8VFZhbHVlPiA9IE9taXQ8RW5oYW5jZWRGaWVsZFByb3BzLCAndmFsdWUnPiAmIHtcbiAgdmFsdWU/OiBUVmFsdWVcbn1cblxuZXhwb3J0IHR5cGUgRW5oYW5jZWRGaWVsZFByb3BzID0gT21pdDxSZWFjdElucHV0UHJvcHMsICdzaXplJyB8ICdjc3MnPiAmIHtcbiAgbmFtZT86IHN0cmluZ1xuICAvKipcbiAgICogTGFiZWwgdG8gYmUgZGlzcGxheWVkXG4gICAqL1xuICBsYWJlbD86IFJlYWN0LlJlYWN0Tm9kZVxuICAvKipcbiAgICogSWNvbiB0byBiZSBkaXNwbGF5ZWRcbiAgICovXG4gIGljb24/OiBSZWFjdC5FbGVtZW50VHlwZVxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgb25DbGljaz86IChlOiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQsIE1vdXNlRXZlbnQ+KSA9PiB2b2lkXG59XG5cbmNvbnN0IHsgY29sb3JzIH0gPSB0aGVtZVxuXG5leHBvcnQgY29uc3QgRW5oYW5jZWRGaWVsZCA9IGZvcndhcmRSZWY8SFRNTElucHV0RWxlbWVudCwgRW5oYW5jZWRGaWVsZFByb3BzPihcbiAgKHsgb25DbGljaywgY2xhc3NOYW1lLCBsYWJlbCwgaWNvbiwgZGlzYWJsZWQsIG5hbWUsIC4uLnJlc3QgfSwgcmVmKSA9PiB7XG4gICAgY29uc3QgaW5wdXRSZWYgPSB1c2VGb3J3YXJkZWRSZWYocmVmKVxuICAgIGNvbnN0IGhhbmRsZUNsaWNrID0gKGU6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTElucHV0RWxlbWVudCwgTW91c2VFdmVudD4pID0+IHtcbiAgICAgIG9uQ2xpY2sgJiYgb25DbGljayhlKVxuICAgICAgaWYgKGlucHV0UmVmICYmIGlucHV0UmVmLmN1cnJlbnQpIHtcbiAgICAgICAgaW5wdXRSZWYuY3VycmVudC5mb2N1cygpXG4gICAgICB9XG4gICAgfVxuICAgIHJldHVybiAoXG4gICAgICA8SW5wdXRDb21wb3NpdGlvblxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBoZWlnaHQ6IDUwcHg7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgIGB9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgICAgYXJpYS1kaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICA+XG4gICAgICAgIHtpY29uICYmIChcbiAgICAgICAgICA8SW5wdXRJY29uXG4gICAgICAgICAgICBpY29uPXtpY29ufVxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIGZvbnQtc2l6ZTogMzJweDtcbiAgICAgICAgICAgICAgY29sb3I6ICR7ZGlzYWJsZWQgPyBjb2xvcnMudGV4dC5kYXJrLmRpc2FibGVkIDogY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICBmbGV4PXsxfVxuICAgICAgICAgIGRpcmVjdGlvbkNvbHVtblxuICAgICAgICAgIGp1c3RpZnlDZW50ZXJcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiAxMHB4O1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICR7dHlwb2dyYXBoeS5jYXB0aW9ufTtcbiAgICAgICAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICAgICAgICAgICAgY29sb3I6ICR7ZGlzYWJsZWQgPyBjb2xvcnMudGV4dC5kYXJrLmRpc2FibGVkIDogY29sb3JzLnRleHQuZGFyay5wcmltYXJ5fTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICA8SW5wdXRDb250cm9sXG4gICAgICAgICAgICBuYW1lPXtuYW1lIHx8ICcnfVxuICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIHBhZGRpbmctbGVmdDogMDtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgICAgIHJlZj17aW5wdXRSZWZ9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC9JbnB1dENvbXBvc2l0aW9uPlxuICAgIClcbiAgfVxuKVxuXG5leHBvcnQgZGVmYXVsdCBFbmhhbmNlZEZpZWxkXG4iXX0= */")
102
+ }, label), (0, _react2.jsx)(_InputComposition.InputControl, _extends({
103
+ name: name || '',
104
+ disabled: disabled,
105
+ css: _ref
106
+ }, rest, {
107
+ ref: inputRef
108
+ }))));
109
+ });
110
+ exports.EnhancedField = EnhancedField;
111
+ var _default = EnhancedField;
112
+ exports.default = _default;
@@ -0,0 +1 @@
1
+ export * from './EnhancedField';
@@ -0,0 +1,18 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+
7
+ var _EnhancedField = require("./EnhancedField");
8
+
9
+ Object.keys(_EnhancedField).forEach(function (key) {
10
+ if (key === "default" || key === "__esModule") return;
11
+ if (key in exports && exports[key] === _EnhancedField[key]) return;
12
+ Object.defineProperty(exports, key, {
13
+ enumerable: true,
14
+ get: function get() {
15
+ return _EnhancedField[key];
16
+ }
17
+ });
18
+ });
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ export declare type ErrorTextProps = {
3
+ id?: string;
4
+ children: React.ReactNode;
5
+ className?: string;
6
+ };
7
+ export declare const ErrorText: ({ id, className, children }: ErrorTextProps) => JSX.Element;
8
+ export default ErrorText;
@@ -0,0 +1,33 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = exports.ErrorText = void 0;
7
+
8
+ var _react = _interopRequireDefault(require("react"));
9
+
10
+ var _react2 = require("@emotion/react");
11
+
12
+ var _typography = require("@dfds-ui/typography");
13
+
14
+ var _theme = require("@dfds-ui/theme");
15
+
16
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
+
18
+ const ErrorText = ({
19
+ id,
20
+ className,
21
+ children
22
+ }) => {
23
+ return (0, _react2.jsx)("span", {
24
+ id: id,
25
+ className: className,
26
+ css: /*#__PURE__*/(0, _react2.css)(_typography.typography.caption, ";color:", _theme.theme.colors.status.alert, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:ErrorText;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lcnJvci10ZXh0L0Vycm9yVGV4dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0JjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9lcnJvci10ZXh0L0Vycm9yVGV4dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHR5cG9ncmFwaHkgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxuZXhwb3J0IHR5cGUgRXJyb3JUZXh0UHJvcHMgPSB7XG4gIGlkPzogc3RyaW5nXG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBFcnJvclRleHQgPSAoeyBpZCwgY2xhc3NOYW1lLCBjaGlsZHJlbiB9OiBFcnJvclRleHRQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxzcGFuXG4gICAgICBpZD17aWR9XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICAke3R5cG9ncmFwaHkuY2FwdGlvbn07XG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdGF0dXMuYWxlcnR9O1xuICAgICAgYH1cbiAgICAgIHJvbGU9XCJhbGVydFwiXG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvc3Bhbj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBFcnJvclRleHRcbiJdfQ== */"),
27
+ role: "alert"
28
+ }, children);
29
+ };
30
+
31
+ exports.ErrorText = ErrorText;
32
+ var _default = ErrorText;
33
+ exports.default = _default;
@@ -0,0 +1,9 @@
1
+ import { ReactNode } from 'react';
2
+ import { BaseFieldProps, Size } from '../types';
3
+ export declare type FieldWrapProps = BaseFieldProps & {
4
+ size: Size;
5
+ children?: ReactNode;
6
+ extraAssistiveText?: string;
7
+ className?: string;
8
+ };
9
+ export declare const FieldWrap: ({ name, assistiveText, errorMessage, size, required, hideAsterisk, label, help, extraAssistiveText, className, children, }: FieldWrapProps) => JSX.Element;
@@ -0,0 +1,90 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.FieldWrap = void 0;
7
+
8
+ var _react = _interopRequireDefault(require("react"));
9
+
10
+ var _flexbox = require("@dfds-ui/react-components/flexbox");
11
+
12
+ var _react2 = require("@emotion/react");
13
+
14
+ var _Label = require("../label/Label");
15
+
16
+ var _HelpIcon = _interopRequireDefault(require("../help-icon/HelpIcon"));
17
+
18
+ var _AssistiveText = require("../assistive-text/AssistiveText");
19
+
20
+ var _ErrorText = require("../error-text/ErrorText");
21
+
22
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
23
+
24
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
25
+
26
+ 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)."; }
27
+
28
+ var _ref = process.env.NODE_ENV === "production" ? {
29
+ name: "1a7e1yb",
30
+ styles: "margin-top:0.25rem"
31
+ } : {
32
+ name: "1lxu3k1-FieldWrap",
33
+ styles: "margin-top:0.25rem;label:FieldWrap;",
34
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9maWVsZC13cmFwL0ZpZWxkV3JhcC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0RrQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZmllbGQtd3JhcC9GaWVsZFdyYXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMvZmxleGJveCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgTGFiZWwgfSBmcm9tICcuLi9sYWJlbC9MYWJlbCdcbmltcG9ydCB7IEJhc2VGaWVsZFByb3BzLCBTaXplIH0gZnJvbSAnLi4vdHlwZXMnXG5pbXBvcnQgSGVscEljb24gZnJvbSAnLi4vaGVscC1pY29uL0hlbHBJY29uJ1xuaW1wb3J0IHsgQXNzaXN0aXZlVGV4dCB9IGZyb20gJy4uL2Fzc2lzdGl2ZS10ZXh0L0Fzc2lzdGl2ZVRleHQnXG5pbXBvcnQgeyBFcnJvclRleHQgfSBmcm9tICcuLi9lcnJvci10ZXh0L0Vycm9yVGV4dCdcblxuZXhwb3J0IHR5cGUgRmllbGRXcmFwUHJvcHMgPSBCYXNlRmllbGRQcm9wcyAmIHtcbiAgc2l6ZTogU2l6ZVxuICBjaGlsZHJlbj86IFJlYWN0Tm9kZVxuICBleHRyYUFzc2lzdGl2ZVRleHQ/OiBzdHJpbmdcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBGaWVsZFdyYXAgPSAoe1xuICBuYW1lLFxuICBhc3Npc3RpdmVUZXh0LFxuICBlcnJvck1lc3NhZ2UsXG4gIHNpemUsXG4gIHJlcXVpcmVkLFxuICBoaWRlQXN0ZXJpc2ssXG4gIGxhYmVsLFxuICBoZWxwLFxuICBleHRyYUFzc2lzdGl2ZVRleHQsXG4gIGNsYXNzTmFtZSxcbiAgY2hpbGRyZW4sXG59OiBGaWVsZFdyYXBQcm9wcykgPT4ge1xuICBpZiAoYXNzaXN0aXZlVGV4dCA9PT0gJyAnKSB7XG4gICAgYXNzaXN0aXZlVGV4dCA9ICdcXHUwMEEwJ1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8RmxleEJveCBkaXJlY3Rpb25Db2x1bW4gY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuICAgICAgPEZsZXhCb3ggaXRlbXNDZW50ZXI+XG4gICAgICAgIHtsYWJlbCAmJiAoXG4gICAgICAgICAgPExhYmVsXG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgZmxleDogMTtcbiAgICAgICAgICAgICAgbWFyZ2luLWJvdHRvbTogMC4yNXJlbTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgICB2aXN1YWxTaXplPXtzaXplfVxuICAgICAgICAgICAgcmVxdWlyZWQ9e3JlcXVpcmVkfVxuICAgICAgICAgICAgaGlkZUFzdGVyaXNrPXtoaWRlQXN0ZXJpc2t9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgIDwvTGFiZWw+XG4gICAgICAgICl9XG4gICAgICAgIHtoZWxwICYmIDxIZWxwSWNvbiBjb250ZW50PXtoZWxwfSAvPn1cbiAgICAgIDwvRmxleEJveD5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIHsoYXNzaXN0aXZlVGV4dCB8fCBlcnJvck1lc3NhZ2UgfHwgZXh0cmFBc3Npc3RpdmVUZXh0KSAmJiAoXG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBtYXJnaW4tdG9wOiAwLjI1cmVtO1xuICAgICAgICAgIGB9XG4gICAgICAgICAgey4uLihhc3Npc3RpdmVUZXh0IHx8IGVycm9yTWVzc2FnZSA/IHsganVzdGlmeVNwYWNlQmV0d2VlbjogdHJ1ZSB9IDogeyBqdXN0aWZ5RmxleEVuZDogdHJ1ZSB9KX1cbiAgICAgICAgPlxuICAgICAgICAgIHthc3Npc3RpdmVUZXh0ICYmICFlcnJvck1lc3NhZ2UgJiYgPEFzc2lzdGl2ZVRleHQgaWQ9e2Ake25hbWV9X2FyaWFgfT57YXNzaXN0aXZlVGV4dH08L0Fzc2lzdGl2ZVRleHQ+fVxuICAgICAgICAgIHtlcnJvck1lc3NhZ2UgJiYgPEVycm9yVGV4dCBpZD17YCR7bmFtZX1fYXJpYWB9PntlcnJvck1lc3NhZ2V9PC9FcnJvclRleHQ+fVxuICAgICAgICAgIHsvKiBFeHRyYSBhc3Npc3RpdmUgdGV4dCBpcyBhbHdheXMgc2hvd24gb24gdGhlIHJpZ2h0ICovfVxuICAgICAgICAgIHtleHRyYUFzc2lzdGl2ZVRleHQgJiYgPEFzc2lzdGl2ZVRleHQ+e2V4dHJhQXNzaXN0aXZlVGV4dH08L0Fzc2lzdGl2ZVRleHQ+fVxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICApfVxuICAgIDwvRmxleEJveD5cbiAgKVxufVxuIl19 */",
35
+ toString: _EMOTION_STRINGIFIED_CSS_ERROR__
36
+ };
37
+
38
+ var _ref2 = process.env.NODE_ENV === "production" ? {
39
+ name: "1kk5tov",
40
+ styles: "flex:1;margin-bottom:0.25rem"
41
+ } : {
42
+ name: "13r5ak7-FieldWrap",
43
+ styles: "flex:1;margin-bottom:0.25rem;label:FieldWrap;",
44
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9maWVsZC13cmFwL0ZpZWxkV3JhcC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0NvQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZmllbGQtd3JhcC9GaWVsZFdyYXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMvZmxleGJveCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgTGFiZWwgfSBmcm9tICcuLi9sYWJlbC9MYWJlbCdcbmltcG9ydCB7IEJhc2VGaWVsZFByb3BzLCBTaXplIH0gZnJvbSAnLi4vdHlwZXMnXG5pbXBvcnQgSGVscEljb24gZnJvbSAnLi4vaGVscC1pY29uL0hlbHBJY29uJ1xuaW1wb3J0IHsgQXNzaXN0aXZlVGV4dCB9IGZyb20gJy4uL2Fzc2lzdGl2ZS10ZXh0L0Fzc2lzdGl2ZVRleHQnXG5pbXBvcnQgeyBFcnJvclRleHQgfSBmcm9tICcuLi9lcnJvci10ZXh0L0Vycm9yVGV4dCdcblxuZXhwb3J0IHR5cGUgRmllbGRXcmFwUHJvcHMgPSBCYXNlRmllbGRQcm9wcyAmIHtcbiAgc2l6ZTogU2l6ZVxuICBjaGlsZHJlbj86IFJlYWN0Tm9kZVxuICBleHRyYUFzc2lzdGl2ZVRleHQ/OiBzdHJpbmdcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBGaWVsZFdyYXAgPSAoe1xuICBuYW1lLFxuICBhc3Npc3RpdmVUZXh0LFxuICBlcnJvck1lc3NhZ2UsXG4gIHNpemUsXG4gIHJlcXVpcmVkLFxuICBoaWRlQXN0ZXJpc2ssXG4gIGxhYmVsLFxuICBoZWxwLFxuICBleHRyYUFzc2lzdGl2ZVRleHQsXG4gIGNsYXNzTmFtZSxcbiAgY2hpbGRyZW4sXG59OiBGaWVsZFdyYXBQcm9wcykgPT4ge1xuICBpZiAoYXNzaXN0aXZlVGV4dCA9PT0gJyAnKSB7XG4gICAgYXNzaXN0aXZlVGV4dCA9ICdcXHUwMEEwJ1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8RmxleEJveCBkaXJlY3Rpb25Db2x1bW4gY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuICAgICAgPEZsZXhCb3ggaXRlbXNDZW50ZXI+XG4gICAgICAgIHtsYWJlbCAmJiAoXG4gICAgICAgICAgPExhYmVsXG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgZmxleDogMTtcbiAgICAgICAgICAgICAgbWFyZ2luLWJvdHRvbTogMC4yNXJlbTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgICB2aXN1YWxTaXplPXtzaXplfVxuICAgICAgICAgICAgcmVxdWlyZWQ9e3JlcXVpcmVkfVxuICAgICAgICAgICAgaGlkZUFzdGVyaXNrPXtoaWRlQXN0ZXJpc2t9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgIDwvTGFiZWw+XG4gICAgICAgICl9XG4gICAgICAgIHtoZWxwICYmIDxIZWxwSWNvbiBjb250ZW50PXtoZWxwfSAvPn1cbiAgICAgIDwvRmxleEJveD5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIHsoYXNzaXN0aXZlVGV4dCB8fCBlcnJvck1lc3NhZ2UgfHwgZXh0cmFBc3Npc3RpdmVUZXh0KSAmJiAoXG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBtYXJnaW4tdG9wOiAwLjI1cmVtO1xuICAgICAgICAgIGB9XG4gICAgICAgICAgey4uLihhc3Npc3RpdmVUZXh0IHx8IGVycm9yTWVzc2FnZSA/IHsganVzdGlmeVNwYWNlQmV0d2VlbjogdHJ1ZSB9IDogeyBqdXN0aWZ5RmxleEVuZDogdHJ1ZSB9KX1cbiAgICAgICAgPlxuICAgICAgICAgIHthc3Npc3RpdmVUZXh0ICYmICFlcnJvck1lc3NhZ2UgJiYgPEFzc2lzdGl2ZVRleHQgaWQ9e2Ake25hbWV9X2FyaWFgfT57YXNzaXN0aXZlVGV4dH08L0Fzc2lzdGl2ZVRleHQ+fVxuICAgICAgICAgIHtlcnJvck1lc3NhZ2UgJiYgPEVycm9yVGV4dCBpZD17YCR7bmFtZX1fYXJpYWB9PntlcnJvck1lc3NhZ2V9PC9FcnJvclRleHQ+fVxuICAgICAgICAgIHsvKiBFeHRyYSBhc3Npc3RpdmUgdGV4dCBpcyBhbHdheXMgc2hvd24gb24gdGhlIHJpZ2h0ICovfVxuICAgICAgICAgIHtleHRyYUFzc2lzdGl2ZVRleHQgJiYgPEFzc2lzdGl2ZVRleHQ+e2V4dHJhQXNzaXN0aXZlVGV4dH08L0Fzc2lzdGl2ZVRleHQ+fVxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICApfVxuICAgIDwvRmxleEJveD5cbiAgKVxufVxuIl19 */",
45
+ toString: _EMOTION_STRINGIFIED_CSS_ERROR__
46
+ };
47
+
48
+ const FieldWrap = ({
49
+ name,
50
+ assistiveText,
51
+ errorMessage,
52
+ size,
53
+ required,
54
+ hideAsterisk,
55
+ label,
56
+ help,
57
+ extraAssistiveText,
58
+ className,
59
+ children
60
+ }) => {
61
+ if (assistiveText === ' ') {
62
+ assistiveText = '\u00A0';
63
+ }
64
+
65
+ return (0, _react2.jsx)(_flexbox.FlexBox, {
66
+ directionColumn: true,
67
+ className: className
68
+ }, (0, _react2.jsx)(_flexbox.FlexBox, {
69
+ itemsCenter: true
70
+ }, label && (0, _react2.jsx)(_Label.Label, {
71
+ css: _ref2,
72
+ visualSize: size,
73
+ required: required,
74
+ hideAsterisk: hideAsterisk
75
+ }, label), help && (0, _react2.jsx)(_HelpIcon.default, {
76
+ content: help
77
+ })), children, (assistiveText || errorMessage || extraAssistiveText) && (0, _react2.jsx)(_flexbox.FlexBox, _extends({
78
+ css: _ref
79
+ }, assistiveText || errorMessage ? {
80
+ justifySpaceBetween: true
81
+ } : {
82
+ justifyFlexEnd: true
83
+ }), assistiveText && !errorMessage && (0, _react2.jsx)(_AssistiveText.AssistiveText, {
84
+ id: `${name}_aria`
85
+ }, assistiveText), errorMessage && (0, _react2.jsx)(_ErrorText.ErrorText, {
86
+ id: `${name}_aria`
87
+ }, errorMessage), extraAssistiveText && (0, _react2.jsx)(_AssistiveText.AssistiveText, null, extraAssistiveText)));
88
+ };
89
+
90
+ exports.FieldWrap = FieldWrap;
@@ -0,0 +1 @@
1
+ export * from './FieldWrap';
@@ -0,0 +1,18 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+
7
+ var _FieldWrap = require("./FieldWrap");
8
+
9
+ Object.keys(_FieldWrap).forEach(function (key) {
10
+ if (key === "default" || key === "__esModule") return;
11
+ if (key in exports && exports[key] === _FieldWrap[key]) return;
12
+ Object.defineProperty(exports, key, {
13
+ enumerable: true,
14
+ get: function get() {
15
+ return _FieldWrap[key];
16
+ }
17
+ });
18
+ });
@@ -0,0 +1,7 @@
1
+ /// <reference types="react" />
2
+ export declare type HelpIconProps = {
3
+ content: string;
4
+ className?: string;
5
+ };
6
+ export declare const HelpIcon: ({ content, className }: HelpIconProps) => JSX.Element;
7
+ export default HelpIcon;
@@ -0,0 +1,34 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = exports.HelpIcon = void 0;
7
+
8
+ var _react = _interopRequireDefault(require("react"));
9
+
10
+ var _react2 = require("@emotion/react");
11
+
12
+ var _system = require("@dfds-ui/icons/system");
13
+
14
+ var _theme = require("@dfds-ui/theme");
15
+
16
+ var _tooltip = require("@dfds-ui/react-components/tooltip");
17
+
18
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
+
20
+ const HelpIcon = ({
21
+ content,
22
+ className
23
+ }) => {
24
+ return (0, _react2.jsx)(_tooltip.UnstableWithTooltip, {
25
+ content: content
26
+ }, (0, _react2.jsx)(_system.Help, {
27
+ css: /*#__PURE__*/(0, _react2.css)("font-size:1.25rem;color:", _theme.theme.colors.text.dark.secondary, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:HelpIcon;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9oZWxwLWljb24vSGVscEljb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVnQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvaGVscC1pY29uL0hlbHBJY29uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgSGVscCB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBVbnN0YWJsZVdpdGhUb29sdGlwIH0gZnJvbSAnQGRmZHMtdWkvcmVhY3QtY29tcG9uZW50cy90b29sdGlwJ1xuXG5leHBvcnQgdHlwZSBIZWxwSWNvblByb3BzID0ge1xuICBjb250ZW50OiBzdHJpbmdcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBIZWxwSWNvbiA9ICh7IGNvbnRlbnQsIGNsYXNzTmFtZSB9OiBIZWxwSWNvblByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFVuc3RhYmxlV2l0aFRvb2x0aXAgY29udGVudD17Y29udGVudH0+XG4gICAgICA8SGVscFxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBmb250LXNpemU6IDEuMjVyZW07XG4gICAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQuZGFyay5zZWNvbmRhcnl9O1xuICAgICAgICBgfVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIC8+XG4gICAgPC9VbnN0YWJsZVdpdGhUb29sdGlwPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IEhlbHBJY29uXG4iXX0= */"),
28
+ className: className
29
+ }));
30
+ };
31
+
32
+ exports.HelpIcon = HelpIcon;
33
+ var _default = HelpIcon;
34
+ exports.default = _default;
package/cjs/index.d.ts ADDED
@@ -0,0 +1,15 @@
1
+ export * from './checkbox';
2
+ export * from './enhanced';
3
+ export * from './error-text/ErrorText';
4
+ export * from './field-wrap';
5
+ export * from './label/Label';
6
+ export * from './password-field/PasswordField';
7
+ export * from './radio';
8
+ export * from './rating';
9
+ export * from './select-field/NativeSelectField';
10
+ export * from './select-field/SelectField';
11
+ export * from './switch/index';
12
+ export * from './tel-field/TelField';
13
+ export * from './text-field/TextField';
14
+ export * from './textarea-field/TextareaField';
15
+ export * from './counter/Counter';
package/cjs/index.js ADDED
@@ -0,0 +1,200 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+
7
+ var _checkbox = require("./checkbox");
8
+
9
+ Object.keys(_checkbox).forEach(function (key) {
10
+ if (key === "default" || key === "__esModule") return;
11
+ if (key in exports && exports[key] === _checkbox[key]) return;
12
+ Object.defineProperty(exports, key, {
13
+ enumerable: true,
14
+ get: function get() {
15
+ return _checkbox[key];
16
+ }
17
+ });
18
+ });
19
+
20
+ var _enhanced = require("./enhanced");
21
+
22
+ Object.keys(_enhanced).forEach(function (key) {
23
+ if (key === "default" || key === "__esModule") return;
24
+ if (key in exports && exports[key] === _enhanced[key]) return;
25
+ Object.defineProperty(exports, key, {
26
+ enumerable: true,
27
+ get: function get() {
28
+ return _enhanced[key];
29
+ }
30
+ });
31
+ });
32
+
33
+ var _ErrorText = require("./error-text/ErrorText");
34
+
35
+ Object.keys(_ErrorText).forEach(function (key) {
36
+ if (key === "default" || key === "__esModule") return;
37
+ if (key in exports && exports[key] === _ErrorText[key]) return;
38
+ Object.defineProperty(exports, key, {
39
+ enumerable: true,
40
+ get: function get() {
41
+ return _ErrorText[key];
42
+ }
43
+ });
44
+ });
45
+
46
+ var _fieldWrap = require("./field-wrap");
47
+
48
+ Object.keys(_fieldWrap).forEach(function (key) {
49
+ if (key === "default" || key === "__esModule") return;
50
+ if (key in exports && exports[key] === _fieldWrap[key]) return;
51
+ Object.defineProperty(exports, key, {
52
+ enumerable: true,
53
+ get: function get() {
54
+ return _fieldWrap[key];
55
+ }
56
+ });
57
+ });
58
+
59
+ var _Label = require("./label/Label");
60
+
61
+ Object.keys(_Label).forEach(function (key) {
62
+ if (key === "default" || key === "__esModule") return;
63
+ if (key in exports && exports[key] === _Label[key]) return;
64
+ Object.defineProperty(exports, key, {
65
+ enumerable: true,
66
+ get: function get() {
67
+ return _Label[key];
68
+ }
69
+ });
70
+ });
71
+
72
+ var _PasswordField = require("./password-field/PasswordField");
73
+
74
+ Object.keys(_PasswordField).forEach(function (key) {
75
+ if (key === "default" || key === "__esModule") return;
76
+ if (key in exports && exports[key] === _PasswordField[key]) return;
77
+ Object.defineProperty(exports, key, {
78
+ enumerable: true,
79
+ get: function get() {
80
+ return _PasswordField[key];
81
+ }
82
+ });
83
+ });
84
+
85
+ var _radio = require("./radio");
86
+
87
+ Object.keys(_radio).forEach(function (key) {
88
+ if (key === "default" || key === "__esModule") return;
89
+ if (key in exports && exports[key] === _radio[key]) return;
90
+ Object.defineProperty(exports, key, {
91
+ enumerable: true,
92
+ get: function get() {
93
+ return _radio[key];
94
+ }
95
+ });
96
+ });
97
+
98
+ var _rating = require("./rating");
99
+
100
+ Object.keys(_rating).forEach(function (key) {
101
+ if (key === "default" || key === "__esModule") return;
102
+ if (key in exports && exports[key] === _rating[key]) return;
103
+ Object.defineProperty(exports, key, {
104
+ enumerable: true,
105
+ get: function get() {
106
+ return _rating[key];
107
+ }
108
+ });
109
+ });
110
+
111
+ var _NativeSelectField = require("./select-field/NativeSelectField");
112
+
113
+ Object.keys(_NativeSelectField).forEach(function (key) {
114
+ if (key === "default" || key === "__esModule") return;
115
+ if (key in exports && exports[key] === _NativeSelectField[key]) return;
116
+ Object.defineProperty(exports, key, {
117
+ enumerable: true,
118
+ get: function get() {
119
+ return _NativeSelectField[key];
120
+ }
121
+ });
122
+ });
123
+
124
+ var _SelectField = require("./select-field/SelectField");
125
+
126
+ Object.keys(_SelectField).forEach(function (key) {
127
+ if (key === "default" || key === "__esModule") return;
128
+ if (key in exports && exports[key] === _SelectField[key]) return;
129
+ Object.defineProperty(exports, key, {
130
+ enumerable: true,
131
+ get: function get() {
132
+ return _SelectField[key];
133
+ }
134
+ });
135
+ });
136
+
137
+ var _index = require("./switch/index");
138
+
139
+ Object.keys(_index).forEach(function (key) {
140
+ if (key === "default" || key === "__esModule") return;
141
+ if (key in exports && exports[key] === _index[key]) return;
142
+ Object.defineProperty(exports, key, {
143
+ enumerable: true,
144
+ get: function get() {
145
+ return _index[key];
146
+ }
147
+ });
148
+ });
149
+
150
+ var _TelField = require("./tel-field/TelField");
151
+
152
+ Object.keys(_TelField).forEach(function (key) {
153
+ if (key === "default" || key === "__esModule") return;
154
+ if (key in exports && exports[key] === _TelField[key]) return;
155
+ Object.defineProperty(exports, key, {
156
+ enumerable: true,
157
+ get: function get() {
158
+ return _TelField[key];
159
+ }
160
+ });
161
+ });
162
+
163
+ var _TextField = require("./text-field/TextField");
164
+
165
+ Object.keys(_TextField).forEach(function (key) {
166
+ if (key === "default" || key === "__esModule") return;
167
+ if (key in exports && exports[key] === _TextField[key]) return;
168
+ Object.defineProperty(exports, key, {
169
+ enumerable: true,
170
+ get: function get() {
171
+ return _TextField[key];
172
+ }
173
+ });
174
+ });
175
+
176
+ var _TextareaField = require("./textarea-field/TextareaField");
177
+
178
+ Object.keys(_TextareaField).forEach(function (key) {
179
+ if (key === "default" || key === "__esModule") return;
180
+ if (key in exports && exports[key] === _TextareaField[key]) return;
181
+ Object.defineProperty(exports, key, {
182
+ enumerable: true,
183
+ get: function get() {
184
+ return _TextareaField[key];
185
+ }
186
+ });
187
+ });
188
+
189
+ var _Counter = require("./counter/Counter");
190
+
191
+ Object.keys(_Counter).forEach(function (key) {
192
+ if (key === "default" || key === "__esModule") return;
193
+ if (key in exports && exports[key] === _Counter[key]) return;
194
+ Object.defineProperty(exports, key, {
195
+ enumerable: true,
196
+ get: function get() {
197
+ return _Counter[key];
198
+ }
199
+ });
200
+ });
@@ -0,0 +1,10 @@
1
+ import React, { ReactNode } from 'react';
2
+ import { Size } from '../types';
3
+ export declare type LabelProps = {
4
+ children: ReactNode;
5
+ className?: string;
6
+ hideAsterisk?: boolean;
7
+ required?: boolean;
8
+ visualSize?: Size;
9
+ } & React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>;
10
+ export declare const Label: ({ visualSize, required, hideAsterisk, className, children, ...rest }: LabelProps) => JSX.Element;