@dfds-ui/forms 2.2.0-alpha.b94ad8b5 → 2.2.0-alpha.c2f773c5
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.
- package/assistive-text/AssistiveText.d.ts +1 -1
- package/assistive-text/AssistiveText.js +5 -4
- package/asterisk/Asterisk.d.ts +1 -1
- package/asterisk/Asterisk.js +12 -4
- package/checkbox/Checkbox.d.ts +15 -15
- package/checkbox/Checkbox.js +46 -37
- package/checkbox/CheckboxContext.d.ts +3 -3
- package/checkbox/CheckboxContext.js +5 -4
- package/checkbox/CheckboxGroup.d.ts +1 -1
- package/checkbox/CheckboxGroup.js +43 -28
- package/cjs/assistive-text/AssistiveText.d.ts +1 -1
- package/cjs/assistive-text/AssistiveText.js +6 -5
- package/cjs/asterisk/Asterisk.d.ts +1 -1
- package/cjs/asterisk/Asterisk.js +7 -6
- package/cjs/checkbox/Checkbox.d.ts +15 -15
- package/cjs/checkbox/Checkbox.js +41 -38
- package/cjs/checkbox/CheckboxContext.d.ts +3 -3
- package/cjs/checkbox/CheckboxContext.js +7 -8
- package/cjs/checkbox/CheckboxGroup.d.ts +1 -1
- package/cjs/checkbox/CheckboxGroup.js +36 -26
- package/cjs/counter/Counter.d.ts +2 -2
- package/cjs/counter/Counter.js +58 -55
- package/cjs/enhanced/EnhancedField.d.ts +3 -3
- package/cjs/enhanced/EnhancedField.js +25 -24
- package/cjs/error-text/ErrorText.d.ts +1 -1
- package/cjs/error-text/ErrorText.js +6 -5
- package/cjs/field-wrap/FieldWrap.d.ts +1 -1
- package/cjs/field-wrap/FieldWrap.js +36 -28
- package/cjs/help-icon/HelpIcon.d.ts +1 -1
- package/cjs/help-icon/HelpIcon.js +9 -8
- package/cjs/label/Label.d.ts +1 -1
- package/cjs/label/Label.js +6 -4
- package/cjs/password-field/PasswordField.d.ts +1 -1
- package/cjs/password-field/PasswordField.js +7 -7
- package/cjs/radio/Radio.d.ts +4 -4
- package/cjs/radio/Radio.js +30 -29
- package/cjs/radio/RadioContext.d.ts +3 -3
- package/cjs/radio/RadioContext.js +7 -8
- package/cjs/radio/RadioGroup.d.ts +1 -1
- package/cjs/radio/RadioGroup.js +37 -27
- package/cjs/rating/Rating.d.ts +3 -3
- package/cjs/rating/Rating.js +73 -60
- package/cjs/select-field/AsyncSelectField.d.ts +4 -100
- package/cjs/select-field/AsyncSelectField.js +49 -43
- package/cjs/select-field/CreatableSelectField.d.ts +4 -133
- package/cjs/select-field/CreatableSelectField.js +101 -85
- package/cjs/select-field/NativeSelectField.d.ts +1 -1
- package/cjs/select-field/NativeSelectField.js +20 -19
- package/cjs/select-field/SelectField.d.ts +11 -48
- package/cjs/select-field/SelectField.js +111 -92
- package/cjs/switch/Switch.d.ts +2 -2
- package/cjs/switch/Switch.js +42 -36
- package/cjs/switch/SwitchContext.d.ts +3 -3
- package/cjs/switch/SwitchContext.js +7 -8
- package/cjs/switch/SwitchGroup.d.ts +1 -1
- package/cjs/switch/SwitchGroup.js +24 -15
- package/cjs/tel-field/TelField.d.ts +9 -9
- package/cjs/tel-field/TelField.js +89 -76
- package/cjs/text-field/TextField.d.ts +18 -18
- package/cjs/text-field/TextField.js +51 -47
- package/cjs/textarea-field/TextareaField.d.ts +10 -10
- package/cjs/textarea-field/TextareaField.js +27 -25
- package/cjs/types/field.d.ts +1 -1
- package/cjs/types/size.d.ts +1 -1
- package/counter/Counter.d.ts +2 -2
- package/counter/Counter.js +62 -55
- package/enhanced/EnhancedField.d.ts +3 -3
- package/enhanced/EnhancedField.js +31 -23
- package/error-text/ErrorText.d.ts +1 -1
- package/error-text/ErrorText.js +5 -4
- package/field-wrap/FieldWrap.d.ts +1 -1
- package/field-wrap/FieldWrap.js +42 -29
- package/help-icon/HelpIcon.d.ts +1 -1
- package/help-icon/HelpIcon.js +8 -7
- package/label/Label.d.ts +1 -1
- package/label/Label.js +13 -6
- package/package.json +8 -8
- package/password-field/PasswordField.d.ts +1 -1
- package/password-field/PasswordField.js +11 -6
- package/radio/Radio.d.ts +4 -4
- package/radio/Radio.js +35 -28
- package/radio/RadioContext.d.ts +3 -3
- package/radio/RadioContext.js +5 -4
- package/radio/RadioGroup.d.ts +1 -1
- package/radio/RadioGroup.js +37 -28
- package/rating/Rating.d.ts +3 -3
- package/rating/Rating.js +75 -60
- package/select-field/AsyncSelectField.d.ts +4 -100
- package/select-field/AsyncSelectField.js +57 -44
- package/select-field/CreatableSelectField.d.ts +4 -133
- package/select-field/CreatableSelectField.js +99 -83
- package/select-field/NativeSelectField.d.ts +1 -1
- package/select-field/NativeSelectField.js +26 -18
- package/select-field/SelectField.d.ts +11 -48
- package/select-field/SelectField.js +107 -88
- package/switch/Switch.d.ts +2 -2
- package/switch/Switch.js +52 -40
- package/switch/SwitchContext.d.ts +3 -3
- package/switch/SwitchContext.js +5 -4
- package/switch/SwitchGroup.d.ts +1 -1
- package/switch/SwitchGroup.js +24 -16
- package/tel-field/TelField.d.ts +9 -9
- package/tel-field/TelField.js +98 -79
- package/text-field/TextField.d.ts +18 -18
- package/text-field/TextField.js +59 -49
- package/textarea-field/TextareaField.d.ts +10 -10
- package/textarea-field/TextareaField.js +28 -22
- package/types/field.d.ts +1 -1
- package/types/size.d.ts +1 -1
package/cjs/label/Label.js
CHANGED
|
@@ -9,8 +9,8 @@ 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
|
+
var _jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
12
13
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
|
-
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
14
14
|
const Label = ({
|
|
15
15
|
visualSize = 'medium',
|
|
16
16
|
required = false,
|
|
@@ -20,9 +20,11 @@ const Label = ({
|
|
|
20
20
|
children,
|
|
21
21
|
...rest
|
|
22
22
|
}) => {
|
|
23
|
-
return (0,
|
|
23
|
+
return (0, _jsxRuntime.jsxs)("label", {
|
|
24
24
|
className: className,
|
|
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
|
-
|
|
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
|
+
});
|
|
27
29
|
};
|
|
28
30
|
exports.Label = Label;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { TextFieldProps } from '../text-field/TextField';
|
|
3
|
-
export
|
|
3
|
+
export type PasswordFieldProps = Omit<TextFieldProps, 'icon' | 'inputType'>;
|
|
4
4
|
export declare const PasswordField: React.ForwardRefExoticComponent<PasswordFieldProps & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -9,22 +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
|
+
var _jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
12
13
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
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); }
|
|
14
|
-
|
|
15
|
-
const PasswordField = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
|
|
15
|
+
const PasswordField = exports.PasswordField = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
|
|
16
16
|
const [visible, setVisible] = (0, _react.useState)(false);
|
|
17
17
|
const ToggleButton = () => {
|
|
18
18
|
const Icon = visible ? _system.Show : _system.Hide;
|
|
19
|
-
return (0,
|
|
19
|
+
return (0, _jsxRuntime.jsx)(Icon, {
|
|
20
20
|
onClick: () => setVisible(!visible),
|
|
21
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= */")
|
|
22
22
|
});
|
|
23
23
|
};
|
|
24
|
-
return (0,
|
|
24
|
+
return (0, _jsxRuntime.jsx)(_TextField.default, {
|
|
25
|
+
...props,
|
|
25
26
|
ref: ref,
|
|
26
27
|
inputType: visible ? 'text' : 'password',
|
|
27
28
|
icon: ToggleButton
|
|
28
|
-
})
|
|
29
|
-
});
|
|
30
|
-
exports.PasswordField = PasswordField;
|
|
29
|
+
});
|
|
30
|
+
});
|
package/cjs/radio/Radio.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { ReactNode } from 'react';
|
|
2
|
-
|
|
3
|
-
export
|
|
4
|
-
export
|
|
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
|
};
|