From c7aa330bf9ef156aaaee4a70547546bcc7ad14b5 Mon Sep 17 00:00:00 2001
From: Pier-Luc Gendreau <Zertz@users.noreply.github.com>
Date: Mon, 25 Apr 2022 09:34:57 -0400
Subject: [PATCH] Fix DateInput example size and z-index (#58)

* Upgrade dependencies

* Create shaggy-tables-clean.md

* Fix DateInput example size and z-index

* Create chilly-hornets-carry.md
---
 .changeset/chilly-hornets-carry.md  |  5 +++
 .changeset/shaggy-tables-clean.md   |  5 +++
 package.json                        |  2 +-
 packages/www/examples/DateInput.tsx |  6 ++--
 packages/www/package.json           |  2 +-
 pnpm-lock.yaml                      | 52 +++++++++++++++++------------
 6 files changed, 45 insertions(+), 27 deletions(-)
 create mode 100644 .changeset/chilly-hornets-carry.md
 create mode 100644 .changeset/shaggy-tables-clean.md

diff --git a/.changeset/chilly-hornets-carry.md b/.changeset/chilly-hornets-carry.md
new file mode 100644
index 0000000..27d95ff
--- /dev/null
+++ b/.changeset/chilly-hornets-carry.md
@@ -0,0 +1,5 @@
+---
+"@tempocal/www": patch
+---
+
+Fix DateInput example size and z-index
diff --git a/.changeset/shaggy-tables-clean.md b/.changeset/shaggy-tables-clean.md
new file mode 100644
index 0000000..c398e8a
--- /dev/null
+++ b/.changeset/shaggy-tables-clean.md
@@ -0,0 +1,5 @@
+---
+"@tempocal/www": patch
+---
+
+Upgrade dependencies
diff --git a/package.json b/package.json
index 72f6a64..e83cd3a 100644
--- a/package.json
+++ b/package.json
@@ -26,5 +26,5 @@
     "turbo": "^1.2.5",
     "typescript": "^4.6.3"
   },
-  "packageManager": "pnpm@6.32.9"
+  "packageManager": "pnpm@6.32.10"
 }
