@dfds-ui/forms 2.2.0-alpha.3b2e3359 → 2.2.0-alpha.4d430dbf

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 +5 -4
  3. package/asterisk/Asterisk.d.ts +3 -3
  4. package/asterisk/Asterisk.js +13 -5
  5. package/checkbox/Checkbox.d.ts +15 -15
  6. package/checkbox/Checkbox.js +46 -37
  7. package/checkbox/CheckboxContext.d.ts +4 -3
  8. package/checkbox/CheckboxContext.js +5 -4
  9. package/checkbox/CheckboxGroup.d.ts +3 -3
  10. package/checkbox/CheckboxGroup.js +45 -32
  11. package/cjs/assistive-text/AssistiveText.d.ts +2 -2
  12. package/cjs/assistive-text/AssistiveText.js +7 -6
  13. package/cjs/asterisk/Asterisk.d.ts +3 -3
  14. package/cjs/asterisk/Asterisk.js +11 -10
  15. package/cjs/checkbox/Checkbox.d.ts +15 -15
  16. package/cjs/checkbox/Checkbox.js +58 -60
  17. package/cjs/checkbox/CheckboxContext.d.ts +4 -3
  18. package/cjs/checkbox/CheckboxContext.js +8 -10
  19. package/cjs/checkbox/CheckboxGroup.d.ts +3 -3
  20. package/cjs/checkbox/CheckboxGroup.js +53 -50
  21. package/cjs/checkbox/index.js +2 -2
  22. package/cjs/counter/Counter.d.ts +2 -2
  23. package/cjs/counter/Counter.js +81 -95
  24. package/cjs/counter/index.js +1 -1
  25. package/cjs/enhanced/EnhancedField.d.ts +4 -4
  26. package/cjs/enhanced/EnhancedField.js +40 -43
  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 +7 -6
  30. package/cjs/field-wrap/FieldWrap.d.ts +3 -3
  31. package/cjs/field-wrap/FieldWrap.js +39 -33
  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 +10 -9
  35. package/cjs/index.js +19 -19
  36. package/cjs/label/Label.d.ts +2 -2
  37. package/cjs/label/Label.js +16 -20
  38. package/cjs/password-field/PasswordField.d.ts +1 -1
  39. package/cjs/password-field/PasswordField.js +10 -20
  40. package/cjs/radio/Radio.d.ts +4 -4
  41. package/cjs/radio/Radio.js +45 -48
  42. package/cjs/radio/RadioContext.d.ts +4 -3
  43. package/cjs/radio/RadioContext.js +8 -10
  44. package/cjs/radio/RadioGroup.d.ts +3 -3
  45. package/cjs/radio/RadioGroup.js +40 -32
  46. package/cjs/radio/index.js +2 -2
  47. package/cjs/rating/Rating.d.ts +4 -4
  48. package/cjs/rating/Rating.js +79 -79
  49. package/cjs/rating/index.js +1 -1
  50. package/cjs/select-field/AsyncSelectField.d.ts +5 -89
  51. package/cjs/select-field/AsyncSelectField.js +69 -70
  52. package/cjs/select-field/CreatableSelectField.d.ts +5 -122
  53. package/cjs/select-field/CreatableSelectField.js +144 -138
  54. package/cjs/select-field/NativeSelectField.d.ts +2 -2
  55. package/cjs/select-field/NativeSelectField.js +36 -40
  56. package/cjs/select-field/SelectField.d.ts +13 -50
  57. package/cjs/select-field/SelectField.js +156 -150
  58. package/cjs/switch/Switch.d.ts +3 -3
  59. package/cjs/switch/Switch.js +54 -56
  60. package/cjs/switch/SwitchContext.d.ts +4 -3
  61. package/cjs/switch/SwitchContext.js +8 -10
  62. package/cjs/switch/SwitchGroup.d.ts +3 -3
  63. package/cjs/switch/SwitchGroup.js +26 -18
  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 +117 -134
  67. package/cjs/text-field/TextField.d.ts +18 -18
  68. package/cjs/text-field/TextField.js +83 -89
  69. package/cjs/textarea-field/TextareaField.d.ts +10 -10
  70. package/cjs/textarea-field/TextareaField.js +48 -62
  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 +68 -64
  76. package/enhanced/EnhancedField.d.ts +4 -4
  77. package/enhanced/EnhancedField.js +34 -29
  78. package/error-text/ErrorText.d.ts +2 -2
  79. package/error-text/ErrorText.js +5 -4
  80. package/field-wrap/FieldWrap.d.ts +3 -3
  81. package/field-wrap/FieldWrap.js +44 -33
  82. package/help-icon/HelpIcon.d.ts +3 -3
  83. package/help-icon/HelpIcon.js +8 -7
  84. package/label/Label.d.ts +2 -2
  85. package/label/Label.js +13 -6
  86. package/package.json +12 -12
  87. package/password-field/PasswordField.d.ts +1 -1
  88. package/password-field/PasswordField.js +14 -9
  89. package/radio/Radio.d.ts +4 -4
  90. package/radio/Radio.js +36 -29
  91. package/radio/RadioContext.d.ts +4 -3
  92. package/radio/RadioContext.js +5 -4
  93. package/radio/RadioGroup.d.ts +3 -3
  94. package/radio/RadioGroup.js +39 -32
  95. package/rating/Rating.d.ts +4 -4
  96. package/rating/Rating.js +84 -72
  97. package/select-field/AsyncSelectField.d.ts +5 -89
  98. package/select-field/AsyncSelectField.js +60 -49
  99. package/select-field/CreatableSelectField.d.ts +5 -122
  100. package/select-field/CreatableSelectField.js +104 -91
  101. package/select-field/NativeSelectField.d.ts +2 -2
  102. package/select-field/NativeSelectField.js +26 -18
  103. package/select-field/SelectField.d.ts +13 -50
  104. package/select-field/SelectField.js +113 -98
  105. package/switch/Switch.d.ts +3 -3
  106. package/switch/Switch.js +52 -43
  107. package/switch/SwitchContext.d.ts +4 -3
  108. package/switch/SwitchContext.js +5 -4
  109. package/switch/SwitchGroup.d.ts +3 -3
  110. package/switch/SwitchGroup.js +25 -18
  111. package/tel-field/TelField.d.ts +9 -9
  112. package/tel-field/TelField.js +109 -97
  113. package/text-field/TextField.d.ts +18 -18
  114. package/text-field/TextField.js +62 -55
  115. package/textarea-field/TextareaField.d.ts +10 -10
  116. package/textarea-field/TextareaField.js +31 -25
  117. package/types/field.d.ts +1 -1
  118. package/types/size.d.ts +1 -1
