@dfds-ui/forms 2.0.9-alpha.eff6d19a → 2.0.10-alpha.1bc5d7c4

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/package.json +7 -7
  2. package/assistive-text/AssistiveText.d.ts +0 -8
  3. package/assistive-text/AssistiveText.js +0 -16
  4. package/asterisk/Asterisk.d.ts +0 -11
  5. package/asterisk/Asterisk.js +0 -13
  6. package/checkbox/Checkbox.d.ts +0 -59
  7. package/checkbox/Checkbox.js +0 -101
  8. package/checkbox/CheckboxContext.d.ts +0 -13
  9. package/checkbox/CheckboxContext.js +0 -19
  10. package/checkbox/CheckboxGroup.d.ts +0 -20
  11. package/checkbox/CheckboxGroup.js +0 -66
  12. package/checkbox/index.d.ts +0 -2
  13. package/checkbox/index.js +0 -2
  14. package/cjs/assistive-text/AssistiveText.d.ts +0 -8
  15. package/cjs/assistive-text/AssistiveText.js +0 -25
  16. package/cjs/asterisk/Asterisk.d.ts +0 -11
  17. package/cjs/asterisk/Asterisk.js +0 -21
  18. package/cjs/checkbox/Checkbox.d.ts +0 -59
  19. package/cjs/checkbox/Checkbox.js +0 -101
  20. package/cjs/checkbox/CheckboxContext.d.ts +0 -13
  21. package/cjs/checkbox/CheckboxContext.js +0 -30
  22. package/cjs/checkbox/CheckboxGroup.d.ts +0 -20
  23. package/cjs/checkbox/CheckboxGroup.js +0 -73
  24. package/cjs/checkbox/index.d.ts +0 -2
  25. package/cjs/checkbox/index.js +0 -27
  26. package/cjs/counter/Counter.d.ts +0 -66
  27. package/cjs/counter/Counter.js +0 -174
  28. package/cjs/counter/index.d.ts +0 -1
  29. package/cjs/counter/index.js +0 -12
  30. package/cjs/enhanced/EnhancedField.d.ts +0 -20
  31. package/cjs/enhanced/EnhancedField.js +0 -89
  32. package/cjs/enhanced/index.d.ts +0 -1
  33. package/cjs/enhanced/index.js +0 -16
  34. package/cjs/error-text/ErrorText.d.ts +0 -8
  35. package/cjs/error-text/ErrorText.js +0 -26
  36. package/cjs/field-wrap/FieldWrap.d.ts +0 -9
  37. package/cjs/field-wrap/FieldWrap.js +0 -75
  38. package/cjs/field-wrap/index.d.ts +0 -1
  39. package/cjs/field-wrap/index.js +0 -16
  40. package/cjs/help-icon/HelpIcon.d.ts +0 -7
  41. package/cjs/help-icon/HelpIcon.js +0 -26
  42. package/cjs/index.d.ts +0 -15
  43. package/cjs/index.js +0 -170
  44. package/cjs/label/Label.d.ts +0 -10
  45. package/cjs/label/Label.js +0 -32
  46. package/cjs/password-field/PasswordField.d.ts +0 -4
  47. package/cjs/password-field/PasswordField.js +0 -40
  48. package/cjs/radio/Radio.d.ts +0 -51
  49. package/cjs/radio/Radio.js +0 -96
  50. package/cjs/radio/RadioContext.d.ts +0 -13
  51. package/cjs/radio/RadioContext.js +0 -30
  52. package/cjs/radio/RadioGroup.d.ts +0 -12
  53. package/cjs/radio/RadioGroup.js +0 -72
  54. package/cjs/radio/index.d.ts +0 -2
  55. package/cjs/radio/index.js +0 -27
  56. package/cjs/rating/Rating.d.ts +0 -55
  57. package/cjs/rating/Rating.js +0 -206
  58. package/cjs/rating/index.d.ts +0 -1
  59. package/cjs/rating/index.js +0 -16
  60. package/cjs/select-field/NativeSelectField.d.ts +0 -8
  61. package/cjs/select-field/NativeSelectField.js +0 -76
  62. package/cjs/select-field/SelectField.d.ts +0 -83
  63. package/cjs/select-field/SelectField.js +0 -185
  64. package/cjs/switch/Switch.d.ts +0 -32
  65. package/cjs/switch/Switch.js +0 -146
  66. package/cjs/switch/SwitchContext.d.ts +0 -11
  67. package/cjs/switch/SwitchContext.js +0 -30
  68. package/cjs/switch/SwitchGroup.d.ts +0 -10
  69. package/cjs/switch/SwitchGroup.js +0 -41
  70. package/cjs/switch/index.d.ts +0 -1
  71. package/cjs/switch/index.js +0 -12
  72. package/cjs/tel-field/TelField.d.ts +0 -67
  73. package/cjs/tel-field/TelField.js +0 -262
  74. package/cjs/text-field/TextField.d.ts +0 -47
  75. package/cjs/text-field/TextField.js +0 -149
  76. package/cjs/textarea-field/TextareaField.d.ts +0 -44
  77. package/cjs/textarea-field/TextareaField.js +0 -97
  78. package/cjs/types/field.d.ts +0 -52
  79. package/cjs/types/field.js +0 -5
  80. package/cjs/types/index.d.ts +0 -2
  81. package/cjs/types/index.js +0 -27
  82. package/cjs/types/size.d.ts +0 -1
  83. package/cjs/types/size.js +0 -5
  84. package/counter/Counter.d.ts +0 -66
  85. package/counter/Counter.js +0 -171
  86. package/counter/index.d.ts +0 -1
  87. package/counter/index.js +0 -1
  88. package/enhanced/EnhancedField.d.ts +0 -20
  89. package/enhanced/EnhancedField.js +0 -80
  90. package/enhanced/index.d.ts +0 -1
  91. package/enhanced/index.js +0 -1
  92. package/error-text/ErrorText.d.ts +0 -8
  93. package/error-text/ErrorText.js +0 -17
  94. package/field-wrap/FieldWrap.d.ts +0 -9
  95. package/field-wrap/FieldWrap.js +0 -67
  96. package/field-wrap/index.d.ts +0 -1
  97. package/field-wrap/index.js +0 -1
  98. package/help-icon/HelpIcon.d.ts +0 -7
  99. package/help-icon/HelpIcon.js +0 -17
  100. package/index.d.ts +0 -15
  101. package/index.js +0 -15
  102. package/label/Label.d.ts +0 -10
  103. package/label/Label.js +0 -25
  104. package/password-field/PasswordField.d.ts +0 -4
  105. package/password-field/PasswordField.js +0 -33
  106. package/radio/Radio.d.ts +0 -51
  107. package/radio/Radio.js +0 -99
  108. package/radio/RadioContext.d.ts +0 -13
  109. package/radio/RadioContext.js +0 -19
  110. package/radio/RadioGroup.d.ts +0 -12
  111. package/radio/RadioGroup.js +0 -66
  112. package/radio/index.d.ts +0 -2
  113. package/radio/index.js +0 -2
  114. package/rating/Rating.d.ts +0 -55
  115. package/rating/Rating.js +0 -215
  116. package/rating/index.d.ts +0 -1
  117. package/rating/index.js +0 -1
  118. package/select-field/NativeSelectField.d.ts +0 -8
  119. package/select-field/NativeSelectField.js +0 -67
  120. package/select-field/SelectField.d.ts +0 -83
  121. package/select-field/SelectField.js +0 -197
  122. package/switch/Switch.d.ts +0 -32
  123. package/switch/Switch.js +0 -150
  124. package/switch/SwitchContext.d.ts +0 -11
  125. package/switch/SwitchContext.js +0 -19
  126. package/switch/SwitchGroup.d.ts +0 -10
  127. package/switch/SwitchGroup.js +0 -35
  128. package/switch/index.d.ts +0 -1
  129. package/switch/index.js +0 -1
  130. package/tel-field/TelField.d.ts +0 -67
  131. package/tel-field/TelField.js +0 -254
  132. package/text-field/TextField.d.ts +0 -47
  133. package/text-field/TextField.js +0 -142
  134. package/textarea-field/TextareaField.d.ts +0 -44
  135. package/textarea-field/TextareaField.js +0 -91
  136. package/types/field.d.ts +0 -52
  137. package/types/field.js +0 -1
  138. package/types/index.d.ts +0 -2
  139. package/types/index.js +0 -2
  140. package/types/size.d.ts +0 -1
  141. package/types/size.js +0 -1
