sprint-asia-custom-component 0.1.178 → 0.1.180

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 (5) hide show
  1. package/dist/index.js +20 -11
  2. package/package.json +1 -1
  3. package/src/components/modal/modalLoading/index.js +7 -6
  4. package/src/components/modal/modalResult/index.js +2 -1
  5. package/src/components/modal/modalState/index.js +2 -1
package/dist/index.js CHANGED
@@ -29035,10 +29035,13 @@
29035
29035
  as: React.Fragment
29036
29036
  }, /*#__PURE__*/React__default["default"].createElement(_t, {
29037
29037
  as: "div",
29038
- className: "relative z-[1001]",
29038
+ className: "relative",
29039
29039
  initialFocus: cancelButtonRef,
29040
29040
  onClose: () => props.onClose(),
29041
- static: true
29041
+ static: true,
29042
+ style: {
29043
+ zIndex: 1001
29044
+ }
29042
29045
  }, /*#__PURE__*/React__default["default"].createElement(qe.Child, {
29043
29046
  as: React.Fragment,
29044
29047
  enter: "ease-out duration-300",
@@ -29051,7 +29054,7 @@
29051
29054
  className: "fixed inset-0 bg-black bg-opacity-25 transition-opacity",
29052
29055
  onClick: handleBackgroundClick
29053
29056
  })), /*#__PURE__*/React__default["default"].createElement("div", {
29054
- className: "fixed inset-0 z-10 w-screen overflow-y-auto"
29057
+ className: "fixed inset-0 w-screen overflow-y-auto"
29055
29058
  }, /*#__PURE__*/React__default["default"].createElement("div", {
29056
29059
  className: "flex min-h-full items-center justify-center p-4 text-center sm:items-center sm:p-0"
29057
29060
  }, /*#__PURE__*/React__default["default"].createElement(qe.Child, {
@@ -29065,16 +29068,16 @@
29065
29068
  }, /*#__PURE__*/React__default["default"].createElement(_t.Panel, {
29066
29069
  className: "relative transform overflow-hidden rounded-lg bg-white text-left shadow-xl transition-all sm:my-8 sm:w-full sm:max-w-lg"
29067
29070
  }, /*#__PURE__*/React__default["default"].createElement("div", {
29068
- className: "bg-white px-4 pb-4 pt-5 sm:p-4"
29071
+ className: "bg-white p-4"
29069
29072
  }, /*#__PURE__*/React__default["default"].createElement("div", {
29070
- className: "sm:flex sm:items-start"
29073
+ className: "flex"
29071
29074
  }, /*#__PURE__*/React__default["default"].createElement("div", {
29072
- className: "mx-auto flex h-12 w-16 flex-shrink-0 items-center justify-center rounded-full sm:mx-0 sm:h-10 sm:w-10"
29075
+ className: "flex h-12 w-16 flex-shrink-0 items-center justify-center rounded-full sm:mx-0 sm:h-10 sm:w-10"
29073
29076
  }, /*#__PURE__*/React__default["default"].createElement(PiInfoDuotone, {
29074
29077
  className: "h-8 w-8 text-primary500",
29075
29078
  "aria-hidden": "true"
29076
29079
  })), /*#__PURE__*/React__default["default"].createElement("div", {
29077
- className: "mt-3 text-center sm:ml-4 sm:mt-0 sm:text-left"
29080
+ className: "text-left sm:ml-4 sm:mt-0"
29078
29081
  }, /*#__PURE__*/React__default["default"].createElement(_t.Title, {
29079
29082
  as: "h3",
29080
29083
  className: "text-base font-semibold leading-6 text-black"
@@ -29099,10 +29102,13 @@
29099
29102
  as: React.Fragment
29100
29103
  }, /*#__PURE__*/React__default["default"].createElement(_t, {
29101
29104
  as: "div",
29102
- className: "relative z-[1001]",
29105
+ className: "relative",
29103
29106
  initialFocus: cancelButtonRef,
29104
29107
  onClose: () => props.onClose(),
29105
- static: true
29108
+ static: true,
29109
+ style: {
29110
+ zIndex: 1001
29111
+ }
29106
29112
  }, /*#__PURE__*/React__default["default"].createElement(qe.Child, {
29107
29113
  as: React.Fragment,
29108
29114
  enter: "ease-out duration-300",
@@ -44475,10 +44481,13 @@
44475
44481
  as: React.Fragment
44476
44482
  }, /*#__PURE__*/React__default["default"].createElement(_t, {
44477
44483
  as: "div",
44478
- className: "fixed inset-0 overflow-y-auto z-[1001]",
44484
+ className: "fixed inset-0 overflow-y-auto",
44479
44485
  initialFocus: cancelButtonRef,
44480
44486
  onClose: () => {},
44481
- static: false
44487
+ static: false,
44488
+ style: {
44489
+ zIndex: 1001
44490
+ }
44482
44491
  }, /*#__PURE__*/React__default["default"].createElement(qe.Child, {
44483
44492
  as: React.Fragment,
44484
44493
  enter: "ease-out duration-300",
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "sprint-asia-custom-component",
3
3
  "main": "dist/index.js",
4
- "version": "0.1.178",
4
+ "version": "0.1.180",
5
5
  "private": false,
6
6
  "dependencies": {
7
7
  "@headlessui/react": "^1.7.18",
package/src/components/modal/modalLoading/index.js CHANGED
@@ -14,10 +14,11 @@ const ModalLoading = (props) => {
14
14
  <Transition.Root show={props.isOpen} as={Fragment}>
15
15
  <Dialog
16
16
  as="div"
17
- className="relative z-[1001]"
17
+ className="relative"
18
18
  initialFocus={cancelButtonRef}
19
19
  onClose={() => props.onClose()}
20
20
  static={true}
21
+ style={{ zIndex: 1001 }}
21
22
  >
22
23
  <Transition.Child
23
24
  as={Fragment}
@@ -31,7 +32,7 @@ const ModalLoading = (props) => {
31
32
  <div className="fixed inset-0 bg-black bg-opacity-25 transition-opacity" onClick={handleBackgroundClick} />
32
33
  </Transition.Child>
33
34
 
34
- <div className="fixed inset-0 z-10 w-screen overflow-y-auto">
35
+ <div className="fixed inset-0 w-screen overflow-y-auto">
35
36
  <div className="flex min-h-full items-center justify-center p-4 text-center sm:items-center sm:p-0">
36
37
  <Transition.Child
37
38
  as={Fragment}
@@ -43,12 +44,12 @@ const ModalLoading = (props) => {
43
44
  leaveTo="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
44
45
  >
45
46
  <Dialog.Panel className="relative transform overflow-hidden rounded-lg bg-white text-left shadow-xl transition-all sm:my-8 sm:w-full sm:max-w-lg">
46
- <div className="bg-white px-4 pb-4 pt-5 sm:p-4">
47
- <div className="sm:flex sm:items-start">
48
- <div className="mx-auto flex h-12 w-16 flex-shrink-0 items-center justify-center rounded-full sm:mx-0 sm:h-10 sm:w-10">
47
+ <div className="bg-white p-4">
48
+ <div className="flex">
49
+ <div className="flex h-12 w-16 flex-shrink-0 items-center justify-center rounded-full sm:mx-0 sm:h-10 sm:w-10">
49
50
  <PiInfoDuotone className="h-8 w-8 text-primary500" aria-hidden="true" />
50
51
  </div>
51
- <div className="mt-3 text-center sm:ml-4 sm:mt-0 sm:text-left">
52
+ <div className="text-left sm:ml-4 sm:mt-0">
52
53
  <Dialog.Title as="h3" className="text-base font-semibold leading-6 text-black">
53
54
  {props.title}
54
55
  </Dialog.Title>
package/src/components/modal/modalResult/index.js CHANGED
@@ -15,10 +15,11 @@ const ModalResult = (props) => {
15
15
  <Transition.Root show={props.isOpen} as={Fragment}>
16
16
  <Dialog
17
17
  as="div"
18
- className="relative z-[1001]"
18
+ className="relative"
19
19
  initialFocus={cancelButtonRef}
20
20
  onClose={() => props.onClose()}
21
21
  static={true}
22
+ style={{ zIndex: 1001 }}
22
23
  >
23
24
  <Transition.Child
24
25
  as={Fragment}
package/src/components/modal/modalState/index.js CHANGED
@@ -48,10 +48,11 @@ const ModalState = ({
48
48
  <Transition.Root show={isOpen} as={Fragment}>
49
49
  <Dialog
50
50
  as="div"
51
- className="fixed inset-0 overflow-y-auto z-[1001]"
51
+ className="fixed inset-0 overflow-y-auto"
52
52
  initialFocus={cancelButtonRef}
53
53
  onClose={() => {}}
54
54
  static={false}
55
+ style={{ zIndex: 1001 }}
55
56
  >
56
57
  <Transition.Child
57
58
  as={Fragment}