@simpli-route/apollo-ds 0.1.84 → 0.1.86

package/dist/style.css

@@ -749,6 +749,9 @@ select {
 .pointer-events-none {
   pointer-events: none;
 }
+.pointer-events-auto {
+  pointer-events: auto;
+}
 .\!visible {
   visibility: visible !important;
 }
@@ -773,24 +776,31 @@ select {
 .relative {
   position: relative;
 }
+.sticky {
+  position: sticky;
+}
 .inset-0 {
   inset: 0px;
 }
+.inset-x-0 {
+  left: 0px;
+  right: 0px;
+}
 .inset-y-0 {
   top: 0px;
   bottom: 0px;
 }
-.bottom-full {
-  bottom: 100%;
+.bottom-2 {
+  bottom: 0.5rem;
 }
-.left-0 {
-  left: 0px;
+.bottom-4 {
+  bottom: 1rem;
 }
 .left-1\/2 {
   left: 50%;
 }
-.left-full {
-  left: 100%;
+.left-2 {
+  left: 0.5rem;
 }
 .right-0 {
   right: 0px;
@@ -798,21 +808,21 @@ select {
 .right-2 {
   right: 0.5rem;
 }
-.right-full {
-  right: 100%;
+.right-\[480px\] {
+  right: 480px;
 }
 .top-1\/2 {
   top: 50%;
 }
+.top-2 {
+  top: 0.5rem;
+}
 .top-4 {
   top: 1rem;
 }
 .top-\[-6px\] {
   top: -6px;
 }
-.top-full {
-  top: 100%;
-}
 .z-0 {
   z-index: 0;
 }
@@ -853,6 +863,10 @@ select {
   margin-left: 1rem;
   margin-right: 1rem;
 }
+.mx-auto {
+  margin-left: auto;
+  margin-right: auto;
+}
 .my-0 {
   margin-top: 0px;
   margin-bottom: 0px;
@@ -894,15 +908,9 @@ select {
 .mb-2 {
   margin-bottom: 0.5rem;
 }
-.mb-3 {
-  margin-bottom: 0.75rem;
-}
 .mb-4 {
   margin-bottom: 1rem;
 }
-.mb-7 {
-  margin-bottom: 1.75rem;
-}
 .mb-\[1px\] {
   margin-bottom: 1px;
 }
@@ -915,9 +923,6 @@ select {
 .ml-1 {
   margin-left: 0.25rem;
 }
-.ml-3 {
-  margin-left: 0.75rem;
-}
 .mr-0 {
   margin-right: 0px;
 }
@@ -927,9 +932,6 @@ select {
 .mr-2 {
   margin-right: 0.5rem;
 }
-.mr-3 {
-  margin-right: 0.75rem;
-}
 .mt-0 {
   margin-top: 0px;
 }
@@ -942,15 +944,9 @@ select {
 .mt-2 {
   margin-top: 0.5rem;
 }
-.mt-3 {
-  margin-top: 0.75rem;
-}
 .mt-4 {
   margin-top: 1rem;
 }
-.mt-5 {
-  margin-top: 1.25rem;
-}
 .box-border {
   box-sizing: border-box;
 }
@@ -963,6 +959,9 @@ select {
 .inline-block {
   display: inline-block;
 }
+.inline {
+  display: inline;
+}
 .flex {
   display: flex;
 }
@@ -993,6 +992,10 @@ select {
   width: 0.875rem;
   height: 0.875rem;
 }
+.size-32 {
+  width: 8rem;
+  height: 8rem;
+}
 .size-4 {
   width: 1rem;
   height: 1rem;
@@ -1017,6 +1020,10 @@ select {
   width: 50px;
   height: 50px;
 }
+.size-\[72px\] {
+  width: 72px;
+  height: 72px;
+}
 .size-full {
   width: 100%;
   height: 100%;
@@ -1072,12 +1079,22 @@ select {
 .h-\[24px\] {
   height: 24px;
 }
+.h-\[280px\] {
+  height: 280px;
+}
 .h-\[32px\] {
   height: 32px;
 }
 .h-\[34px\] {
   height: 34px;
 }
+.h-\[600px\] {
+  height: 600px;
+}
+.h-fit {
+  height: -moz-fit-content;
+  height: fit-content;
+}
 .h-full {
   height: 100%;
 }
@@ -1120,6 +1137,9 @@ select {
 .min-h-\[58px\] {
   min-height: 58px;
 }
+.min-h-\[calc\(100vh-2rem\)\] {
+  min-height: calc(100vh - 2rem);
+}
 .min-h-full {
   min-height: 100%;
 }
@@ -1162,9 +1182,6 @@ select {
 .w-8 {
   width: 2rem;
 }
-.w-80 {
-  width: 20rem;
-}
 .w-\[--trigger-width\] {
   width: var(--trigger-width);
 }
@@ -1198,9 +1215,18 @@ select {
 .w-\[42px\] {
   width: 42px;
 }
+.w-\[520px\] {
+  width: 520px;
+}
 .w-\[56px\] {
   width: 56px;
 }
+.w-\[72px\] {
+  width: 72px;
+}
+.w-\[900px\] {
+  width: 900px;
+}
 .w-fit {
   width: -moz-fit-content;
   width: fit-content;
@@ -1233,12 +1259,18 @@ select {
 .min-w-full {
   min-width: 100%;
 }
+.max-w-3xl {
+  max-width: 48rem;
+}
 .max-w-\[250px\] {
   max-width: 250px;
 }
 .max-w-\[280px\] {
   max-width: 280px;
 }
+.max-w-\[720px\] {
+  max-width: 720px;
+}
 .flex-1 {
   flex: 1 1 0%;
 }
@@ -1290,6 +1322,9 @@ select {
 .cursor-default {
   cursor: default;
 }
+.cursor-help {
+  cursor: help;
+}
 .cursor-not-allowed {
   cursor: not-allowed;
 }
@@ -1319,6 +1354,9 @@ select {
 .grid-cols-2 {
   grid-template-columns: repeat(2, minmax(0, 1fr));
 }
+.grid-cols-3 {
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+}
 .flex-row {
   flex-direction: row;
 }
@@ -1337,6 +1375,9 @@ select {
 .items-center {
   align-items: center;
 }
+.items-baseline {
+  align-items: baseline;
+}
 .justify-center {
   justify-content: center;
 }
@@ -1378,6 +1419,10 @@ select {
   -moz-column-gap: 0.5rem;
        column-gap: 0.5rem;
 }
+.gap-x-3 {
+  -moz-column-gap: 0.75rem;
+       column-gap: 0.75rem;
+}
 .gap-x-4 {
   -moz-column-gap: 1rem;
        column-gap: 1rem;
@@ -1474,6 +1519,9 @@ select {
 .rounded-sm {
   border-radius: 0.125rem;
 }
+.rounded-xl {
+  border-radius: 0.75rem;
+}
 .rounded-l-full {
   border-top-left-radius: 9999px;
   border-bottom-left-radius: 9999px;
@@ -1500,6 +1548,9 @@ select {
 .border-\[1px\] {
   border-width: 1px;
 }
+.border-b {
+  border-bottom-width: 1px;
+}
 .border-b-2 {
   border-bottom-width: 2px;
 }
@@ -1512,6 +1563,9 @@ select {
 .border-solid {
   border-style: solid;
 }
+.border-dashed {
+  border-style: dashed;
+}
 .border-none {
   border-style: none;
 }
@@ -1547,6 +1601,10 @@ select {
   --tw-border-opacity: 1;
   border-color: rgb(38 68 217 / var(--tw-border-opacity));
 }
+.border-error-200 {
+  --tw-border-opacity: 1;
+  border-color: rgb(252 207 203 / var(--tw-border-opacity));
+}
 .border-error-400 {
   --tw-border-opacity: 1;
   border-color: rgb(232 100 88 / var(--tw-border-opacity));
@@ -1615,6 +1673,10 @@ select {
   --tw-border-opacity: 1;
   border-color: rgb(76 59 239 / var(--tw-border-opacity));
 }
+.border-primary-600 {
+  --tw-border-opacity: 1;
+  border-color: rgb(42 22 218 / var(--tw-border-opacity));
+}
 .border-primary-700 {
   --tw-border-opacity: 1;
   border-color: rgb(29 13 165 / var(--tw-border-opacity));
@@ -1627,10 +1689,18 @@ select {
   --tw-border-opacity: 1;
   border-color: rgb(233 213 255 / var(--tw-border-opacity));
 }
+.border-sky-200 {
+  --tw-border-opacity: 1;
+  border-color: rgb(158 219 250 / var(--tw-border-opacity));
+}
 .border-sky-500 {
   --tw-border-opacity: 1;
   border-color: rgb(9 129 189 / var(--tw-border-opacity));
 }
+.border-success-200 {
+  --tw-border-opacity: 1;
+  border-color: rgb(139 222 187 / var(--tw-border-opacity));
+}
 .border-success-400 {
   --tw-border-opacity: 1;
   border-color: rgb(67 208 149 / var(--tw-border-opacity));
@@ -1940,6 +2010,12 @@ select {
 .bg-\[linear-gradient\(to_right\2c \#ff0000\2c \#ffff00\2c \#00ff00\2c \#00ffff\2c \#0000ff\2c \#ff00ff\2c \#ff0000\)\] {
   background-image: linear-gradient(to right,#ff0000,#ffff00,#00ff00,#00ffff,#0000ff,#ff00ff,#ff0000);
 }
+.fill-blue-50 {
+  fill: #F6F8FC;
+}
+.fill-blue-900 {
+  fill: #0B1441;
+}
 .fill-primary-500 {
   fill: #4C3BEF;
 }
@@ -1967,6 +2043,12 @@ select {
 .p-4 {
   padding: 1rem;
 }
+.p-5 {
+  padding: 1.25rem;
+}
+.p-6 {
+  padding: 1.5rem;
+}
 .p-8 {
   padding: 2rem;
 }
@@ -2046,6 +2128,10 @@ select {
   padding-top: 1.5rem;
   padding-bottom: 1.5rem;
 }
+.py-8 {
+  padding-top: 2rem;
+  padding-bottom: 2rem;
+}
 .py-\[2px\] {
   padding-top: 2px;
   padding-bottom: 2px;
@@ -2056,6 +2142,9 @@ select {
 .pb-4 {
   padding-bottom: 1rem;
 }
+.pb-\[280px\] {
+  padding-bottom: 280px;
+}
 .pl-1 {
   padding-left: 0.25rem;
 }
@@ -2065,6 +2154,9 @@ select {
 .pr-10 {
   padding-right: 2.5rem;
 }
+.pr-12 {
+  padding-right: 3rem;
+}
 .pr-2 {
   padding-right: 0.5rem;
 }
@@ -2086,6 +2178,9 @@ select {
 .text-right {
   text-align: right;
 }
+.font-mono {
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+}
 .\!text-sm {
   font-size: 0.875rem !important;
   line-height: 1.25rem !important;
@@ -2107,6 +2202,9 @@ select {
 .text-\[10px\] {
   font-size: 10px;
 }
+.text-\[11px\] {
+  font-size: 11px;
+}
 .text-\[16px\] {
   font-size: 16px;
 }
@@ -2185,6 +2283,12 @@ select {
 .leading-\[19\.07px\] {
   line-height: 19.07px;
 }
+.leading-relaxed {
+  line-height: 1.625;
+}
+.leading-tight {
+  line-height: 1.25;
+}
 .tracking-wide {
   letter-spacing: 0.025em;
 }
@@ -2244,6 +2348,10 @@ select {
   --tw-text-opacity: 1;
   color: rgb(171 54 43 / var(--tw-text-opacity));
 }
+.text-error-700 {
+  --tw-text-opacity: 1;
+  color: rgb(143 45 36 / var(--tw-text-opacity));
+}
 .text-error-800 {
   --tw-text-opacity: 1;
   color: rgb(94 27 20 / var(--tw-text-opacity));
@@ -2332,6 +2440,10 @@ select {
   --tw-text-opacity: 1;
   color: rgb(42 22 218 / var(--tw-text-opacity));
 }
+.text-primary-700 {
+  --tw-text-opacity: 1;
+  color: rgb(29 13 165 / var(--tw-text-opacity));
+}
 .text-primary-800 {
   --tw-text-opacity: 1;
   color: rgb(23 13 108 / var(--tw-text-opacity));
@@ -2352,6 +2464,10 @@ select {
   --tw-text-opacity: 1;
   color: rgb(242 249 253 / var(--tw-text-opacity));
 }
+.text-sky-700 {
+  --tw-text-opacity: 1;
+  color: rgb(19 75 103 / var(--tw-text-opacity));
+}
 .text-sky-900 {
   --tw-text-opacity: 1;
   color: rgb(11 47 65 / var(--tw-text-opacity));
@@ -2364,6 +2480,10 @@ select {
   --tw-text-opacity: 1;
   color: rgb(31 181 118 / var(--tw-text-opacity));
 }
+.text-success-700 {
+  --tw-text-opacity: 1;
+  color: rgb(0 128 74 / var(--tw-text-opacity));
+}
 .text-success-800 {
   --tw-text-opacity: 1;
   color: rgb(2 96 56 / var(--tw-text-opacity));
@@ -2602,6 +2722,14 @@ select {
 .first-letter\:uppercase::first-letter {
   text-transform: uppercase;
 }
+.placeholder\:text-neutral-600::-moz-placeholder {
+  --tw-text-opacity: 1;
+  color: rgb(151 155 180 / var(--tw-text-opacity));
+}
+.placeholder\:text-neutral-600::placeholder {
+  --tw-text-opacity: 1;
+  color: rgb(151 155 180 / var(--tw-text-opacity));
+}
 .placeholder\:text-neutral-700::-moz-placeholder {
   --tw-text-opacity: 1;
   color: rgb(115 118 140 / var(--tw-text-opacity));
@@ -2626,138 +2754,6 @@ select {
   --tw-text-opacity: 1;
   color: rgb(2 96 56 / var(--tw-text-opacity));
 }
-.before\:absolute::before {
-  content: var(--tw-content);
-  position: absolute;
-}
-.before\:left-\[100\%\]::before {
-  content: var(--tw-content);
-  left: 100%;
-}
-.before\:right-\[100\%\]::before {
-  content: var(--tw-content);
-  right: 100%;
-}
-.before\:top-1\/2::before {
-  content: var(--tw-content);
-  top: 50%;
-}
-.before\:-translate-y-1\/2::before {
-  content: var(--tw-content);
-  --tw-translate-y: -50%;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-.before\:border-8::before {
-  content: var(--tw-content);
-  border-width: 8px;
-}
-.before\:border-y-transparent::before {
-  content: var(--tw-content);
-  border-top-color: transparent;
-  border-bottom-color: transparent;
-}
-.before\:border-l-blue-50::before {
-  content: var(--tw-content);
-  --tw-border-opacity: 1;
-  border-left-color: rgb(246 248 252 / var(--tw-border-opacity));
-}
-.before\:border-l-blue-900::before {
-  content: var(--tw-content);
-  --tw-border-opacity: 1;
-  border-left-color: rgb(11 20 65 / var(--tw-border-opacity));
-}
-.before\:border-l-transparent::before {
-  content: var(--tw-content);
-  border-left-color: transparent;
-}
-.before\:border-r-blue-50::before {
-  content: var(--tw-content);
-  --tw-border-opacity: 1;
-  border-right-color: rgb(246 248 252 / var(--tw-border-opacity));
-}
-.before\:border-r-blue-900::before {
-  content: var(--tw-content);
-  --tw-border-opacity: 1;
-  border-right-color: rgb(11 20 65 / var(--tw-border-opacity));
-}
-.before\:border-r-transparent::before {
-  content: var(--tw-content);
-  border-right-color: transparent;
-}
-.before\:content-\[\"\"\]::before {
-  --tw-content: "";
-  content: var(--tw-content);
-}
-.after\:absolute::after {
-  content: var(--tw-content);
-  position: absolute;
-}
-.after\:bottom-\[100\%\]::after {
-  content: var(--tw-content);
-  bottom: 100%;
-}
-.after\:left-1\/2::after {
-  content: var(--tw-content);
-  left: 50%;
-}
-.after\:left-4::after {
-  content: var(--tw-content);
-  left: 1rem;
-}
-.after\:right-4::after {
-  content: var(--tw-content);
-  right: 1rem;
-}
-.after\:top-\[100\%\]::after {
-  content: var(--tw-content);
-  top: 100%;
-}
-.after\:-translate-x-1\/2::after {
-  content: var(--tw-content);
-  --tw-translate-x: -50%;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-.after\:border-8::after {
-  content: var(--tw-content);
-  border-width: 8px;
-}
-.after\:border-x-transparent::after {
-  content: var(--tw-content);
-  border-left-color: transparent;
-  border-right-color: transparent;
-}
-.after\:border-b-blue-50::after {
-  content: var(--tw-content);
-  --tw-border-opacity: 1;
-  border-bottom-color: rgb(246 248 252 / var(--tw-border-opacity));
-}
-.after\:border-b-blue-900::after {
-  content: var(--tw-content);
-  --tw-border-opacity: 1;
-  border-bottom-color: rgb(11 20 65 / var(--tw-border-opacity));
-}
-.after\:border-b-transparent::after {
-  content: var(--tw-content);
-  border-bottom-color: transparent;
-}
-.after\:border-t-blue-50::after {
-  content: var(--tw-content);
-  --tw-border-opacity: 1;
-  border-top-color: rgb(246 248 252 / var(--tw-border-opacity));
-}
-.after\:border-t-blue-900::after {
-  content: var(--tw-content);
-  --tw-border-opacity: 1;
-  border-top-color: rgb(11 20 65 / var(--tw-border-opacity));
-}
-.after\:border-t-transparent::after {
-  content: var(--tw-content);
-  border-top-color: transparent;
-}
-.after\:content-\[\"\"\]::after {
-  --tw-content: "";
-  content: var(--tw-content);
-}
 .focus-within\:\!border-error-500:focus-within {
   --tw-border-opacity: 1 !important;
   border-color: rgb(204 64 51 / var(--tw-border-opacity)) !important;
@@ -2807,6 +2803,10 @@ select {
   --tw-scale-y: 1.1;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
+.hover\:border-neutral-400:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(219 219 224 / var(--tw-border-opacity));
+}
 .hover\:border-primary-500:hover {
   --tw-border-opacity: 1;
   border-color: rgb(76 59 239 / var(--tw-border-opacity));
@@ -2993,6 +2993,10 @@ select {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(80 108 251 / var(--tw-ring-opacity));
 }
+.focus-visible\:ring-primary-400:focus-visible {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(121 108 250 / var(--tw-ring-opacity));
+}
 .focus-visible\:ring-primary-500:focus-visible {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(76 59 239 / var(--tw-ring-opacity));
@@ -3076,6 +3080,18 @@ select {
 .group[data-empty] .group-data-\[empty\]\:invisible {
   visibility: hidden;
 }
+.group[data-placement=bottom] .group-data-\[placement\=bottom\]\:rotate-180 {
+  --tw-rotate: 180deg;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+.group[data-placement=left] .group-data-\[placement\=left\]\:-rotate-90 {
+  --tw-rotate: -90deg;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+.group[data-placement=right] .group-data-\[placement\=right\]\:rotate-90 {
+  --tw-rotate: 90deg;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .group[data-pressed] .group-data-\[pressed\]\:rotate-180 {
   --tw-rotate: 180deg;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -3085,6 +3101,22 @@ select {
   .sm\:block {
     display: block;
   }
+
+  .sm\:max-w-xs {
+    max-width: 20rem;
+  }
+
+  .sm\:flex-row {
+    flex-direction: row;
+  }
+
+  .sm\:items-center {
+    align-items: center;
+  }
+
+  .sm\:justify-between {
+    justify-content: space-between;
+  }
 }
 @media (min-width: 768px) {
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simpli-route/apollo-ds",
-  "version": "0.1.84",
+  "version": "0.1.86",
   "type": "module",
   "files": [
     "dist"
@@ -31,7 +31,8 @@
   "dependencies": {
     "@internationalized/date": "^3.10.0",
     "@react-stately/color": "^3.9.2",
-    "@simpli-route/react-icons": "^1.0.19",
+    "@simpli-route/icons": "^1.0.20",
+    "@simpli-route/react-icons": "^1.0.20",
     "@simpli-route/tailwind-preset": "^0.0.3",
     "@testing-library/user-event": "^14.5.2",
     "class-variance-authority": "^0.7.1",
@@ -88,4 +89,4 @@
     "vitest-axe": "^0.1.0",
     "vitest-canvas-mock": "^0.3.3"
   }
-}
+}

package/dist/components/Tooltip/context.d.ts

@@ -1,12 +0,0 @@
-import { Placement } from './types';
-import { TooltipTriggerState } from 'react-stately';
-import { HTMLAttributes, RefObject } from 'react';
-
-interface TooltipContextProps {
-    state?: TooltipTriggerState;
-    ref?: RefObject<HTMLDivElement>;
-    placement?: Placement;
-    arrowProps?: HTMLAttributes<HTMLElement>;
-}
-export declare const TooltipContext: import('react').Context<TooltipContextProps>;
-export {};