diff --git a/packages/www/examples/DateInput.tsx b/packages/www/examples/DateInput.tsx
index 4560da5..4567483 100644
--- a/packages/www/examples/DateInput.tsx
+++ b/packages/www/examples/DateInput.tsx
@@ -35,9 +35,9 @@ export function DateInput() {
   });
 
   return (
-    <div className="flex flex-col flex-shrink-0 gap-4 relative w-72">
+    <div className="flex flex-col flex-shrink-0 gap-4 relative">
       <input
-        className="border-gray-300 rounded px-1 w-full"
+        className="border-gray-300 rounded px-1 w-72"
         onClick={() => setOpen((isOpen) => !isOpen)}
         readOnly
         title={dateFormatter.format(temporalToDate(value))}
@@ -47,7 +47,7 @@ export function DateInput() {
           .padStart(2, "0")}-${value.day.toString().padStart(2, "0")}`}
       />
       <div
-        className="shadow-xl absolute top-14 left-0 right-0"
+        className="shadow-xl absolute top-14 left-0 right-0 z-10"
         hidden={!isOpen}
       >
         <Calendar
diff --git a/packages/www/package.json b/packages/www/package.json
index 555cbf0..1d6cb63 100644
--- a/packages/www/package.json
+++ b/packages/www/package.json
@@ -24,7 +24,7 @@
     "@testing-library/jest-dom": "^5.16.4",
     "@testing-library/react": "^13.1.1",
     "@vitejs/plugin-react": "^1.3.1",
-    "autoprefixer": "^10.4.4",
+    "autoprefixer": "^10.4.5",
     "jsdom": "^19.0.0",
     "postcss": "^8.4.12",
     "tailwindcss": "^3.0.24",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index d75e0c6..74cc19c 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -82,7 +82,7 @@ importers:
       '@testing-library/jest-dom': ^5.16.4
       '@testing-library/react': ^13.1.1
       '@vitejs/plugin-react': ^1.3.1
-      autoprefixer: ^10.4.4
+      autoprefixer: ^10.4.5
       classnames: ^2.3.1
       jsdom: ^19.0.0
       next: ^12.1.5
@@ -95,7 +95,7 @@ importers:
       vite: ^2.9.5
       vitest: ^0.9.4
     dependencies:
-      '@headlessui/react': 0.0.0-insiders.fe034b4_react-dom@18.0.0+react@18.0.0
+      '@headlessui/react': 0.0.0-insiders.cb7a969_react-dom@18.0.0+react@18.0.0
       '@heroicons/react': 1.0.6_react@18.0.0
       '@js-temporal/polyfill': 0.4.1
       '@tempocal/core': link:../core
@@ -111,7 +111,7 @@ importers:
       '@testing-library/jest-dom': 5.16.4
       '@testing-library/react': 13.1.1_react-dom@18.0.0+react@18.0.0
       '@vitejs/plugin-react': 1.3.1
-      autoprefixer: 10.4.4_postcss@8.4.12
+      autoprefixer: 10.4.5_postcss@8.4.12
       jsdom: 19.0.0
       postcss: 8.4.12
       tailwindcss: 3.0.24
@@ -187,7 +187,7 @@ packages:
       '@babel/compat-data': 7.17.7
       '@babel/core': 7.17.9
       '@babel/helper-validator-option': 7.16.7
-      browserslist: 4.20.2
+      browserslist: 4.20.3
       semver: 6.3.0
     dev: true
 
@@ -586,8 +586,8 @@ packages:
       - supports-color
     dev: true
 
-  /@headlessui/react/0.0.0-insiders.fe034b4_react-dom@18.0.0+react@18.0.0:
-    resolution: {integrity: sha512-HKdEW698Klc834oFAr/X7dFcOKZCSW2FlaLO10BOe0Oueq+t34Gm1ObXcocyRZrNoL2l7scj25vNWUrtSEITzg==}
+  /@headlessui/react/0.0.0-insiders.cb7a969_react-dom@18.0.0+react@18.0.0:
+    resolution: {integrity: sha512-XF22nUzRNexsmU3sSj+UEOpFyiA0YSxw4tx3IjuQCB323GJcUL55bDkvytEdQHOR/AqdwyAz0yn6ftZnW1Wi2Q==}
     engines: {node: '>=10'}
     peerDependencies:
       react: ^16 || ^17 || ^18
@@ -647,7 +647,7 @@ packages:
     resolution: {integrity: sha512-mki5uBvhHzO8kYYix/WRy2WX8S3B5wdVSc9D6KcU5lQNglP2yt58/VfLuAK49glRXChosY8ap2oJ1qgma3GUVA==}
     dependencies:
       '@babel/runtime': 7.17.9
-      '@types/node': 12.20.48
+      '@types/node': 12.20.49
       find-up: 4.1.0
       fs-extra: 8.1.0
     dev: true
@@ -822,7 +822,7 @@ packages:
       '@types/aria-query': 4.2.2
       aria-query: 5.0.0
       chalk: 4.1.2
-      dom-accessibility-api: 0.5.13
+      dom-accessibility-api: 0.5.14
       lz-string: 1.4.4
       pretty-format: 27.5.1
     dev: true
@@ -837,7 +837,7 @@ packages:
       chalk: 3.0.0
       css: 3.0.0
       css.escape: 1.5.1
-      dom-accessibility-api: 0.5.13
+      dom-accessibility-api: 0.5.14
       lodash: 4.17.21
       redent: 3.0.0
     dev: true
@@ -919,8 +919,8 @@ packages:
     resolution: {integrity: sha512-jhuKLIRrhvCPLqwPcx6INqmKeiA5EWrsCOPhrlFSrbrmU4ZMPjj5Ul/oLCMDO98XRUIwVm78xICz4EPCektzeQ==}
     dev: true
 
-  /@types/node/12.20.48:
-    resolution: {integrity: sha512-4kxzqkrpwYtn6okJUcb2lfUu9ilnb3yhUOH6qX3nug8D2DupZ2drIkff2yJzYcNJVl3begnlcaBJ7tqiTTzjnQ==}
+  /@types/node/12.20.49:
+    resolution: {integrity: sha512-5e6QNb9bkeh4Hni4ktLqUZuUqnGTX/kou2aZkXyxtuYaHXgBm+In1SHR9V+7kDzWzjB08KC2uqt2doDi7cuAAA==}
     dev: true
 
   /@types/normalize-package-data/2.4.1:
@@ -1247,14 +1247,14 @@ packages:
     hasBin: true
     dev: true
 
-  /autoprefixer/10.4.4_postcss@8.4.12:
-    resolution: {integrity: sha512-Tm8JxsB286VweiZ5F0anmbyGiNI3v3wGv3mz9W+cxEDYB/6jbnj6GM9H9mK3wIL8ftgl+C07Lcwb8PG5PCCPzA==}
+  /autoprefixer/10.4.5_postcss@8.4.12:
+    resolution: {integrity: sha512-Fvd8yCoA7lNX/OUllvS+aS1I7WRBclGXsepbvT8ZaPgrH24rgXpZzF0/6Hh3ZEkwg+0AES/Osd196VZmYoEFtw==}
     engines: {node: ^10 || ^12 || >=14}
     hasBin: true
     peerDependencies:
       postcss: ^8.1.0
     dependencies:
-      browserslist: 4.20.2
+      browserslist: 4.20.3
       caniuse-lite: 1.0.30001332
       fraction.js: 4.2.0
       normalize-range: 0.1.2
@@ -1303,8 +1303,8 @@ packages:
     resolution: {integrity: sha512-9o5UecI3GhkpM6DrXr69PblIuWxPKk9Y0jHBRhdocZ2y7YECBFCsHm79Pr3OyR2AvjhDkabFJaDJMYRazHgsow==}
     dev: true
 
-  /browserslist/4.20.2:
-    resolution: {integrity: sha512-CQOBCqp/9pDvDbx3xfMi+86pr4KXIf2FDkTTdeuYw8OxS9t898LA1Khq57gtufFILXpfgsSx5woNgsBgvGjpsA==}
+  /browserslist/4.20.3:
+    resolution: {integrity: sha512-NBhymBQl1zM0Y5dQT/O+xiLP9/rzOIQdKM/eMJBAq7yBgaB6krIYLGejrwVYnSHZdqjscB1SPuAjHwxjvN6Wdg==}
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
     hasBin: true
     dependencies:
@@ -1558,13 +1558,13 @@ packages:
       stream-transform: 2.1.3
     dev: true
 
-  /data-urls/3.0.1:
-    resolution: {integrity: sha512-Ds554NeT5Gennfoo9KN50Vh6tpgtvYEwraYjejXnyTpu1C7oXKxdFk75REooENHE8ndTVOJuv+BEs4/J/xcozw==}
+  /data-urls/3.0.2:
+    resolution: {integrity: sha512-Jy/tj3ldjZJo63sVAvg6LHt2mHvl4V6AgRAmNDtLdm7faqtsx+aJG42rsyCo9JCoRVKwPFzKlIPx3DIibwSIaQ==}
     engines: {node: '>=12'}
     dependencies:
       abab: 2.0.6
       whatwg-mimetype: 3.0.0
-      whatwg-url: 10.0.0
+      whatwg-url: 11.0.0
     dev: true
 
   /debug/4.3.4:
@@ -1669,8 +1669,8 @@ packages:
       esutils: 2.0.3
     dev: true
 
-  /dom-accessibility-api/0.5.13:
-    resolution: {integrity: sha512-R305kwb5CcMDIpSHUnLyIAp7SrSPBx6F0VfQFB3M75xVMHhXJJIdePYgbPPh1o57vCHNu5QztokWUPsLjWzFqw==}
+  /dom-accessibility-api/0.5.14:
+    resolution: {integrity: sha512-NMt+m9zFMPZe0JcY9gN224Qvk6qLIdqex29clBvc/y75ZBX9YA9wNK3frsYvu2DI1xcCIwxwnX+TlsJ2DSOADg==}
     dev: true
 
   /domexception/4.0.0:
@@ -2579,7 +2579,7 @@ packages:
       acorn-globals: 6.0.0
       cssom: 0.5.0
       cssstyle: 2.3.0
-      data-urls: 3.0.1
+      data-urls: 3.0.2
       decimal.js: 10.3.1
       domexception: 4.0.0
       escodegen: 2.0.0
@@ -4161,6 +4161,14 @@ packages:
       webidl-conversions: 7.0.0
     dev: true
 
+  /whatwg-url/11.0.0:
+    resolution: {integrity: sha512-RKT8HExMpoYx4igMiVMY83lN6UeITKJlBQ+vR/8ZJ8OCdSiN3RwCq+9gH0+Xzj0+5IrM6i4j/6LuvzbZIQgEcQ==}
+    engines: {node: '>=12'}
+    dependencies:
+      tr46: 3.0.0
+      webidl-conversions: 7.0.0
+    dev: true
+
   /which-module/2.0.0:
     resolution: {integrity: sha1-2e8H3Od7mQK4o6j6SzHD4/fm6Ho=}
     dev: true