@@ -1,6 +1,6 @@
1
1
  import React, { ReactNode } from 'react';
2
2
  import { Size } from '../types';
3
- export declare type LabelProps = {
3
+ export type LabelProps = {
4
4
  children: ReactNode;
5
5
  className?: string;
6
6
  hideAsterisk?: boolean;
@@ -8,4 +8,4 @@ export declare type LabelProps = {
8
8
  visualSize?: Size;
9
9
  disabled?: boolean;
10
10
  } & React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>;
11
- export declare const Label: ({ visualSize, required, hideAsterisk, disabled, className, children, ...rest }: LabelProps) => JSX.Element;
11
+ export declare const Label: ({ visualSize, required, hideAsterisk, disabled, className, children, ...rest }: LabelProps) => React.JSX.Element;
@@ -9,26 +9,22 @@ var _react2 = require("@emotion/react");
9
9
  var _typography = require("@dfds-ui/typography");
10
10
  var _theme = require("@dfds-ui/theme");
11
11
  var _Asterisk = require("../asterisk/Asterisk");
12
- const _excluded = ["visualSize", "required", "hideAsterisk", "disabled", "className", "children"];
13
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
14
- 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); }
15
- 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; }
16
- 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; }
17
- const Label = _ref => {
18
- let _ref$visualSize = _ref.visualSize,
19
- visualSize = _ref$visualSize === void 0 ? 'medium' : _ref$visualSize,
20
- _ref$required = _ref.required,
21
- required = _ref$required === void 0 ? false : _ref$required,
22
- _ref$hideAsterisk = _ref.hideAsterisk,
23
- hideAsterisk = _ref$hideAsterisk === void 0 ? false : _ref$hideAsterisk,
24
- _ref$disabled = _ref.disabled,
25
- disabled = _ref$disabled === void 0 ? false : _ref$disabled,
26
- className = _ref.className,
27
- children = _ref.children,
28
- rest = _objectWithoutProperties(_ref, _excluded);
29
- return (0, _react2.jsx)("label", _extends({
12
+ var _jsxRuntime = require("@emotion/react/jsx-runtime");
13
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
14
+ const Label = ({
15
+ visualSize = 'medium',
16
+ required = false,
17
+ hideAsterisk = false,
18
+ disabled = false,
19
+ className,
20
+ children,
21
+ ...rest
22
+ }) => {
23
+ return (0, _jsxRuntime.jsxs)("label", {
30
24
  className: className,
31
- css: /*#__PURE__*/(0, _react2.css)("color:", _theme.theme.colors.text.primary.primary, ";text-align:left;", visualSize === 'small' ? _typography.typography.labelSmall : _typography.typography.label, ";", disabled && /*#__PURE__*/(0, _react2.css)("color:", _theme.theme.colors.text.primary.disabled, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Label;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sYWJlbC9MYWJlbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUNXIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9sYWJlbC9MYWJlbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHR5cG9ncmFwaHkgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IFNpemUgfSBmcm9tICcuLi90eXBlcydcbmltcG9ydCB7IEFzdGVyaXNrIH0gZnJvbSAnLi4vYXN0ZXJpc2svQXN0ZXJpc2snXG5cbmV4cG9ydCB0eXBlIExhYmVsUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGhpZGVBc3Rlcmlzaz86IGJvb2xlYW5cbiAgcmVxdWlyZWQ/OiBib29sZWFuXG4gIHZpc3VhbFNpemU/OiBTaXplXG4gIGRpc2FibGVkPzogYm9vbGVhblxufSAmIFJlYWN0LkRldGFpbGVkSFRNTFByb3BzPFJlYWN0LkxhYmVsSFRNTEF0dHJpYnV0ZXM8SFRNTExhYmVsRWxlbWVudD4sIEhUTUxMYWJlbEVsZW1lbnQ+XG5cbmV4cG9ydCBjb25zdCBMYWJlbCA9ICh7XG4gIHZpc3VhbFNpemUgPSAnbWVkaXVtJyxcbiAgcmVxdWlyZWQgPSBmYWxzZSxcbiAgaGlkZUFzdGVyaXNrID0gZmFsc2UsXG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIGNsYXNzTmFtZSxcbiAgY2hpbGRyZW4sXG4gIC4uLnJlc3Rcbn06IExhYmVsUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8bGFiZWxcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeX07XG4gICAgICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgICAgICR7dmlzdWFsU2l6ZSA9PT0gJ3NtYWxsJyA/IHR5cG9ncmFwaHkubGFiZWxTbWFsbCA6IHR5cG9ncmFwaHkubGFiZWx9O1xuICAgICAgICAke2Rpc2FibGVkICYmXG4gICAgICAgIGNzc2BcbiAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgICAgICAgYH07XG4gICAgICBgfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgICAge3JlcXVpcmVkICYmICFoaWRlQXN0ZXJpc2sgJiYgPEFzdGVyaXNrIC8+fVxuICAgIDwvbGFiZWw+XG4gIClcbn1cbiJdfQ== */"), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Label;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sYWJlbC9MYWJlbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEJjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9sYWJlbC9MYWJlbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHR5cG9ncmFwaHkgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IFNpemUgfSBmcm9tICcuLi90eXBlcydcbmltcG9ydCB7IEFzdGVyaXNrIH0gZnJvbSAnLi4vYXN0ZXJpc2svQXN0ZXJpc2snXG5cbmV4cG9ydCB0eXBlIExhYmVsUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGhpZGVBc3Rlcmlzaz86IGJvb2xlYW5cbiAgcmVxdWlyZWQ/OiBib29sZWFuXG4gIHZpc3VhbFNpemU/OiBTaXplXG4gIGRpc2FibGVkPzogYm9vbGVhblxufSAmIFJlYWN0LkRldGFpbGVkSFRNTFByb3BzPFJlYWN0LkxhYmVsSFRNTEF0dHJpYnV0ZXM8SFRNTExhYmVsRWxlbWVudD4sIEhUTUxMYWJlbEVsZW1lbnQ+XG5cbmV4cG9ydCBjb25zdCBMYWJlbCA9ICh7XG4gIHZpc3VhbFNpemUgPSAnbWVkaXVtJyxcbiAgcmVxdWlyZWQgPSBmYWxzZSxcbiAgaGlkZUFzdGVyaXNrID0gZmFsc2UsXG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIGNsYXNzTmFtZSxcbiAgY2hpbGRyZW4sXG4gIC4uLnJlc3Rcbn06IExhYmVsUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8bGFiZWxcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeX07XG4gICAgICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgICAgICR7dmlzdWFsU2l6ZSA9PT0gJ3NtYWxsJyA/IHR5cG9ncmFwaHkubGFiZWxTbWFsbCA6IHR5cG9ncmFwaHkubGFiZWx9O1xuICAgICAgICAke2Rpc2FibGVkICYmXG4gICAgICAgIGNzc2BcbiAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgICAgICAgYH07XG4gICAgICBgfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgICAge3JlcXVpcmVkICYmICFoaWRlQXN0ZXJpc2sgJiYgPEFzdGVyaXNrIC8+fVxuICAgIDwvbGFiZWw+XG4gIClcbn1cbiJdfQ== */")
32
- }, rest), children, required && !hideAsterisk && (0, _react2.jsx)(_Asterisk.Asterisk, null));
25
+ css: /*#__PURE__*/(0, _react2.css)("color:", _theme.theme.colors.text.primary.primary, ";text-align:left;", visualSize === 'small' ? _typography.typography.labelSmall : _typography.typography.label, ";", disabled && /*#__PURE__*/(0, _react2.css)("color:", _theme.theme.colors.text.primary.disabled, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Label;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sYWJlbC9MYWJlbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUNXIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9sYWJlbC9MYWJlbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHR5cG9ncmFwaHkgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IFNpemUgfSBmcm9tICcuLi90eXBlcydcbmltcG9ydCB7IEFzdGVyaXNrIH0gZnJvbSAnLi4vYXN0ZXJpc2svQXN0ZXJpc2snXG5cbmV4cG9ydCB0eXBlIExhYmVsUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGhpZGVBc3Rlcmlzaz86IGJvb2xlYW5cbiAgcmVxdWlyZWQ/OiBib29sZWFuXG4gIHZpc3VhbFNpemU/OiBTaXplXG4gIGRpc2FibGVkPzogYm9vbGVhblxufSAmIFJlYWN0LkRldGFpbGVkSFRNTFByb3BzPFJlYWN0LkxhYmVsSFRNTEF0dHJpYnV0ZXM8SFRNTExhYmVsRWxlbWVudD4sIEhUTUxMYWJlbEVsZW1lbnQ+XG5cbmV4cG9ydCBjb25zdCBMYWJlbCA9ICh7XG4gIHZpc3VhbFNpemUgPSAnbWVkaXVtJyxcbiAgcmVxdWlyZWQgPSBmYWxzZSxcbiAgaGlkZUFzdGVyaXNrID0gZmFsc2UsXG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIGNsYXNzTmFtZSxcbiAgY2hpbGRyZW4sXG4gIC4uLnJlc3Rcbn06IExhYmVsUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8bGFiZWxcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeX07XG4gICAgICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgICAgICR7dmlzdWFsU2l6ZSA9PT0gJ3NtYWxsJyA/IHR5cG9ncmFwaHkubGFiZWxTbWFsbCA6IHR5cG9ncmFwaHkubGFiZWx9O1xuICAgICAgICAke2Rpc2FibGVkICYmXG4gICAgICAgIGNzc2BcbiAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgICAgICAgYH07XG4gICAgICBgfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgICAge3JlcXVpcmVkICYmICFoaWRlQXN0ZXJpc2sgJiYgPEFzdGVyaXNrIC8+fVxuICAgIDwvbGFiZWw+XG4gIClcbn1cbiJdfQ== */"), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Label;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sYWJlbC9MYWJlbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEJjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9sYWJlbC9MYWJlbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHR5cG9ncmFwaHkgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IFNpemUgfSBmcm9tICcuLi90eXBlcydcbmltcG9ydCB7IEFzdGVyaXNrIH0gZnJvbSAnLi4vYXN0ZXJpc2svQXN0ZXJpc2snXG5cbmV4cG9ydCB0eXBlIExhYmVsUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGhpZGVBc3Rlcmlzaz86IGJvb2xlYW5cbiAgcmVxdWlyZWQ/OiBib29sZWFuXG4gIHZpc3VhbFNpemU/OiBTaXplXG4gIGRpc2FibGVkPzogYm9vbGVhblxufSAmIFJlYWN0LkRldGFpbGVkSFRNTFByb3BzPFJlYWN0LkxhYmVsSFRNTEF0dHJpYnV0ZXM8SFRNTExhYmVsRWxlbWVudD4sIEhUTUxMYWJlbEVsZW1lbnQ+XG5cbmV4cG9ydCBjb25zdCBMYWJlbCA9ICh7XG4gIHZpc3VhbFNpemUgPSAnbWVkaXVtJyxcbiAgcmVxdWlyZWQgPSBmYWxzZSxcbiAgaGlkZUFzdGVyaXNrID0gZmFsc2UsXG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIGNsYXNzTmFtZSxcbiAgY2hpbGRyZW4sXG4gIC4uLnJlc3Rcbn06IExhYmVsUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8bGFiZWxcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeX07XG4gICAgICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgICAgICR7dmlzdWFsU2l6ZSA9PT0gJ3NtYWxsJyA/IHR5cG9ncmFwaHkubGFiZWxTbWFsbCA6IHR5cG9ncmFwaHkubGFiZWx9O1xuICAgICAgICAke2Rpc2FibGVkICYmXG4gICAgICAgIGNzc2BcbiAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgICAgICAgYH07XG4gICAgICBgfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgICAge3JlcXVpcmVkICYmICFoaWRlQXN0ZXJpc2sgJiYgPEFzdGVyaXNrIC8+fVxuICAgIDwvbGFiZWw+XG4gIClcbn1cbiJdfQ== */"),
26
+ ...rest,
27
+ children: [children, required && !hideAsterisk && (0, _jsxRuntime.jsx)(_Asterisk.Asterisk, {})]
28
+ });
33
29
  };
34
30
  exports.Label = Label;
@@ -1,4 +1,4 @@
1
1
  import React from 'react';
2
2
  import { TextFieldProps } from '../text-field/TextField';
3
- export declare type PasswordFieldProps = Omit<TextFieldProps, 'icon' | 'inputType'>;
3
+ export type PasswordFieldProps = Omit<TextFieldProps, 'icon' | 'inputType'>;
4
4
  export declare const PasswordField: React.ForwardRefExoticComponent<PasswordFieldProps & React.RefAttributes<HTMLInputElement>>;
@@ -9,32 +9,22 @@ var _react2 = require("@emotion/react");
9
9
  var _theme = require("@dfds-ui/theme");
10
10
  var _system = require("@dfds-ui/icons/system");
11
11
  var _TextField = _interopRequireDefault(require("../text-field/TextField"));
12
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
14
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
15
- 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); }
16
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
17
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
18
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
19
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
20
- function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
21
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
22
- const PasswordField = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
23
- const _useState = (0, _react.useState)(false),
24
- _useState2 = _slicedToArray(_useState, 2),
25
- visible = _useState2[0],
26
- setVisible = _useState2[1];
12
+ var _jsxRuntime = require("@emotion/react/jsx-runtime");
13
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
14
+ 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); }
15
+ const PasswordField = exports.PasswordField = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
16
+ const [visible, setVisible] = (0, _react.useState)(false);
27
17
  const ToggleButton = () => {
28
18
  const Icon = visible ? _system.Show : _system.Hide;
29
- return (0, _react2.jsx)(Icon, {
19
+ return (0, _jsxRuntime.jsx)(Icon, {
30
20
  onClick: () => setVisible(!visible),
31
21
  css: /*#__PURE__*/(0, _react2.css)("pointer-events:all;cursor:pointer;color:", _theme.theme.colors.text.dark.primary, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:ToggleButton;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYXNzd29yZC1maWVsZC9QYXNzd29yZEZpZWxkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQmdCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYXNzd29yZC1maWVsZC9QYXNzd29yZEZpZWxkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgU2hvdywgSGlkZSB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcbmltcG9ydCB7IFRleHRGaWVsZFByb3BzIH0gZnJvbSAnLi4vdGV4dC1maWVsZC9UZXh0RmllbGQnXG5pbXBvcnQgVGV4dEZpZWxkIGZyb20gJy4uL3RleHQtZmllbGQvVGV4dEZpZWxkJ1xuXG5leHBvcnQgdHlwZSBQYXNzd29yZEZpZWxkUHJvcHMgPSBPbWl0PFRleHRGaWVsZFByb3BzLCAnaWNvbicgfCAnaW5wdXRUeXBlJz5cblxuZXhwb3J0IGNvbnN0IFBhc3N3b3JkRmllbGQgPSBmb3J3YXJkUmVmPEhUTUxJbnB1dEVsZW1lbnQsIFBhc3N3b3JkRmllbGRQcm9wcz4oKHByb3BzLCByZWYpID0+IHtcbiAgY29uc3QgW3Zpc2libGUsIHNldFZpc2libGVdID0gdXNlU3RhdGUoZmFsc2UpXG5cbiAgY29uc3QgVG9nZ2xlQnV0dG9uID0gKCkgPT4ge1xuICAgIGNvbnN0IEljb24gPSB2aXNpYmxlID8gU2hvdyA6IEhpZGVcbiAgICByZXR1cm4gKFxuICAgICAgPEljb25cbiAgICAgICAgb25DbGljaz17KCkgPT4gc2V0VmlzaWJsZSghdmlzaWJsZSl9XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIHBvaW50ZXItZXZlbnRzOiBhbGw7XG4gICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmRhcmsucHJpbWFyeX07XG4gICAgICAgIGB9XG4gICAgICAvPlxuICAgIClcbiAgfVxuXG4gIHJldHVybiA8VGV4dEZpZWxkIHsuLi5wcm9wc30gcmVmPXtyZWZ9IGlucHV0VHlwZT17dmlzaWJsZSA/ICd0ZXh0JyA6ICdwYXNzd29yZCd9IGljb249e1RvZ2dsZUJ1dHRvbn0gLz5cbn0pXG4iXX0= */")
32
22
  });
33
23
  };
34
- return (0, _react2.jsx)(_TextField.default, _extends({}, props, {
24
+ return (0, _jsxRuntime.jsx)(_TextField.default, {
25
+ ...props,
35
26
  ref: ref,
36
27
  inputType: visible ? 'text' : 'password',
37
28
  icon: ToggleButton
38
- }));
39
- });
40
- exports.PasswordField = PasswordField;
29
+ });
30
+ });
@@ -1,7 +1,7 @@
1
1
  import React, { ReactNode } from 'react';
2
- declare type RadioSize = 'medium' | 'small';
3
- export declare type RadioStyleState = 'checked';
4
- export declare type RadioProps = {
2
+ type RadioSize = 'medium' | 'small';
3
+ export type RadioStyleState = 'checked';
4
+ export type RadioProps = {
5
5
  /**
6
6
  * Field name.
7
7
  */
@@ -41,7 +41,7 @@ export declare type RadioProps = {
41
41
  /**
42
42
  * Callback when the radio button is checked or unchecked
43
43
  */
44
- onChange?: JSX.IntrinsicElements['input']['onChange'];
44
+ onChange?: React.JSX.IntrinsicElements['input']['onChange'];
45
45
  Icon?: React.ComponentType;
46
46
  styledAs?: RadioStyleState;
47
47
  };