@dfds-ui/forms 1.1.14-alpha.98f783f4 → 1.1.14-alpha.c7c3bdb7

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 -14
  6. package/checkbox/Checkbox.d.ts +0 -59
  7. package/checkbox/Checkbox.js +0 -112
  8. package/checkbox/CheckboxContext.d.ts +0 -12
  9. package/checkbox/CheckboxContext.js +0 -21
  10. package/checkbox/CheckboxGroup.d.ts +0 -19
  11. package/checkbox/CheckboxGroup.js +0 -44
  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 -32
  16. package/cjs/asterisk/Asterisk.d.ts +0 -11
  17. package/cjs/asterisk/Asterisk.js +0 -28
  18. package/cjs/checkbox/Checkbox.d.ts +0 -59
  19. package/cjs/checkbox/Checkbox.js +0 -123
  20. package/cjs/checkbox/CheckboxContext.d.ts +0 -12
  21. package/cjs/checkbox/CheckboxContext.js +0 -39
  22. package/cjs/checkbox/CheckboxGroup.d.ts +0 -19
  23. package/cjs/checkbox/CheckboxGroup.js +0 -61
  24. package/cjs/checkbox/index.d.ts +0 -2
  25. package/cjs/checkbox/index.js +0 -31
  26. package/cjs/counter/Counter.d.ts +0 -66
  27. package/cjs/counter/Counter.js +0 -209
  28. package/cjs/counter/index.d.ts +0 -1
  29. package/cjs/counter/index.js +0 -13
  30. package/cjs/enhanced/EnhancedField.d.ts +0 -20
  31. package/cjs/enhanced/EnhancedField.js +0 -112
  32. package/cjs/enhanced/index.d.ts +0 -1
  33. package/cjs/enhanced/index.js +0 -18
  34. package/cjs/error-text/ErrorText.d.ts +0 -8
  35. package/cjs/error-text/ErrorText.js +0 -33
  36. package/cjs/field-wrap/FieldWrap.d.ts +0 -9
  37. package/cjs/field-wrap/FieldWrap.js +0 -90
  38. package/cjs/field-wrap/index.d.ts +0 -1
  39. package/cjs/field-wrap/index.js +0 -18
  40. package/cjs/help-icon/HelpIcon.d.ts +0 -7
  41. package/cjs/help-icon/HelpIcon.js +0 -34
  42. package/cjs/index.d.ts +0 -15
  43. package/cjs/index.js +0 -200
  44. package/cjs/label/Label.d.ts +0 -10
  45. package/cjs/label/Label.js +0 -45
  46. package/cjs/password-field/PasswordField.d.ts +0 -4
  47. package/cjs/password-field/PasswordField.js +0 -58
  48. package/cjs/radio/Radio.d.ts +0 -51
  49. package/cjs/radio/Radio.js +0 -119
  50. package/cjs/radio/RadioContext.d.ts +0 -12
  51. package/cjs/radio/RadioContext.js +0 -39
  52. package/cjs/radio/RadioGroup.d.ts +0 -11
  53. package/cjs/radio/RadioGroup.js +0 -57
  54. package/cjs/radio/index.d.ts +0 -2
  55. package/cjs/radio/index.js +0 -31
  56. package/cjs/rating/Rating.d.ts +0 -55
  57. package/cjs/rating/Rating.js +0 -235
  58. package/cjs/rating/index.d.ts +0 -1
  59. package/cjs/rating/index.js +0 -18
  60. package/cjs/select-field/NativeSelectField.d.ts +0 -8
  61. package/cjs/select-field/NativeSelectField.js +0 -91
  62. package/cjs/select-field/SelectField.d.ts +0 -83
  63. package/cjs/select-field/SelectField.js +0 -227
  64. package/cjs/switch/Switch.d.ts +0 -32
  65. package/cjs/switch/Switch.js +0 -166
  66. package/cjs/switch/SwitchContext.d.ts +0 -9
  67. package/cjs/switch/SwitchContext.js +0 -39
  68. package/cjs/switch/SwitchGroup.d.ts +0 -10
  69. package/cjs/switch/SwitchGroup.js +0 -51
  70. package/cjs/switch/index.d.ts +0 -1
  71. package/cjs/switch/index.js +0 -13
  72. package/cjs/tel-field/TelField.d.ts +0 -67
  73. package/cjs/tel-field/TelField.js +0 -309
  74. package/cjs/text-field/TextField.d.ts +0 -43
  75. package/cjs/text-field/TextField.js +0 -151
  76. package/cjs/textarea-field/TextareaField.d.ts +0 -44
  77. package/cjs/textarea-field/TextareaField.js +0 -123
  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 -31
  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 -198
  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 -93
  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 -74
  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 -30
  104. package/password-field/PasswordField.d.ts +0 -4
  105. package/password-field/PasswordField.js +0 -42
  106. package/radio/Radio.d.ts +0 -51
  107. package/radio/Radio.js +0 -113
  108. package/radio/RadioContext.d.ts +0 -12
  109. package/radio/RadioContext.js +0 -21
  110. package/radio/RadioGroup.d.ts +0 -11
  111. package/radio/RadioGroup.js +0 -42
  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 -239
  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 -74
  120. package/select-field/SelectField.d.ts +0 -83
  121. package/select-field/SelectField.js +0 -224
  122. package/switch/Switch.d.ts +0 -32
  123. package/switch/Switch.js +0 -165
  124. package/switch/SwitchContext.d.ts +0 -9
  125. package/switch/SwitchContext.js +0 -21
  126. package/switch/SwitchGroup.d.ts +0 -10
  127. package/switch/SwitchGroup.js +0 -37
  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 -288
  132. package/text-field/TextField.d.ts +0 -43
  133. package/text-field/TextField.js +0 -134
  134. package/textarea-field/TextareaField.d.ts +0 -44
  135. package/textarea-field/TextareaField.js +0 -108
  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,74 +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
