@pingux/astro 1.0.0-alpha.2 → 1.0.0-alpha.20

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 (120) hide show
  1. package/CHANGELOG.md +192 -0
  2. package/README.md +5 -0
  3. package/lib/cjs/components/AccordionGridGroup/AccordionGridGroup.stories.js +4 -11
  4. package/lib/cjs/components/AccordionItem/AccordionItem.js +3 -1
  5. package/lib/cjs/components/Button/Button.js +5 -24
  6. package/lib/cjs/components/Button/Button.stories.js +5 -11
  7. package/lib/cjs/components/Button/Button.test.js +0 -24
  8. package/lib/cjs/components/Chip/Chip.js +26 -10
  9. package/lib/cjs/components/Chip/Chip.stories.js +44 -5
  10. package/lib/cjs/components/Chip/Chip.test.js +9 -0
  11. package/lib/cjs/components/{Dropdown/index.js → Chip/ChipContext.js} +8 -7
  12. package/lib/cjs/components/CopyText/CopyText.js +3 -73
  13. package/lib/cjs/components/FileInputField/FileInputField.js +324 -0
  14. package/lib/cjs/components/FileInputField/FileInputField.stories.js +250 -0
  15. package/lib/cjs/components/FileInputField/FileInputField.test.js +227 -0
  16. package/lib/cjs/components/FileInputField/FileItem.js +125 -0
  17. package/lib/cjs/components/FileInputField/FileSelect.js +48 -0
  18. package/lib/cjs/components/{DropdownField → FileInputField}/index.js +2 -2
  19. package/lib/cjs/components/IconButton/IconButton.js +17 -7
  20. package/lib/cjs/components/IconButton/IconButton.test.js +0 -1
  21. package/lib/cjs/components/ListItem/ListItem.stories.js +0 -2
  22. package/lib/cjs/components/ListView/ListView.js +4 -3
  23. package/lib/cjs/components/ListViewItem/ListViewItem.js +3 -6
  24. package/lib/cjs/components/Stepper/Stepper.js +1 -0
  25. package/lib/cjs/components/Tab/Tab.js +15 -6
  26. package/lib/cjs/components/Tabs/Tabs.js +7 -1
  27. package/lib/cjs/components/Tabs/Tabs.stories.js +60 -6
  28. package/lib/cjs/components/Tabs/Tabs.test.js +78 -15
  29. package/lib/cjs/components/TextAreaField/TextAreaField.test.js +10 -0
  30. package/lib/cjs/{components/Panel → hooks/useCopyToClipboard}/index.js +2 -2
  31. package/lib/cjs/hooks/useCopyToClipboard/useCopyToClipboard.js +83 -0
  32. package/lib/cjs/hooks/useCopyToClipboard/useCopyToClipboard.test.js +79 -0
  33. package/lib/cjs/index.js +55 -133
  34. package/lib/cjs/layouts/ListLayout.stories.js +2 -1
  35. package/lib/cjs/layouts/SchemaFormLayout.stories.js +2 -21
  36. package/lib/cjs/recipes/ArrayField.stories.js +3 -3
  37. package/lib/cjs/recipes/CopyToClipboard.stories.js +45 -0
  38. package/lib/cjs/recipes/RadioButtonsWithLinks.stories.js +146 -0
  39. package/lib/cjs/styles/forms/input.js +15 -0
  40. package/lib/cjs/styles/theme.js +0 -3
  41. package/lib/cjs/styles/variants/accordion.js +7 -9
  42. package/lib/cjs/styles/variants/boxes.js +43 -18
  43. package/lib/cjs/styles/variants/buttons.js +22 -28
  44. package/lib/cjs/styles/variants/tabs.js +1 -0
  45. package/lib/cjs/styles/variants/variants.js +0 -3
  46. package/lib/components/AccordionGridGroup/AccordionGridGroup.stories.js +4 -11
  47. package/lib/components/AccordionItem/AccordionItem.js +3 -1
  48. package/lib/components/Button/Button.js +7 -24
  49. package/lib/components/Button/Button.stories.js +5 -10
  50. package/lib/components/Button/Button.test.js +0 -20
  51. package/lib/components/Chip/Chip.js +25 -10
  52. package/lib/components/Chip/Chip.stories.js +41 -5
  53. package/lib/components/Chip/Chip.test.js +9 -0
  54. package/lib/components/Chip/ChipContext.js +3 -0
  55. package/lib/components/CopyText/CopyText.js +2 -71
  56. package/lib/components/FileInputField/FileInputField.js +280 -0
  57. package/lib/components/FileInputField/FileInputField.stories.js +206 -0
  58. package/lib/components/FileInputField/FileInputField.test.js +187 -0
  59. package/lib/components/FileInputField/FileItem.js +100 -0
  60. package/lib/components/FileInputField/FileSelect.js +31 -0
  61. package/lib/components/FileInputField/index.js +1 -0
  62. package/lib/components/IconButton/IconButton.js +17 -9
  63. package/lib/components/IconButton/IconButton.test.js +0 -1
  64. package/lib/components/ListItem/ListItem.stories.js +0 -2
  65. package/lib/components/ListView/ListView.js +4 -3
  66. package/lib/components/ListViewItem/ListViewItem.js +3 -5
  67. package/lib/components/Stepper/Stepper.js +1 -0
  68. package/lib/components/Tab/Tab.js +15 -6
  69. package/lib/components/Tabs/Tabs.js +7 -1
  70. package/lib/components/Tabs/Tabs.stories.js +56 -4
  71. package/lib/components/Tabs/Tabs.test.js +78 -15
  72. package/lib/components/TextAreaField/TextAreaField.test.js +8 -0
  73. package/lib/hooks/useCopyToClipboard/index.js +1 -0
  74. package/lib/hooks/useCopyToClipboard/useCopyToClipboard.js +69 -0
  75. package/lib/hooks/useCopyToClipboard/useCopyToClipboard.test.js +64 -0
  76. package/lib/index.js +1 -8
  77. package/lib/layouts/ListLayout.stories.js +2 -1
  78. package/lib/layouts/SchemaFormLayout.stories.js +2 -19
  79. package/lib/recipes/ArrayField.stories.js +3 -3
  80. package/lib/recipes/CopyToClipboard.stories.js +25 -0
  81. package/lib/recipes/RadioButtonsWithLinks.stories.js +120 -0
  82. package/lib/styles/forms/input.js +15 -0
  83. package/lib/styles/theme.js +0 -3
  84. package/lib/styles/variants/accordion.js +7 -9
  85. package/lib/styles/variants/boxes.js +43 -18
  86. package/lib/styles/variants/buttons.js +22 -28
  87. package/lib/styles/variants/tabs.js +1 -0
  88. package/lib/styles/variants/variants.js +0 -2
  89. package/package.json +3 -2
  90. package/lib/cjs/components/Dropdown/Dropdown.js +0 -112
  91. package/lib/cjs/components/Dropdown/Dropdown.test.js +0 -80
  92. package/lib/cjs/components/DropdownField/DropdownField.js +0 -187
  93. package/lib/cjs/components/DropdownField/DropdownField.stories.js +0 -278
  94. package/lib/cjs/components/DropdownField/DropdownField.test.js +0 -80
  95. package/lib/cjs/components/Panel/Panel.js +0 -101
  96. package/lib/cjs/components/Panel/Panel.stories.js +0 -57
  97. package/lib/cjs/components/Panel/Panel.test.js +0 -72
  98. package/lib/cjs/components/Popover/Popover.js +0 -87
  99. package/lib/cjs/components/Popover/Popover.stories.js +0 -80
  100. package/lib/cjs/components/Popover/Popover.test.js +0 -91
  101. package/lib/cjs/components/Popover/index.js +0 -18
  102. package/lib/cjs/recipes/InputBoxWithLinkedChip.stories.js +0 -67
  103. package/lib/cjs/styles/variants/popover.js +0 -86
  104. package/lib/components/Dropdown/Dropdown.js +0 -90
  105. package/lib/components/Dropdown/Dropdown.test.js +0 -62
  106. package/lib/components/Dropdown/index.js +0 -1
  107. package/lib/components/DropdownField/DropdownField.js +0 -155
  108. package/lib/components/DropdownField/DropdownField.stories.js +0 -222
  109. package/lib/components/DropdownField/DropdownField.test.js +0 -60
  110. package/lib/components/DropdownField/index.js +0 -1
  111. package/lib/components/Panel/Panel.js +0 -71
  112. package/lib/components/Panel/Panel.stories.js +0 -35
  113. package/lib/components/Panel/Panel.test.js +0 -52
  114. package/lib/components/Panel/index.js +0 -1
  115. package/lib/components/Popover/Popover.js +0 -65
  116. package/lib/components/Popover/Popover.stories.js +0 -52
  117. package/lib/components/Popover/Popover.test.js +0 -75
  118. package/lib/components/Popover/index.js +0 -2
  119. package/lib/recipes/InputBoxWithLinkedChip.stories.js +0 -43
  120. package/lib/styles/variants/popover.js +0 -76