@@ -1,67 +0,0 @@
1
- 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); }
2
- 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)."; }
3
- import React from 'react';
4
- import { FlexBox } from '@dfds-ui/react-components/flexbox';
5
- import { css } from '@emotion/react';
6
- import { Label } from '../label/Label';
7
- import HelpIcon from '../help-icon/HelpIcon';
8
- import { AssistiveText } from '../assistive-text/AssistiveText';
9
- import { ErrorText } from '../error-text/ErrorText';
10
- import { jsx as ___EmotionJSX } from "@emotion/react";
11
- var _ref = process.env.NODE_ENV === "production" ? {
12
- name: "1a7e1yb",
13
- styles: "margin-top:0.25rem"
14
- } : {
15
- name: "1lxu3k1-FieldWrap",
16
- styles: "margin-top:0.25rem;label:FieldWrap;",
17
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9maWVsZC13cmFwL0ZpZWxkV3JhcC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0RrQiIsImZpbGUiOiIuLi8uLi9zcmMvZmllbGQtd3JhcC9GaWVsZFdyYXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMvZmxleGJveCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgTGFiZWwgfSBmcm9tICcuLi9sYWJlbC9MYWJlbCdcbmltcG9ydCB7IEJhc2VGaWVsZFByb3BzLCBTaXplIH0gZnJvbSAnLi4vdHlwZXMnXG5pbXBvcnQgSGVscEljb24gZnJvbSAnLi4vaGVscC1pY29uL0hlbHBJY29uJ1xuaW1wb3J0IHsgQXNzaXN0aXZlVGV4dCB9IGZyb20gJy4uL2Fzc2lzdGl2ZS10ZXh0L0Fzc2lzdGl2ZVRleHQnXG5pbXBvcnQgeyBFcnJvclRleHQgfSBmcm9tICcuLi9lcnJvci10ZXh0L0Vycm9yVGV4dCdcblxuZXhwb3J0IHR5cGUgRmllbGRXcmFwUHJvcHMgPSBCYXNlRmllbGRQcm9wcyAmIHtcbiAgc2l6ZTogU2l6ZVxuICBjaGlsZHJlbj86IFJlYWN0Tm9kZVxuICBleHRyYUFzc2lzdGl2ZVRleHQ/OiBzdHJpbmdcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBGaWVsZFdyYXAgPSAoe1xuICBuYW1lLFxuICBhc3Npc3RpdmVUZXh0LFxuICBlcnJvck1lc3NhZ2UsXG4gIHNpemUsXG4gIHJlcXVpcmVkLFxuICBoaWRlQXN0ZXJpc2ssXG4gIGxhYmVsLFxuICBoZWxwLFxuICBleHRyYUFzc2lzdGl2ZVRleHQsXG4gIGNsYXNzTmFtZSxcbiAgY2hpbGRyZW4sXG59OiBGaWVsZFdyYXBQcm9wcykgPT4ge1xuICBpZiAoYXNzaXN0aXZlVGV4dCA9PT0gJyAnKSB7XG4gICAgYXNzaXN0aXZlVGV4dCA9ICdcXHUwMEEwJ1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8RmxleEJveCBkaXJlY3Rpb25Db2x1bW4gY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuICAgICAgPEZsZXhCb3ggaXRlbXNDZW50ZXI+XG4gICAgICAgIHtsYWJlbCAmJiAoXG4gICAgICAgICAgPExhYmVsXG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgZmxleDogMTtcbiAgICAgICAgICAgICAgbWFyZ2luLWJvdHRvbTogMC4yNXJlbTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgICB2aXN1YWxTaXplPXtzaXplfVxuICAgICAgICAgICAgcmVxdWlyZWQ9e3JlcXVpcmVkfVxuICAgICAgICAgICAgaGlkZUFzdGVyaXNrPXtoaWRlQXN0ZXJpc2t9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgIDwvTGFiZWw+XG4gICAgICAgICl9XG4gICAgICAgIHtoZWxwICYmIDxIZWxwSWNvbiBjb250ZW50PXtoZWxwfSAvPn1cbiAgICAgIDwvRmxleEJveD5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIHsoYXNzaXN0aXZlVGV4dCB8fCBlcnJvck1lc3NhZ2UgfHwgZXh0cmFBc3Npc3RpdmVUZXh0KSAmJiAoXG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBtYXJnaW4tdG9wOiAwLjI1cmVtO1xuICAgICAgICAgIGB9XG4gICAgICAgICAgey4uLihhc3Npc3RpdmVUZXh0IHx8IGVycm9yTWVzc2FnZSA/IHsganVzdGlmeVNwYWNlQmV0d2VlbjogdHJ1ZSB9IDogeyBqdXN0aWZ5RmxleEVuZDogdHJ1ZSB9KX1cbiAgICAgICAgPlxuICAgICAgICAgIHthc3Npc3RpdmVUZXh0ICYmICFlcnJvck1lc3NhZ2UgJiYgPEFzc2lzdGl2ZVRleHQgaWQ9e2Ake25hbWV9X2FyaWFgfT57YXNzaXN0aXZlVGV4dH08L0Fzc2lzdGl2ZVRleHQ+fVxuICAgICAgICAgIHtlcnJvck1lc3NhZ2UgJiYgPEVycm9yVGV4dCBpZD17YCR7bmFtZX1fYXJpYWB9PntlcnJvck1lc3NhZ2V9PC9FcnJvclRleHQ+fVxuICAgICAgICAgIHsvKiBFeHRyYSBhc3Npc3RpdmUgdGV4dCBpcyBhbHdheXMgc2hvd24gb24gdGhlIHJpZ2h0ICovfVxuICAgICAgICAgIHtleHRyYUFzc2lzdGl2ZVRleHQgJiYgPEFzc2lzdGl2ZVRleHQ+e2V4dHJhQXNzaXN0aXZlVGV4dH08L0Fzc2lzdGl2ZVRleHQ+fVxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICApfVxuICAgIDwvRmxleEJveD5cbiAgKVxufVxuIl19 */",
18
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__
19
- };
20
- var _ref2 = process.env.NODE_ENV === "production" ? {
21
- name: "1kk5tov",
22
- styles: "flex:1;margin-bottom:0.25rem"
23
- } : {
24
- name: "13r5ak7-FieldWrap",
25
- styles: "flex:1;margin-bottom:0.25rem;label:FieldWrap;",
26
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9maWVsZC13cmFwL0ZpZWxkV3JhcC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0NvQiIsImZpbGUiOiIuLi8uLi9zcmMvZmllbGQtd3JhcC9GaWVsZFdyYXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMvZmxleGJveCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgTGFiZWwgfSBmcm9tICcuLi9sYWJlbC9MYWJlbCdcbmltcG9ydCB7IEJhc2VGaWVsZFByb3BzLCBTaXplIH0gZnJvbSAnLi4vdHlwZXMnXG5pbXBvcnQgSGVscEljb24gZnJvbSAnLi4vaGVscC1pY29uL0hlbHBJY29uJ1xuaW1wb3J0IHsgQXNzaXN0aXZlVGV4dCB9IGZyb20gJy4uL2Fzc2lzdGl2ZS10ZXh0L0Fzc2lzdGl2ZVRleHQnXG5pbXBvcnQgeyBFcnJvclRleHQgfSBmcm9tICcuLi9lcnJvci10ZXh0L0Vycm9yVGV4dCdcblxuZXhwb3J0IHR5cGUgRmllbGRXcmFwUHJvcHMgPSBCYXNlRmllbGRQcm9wcyAmIHtcbiAgc2l6ZTogU2l6ZVxuICBjaGlsZHJlbj86IFJlYWN0Tm9kZVxuICBleHRyYUFzc2lzdGl2ZVRleHQ/OiBzdHJpbmdcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBGaWVsZFdyYXAgPSAoe1xuICBuYW1lLFxuICBhc3Npc3RpdmVUZXh0LFxuICBlcnJvck1lc3NhZ2UsXG4gIHNpemUsXG4gIHJlcXVpcmVkLFxuICBoaWRlQXN0ZXJpc2ssXG4gIGxhYmVsLFxuICBoZWxwLFxuICBleHRyYUFzc2lzdGl2ZVRleHQsXG4gIGNsYXNzTmFtZSxcbiAgY2hpbGRyZW4sXG59OiBGaWVsZFdyYXBQcm9wcykgPT4ge1xuICBpZiAoYXNzaXN0aXZlVGV4dCA9PT0gJyAnKSB7XG4gICAgYXNzaXN0aXZlVGV4dCA9ICdcXHUwMEEwJ1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8RmxleEJveCBkaXJlY3Rpb25Db2x1bW4gY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuICAgICAgPEZsZXhCb3ggaXRlbXNDZW50ZXI+XG4gICAgICAgIHtsYWJlbCAmJiAoXG4gICAgICAgICAgPExhYmVsXG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgZmxleDogMTtcbiAgICAgICAgICAgICAgbWFyZ2luLWJvdHRvbTogMC4yNXJlbTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgICB2aXN1YWxTaXplPXtzaXplfVxuICAgICAgICAgICAgcmVxdWlyZWQ9e3JlcXVpcmVkfVxuICAgICAgICAgICAgaGlkZUFzdGVyaXNrPXtoaWRlQXN0ZXJpc2t9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgIDwvTGFiZWw+XG4gICAgICAgICl9XG4gICAgICAgIHtoZWxwICYmIDxIZWxwSWNvbiBjb250ZW50PXtoZWxwfSAvPn1cbiAgICAgIDwvRmxleEJveD5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIHsoYXNzaXN0aXZlVGV4dCB8fCBlcnJvck1lc3NhZ2UgfHwgZXh0cmFBc3Npc3RpdmVUZXh0KSAmJiAoXG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBtYXJnaW4tdG9wOiAwLjI1cmVtO1xuICAgICAgICAgIGB9XG4gICAgICAgICAgey4uLihhc3Npc3RpdmVUZXh0IHx8IGVycm9yTWVzc2FnZSA/IHsganVzdGlmeVNwYWNlQmV0d2VlbjogdHJ1ZSB9IDogeyBqdXN0aWZ5RmxleEVuZDogdHJ1ZSB9KX1cbiAgICAgICAgPlxuICAgICAgICAgIHthc3Npc3RpdmVUZXh0ICYmICFlcnJvck1lc3NhZ2UgJiYgPEFzc2lzdGl2ZVRleHQgaWQ9e2Ake25hbWV9X2FyaWFgfT57YXNzaXN0aXZlVGV4dH08L0Fzc2lzdGl2ZVRleHQ+fVxuICAgICAgICAgIHtlcnJvck1lc3NhZ2UgJiYgPEVycm9yVGV4dCBpZD17YCR7bmFtZX1fYXJpYWB9PntlcnJvck1lc3NhZ2V9PC9FcnJvclRleHQ+fVxuICAgICAgICAgIHsvKiBFeHRyYSBhc3Npc3RpdmUgdGV4dCBpcyBhbHdheXMgc2hvd24gb24gdGhlIHJpZ2h0ICovfVxuICAgICAgICAgIHtleHRyYUFzc2lzdGl2ZVRleHQgJiYgPEFzc2lzdGl2ZVRleHQ+e2V4dHJhQXNzaXN0aXZlVGV4dH08L0Fzc2lzdGl2ZVRleHQ+fVxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICApfVxuICAgIDwvRmxleEJveD5cbiAgKVxufVxuIl19 */",
27
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__
28
- };
29
- export var FieldWrap = function FieldWrap(_ref3) {
30
- var name = _ref3.name,
31
- assistiveText = _ref3.assistiveText,
32
- errorMessage = _ref3.errorMessage,
33
- size = _ref3.size,
34
- required = _ref3.required,
35
- hideAsterisk = _ref3.hideAsterisk,
36
- label = _ref3.label,
37
- help = _ref3.help,
38
- extraAssistiveText = _ref3.extraAssistiveText,
39
- className = _ref3.className,
40
- children = _ref3.children;
41
- if (assistiveText === ' ') {
42
- assistiveText = "\xA0";
43
- }
44
- return ___EmotionJSX(FlexBox, {
45
- directionColumn: true,
46
- className: className
47
- }, ___EmotionJSX(FlexBox, {
48
- itemsCenter: true
49
- }, label && ___EmotionJSX(Label, {
50
- css: _ref2,
51
- visualSize: size,
52
- required: required,
53
- hideAsterisk: hideAsterisk
54
- }, label), help && ___EmotionJSX(HelpIcon, {
55
- content: help
56
- })), children, (assistiveText || errorMessage || extraAssistiveText) && ___EmotionJSX(FlexBox, _extends({
57
- css: _ref
58
- }, assistiveText || errorMessage ? {
59
- justifySpaceBetween: true
60
- } : {
61
- justifyFlexEnd: true
62
- }), assistiveText && !errorMessage && ___EmotionJSX(AssistiveText, {
63
- id: "".concat(name, "_aria")
64
- }, assistiveText), errorMessage && ___EmotionJSX(ErrorText, {
65
- id: "".concat(name, "_aria")
66
- }, errorMessage), extraAssistiveText && ___EmotionJSX(AssistiveText, null, extraAssistiveText)));
67
- };
@@ -1 +0,0 @@
1
- export * from './FieldWrap';
@@ -1 +0,0 @@
1
- export * from './FieldWrap';
@@ -1,7 +0,0 @@
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;
@@ -1,17 +0,0 @@
1
- import React from 'react';
2
- import { css } from '@emotion/react';
3
- import { Help } from '@dfds-ui/icons/system';
4
- import { theme } from '@dfds-ui/theme';
5
- import { UnstableWithTooltip } from '@dfds-ui/react-components/tooltip';
6
- import { jsx as ___EmotionJSX } from "@emotion/react";
7
- export var HelpIcon = function HelpIcon(_ref) {
8
- var content = _ref.content,
9
- className = _ref.className;
10
- return ___EmotionJSX(UnstableWithTooltip, {
11
- content: content
12
- }, ___EmotionJSX(Help, {
13
- css: /*#__PURE__*/css("font-size:1.25rem;color:", 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9oZWxwLWljb24vSGVscEljb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVnQiIsImZpbGUiOiIuLi8uLi9zcmMvaGVscC1pY29uL0hlbHBJY29uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgSGVscCB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBVbnN0YWJsZVdpdGhUb29sdGlwIH0gZnJvbSAnQGRmZHMtdWkvcmVhY3QtY29tcG9uZW50cy90b29sdGlwJ1xuXG5leHBvcnQgdHlwZSBIZWxwSWNvblByb3BzID0ge1xuICBjb250ZW50OiBzdHJpbmdcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBIZWxwSWNvbiA9ICh7IGNvbnRlbnQsIGNsYXNzTmFtZSB9OiBIZWxwSWNvblByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFVuc3RhYmxlV2l0aFRvb2x0aXAgY29udGVudD17Y29udGVudH0+XG4gICAgICA8SGVscFxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBmb250LXNpemU6IDEuMjVyZW07XG4gICAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQuZGFyay5zZWNvbmRhcnl9O1xuICAgICAgICBgfVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIC8+XG4gICAgPC9VbnN0YWJsZVdpdGhUb29sdGlwPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IEhlbHBJY29uXG4iXX0= */"),
14
- className: className
15
- }));
16
- };
17
- export default HelpIcon;
package/index.d.ts DELETED
@@ -1,15 +0,0 @@
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/index.js DELETED
@@ -1,15 +0,0 @@
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/label/Label.d.ts DELETED
@@ -1,10 +0,0 @@
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;
package/label/Label.js DELETED
@@ -1,25 +0,0 @@
1
- var _excluded = ["visualSize", "required", "hideAsterisk", "className", "children"];
2
- 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); }
3
- 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; }
4
- 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; }
5
- import React from 'react';
6
- import { css } from '@emotion/react';
7
- import { typography } from '@dfds-ui/typography';
8
- import { theme } from '@dfds-ui/theme';
9
- import { Asterisk } from '../asterisk/Asterisk';
10
- import { jsx as ___EmotionJSX } from "@emotion/react";
11
- export var Label = function Label(_ref) {
12
- var _ref$visualSize = _ref.visualSize,
13
- visualSize = _ref$visualSize === void 0 ? 'medium' : _ref$visualSize,
14
- _ref$required = _ref.required,
15
- required = _ref$required === void 0 ? false : _ref$required,
16
- _ref$hideAsterisk = _ref.hideAsterisk,
17
- hideAsterisk = _ref$hideAsterisk === void 0 ? false : _ref$hideAsterisk,
18
- className = _ref.className,
19
- children = _ref.children,
20
- rest = _objectWithoutProperties(_ref, _excluded);
21
- return ___EmotionJSX("label", _extends({
22
- className: className,
23
- css: /*#__PURE__*/css(visualSize === 'small' ? typography.labelSmall : typography.label, ";color:", theme.colors.text.primary.primary, ";text-align:left;" + (process.env.NODE_ENV === "production" ? "" : ";label:Label;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9sYWJlbC9MYWJlbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEJjIiwiZmlsZSI6Ii4uLy4uL3NyYy9sYWJlbC9MYWJlbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHR5cG9ncmFwaHkgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IFNpemUgfSBmcm9tICcuLi90eXBlcydcbmltcG9ydCB7IEFzdGVyaXNrIH0gZnJvbSAnLi4vYXN0ZXJpc2svQXN0ZXJpc2snXG5cbmV4cG9ydCB0eXBlIExhYmVsUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGhpZGVBc3Rlcmlzaz86IGJvb2xlYW5cbiAgcmVxdWlyZWQ/OiBib29sZWFuXG4gIHZpc3VhbFNpemU/OiBTaXplXG59ICYgUmVhY3QuRGV0YWlsZWRIVE1MUHJvcHM8UmVhY3QuTGFiZWxIVE1MQXR0cmlidXRlczxIVE1MTGFiZWxFbGVtZW50PiwgSFRNTExhYmVsRWxlbWVudD5cblxuZXhwb3J0IGNvbnN0IExhYmVsID0gKHtcbiAgdmlzdWFsU2l6ZSA9ICdtZWRpdW0nLFxuICByZXF1aXJlZCA9IGZhbHNlLFxuICBoaWRlQXN0ZXJpc2sgPSBmYWxzZSxcbiAgY2xhc3NOYW1lLFxuICBjaGlsZHJlbixcbiAgLi4ucmVzdFxufTogTGFiZWxQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxsYWJlbFxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgJHt2aXN1YWxTaXplID09PSAnc21hbGwnID8gdHlwb2dyYXBoeS5sYWJlbFNtYWxsIDogdHlwb2dyYXBoeS5sYWJlbH07XG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeX07XG4gICAgICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgICBgfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgICAge3JlcXVpcmVkICYmICFoaWRlQXN0ZXJpc2sgJiYgPEFzdGVyaXNrIC8+fVxuICAgIDwvbGFiZWw+XG4gIClcbn1cbiJdfQ== */")
24
- }, rest), children, required && !hideAsterisk && ___EmotionJSX(Asterisk, null));
25
- };
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { TextFieldProps } from '../text-field/TextField';
3
- export declare type PasswordFieldProps = Omit<TextFieldProps, 'icon' | 'inputType'>;
4
- export declare const PasswordField: React.ForwardRefExoticComponent<PasswordFieldProps & React.RefAttributes<HTMLInputElement>>;
@@ -1,33 +0,0 @@
1
- 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); }
2
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
3
- 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."); }
4
- 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); }
5
- 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; }
6
- function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
7
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
8
- import React, { forwardRef, useState } from 'react';
9
- import { css } from '@emotion/react';
10
- import { theme } from '@dfds-ui/theme';
11
- import { Show, Hide } from '@dfds-ui/icons/system';
12
- import TextField from '../text-field/TextField';
13
- import { jsx as ___EmotionJSX } from "@emotion/react";
14
- export var PasswordField = /*#__PURE__*/forwardRef(function (props, ref) {
15
- var _useState = useState(false),
16
- _useState2 = _slicedToArray(_useState, 2),
17
- visible = _useState2[0],
18
- setVisible = _useState2[1];
19
- var ToggleButton = function ToggleButton() {
20
- var Icon = visible ? Show : Hide;
21
- return ___EmotionJSX(Icon, {
22
- onClick: function onClick() {
23
- return setVisible(!visible);
24
- },
25
- css: /*#__PURE__*/css("pointer-events:all;cursor:pointer;color:", 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wYXNzd29yZC1maWVsZC9QYXNzd29yZEZpZWxkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQmdCIiwiZmlsZSI6Ii4uLy4uL3NyYy9wYXNzd29yZC1maWVsZC9QYXNzd29yZEZpZWxkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgU2hvdywgSGlkZSB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcbmltcG9ydCB7IFRleHRGaWVsZFByb3BzIH0gZnJvbSAnLi4vdGV4dC1maWVsZC9UZXh0RmllbGQnXG5pbXBvcnQgVGV4dEZpZWxkIGZyb20gJy4uL3RleHQtZmllbGQvVGV4dEZpZWxkJ1xuXG5leHBvcnQgdHlwZSBQYXNzd29yZEZpZWxkUHJvcHMgPSBPbWl0PFRleHRGaWVsZFByb3BzLCAnaWNvbicgfCAnaW5wdXRUeXBlJz5cblxuZXhwb3J0IGNvbnN0IFBhc3N3b3JkRmllbGQgPSBmb3J3YXJkUmVmPEhUTUxJbnB1dEVsZW1lbnQsIFBhc3N3b3JkRmllbGRQcm9wcz4oKHByb3BzLCByZWYpID0+IHtcbiAgY29uc3QgW3Zpc2libGUsIHNldFZpc2libGVdID0gdXNlU3RhdGUoZmFsc2UpXG5cbiAgY29uc3QgVG9nZ2xlQnV0dG9uID0gKCkgPT4ge1xuICAgIGNvbnN0IEljb24gPSB2aXNpYmxlID8gU2hvdyA6IEhpZGVcbiAgICByZXR1cm4gKFxuICAgICAgPEljb25cbiAgICAgICAgb25DbGljaz17KCkgPT4gc2V0VmlzaWJsZSghdmlzaWJsZSl9XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIHBvaW50ZXItZXZlbnRzOiBhbGw7XG4gICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmRhcmsucHJpbWFyeX07XG4gICAgICAgIGB9XG4gICAgICAvPlxuICAgIClcbiAgfVxuXG4gIHJldHVybiA8VGV4dEZpZWxkIHsuLi5wcm9wc30gcmVmPXtyZWZ9IGlucHV0VHlwZT17dmlzaWJsZSA/ICd0ZXh0JyA6ICdwYXNzd29yZCd9IGljb249e1RvZ2dsZUJ1dHRvbn0gLz5cbn0pXG4iXX0= */")
26
- });
27
- };
28
- return ___EmotionJSX(TextField, _extends({}, props, {
29
- ref: ref,
30
- inputType: visible ? 'text' : 'password',
31
- icon: ToggleButton
32
- }));
33
- });
package/radio/Radio.d.ts DELETED
@@ -1,51 +0,0 @@
1
- import React, { ReactNode } from 'react';
2
- declare type RadioSize = 'medium' | 'small';
3
- export declare type RadioStyleState = 'checked';
4
- export declare type RadioProps = {
5
- /**
6
- * Field name.
7
- */
8
- name: string;
9
- /**
10
- * Indicate that the radio button is checked
11
- */
12
- checked?: boolean;
13
- /**
14
- *
15
- */
16
- defaultChecked?: boolean;
17
- /**
18
- * Field label.
19
- */
20
- label?: ReactNode;
21
- /**
22
- * Class name to be assigned to the component
23
- */
24
- className?: string;
25
- /**
26
- * Field label.
27
- */
28
- value?: string;
29
- /**
30
- * Indicates that the radio button is disabled.
31
- */
32
- disabled?: boolean;
33
- /**
34
- * Indicates an error in the field.
35
- */
36
- error?: boolean;
37
- /**
38
- * Size variant.
39
- */
40
- visualSize?: RadioSize;
41
- /**
42
- * Callback when the radio button is checked or unchecked
43
- */
44
- onChange?: JSX.IntrinsicElements['input']['onChange'];
45
- Icon?: React.ComponentType;
46
- styledAs?: RadioStyleState;
47
- };
48
- export declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
49
- /** @deprecated Use Radio */
50
- export declare const RadioField: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
51
- export {};