-
3
- 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)."; }
4
-
5
- import React from 'react';
6
- import { FlexBox } from '@dfds-ui/react-components/flexbox';
7
- import { css } from '@emotion/react';
8
- import { Label } from '../label/Label';
9
- import HelpIcon from '../help-icon/HelpIcon';
10
- import { AssistiveText } from '../assistive-text/AssistiveText';
11
- import { ErrorText } from '../error-text/ErrorText';
12
- import { jsx as ___EmotionJSX } from "@emotion/react";
13
-
14
- var _ref = process.env.NODE_ENV === "production" ? {
15
- name: "1a7e1yb",
16
- styles: "margin-top:0.25rem"
17
- } : {
18
- name: "1lxu3k1-FieldWrap",
19
- styles: "margin-top:0.25rem;label:FieldWrap;",
20
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9maWVsZC13cmFwL0ZpZWxkV3JhcC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0RrQiIsImZpbGUiOiIuLi8uLi9zcmMvZmllbGQtd3JhcC9GaWVsZFdyYXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMvZmxleGJveCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgTGFiZWwgfSBmcm9tICcuLi9sYWJlbC9MYWJlbCdcbmltcG9ydCB7IEJhc2VGaWVsZFByb3BzLCBTaXplIH0gZnJvbSAnLi4vdHlwZXMnXG5pbXBvcnQgSGVscEljb24gZnJvbSAnLi4vaGVscC1pY29uL0hlbHBJY29uJ1xuaW1wb3J0IHsgQXNzaXN0aXZlVGV4dCB9IGZyb20gJy4uL2Fzc2lzdGl2ZS10ZXh0L0Fzc2lzdGl2ZVRleHQnXG5pbXBvcnQgeyBFcnJvclRleHQgfSBmcm9tICcuLi9lcnJvci10ZXh0L0Vycm9yVGV4dCdcblxuZXhwb3J0IHR5cGUgRmllbGRXcmFwUHJvcHMgPSBCYXNlRmllbGRQcm9wcyAmIHtcbiAgc2l6ZTogU2l6ZVxuICBjaGlsZHJlbj86IFJlYWN0Tm9kZVxuICBleHRyYUFzc2lzdGl2ZVRleHQ/OiBzdHJpbmdcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBGaWVsZFdyYXAgPSAoe1xuICBuYW1lLFxuICBhc3Npc3RpdmVUZXh0LFxuICBlcnJvck1lc3NhZ2UsXG4gIHNpemUsXG4gIHJlcXVpcmVkLFxuICBoaWRlQXN0ZXJpc2ssXG4gIGxhYmVsLFxuICBoZWxwLFxuICBleHRyYUFzc2lzdGl2ZVRleHQsXG4gIGNsYXNzTmFtZSxcbiAgY2hpbGRyZW4sXG59OiBGaWVsZFdyYXBQcm9wcykgPT4ge1xuICBpZiAoYXNzaXN0aXZlVGV4dCA9PT0gJyAnKSB7XG4gICAgYXNzaXN0aXZlVGV4dCA9ICdcXHUwMEEwJ1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8RmxleEJveCBkaXJlY3Rpb25Db2x1bW4gY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuICAgICAgPEZsZXhCb3ggaXRlbXNDZW50ZXI+XG4gICAgICAgIHtsYWJlbCAmJiAoXG4gICAgICAgICAgPExhYmVsXG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgZmxleDogMTtcbiAgICAgICAgICAgICAgbWFyZ2luLWJvdHRvbTogMC4yNXJlbTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgICB2aXN1YWxTaXplPXtzaXplfVxuICAgICAgICAgICAgcmVxdWlyZWQ9e3JlcXVpcmVkfVxuICAgICAgICAgICAgaGlkZUFzdGVyaXNrPXtoaWRlQXN0ZXJpc2t9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgIDwvTGFiZWw+XG4gICAgICAgICl9XG4gICAgICAgIHtoZWxwICYmIDxIZWxwSWNvbiBjb250ZW50PXtoZWxwfSAvPn1cbiAgICAgIDwvRmxleEJveD5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIHsoYXNzaXN0aXZlVGV4dCB8fCBlcnJvck1lc3NhZ2UgfHwgZXh0cmFBc3Npc3RpdmVUZXh0KSAmJiAoXG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBtYXJnaW4tdG9wOiAwLjI1cmVtO1xuICAgICAgICAgIGB9XG4gICAgICAgICAgey4uLihhc3Npc3RpdmVUZXh0IHx8IGVycm9yTWVzc2FnZSA/IHsganVzdGlmeVNwYWNlQmV0d2VlbjogdHJ1ZSB9IDogeyBqdXN0aWZ5RmxleEVuZDogdHJ1ZSB9KX1cbiAgICAgICAgPlxuICAgICAgICAgIHthc3Npc3RpdmVUZXh0ICYmICFlcnJvck1lc3NhZ2UgJiYgPEFzc2lzdGl2ZVRleHQgaWQ9e2Ake25hbWV9X2FyaWFgfT57YXNzaXN0aXZlVGV4dH08L0Fzc2lzdGl2ZVRleHQ+fVxuICAgICAgICAgIHtlcnJvck1lc3NhZ2UgJiYgPEVycm9yVGV4dCBpZD17YCR7bmFtZX1fYXJpYWB9PntlcnJvck1lc3NhZ2V9PC9FcnJvclRleHQ+fVxuICAgICAgICAgIHsvKiBFeHRyYSBhc3Npc3RpdmUgdGV4dCBpcyBhbHdheXMgc2hvd24gb24gdGhlIHJpZ2h0ICovfVxuICAgICAgICAgIHtleHRyYUFzc2lzdGl2ZVRleHQgJiYgPEFzc2lzdGl2ZVRleHQ+e2V4dHJhQXNzaXN0aXZlVGV4dH08L0Fzc2lzdGl2ZVRleHQ+fVxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICApfVxuICAgIDwvRmxleEJveD5cbiAgKVxufVxuIl19 */",
21
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__
22
- };
23
-
24
- var _ref2 = process.env.NODE_ENV === "production" ? {
25
- name: "1kk5tov",
26
- styles: "flex:1;margin-bottom:0.25rem"
27
- } : {
28
- name: "13r5ak7-FieldWrap",
29
- styles: "flex:1;margin-bottom:0.25rem;label:FieldWrap;",
30
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9maWVsZC13cmFwL0ZpZWxkV3JhcC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0NvQiIsImZpbGUiOiIuLi8uLi9zcmMvZmllbGQtd3JhcC9GaWVsZFdyYXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMvZmxleGJveCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgTGFiZWwgfSBmcm9tICcuLi9sYWJlbC9MYWJlbCdcbmltcG9ydCB7IEJhc2VGaWVsZFByb3BzLCBTaXplIH0gZnJvbSAnLi4vdHlwZXMnXG5pbXBvcnQgSGVscEljb24gZnJvbSAnLi4vaGVscC1pY29uL0hlbHBJY29uJ1xuaW1wb3J0IHsgQXNzaXN0aXZlVGV4dCB9IGZyb20gJy4uL2Fzc2lzdGl2ZS10ZXh0L0Fzc2lzdGl2ZVRleHQnXG5pbXBvcnQgeyBFcnJvclRleHQgfSBmcm9tICcuLi9lcnJvci10ZXh0L0Vycm9yVGV4dCdcblxuZXhwb3J0IHR5cGUgRmllbGRXcmFwUHJvcHMgPSBCYXNlRmllbGRQcm9wcyAmIHtcbiAgc2l6ZTogU2l6ZVxuICBjaGlsZHJlbj86IFJlYWN0Tm9kZVxuICBleHRyYUFzc2lzdGl2ZVRleHQ/OiBzdHJpbmdcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBGaWVsZFdyYXAgPSAoe1xuICBuYW1lLFxuICBhc3Npc3RpdmVUZXh0LFxuICBlcnJvck1lc3NhZ2UsXG4gIHNpemUsXG4gIHJlcXVpcmVkLFxuICBoaWRlQXN0ZXJpc2ssXG4gIGxhYmVsLFxuICBoZWxwLFxuICBleHRyYUFzc2lzdGl2ZVRleHQsXG4gIGNsYXNzTmFtZSxcbiAgY2hpbGRyZW4sXG59OiBGaWVsZFdyYXBQcm9wcykgPT4ge1xuICBpZiAoYXNzaXN0aXZlVGV4dCA9PT0gJyAnKSB7XG4gICAgYXNzaXN0aXZlVGV4dCA9ICdcXHUwMEEwJ1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8RmxleEJveCBkaXJlY3Rpb25Db2x1bW4gY2xhc3NOYW1lPXtjbGFzc05hbWV9PlxuICAgICAgPEZsZXhCb3ggaXRlbXNDZW50ZXI+XG4gICAgICAgIHtsYWJlbCAmJiAoXG4gICAgICAgICAgPExhYmVsXG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgZmxleDogMTtcbiAgICAgICAgICAgICAgbWFyZ2luLWJvdHRvbTogMC4yNXJlbTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgICB2aXN1YWxTaXplPXtzaXplfVxuICAgICAgICAgICAgcmVxdWlyZWQ9e3JlcXVpcmVkfVxuICAgICAgICAgICAgaGlkZUFzdGVyaXNrPXtoaWRlQXN0ZXJpc2t9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgIDwvTGFiZWw+XG4gICAgICAgICl9XG4gICAgICAgIHtoZWxwICYmIDxIZWxwSWNvbiBjb250ZW50PXtoZWxwfSAvPn1cbiAgICAgIDwvRmxleEJveD5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIHsoYXNzaXN0aXZlVGV4dCB8fCBlcnJvck1lc3NhZ2UgfHwgZXh0cmFBc3Npc3RpdmVUZXh0KSAmJiAoXG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBtYXJnaW4tdG9wOiAwLjI1cmVtO1xuICAgICAgICAgIGB9XG4gICAgICAgICAgey4uLihhc3Npc3RpdmVUZXh0IHx8IGVycm9yTWVzc2FnZSA/IHsganVzdGlmeVNwYWNlQmV0d2VlbjogdHJ1ZSB9IDogeyBqdXN0aWZ5RmxleEVuZDogdHJ1ZSB9KX1cbiAgICAgICAgPlxuICAgICAgICAgIHthc3Npc3RpdmVUZXh0ICYmICFlcnJvck1lc3NhZ2UgJiYgPEFzc2lzdGl2ZVRleHQgaWQ9e2Ake25hbWV9X2FyaWFgfT57YXNzaXN0aXZlVGV4dH08L0Fzc2lzdGl2ZVRleHQ+fVxuICAgICAgICAgIHtlcnJvck1lc3NhZ2UgJiYgPEVycm9yVGV4dCBpZD17YCR7bmFtZX1fYXJpYWB9PntlcnJvck1lc3NhZ2V9PC9FcnJvclRleHQ+fVxuICAgICAgICAgIHsvKiBFeHRyYSBhc3Npc3RpdmUgdGV4dCBpcyBhbHdheXMgc2hvd24gb24gdGhlIHJpZ2h0ICovfVxuICAgICAgICAgIHtleHRyYUFzc2lzdGl2ZVRleHQgJiYgPEFzc2lzdGl2ZVRleHQ+e2V4dHJhQXNzaXN0aXZlVGV4dH08L0Fzc2lzdGl2ZVRleHQ+fVxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICApfVxuICAgIDwvRmxleEJveD5cbiAgKVxufVxuIl19 */",
31
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__
32
- };
33
-
34
- export var FieldWrap = function FieldWrap(_ref3) {
35
- var name = _ref3.name,
36
- assistiveText = _ref3.assistiveText,
37
- errorMessage = _ref3.errorMessage,
38
- size = _ref3.size,
39
- required = _ref3.required,
40
- hideAsterisk = _ref3.hideAsterisk,
41
- label = _ref3.label,
42
- help = _ref3.help,
43
- extraAssistiveText = _ref3.extraAssistiveText,
44
- className = _ref3.className,
45
- children = _ref3.children;
46
-
47
- if (assistiveText === ' ') {
48
- assistiveText = "\xA0";
49
- }
50
-
51
- return ___EmotionJSX(FlexBox, {
52
- directionColumn: true,
53
- className: className
54
- }, ___EmotionJSX(FlexBox, {
55
- itemsCenter: true
56
- }, label && ___EmotionJSX(Label, {
57
- css: _ref2,
58
- visualSize: size,
59
- required: required,
60
- hideAsterisk: hideAsterisk
61
- }, label), help && ___EmotionJSX(HelpIcon, {
62
- content: help
63
- })), children, (assistiveText || errorMessage || extraAssistiveText) && ___EmotionJSX(FlexBox, _extends({
64
- css: _ref
65
- }, assistiveText || errorMessage ? {
66
- justifySpaceBetween: true
67
- } : {
68
- justifyFlexEnd: true
69
- }), assistiveText && !errorMessage && ___EmotionJSX(AssistiveText, {
70
- id: "".concat(name, "_aria")
71
- }, assistiveText), errorMessage && ___EmotionJSX(ErrorText, {
72
- id: "".concat(name, "_aria")
73
- }, errorMessage), extraAssistiveText && ___EmotionJSX(AssistiveText, null, extraAssistiveText)));
74
- };
@@ -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,30 +0,0 @@
1
- var _excluded = ["visualSize", "required", "hideAsterisk", "className", "children"];
2
-
3
- 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); }
4
-
5
- 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; }
6
-
7
- 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; }
8
-
9
- import React from 'react';
10
- import { css } from '@emotion/react';
11
- import { typography } from '@dfds-ui/typography';
12
- import { theme } from '@dfds-ui/theme';
13
- import { Asterisk } from '../asterisk/Asterisk';
14
- import { jsx as ___EmotionJSX } from "@emotion/react";
15
- export var Label = function Label(_ref) {
16
- var _ref$visualSize = _ref.visualSize,
17
- visualSize = _ref$visualSize === void 0 ? 'medium' : _ref$visualSize,
18
- _ref$required = _ref.required,
19
- required = _ref$required === void 0 ? false : _ref$required,
20
- _ref$hideAsterisk = _ref.hideAsterisk,
21
- hideAsterisk = _ref$hideAsterisk === void 0 ? false : _ref$hideAsterisk,
22
- className = _ref.className,
23
- children = _ref.children,
24
- rest = _objectWithoutProperties(_ref, _excluded);
25
-
26
- return ___EmotionJSX("label", _extends({
27
- className: className,
28
- 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== */")
29
- }, rest), children, required && !hideAsterisk && ___EmotionJSX(Asterisk, null));
30
- };
@@ -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,42 +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
-
3
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
4
-
5
- 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."); }
6
-
7
- 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); }
8
-
9
- 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; }
10
-
11
- 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; }
12
-
13
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
14
-
15
- import React, { forwardRef, useState } from 'react';
16
- import { css } from '@emotion/react';
17
- import { theme } from '@dfds-ui/theme';
18
- import { Show, Hide } from '@dfds-ui/icons/system';
19
- import TextField from '../text-field/TextField';
20
- import { jsx as ___EmotionJSX } from "@emotion/react";
21
- export var PasswordField = /*#__PURE__*/forwardRef(function (props, ref) {
22
- var _useState = useState(false),
23
- _useState2 = _slicedToArray(_useState, 2),
24
- visible = _useState2[0],
25
- setVisible = _useState2[1];
26
-
27
- var ToggleButton = function ToggleButton() {
28
- var Icon = visible ? Show : Hide;
29
- return ___EmotionJSX(Icon, {
30
- onClick: function onClick() {
31
- return setVisible(!visible);
32
- },
33
- 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= */")
34
- });
35
- };
36
-
37
- return ___EmotionJSX(TextField, _extends({}, props, {
38
- ref: ref,
39
- inputType: visible ? 'text' : 'password',
40
- icon: ToggleButton
41
- }));
42
- });
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 {};