package/lib/cjs/index.js CHANGED
@@ -4,7 +4,7 @@ var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
4
4
 
5
5
  var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
6
6
 
7
- var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12, _context13, _context14, _context15, _context16, _context17, _context18, _context19, _context20, _context21, _context22, _context23, _context24, _context25, _context26, _context27, _context28, _context29, _context30, _context31, _context32, _context33, _context34, _context35, _context36, _context37, _context38, _context39, _context40, _context41, _context42, _context43, _context44, _context45, _context46, _context47, _context48, _context49, _context50, _context51, _context52, _context53, _context54, _context55, _context56, _context57, _context58, _context59, _context60, _context61, _context62, _context63, _context64;
7
+ var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12, _context13, _context14, _context15, _context16, _context17, _context18, _context19, _context20, _context21, _context22, _context23, _context24, _context25, _context26, _context27, _context28, _context29, _context30, _context31, _context32, _context33, _context34, _context35, _context36, _context37, _context38, _context39, _context40, _context41, _context42, _context43, _context44, _context45, _context46, _context47, _context48, _context49, _context50, _context51, _context52, _context53, _context54, _context55, _context56, _context57, _context58, _context59, _context60;
8
8
 
9
9
  var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
10
10
 
@@ -33,9 +33,8 @@ var _exportNames = {
33
33
  ComboBoxField: true,
34
34
  CopyText: true,
35
35
  ColorField: true,
36
- Dropdown: true,
37
- DropdownField: true,
38
36
  FieldHelperText: true,
37
+ FileInputField: true,
39
38
  HelpHint: true,
40
39
  Icon: true,
41
40
  IconButton: true,
@@ -57,9 +56,7 @@ var _exportNames = {
57
56
  MultivaluesField: true,
58
57
  OverlayPanel: true,
59
58
  PageHeader: true,
60
- Panel: true,
61
59
  PasswordField: true,
62
- Popover: true,
63
60
  PopoverContainer: true,
64
61
  PopoverMenu: true,
65
62
  Radio: true,
@@ -207,24 +204,17 @@ _Object$defineProperty(exports, "ColorField", {
207
204
  }
208
205
  });
209
206
 
210
- _Object$defineProperty(exports, "Dropdown", {
211
- enumerable: true,
212
- get: function get() {
213
- return _Dropdown["default"];
214
- }
215
- });
216
-
217
- _Object$defineProperty(exports, "DropdownField", {
207
+ _Object$defineProperty(exports, "FieldHelperText", {
218
208
  enumerable: true,
219
209
  get: function get() {
220
- return _DropdownField["default"];
210
+ return _FieldHelperText["default"];
221
211
  }
222
212
  });
223
213
 
224
- _Object$defineProperty(exports, "FieldHelperText", {
214
+ _Object$defineProperty(exports, "FileInputField", {
225
215
  enumerable: true,
226
216
  get: function get() {
227
- return _FieldHelperText["default"];
217
+ return _FileInputField["default"];
228
218
  }
229
219
  });
230
220
 
@@ -375,13 +365,6 @@ _Object$defineProperty(exports, "PageHeader", {
375
365
  }
376
366
  });
377
367
 
378
- _Object$defineProperty(exports, "Panel", {
379
- enumerable: true,
380
- get: function get() {
381
- return _Panel["default"];
382
- }
383
- });
384
-
385
368
  _Object$defineProperty(exports, "PasswordField", {
386
369
  enumerable: true,
387
370
  get: function get() {
@@ -389,13 +372,6 @@ _Object$defineProperty(exports, "PasswordField", {
389
372
  }
390
373
  });
391
374
 
392
- _Object$defineProperty(exports, "Popover", {
393
- enumerable: true,
394
- get: function get() {
395
- return _Popover["default"];
396
- }
397
- });
398
-
399
375
  _Object$defineProperty(exports, "PopoverContainer", {
400
376
  enumerable: true,
401
377
  get: function get() {
@@ -815,37 +791,9 @@ var _CopyText = _interopRequireDefault(require("./components/CopyText"));
815
791
 
816
792
  var _ColorField = _interopRequireDefault(require("./components/ColorField"));
817
793
 
818
- var _Dropdown = _interopRequireWildcard(require("./components/Dropdown"));
819
-
820
- _forEachInstanceProperty(_context14 = _Object$keys(_Dropdown)).call(_context14, function (key) {
821
- if (key === "default" || key === "__esModule") return;
822
- if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
823
-
824
- _Object$defineProperty(exports, key, {
825
- enumerable: true,
826
- get: function get() {
827
- return _Dropdown[key];
828
- }
829
- });
830
- });
831
-
832
- var _DropdownField = _interopRequireWildcard(require("./components/DropdownField"));
833
-
834
- _forEachInstanceProperty(_context15 = _Object$keys(_DropdownField)).call(_context15, function (key) {
835
- if (key === "default" || key === "__esModule") return;
836
- if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
837
-
838
- _Object$defineProperty(exports, key, {
839
- enumerable: true,
840
- get: function get() {
841
- return _DropdownField[key];
842
- }
843
- });
844
- });
845
-
846
794
  var _FieldHelperText = _interopRequireWildcard(require("./components/FieldHelperText"));
847
795
 
848
- _forEachInstanceProperty(_context16 = _Object$keys(_FieldHelperText)).call(_context16, function (key) {
796
+ _forEachInstanceProperty(_context14 = _Object$keys(_FieldHelperText)).call(_context14, function (key) {
849
797
  if (key === "default" || key === "__esModule") return;
850
798
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
851
799
 
@@ -857,9 +805,11 @@ _forEachInstanceProperty(_context16 = _Object$keys(_FieldHelperText)).call(_cont
857
805
  });
858
806
  });
859
807
 
808
+ var _FileInputField = _interopRequireDefault(require("./components/FileInputField"));
809
+
860
810
  var _HelpHint = _interopRequireWildcard(require("./components/HelpHint"));
861
811
 
862
- _forEachInstanceProperty(_context17 = _Object$keys(_HelpHint)).call(_context17, function (key) {
812
+ _forEachInstanceProperty(_context15 = _Object$keys(_HelpHint)).call(_context15, function (key) {
863
813
  if (key === "default" || key === "__esModule") return;
864
814
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
865
815
 
@@ -873,7 +823,7 @@ _forEachInstanceProperty(_context17 = _Object$keys(_HelpHint)).call(_context17,
873
823
 
874
824
  var _Icon = _interopRequireWildcard(require("./components/Icon"));
875
825
 
876
- _forEachInstanceProperty(_context18 = _Object$keys(_Icon)).call(_context18, function (key) {
826
+ _forEachInstanceProperty(_context16 = _Object$keys(_Icon)).call(_context16, function (key) {
877
827
  if (key === "default" || key === "__esModule") return;
878
828
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
879
829
 
@@ -887,7 +837,7 @@ _forEachInstanceProperty(_context18 = _Object$keys(_Icon)).call(_context18, func
887
837
 
888
838
  var _IconButton = _interopRequireWildcard(require("./components/IconButton"));
889
839
 
890
- _forEachInstanceProperty(_context19 = _Object$keys(_IconButton)).call(_context19, function (key) {
840
+ _forEachInstanceProperty(_context17 = _Object$keys(_IconButton)).call(_context17, function (key) {
891
841
  if (key === "default" || key === "__esModule") return;
892
842
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
893
843
 
@@ -901,7 +851,7 @@ _forEachInstanceProperty(_context19 = _Object$keys(_IconButton)).call(_context19
901
851
 
902
852
  var _Image = _interopRequireWildcard(require("./components/Image"));
903
853
 
904
- _forEachInstanceProperty(_context20 = _Object$keys(_Image)).call(_context20, function (key) {
854
+ _forEachInstanceProperty(_context18 = _Object$keys(_Image)).call(_context18, function (key) {
905
855
  if (key === "default" || key === "__esModule") return;
906
856
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
907
857
 
@@ -915,7 +865,7 @@ _forEachInstanceProperty(_context20 = _Object$keys(_Image)).call(_context20, fun
915
865
 
916
866
  var _ImageUploadField = _interopRequireWildcard(require("./components/ImageUploadField"));
917
867
 
918
- _forEachInstanceProperty(_context21 = _Object$keys(_ImageUploadField)).call(_context21, function (key) {
868
+ _forEachInstanceProperty(_context19 = _Object$keys(_ImageUploadField)).call(_context19, function (key) {
919
869
  if (key === "default" || key === "__esModule") return;
920
870
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
921
871
 
@@ -929,7 +879,7 @@ _forEachInstanceProperty(_context21 = _Object$keys(_ImageUploadField)).call(_con
929
879
 
930
880
  var _Input = _interopRequireWildcard(require("./components/Input"));
931
881
 
932
- _forEachInstanceProperty(_context22 = _Object$keys(_Input)).call(_context22, function (key) {
882
+ _forEachInstanceProperty(_context20 = _Object$keys(_Input)).call(_context20, function (key) {
933
883
  if (key === "default" || key === "__esModule") return;
934
884
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
935
885
 
@@ -943,7 +893,7 @@ _forEachInstanceProperty(_context22 = _Object$keys(_Input)).call(_context22, fun
943
893
 
944
894
  var _NumberField = _interopRequireWildcard(require("./components/NumberField"));
945
895
 
946
- _forEachInstanceProperty(_context23 = _Object$keys(_NumberField)).call(_context23, function (key) {
896
+ _forEachInstanceProperty(_context21 = _Object$keys(_NumberField)).call(_context21, function (key) {
947
897
  if (key === "default" || key === "__esModule") return;
948
898
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
949
899
 
@@ -957,7 +907,7 @@ _forEachInstanceProperty(_context23 = _Object$keys(_NumberField)).call(_context2
957
907
 
958
908
  var _Label = _interopRequireWildcard(require("./components/Label"));
959
909
 
960
- _forEachInstanceProperty(_context24 = _Object$keys(_Label)).call(_context24, function (key) {
910
+ _forEachInstanceProperty(_context22 = _Object$keys(_Label)).call(_context22, function (key) {
961
911
  if (key === "default" || key === "__esModule") return;
962
912
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
963
913
 
@@ -971,7 +921,7 @@ _forEachInstanceProperty(_context24 = _Object$keys(_Label)).call(_context24, fun
971
921
 
972
922
  var _Link = _interopRequireWildcard(require("./components/Link"));
973
923
 
974
- _forEachInstanceProperty(_context25 = _Object$keys(_Link)).call(_context25, function (key) {
924
+ _forEachInstanceProperty(_context23 = _Object$keys(_Link)).call(_context23, function (key) {
975
925
  if (key === "default" || key === "__esModule") return;
976
926
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
977
927
 
@@ -985,7 +935,7 @@ _forEachInstanceProperty(_context25 = _Object$keys(_Link)).call(_context25, func
985
935
 
986
936
  var _LinkSelectField = _interopRequireWildcard(require("./components/LinkSelectField"));
987
937
 
988
- _forEachInstanceProperty(_context26 = _Object$keys(_LinkSelectField)).call(_context26, function (key) {
938
+ _forEachInstanceProperty(_context24 = _Object$keys(_LinkSelectField)).call(_context24, function (key) {
989
939
  if (key === "default" || key === "__esModule") return;
990
940
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
991
941
 
@@ -999,7 +949,7 @@ _forEachInstanceProperty(_context26 = _Object$keys(_LinkSelectField)).call(_cont
999
949
 
1000
950
  var _List = _interopRequireWildcard(require("./components/List"));
1001
951
 
1002
- _forEachInstanceProperty(_context27 = _Object$keys(_List)).call(_context27, function (key) {
952
+ _forEachInstanceProperty(_context25 = _Object$keys(_List)).call(_context25, function (key) {
1003
953
  if (key === "default" || key === "__esModule") return;
1004
954
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1005
955
 
@@ -1013,7 +963,7 @@ _forEachInstanceProperty(_context27 = _Object$keys(_List)).call(_context27, func
1013
963
 
1014
964
  var _ListItem = _interopRequireWildcard(require("./components/ListItem"));
1015
965
 
1016
- _forEachInstanceProperty(_context28 = _Object$keys(_ListItem)).call(_context28, function (key) {
966
+ _forEachInstanceProperty(_context26 = _Object$keys(_ListItem)).call(_context26, function (key) {
1017
967
  if (key === "default" || key === "__esModule") return;
1018
968
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1019
969
 
@@ -1027,7 +977,7 @@ _forEachInstanceProperty(_context28 = _Object$keys(_ListItem)).call(_context28,
1027
977
 
1028
978
  var _ListView = _interopRequireWildcard(require("./components/ListView"));
1029
979
 
1030
- _forEachInstanceProperty(_context29 = _Object$keys(_ListView)).call(_context29, function (key) {
980
+ _forEachInstanceProperty(_context27 = _Object$keys(_ListView)).call(_context27, function (key) {
1031
981
  if (key === "default" || key === "__esModule") return;
1032
982
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1033
983
 
@@ -1041,7 +991,7 @@ _forEachInstanceProperty(_context29 = _Object$keys(_ListView)).call(_context29,
1041
991
 
1042
992
  var _ListViewItem = _interopRequireWildcard(require("./components/ListViewItem"));
1043
993
 
1044
- _forEachInstanceProperty(_context30 = _Object$keys(_ListViewItem)).call(_context30, function (key) {
994
+ _forEachInstanceProperty(_context28 = _Object$keys(_ListViewItem)).call(_context28, function (key) {
1045
995
  if (key === "default" || key === "__esModule") return;
1046
996
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1047
997
 
@@ -1055,7 +1005,7 @@ _forEachInstanceProperty(_context30 = _Object$keys(_ListViewItem)).call(_context
1055
1005
 
1056
1006
  var _Loader = _interopRequireWildcard(require("./components/Loader"));
1057
1007
 
1058
- _forEachInstanceProperty(_context31 = _Object$keys(_Loader)).call(_context31, function (key) {
1008
+ _forEachInstanceProperty(_context29 = _Object$keys(_Loader)).call(_context29, function (key) {
1059
1009
  if (key === "default" || key === "__esModule") return;
1060
1010
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1061
1011
 
@@ -1071,7 +1021,7 @@ var _Menu = _interopRequireDefault(require("./components/Menu"));
1071
1021
 
1072
1022
  var _Messages = _interopRequireWildcard(require("./components/Messages"));
1073
1023
 
1074
- _forEachInstanceProperty(_context32 = _Object$keys(_Messages)).call(_context32, function (key) {
1024
+ _forEachInstanceProperty(_context30 = _Object$keys(_Messages)).call(_context30, function (key) {
1075
1025
  if (key === "default" || key === "__esModule") return;
1076
1026
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1077
1027
 
@@ -1085,7 +1035,7 @@ _forEachInstanceProperty(_context32 = _Object$keys(_Messages)).call(_context32,
1085
1035
 
1086
1036
  var _Modal = _interopRequireWildcard(require("./components/Modal"));
1087
1037
 
1088
- _forEachInstanceProperty(_context33 = _Object$keys(_Modal)).call(_context33, function (key) {
1038
+ _forEachInstanceProperty(_context31 = _Object$keys(_Modal)).call(_context31, function (key) {
1089
1039
  if (key === "default" || key === "__esModule") return;
1090
1040
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1091
1041
 
@@ -1101,7 +1051,7 @@ var _MultivaluesField = _interopRequireDefault(require("./components/Multivalues
1101
1051
 
1102
1052
  var _OverlayPanel = _interopRequireWildcard(require("./components/OverlayPanel"));
1103
1053
 
1104
- _forEachInstanceProperty(_context34 = _Object$keys(_OverlayPanel)).call(_context34, function (key) {
1054
+ _forEachInstanceProperty(_context32 = _Object$keys(_OverlayPanel)).call(_context32, function (key) {
1105
1055
  if (key === "default" || key === "__esModule") return;
1106
1056
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1107
1057
 
@@ -1115,7 +1065,7 @@ _forEachInstanceProperty(_context34 = _Object$keys(_OverlayPanel)).call(_context
1115
1065
 
1116
1066
  var _PageHeader = _interopRequireWildcard(require("./components/PageHeader"));
1117
1067
 
1118
- _forEachInstanceProperty(_context35 = _Object$keys(_PageHeader)).call(_context35, function (key) {
1068
+ _forEachInstanceProperty(_context33 = _Object$keys(_PageHeader)).call(_context33, function (key) {
1119
1069
  if (key === "default" || key === "__esModule") return;
1120
1070
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1121
1071
 
@@ -1127,23 +1077,9 @@ _forEachInstanceProperty(_context35 = _Object$keys(_PageHeader)).call(_context35
1127
1077
  });
1128
1078
  });
1129
1079
 
1130
- var _Panel = _interopRequireWildcard(require("./components/Panel"));
1131
-
1132
- _forEachInstanceProperty(_context36 = _Object$keys(_Panel)).call(_context36, function (key) {
1133
- if (key === "default" || key === "__esModule") return;
1134
- if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1135
-
1136
- _Object$defineProperty(exports, key, {
1137
- enumerable: true,
1138
- get: function get() {
1139
- return _Panel[key];
1140
- }
1141
- });
1142
- });
1143
-
1144
1080
  var _PasswordField = _interopRequireWildcard(require("./components/PasswordField"));
1145
1081
 
1146
- _forEachInstanceProperty(_context37 = _Object$keys(_PasswordField)).call(_context37, function (key) {
1082
+ _forEachInstanceProperty(_context34 = _Object$keys(_PasswordField)).call(_context34, function (key) {
1147
1083
  if (key === "default" || key === "__esModule") return;
1148
1084
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1149
1085
 
@@ -1155,23 +1091,9 @@ _forEachInstanceProperty(_context37 = _Object$keys(_PasswordField)).call(_contex
1155
1091
  });
1156
1092
  });
1157
1093
 
1158
- var _Popover = _interopRequireWildcard(require("./components/Popover"));
1159
-
1160
- _forEachInstanceProperty(_context38 = _Object$keys(_Popover)).call(_context38, function (key) {
1161
- if (key === "default" || key === "__esModule") return;
1162
- if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1163
-
1164
- _Object$defineProperty(exports, key, {
1165
- enumerable: true,
1166
- get: function get() {
1167
- return _Popover[key];
1168
- }
1169
- });
1170
- });
1171
-
1172
1094
  var _PopoverContainer = _interopRequireWildcard(require("./components/PopoverContainer"));
1173
1095
 
1174
- _forEachInstanceProperty(_context39 = _Object$keys(_PopoverContainer)).call(_context39, function (key) {
1096
+ _forEachInstanceProperty(_context35 = _Object$keys(_PopoverContainer)).call(_context35, function (key) {
1175
1097
  if (key === "default" || key === "__esModule") return;
1176
1098
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1177
1099
 
@@ -1187,7 +1109,7 @@ var _PopoverMenu = _interopRequireDefault(require("./components/PopoverMenu"));
1187
1109
 
1188
1110
  var _Radio = _interopRequireWildcard(require("./components/Radio"));
1189
1111
 
1190
- _forEachInstanceProperty(_context40 = _Object$keys(_Radio)).call(_context40, function (key) {
1112
+ _forEachInstanceProperty(_context36 = _Object$keys(_Radio)).call(_context36, function (key) {
1191
1113
  if (key === "default" || key === "__esModule") return;
1192
1114
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1193
1115
 
@@ -1201,7 +1123,7 @@ _forEachInstanceProperty(_context40 = _Object$keys(_Radio)).call(_context40, fun
1201
1123
 
1202
1124
  var _RadioField = _interopRequireWildcard(require("./components/RadioField"));
1203
1125
 
1204
- _forEachInstanceProperty(_context41 = _Object$keys(_RadioField)).call(_context41, function (key) {
1126
+ _forEachInstanceProperty(_context37 = _Object$keys(_RadioField)).call(_context37, function (key) {
1205
1127
  if (key === "default" || key === "__esModule") return;
1206
1128
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1207
1129
 
@@ -1215,7 +1137,7 @@ _forEachInstanceProperty(_context41 = _Object$keys(_RadioField)).call(_context41
1215
1137
 
1216
1138
  var _RadioGroupField = _interopRequireWildcard(require("./components/RadioGroupField"));
1217
1139
 
1218
- _forEachInstanceProperty(_context42 = _Object$keys(_RadioGroupField)).call(_context42, function (key) {
1140
+ _forEachInstanceProperty(_context38 = _Object$keys(_RadioGroupField)).call(_context38, function (key) {
1219
1141
  if (key === "default" || key === "__esModule") return;
1220
1142
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1221
1143
 
@@ -1229,7 +1151,7 @@ _forEachInstanceProperty(_context42 = _Object$keys(_RadioGroupField)).call(_cont
1229
1151
 
1230
1152
  var _RequirementsList = _interopRequireWildcard(require("./components/RequirementsList"));
1231
1153
 
1232
- _forEachInstanceProperty(_context43 = _Object$keys(_RequirementsList)).call(_context43, function (key) {
1154
+ _forEachInstanceProperty(_context39 = _Object$keys(_RequirementsList)).call(_context39, function (key) {
1233
1155
  if (key === "default" || key === "__esModule") return;
1234
1156
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1235
1157
 
@@ -1243,7 +1165,7 @@ _forEachInstanceProperty(_context43 = _Object$keys(_RequirementsList)).call(_con
1243
1165
 
1244
1166
  var _RockerButton = _interopRequireWildcard(require("./components/RockerButton"));
1245
1167
 
1246
- _forEachInstanceProperty(_context44 = _Object$keys(_RockerButton)).call(_context44, function (key) {
1168
+ _forEachInstanceProperty(_context40 = _Object$keys(_RockerButton)).call(_context40, function (key) {
1247
1169
  if (key === "default" || key === "__esModule") return;
1248
1170
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1249
1171
 
@@ -1257,7 +1179,7 @@ _forEachInstanceProperty(_context44 = _Object$keys(_RockerButton)).call(_context
1257
1179
 
1258
1180
  var _RockerButtonGroup = _interopRequireWildcard(require("./components/RockerButtonGroup"));
1259
1181
 
1260
- _forEachInstanceProperty(_context45 = _Object$keys(_RockerButtonGroup)).call(_context45, function (key) {
1182
+ _forEachInstanceProperty(_context41 = _Object$keys(_RockerButtonGroup)).call(_context41, function (key) {
1261
1183
  if (key === "default" || key === "__esModule") return;
1262
1184
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1263
1185
 
@@ -1271,7 +1193,7 @@ _forEachInstanceProperty(_context45 = _Object$keys(_RockerButtonGroup)).call(_co
1271
1193
 
1272
1194
  var _ScrollBox = _interopRequireWildcard(require("./components/ScrollBox"));
1273
1195
 
1274
- _forEachInstanceProperty(_context46 = _Object$keys(_ScrollBox)).call(_context46, function (key) {
1196
+ _forEachInstanceProperty(_context42 = _Object$keys(_ScrollBox)).call(_context42, function (key) {
1275
1197
  if (key === "default" || key === "__esModule") return;
1276
1198
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1277
1199
 
@@ -1285,7 +1207,7 @@ _forEachInstanceProperty(_context46 = _Object$keys(_ScrollBox)).call(_context46,
1285
1207
 
1286
1208
  var _SearchField = _interopRequireWildcard(require("./components/SearchField"));
1287
1209
 
1288
- _forEachInstanceProperty(_context47 = _Object$keys(_SearchField)).call(_context47, function (key) {
1210
+ _forEachInstanceProperty(_context43 = _Object$keys(_SearchField)).call(_context43, function (key) {
1289
1211
  if (key === "default" || key === "__esModule") return;
1290
1212
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1291
1213
 
@@ -1299,7 +1221,7 @@ _forEachInstanceProperty(_context47 = _Object$keys(_SearchField)).call(_context4
1299
1221
 
1300
1222
  var _SelectField = _interopRequireWildcard(require("./components/SelectField"));
1301
1223
 
1302
- _forEachInstanceProperty(_context48 = _Object$keys(_SelectField)).call(_context48, function (key) {
1224
+ _forEachInstanceProperty(_context44 = _Object$keys(_SelectField)).call(_context44, function (key) {
1303
1225
  if (key === "default" || key === "__esModule") return;
1304
1226
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1305
1227
 
@@ -1313,7 +1235,7 @@ _forEachInstanceProperty(_context48 = _Object$keys(_SelectField)).call(_context4
1313
1235
 
1314
1236
  var _Separator = _interopRequireWildcard(require("./components/Separator"));
1315
1237
 
1316
- _forEachInstanceProperty(_context49 = _Object$keys(_Separator)).call(_context49, function (key) {
1238
+ _forEachInstanceProperty(_context45 = _Object$keys(_Separator)).call(_context45, function (key) {
1317
1239
  if (key === "default" || key === "__esModule") return;
1318
1240
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1319
1241
 
@@ -1327,7 +1249,7 @@ _forEachInstanceProperty(_context49 = _Object$keys(_Separator)).call(_context49,
1327
1249
 
1328
1250
  var _Stepper = _interopRequireWildcard(require("./components/Stepper"));
1329
1251
 
1330
- _forEachInstanceProperty(_context50 = _Object$keys(_Stepper)).call(_context50, function (key) {
1252
+ _forEachInstanceProperty(_context46 = _Object$keys(_Stepper)).call(_context46, function (key) {
1331
1253
  if (key === "default" || key === "__esModule") return;
1332
1254
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1333
1255
 
@@ -1341,7 +1263,7 @@ _forEachInstanceProperty(_context50 = _Object$keys(_Stepper)).call(_context50, f
1341
1263
 
1342
1264
  var _Switch = _interopRequireWildcard(require("./components/Switch"));
1343
1265
 
1344
- _forEachInstanceProperty(_context51 = _Object$keys(_Switch)).call(_context51, function (key) {
1266
+ _forEachInstanceProperty(_context47 = _Object$keys(_Switch)).call(_context47, function (key) {
1345
1267
  if (key === "default" || key === "__esModule") return;
1346
1268
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1347
1269
 
@@ -1355,7 +1277,7 @@ _forEachInstanceProperty(_context51 = _Object$keys(_Switch)).call(_context51, fu
1355
1277
 
1356
1278
  var _SwitchField = _interopRequireWildcard(require("./components/SwitchField"));
1357
1279
 
1358
- _forEachInstanceProperty(_context52 = _Object$keys(_SwitchField)).call(_context52, function (key) {
1280
+ _forEachInstanceProperty(_context48 = _Object$keys(_SwitchField)).call(_context48, function (key) {
1359
1281
  if (key === "default" || key === "__esModule") return;
1360
1282
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1361
1283
 
@@ -1369,7 +1291,7 @@ _forEachInstanceProperty(_context52 = _Object$keys(_SwitchField)).call(_context5
1369
1291
 
1370
1292
  var _Tab = _interopRequireWildcard(require("./components/Tab"));
1371
1293
 
1372
- _forEachInstanceProperty(_context53 = _Object$keys(_Tab)).call(_context53, function (key) {
1294
+ _forEachInstanceProperty(_context49 = _Object$keys(_Tab)).call(_context49, function (key) {
1373
1295
  if (key === "default" || key === "__esModule") return;
1374
1296
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1375
1297
 
@@ -1383,7 +1305,7 @@ _forEachInstanceProperty(_context53 = _Object$keys(_Tab)).call(_context53, funct
1383
1305
 
1384
1306
  var _Table = _interopRequireWildcard(require("./components/Table"));
1385
1307
 
1386
- _forEachInstanceProperty(_context54 = _Object$keys(_Table)).call(_context54, function (key) {
1308
+ _forEachInstanceProperty(_context50 = _Object$keys(_Table)).call(_context50, function (key) {
1387
1309
  if (key === "default" || key === "__esModule") return;
1388
1310
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1389
1311
 
@@ -1397,7 +1319,7 @@ _forEachInstanceProperty(_context54 = _Object$keys(_Table)).call(_context54, fun
1397
1319
 
1398
1320
  var _TableBody = _interopRequireWildcard(require("./components/TableBody"));
1399
1321
 
1400
- _forEachInstanceProperty(_context55 = _Object$keys(_TableBody)).call(_context55, function (key) {
1322
+ _forEachInstanceProperty(_context51 = _Object$keys(_TableBody)).call(_context51, function (key) {
1401
1323
  if (key === "default" || key === "__esModule") return;
1402
1324
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1403
1325
 
@@ -1411,7 +1333,7 @@ _forEachInstanceProperty(_context55 = _Object$keys(_TableBody)).call(_context55,
1411
1333
 
1412
1334
  var _TableCell = _interopRequireWildcard(require("./components/TableCell"));
1413
1335
 
1414
- _forEachInstanceProperty(_context56 = _Object$keys(_TableCell)).call(_context56, function (key) {
1336
+ _forEachInstanceProperty(_context52 = _Object$keys(_TableCell)).call(_context52, function (key) {
1415
1337
  if (key === "default" || key === "__esModule") return;
1416
1338
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1417
1339
 
@@ -1425,7 +1347,7 @@ _forEachInstanceProperty(_context56 = _Object$keys(_TableCell)).call(_context56,
1425
1347
 
1426
1348
  var _TableHead = _interopRequireWildcard(require("./components/TableHead"));
1427
1349
 
1428
- _forEachInstanceProperty(_context57 = _Object$keys(_TableHead)).call(_context57, function (key) {
1350
+ _forEachInstanceProperty(_context53 = _Object$keys(_TableHead)).call(_context53, function (key) {
1429
1351
  if (key === "default" || key === "__esModule") return;
1430
1352
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1431
1353
 
@@ -1439,7 +1361,7 @@ _forEachInstanceProperty(_context57 = _Object$keys(_TableHead)).call(_context57,
1439
1361
 
1440
1362
  var _TableRow = _interopRequireWildcard(require("./components/TableRow"));
1441
1363
 
1442
- _forEachInstanceProperty(_context58 = _Object$keys(_TableRow)).call(_context58, function (key) {
1364
+ _forEachInstanceProperty(_context54 = _Object$keys(_TableRow)).call(_context54, function (key) {
1443
1365
  if (key === "default" || key === "__esModule") return;
1444
1366
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1445
1367
 
@@ -1453,7 +1375,7 @@ _forEachInstanceProperty(_context58 = _Object$keys(_TableRow)).call(_context58,
1453
1375
 
1454
1376
  var _Tabs = _interopRequireWildcard(require("./components/Tabs"));
1455
1377
 
1456
- _forEachInstanceProperty(_context59 = _Object$keys(_Tabs)).call(_context59, function (key) {
1378
+ _forEachInstanceProperty(_context55 = _Object$keys(_Tabs)).call(_context55, function (key) {
1457
1379
  if (key === "default" || key === "__esModule") return;
1458
1380
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1459
1381
 
@@ -1467,7 +1389,7 @@ _forEachInstanceProperty(_context59 = _Object$keys(_Tabs)).call(_context59, func
1467
1389
 
1468
1390
  var _Text = _interopRequireWildcard(require("./components/Text"));
1469
1391
 
1470
- _forEachInstanceProperty(_context60 = _Object$keys(_Text)).call(_context60, function (key) {
1392
+ _forEachInstanceProperty(_context56 = _Object$keys(_Text)).call(_context56, function (key) {
1471
1393
  if (key === "default" || key === "__esModule") return;
1472
1394
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1473
1395
 
@@ -1481,7 +1403,7 @@ _forEachInstanceProperty(_context60 = _Object$keys(_Text)).call(_context60, func
1481
1403
 
1482
1404
  var _TextField = _interopRequireWildcard(require("./components/TextField"));
1483
1405
 
1484
- _forEachInstanceProperty(_context61 = _Object$keys(_TextField)).call(_context61, function (key) {
1406
+ _forEachInstanceProperty(_context57 = _Object$keys(_TextField)).call(_context57, function (key) {
1485
1407
  if (key === "default" || key === "__esModule") return;
1486
1408
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1487
1409
 
@@ -1495,7 +1417,7 @@ _forEachInstanceProperty(_context61 = _Object$keys(_TextField)).call(_context61,
1495
1417
 
1496
1418
  var _TextArea = _interopRequireWildcard(require("./components/TextArea"));
1497
1419
 
1498
- _forEachInstanceProperty(_context62 = _Object$keys(_TextArea)).call(_context62, function (key) {
1420
+ _forEachInstanceProperty(_context58 = _Object$keys(_TextArea)).call(_context58, function (key) {
1499
1421
  if (key === "default" || key === "__esModule") return;
1500
1422
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1501
1423
 
@@ -1509,7 +1431,7 @@ _forEachInstanceProperty(_context62 = _Object$keys(_TextArea)).call(_context62,
1509
1431
 
1510
1432
  var _TextAreaField = _interopRequireWildcard(require("./components/TextAreaField"));
1511
1433
 
1512
- _forEachInstanceProperty(_context63 = _Object$keys(_TextAreaField)).call(_context63, function (key) {
1434
+ _forEachInstanceProperty(_context59 = _Object$keys(_TextAreaField)).call(_context59, function (key) {
1513
1435
  if (key === "default" || key === "__esModule") return;
1514
1436
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1515
1437
 
@@ -1523,7 +1445,7 @@ _forEachInstanceProperty(_context63 = _Object$keys(_TextAreaField)).call(_contex
1523
1445
 
1524
1446
  var _TooltipTrigger = _interopRequireWildcard(require("./components/TooltipTrigger"));
1525
1447
 
1526
- _forEachInstanceProperty(_context64 = _Object$keys(_TooltipTrigger)).call(_context64, function (key) {
1448
+ _forEachInstanceProperty(_context60 = _Object$keys(_TooltipTrigger)).call(_context60, function (key) {
1527
1449
  if (key === "default" || key === "__esModule") return;
1528
1450
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
1529
1451
 
@@ -301,7 +301,8 @@ var Default = function Default() {
301
301
  }, (0, _react2.jsx)(_index.Chip, {
302
302
  bg: "success.light",
303
303
  textColor: "success.dark",
304
- label: "New"
304
+ label: "New",
305
+ isUppercase: true
305
306
  })) : null)), (0, _react2.jsx)(_index.Box, {
306
307
  isRow: true,
307
308
  alignSelf: "center"
@@ -20,8 +20,6 @@ var _CogOutlineIcon = _interopRequireDefault(require("mdi-react/CogOutlineIcon")
20
20
 
21
21
  var _Button = _interopRequireDefault(require("../components/Button/Button"));
22
22
 
23
- var _Panel = _interopRequireDefault(require("../components/Panel/Panel"));
24
-
25
23
  var _Box = _interopRequireDefault(require("../components/Box/Box"));
26
24
 
27
25
  var _Icon = _interopRequireDefault(require("../components/Icon/Icon"));
@@ -34,8 +32,6 @@ var _TextField = _interopRequireDefault(require("../components/TextField/TextFie
34
32
 
35
33
  var _TextAreaField = _interopRequireDefault(require("../components/TextAreaField/TextAreaField"));
36
34
 
37
- var _DropdownField = _interopRequireDefault(require("../components/DropdownField/DropdownField"));
38
-
39
35
  var _RadioGroupField = _interopRequireDefault(require("../components/RadioGroupField/RadioGroupField"));
40
36
 
41
37
  var _RadioField = _interopRequireDefault(require("../components/RadioField/RadioField"));
@@ -128,10 +124,7 @@ var Default = function Default() {
128
124
  }), (0, _react2.jsx)(_TextAreaField["default"], {
129
125
  mb: "lg",
130
126
  label: "Description"
131
- }), (0, _react2.jsx)(_DropdownField["default"], {
132
- label: "Category",
133
- mb: "lg"
134
- }, (0, _react2.jsx)("option", null, "Option 1"), (0, _react2.jsx)("option", null, "Option 2"), (0, _react2.jsx)("option", null, "Option 3")), (0, _react2.jsx)(_RadioGroupField["default"], {
127
+ }), (0, _react2.jsx)(_RadioGroupField["default"], {
135
128
  label: "Required Fields",
136
129
  variant: "radioGroupBasic"
137
130
  }, (0, _react2.jsx)(_RadioField["default"], {
@@ -140,19 +133,7 @@ var Default = function Default() {
140
133
  }), (0, _react2.jsx)(_RadioField["default"], {
141
134
  value: "B",
142
135
  label: "Option B"
143
- })))), (0, _react2.jsx)(_Panel["default"], {
144
- isVisible: visible,
145
- width: "70%",
146
- bg: "accent.99"
147
- }, (0, _react2.jsx)(_Box["default"], {
148
- p: "lg",
149
- onClick: function onClick() {
150
- return setVisible(!visible);
151
- }
152
- }, (0, _react2.jsx)(_Box["default"], {
153
- p: "lg",
154
- bg: "white"
155
- }, (0, _react2.jsx)(_Text["default"], null, "Your content here."))))));
136
+ }))))));
156
137
  };
157
138
 
158
139
  exports.Default = Default;
@@ -116,11 +116,11 @@ var Default = function Default() {
116
116
  sx: {
117
117
  position: 'absolute',
118
118
  right: -30,
119
- top: 5
119
+ top: 5,
120
+ width: 'auto'
120
121
  },
121
122
  type: "delete",
122
- title: "Delete Field",
123
- variant: "icon"
123
+ title: "Delete Field"
124
124
  }, (0, _react2.jsx)(_index.Icon, {
125
125
  icon: _TrashIcon["default"],
126
126
  size: 20,