@simpli-route/apollo-ds 0.1.85 → 0.1.86

package/dist/style.css

@@ -790,20 +790,17 @@ select {
   top: 0px;
   bottom: 0px;
 }
+.bottom-2 {
+  bottom: 0.5rem;
+}
 .bottom-4 {
   bottom: 1rem;
 }
-.bottom-full {
-  bottom: 100%;
-}
-.left-0 {
-  left: 0px;
-}
 .left-1\/2 {
   left: 50%;
 }
-.left-full {
-  left: 100%;
+.left-2 {
+  left: 0.5rem;
 }
 .right-0 {
   right: 0px;
@@ -811,8 +808,8 @@ select {
 .right-2 {
   right: 0.5rem;
 }
-.right-full {
-  right: 100%;
+.right-\[480px\] {
+  right: 480px;
 }
 .top-1\/2 {
   top: 50%;
@@ -826,9 +823,6 @@ select {
 .top-\[-6px\] {
   top: -6px;
 }
-.top-full {
-  top: 100%;
-}
 .z-0 {
   z-index: 0;
 }
@@ -869,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;
@@ -910,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;
 }
@@ -931,9 +923,6 @@ select {
 .ml-1 {
   margin-left: 0.25rem;
 }
-.ml-3 {
-  margin-left: 0.75rem;
-}
 .mr-0 {
   margin-right: 0px;
 }
@@ -943,9 +932,6 @@ select {
 .mr-2 {
   margin-right: 0.5rem;
 }
-.mr-3 {
-  margin-right: 0.75rem;
-}
 .mt-0 {
   margin-top: 0px;
 }
@@ -958,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;
 }
@@ -979,6 +959,9 @@ select {
 .inline-block {
   display: inline-block;
 }
+.inline {
+  display: inline;
+}
 .flex {
   display: flex;
 }
@@ -1096,12 +1079,18 @@ 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;
@@ -1226,12 +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;
@@ -1264,6 +1259,9 @@ select {
 .min-w-full {
   min-width: 100%;
 }
+.max-w-3xl {
+  max-width: 48rem;
+}
 .max-w-\[250px\] {
   max-width: 250px;
 }
@@ -1324,6 +1322,9 @@ select {
 .cursor-default {
   cursor: default;
 }
+.cursor-help {
+  cursor: help;
+}
 .cursor-not-allowed {
   cursor: not-allowed;
 }
@@ -1353,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;
 }
@@ -1371,6 +1375,9 @@ select {
 .items-center {
   align-items: center;
 }
+.items-baseline {
+  align-items: baseline;
+}
 .justify-center {
   justify-content: center;
 }
@@ -1541,6 +1548,9 @@ select {
 .border-\[1px\] {
   border-width: 1px;
 }
+.border-b {
+  border-bottom-width: 1px;
+}
 .border-b-2 {
   border-bottom-width: 2px;
 }
@@ -1553,6 +1563,9 @@ select {
 .border-solid {
   border-style: solid;
 }
+.border-dashed {
+  border-style: dashed;
+}
 .border-none {
   border-style: none;
 }
@@ -1588,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));
@@ -1656,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));
@@ -1668,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));
@@ -1981,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;
 }
@@ -2008,6 +2043,12 @@ select {
 .p-4 {
   padding: 1rem;
 }
+.p-5 {
+  padding: 1.25rem;
+}
+.p-6 {
+  padding: 1.5rem;
+}
 .p-8 {
   padding: 2rem;
 }
@@ -2137,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;
@@ -2239,6 +2283,9 @@ select {
 .leading-\[19\.07px\] {
   line-height: 19.07px;
 }
+.leading-relaxed {
+  line-height: 1.625;
+}
 .leading-tight {
   line-height: 1.25;
 }
@@ -2301,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));
@@ -2389,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));
@@ -2409,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));
@@ -2421,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));
@@ -2691,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;
@@ -2872,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));
@@ -3145,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));
@@ -3155,6 +3102,10 @@ select {
     display: block;
   }
 
+  .sm\:max-w-xs {
+    max-width: 20rem;
+  }
+
   .sm\:flex-row {
     flex-direction: row;
   }
@@ -3162,6 +3113,10 @@ select {
   .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.85",
+  "version": "0.1.86",
   "type": "module",
   "files": [
     "dist"
@@ -89,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 {};

package/dist/index.cjs203.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;

package/dist/index.es203.js

@@ -1,4 +0,0 @@
-var e = {};
-export {
-  e as __exports
-};