@simpli-route/apollo-ds 0.1.32 → 0.1.33

package/dist/style.css

@@ -848,6 +848,14 @@ select {
 .z-\[1000px\] {
   z-index: 1000px;
 }
+.mx-0 {
+  margin-left: 0px;
+  margin-right: 0px;
+}
+.mx-0\.5 {
+  margin-left: 0.125rem;
+  margin-right: 0.125rem;
+}
 .mx-3 {
   margin-left: 0.75rem;
   margin-right: 0.75rem;
@@ -1134,12 +1142,18 @@ select {
 .max-w-\[250px\] {
   max-width: 250px;
 }
+.max-w-\[280px\] {
+  max-width: 280px;
+}
 .flex-1 {
   flex: 1 1 0%;
 }
 .shrink-0 {
   flex-shrink: 0;
 }
+.border-collapse {
+  border-collapse: collapse;
+}
 .-translate-x-1\/2 {
   --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));
@@ -1389,6 +1403,10 @@ select {
   --tw-border-opacity: 1;
   border-color: rgb(180 171 255 / var(--tw-border-opacity));
 }
+.border-primary-400 {
+  --tw-border-opacity: 1;
+  border-color: rgb(121 108 250 / var(--tw-border-opacity));
+}
 .border-primary-500 {
   --tw-border-opacity: 1;
   border-color: rgb(76 59 239 / var(--tw-border-opacity));
@@ -1420,6 +1438,14 @@ select {
   --tw-border-opacity: 1;
   border-color: rgb(255 255 255 / var(--tw-border-opacity));
 }
+.\!bg-neutral-50 {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
+}
+.\!bg-primary-100 {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(230 227 255 / var(--tw-bg-opacity)) !important;
+}
 .bg-blue-200 {
   --tw-bg-opacity: 1;
   background-color: rgb(168 180 240 / var(--tw-bg-opacity));
@@ -1480,6 +1506,10 @@ select {
   --tw-bg-opacity: 1;
   background-color: rgb(249 250 251 / var(--tw-bg-opacity));
 }
+.bg-neutral-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
+}
 .bg-neutral-200 {
   --tw-bg-opacity: 1;
   background-color: rgb(247 247 248 / var(--tw-bg-opacity));
@@ -1574,6 +1604,10 @@ select {
   --tw-bg-opacity: 1;
   background-color: rgb(12 6 69 / var(--tw-bg-opacity));
 }
+.bg-red-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
+}
 .bg-sky-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(200 233 250 / var(--tw-bg-opacity));
@@ -1678,6 +1712,14 @@ select {
 .p-8 {
   padding: 2rem;
 }
+.px-0 {
+  padding-left: 0px;
+  padding-right: 0px;
+}
+.px-0\.5 {
+  padding-left: 0.125rem;
+  padding-right: 0.125rem;
+}
 .px-1 {
   padding-left: 0.25rem;
   padding-right: 0.25rem;
@@ -1737,6 +1779,9 @@ select {
 .\!pr-2 {
   padding-right: 0.5rem !important;
 }
+.pb-2 {
+  padding-bottom: 0.5rem;
+}
 .pb-4 {
   padding-bottom: 1rem;
 }
@@ -1831,6 +1876,10 @@ select {
 .font-semibold {
   font-weight: 600;
 }
+.tabular-nums {
+  --tw-numeric-spacing: tabular-nums;
+  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
+}
 .\!leading-\[19\.07px\] {
   line-height: 19.07px !important;
 }
@@ -1914,6 +1963,10 @@ select {
   --tw-text-opacity: 1;
   color: rgb(75 85 99 / var(--tw-text-opacity));
 }
+.text-neutral-300 {
+  --tw-text-opacity: 1;
+  color: rgb(233 233 235 / var(--tw-text-opacity));
+}
 .text-neutral-400 {
   --tw-text-opacity: 1;
   color: rgb(219 219 224 / var(--tw-text-opacity));
@@ -2017,6 +2070,9 @@ select {
 .opacity-50 {
   opacity: 0.5;
 }
+.opacity-60 {
+  opacity: 0.6;
+}
 .opacity-70 {
   opacity: 0.7;
 }
@@ -2025,6 +2081,11 @@ select {
   --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), inset 0 0 0 1px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
+.shadow-\[0px_0px_4px_0px_rgba\(0\2c 0\2c 0\2c 0\.25\)\] {
+  --tw-shadow: 0px 0px 4px 0px rgba(0,0,0,0.25);
+  --tw-shadow-colored: 0px 0px 4px 0px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
 .shadow-\[0px_2px_4px_-2px_\#22242A0F\2c 0px_4px_8px_-2px_\#22242A1A\] {
   --tw-shadow: 0px 2px 4px -2px #22242A0F,0px 4px 8px -2px #22242A1A;
   --tw-shadow-colored: 0px 2px 4px -2px var(--tw-shadow-color), 0px 4px 8px -2px var(--tw-shadow-color);
@@ -2082,6 +2143,9 @@ select {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(38 157 217 / var(--tw-ring-opacity));
 }
+.ring-offset-1 {
+  --tw-ring-offset-width: 1px;
+}
 .ring-offset-2 {
   --tw-ring-offset-width: 2px;
 }
@@ -2373,6 +2437,14 @@ select {
   --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;
+}
+.focus-within\:\!border-primary-500:focus-within {
+  --tw-border-opacity: 1 !important;
+  border-color: rgb(76 59 239 / var(--tw-border-opacity)) !important;
+}
 .focus-within\:border-error-500:focus-within {
   --tw-border-opacity: 1;
   border-color: rgb(204 64 51 / var(--tw-border-opacity));
@@ -2385,6 +2457,10 @@ select {
   --tw-border-opacity: 1;
   border-color: rgb(31 181 118 / var(--tw-border-opacity));
 }
+.focus-within\:\!bg-neutral-50:focus-within {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
+}
 .focus-within\:ring-1:focus-within {
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -2410,6 +2486,10 @@ select {
   --tw-border-opacity: 1;
   border-color: rgb(29 13 165 / var(--tw-border-opacity));
 }
+.hover\:bg-neutral-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(250 250 250 / var(--tw-bg-opacity));
+}
 .hover\:bg-neutral-200:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(247 247 248 / var(--tw-bg-opacity));
@@ -2518,6 +2598,13 @@ select {
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
+.focus-visible\:ring-primary-500:focus-visible {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(76 59 239 / var(--tw-ring-opacity));
+}
+.focus-visible\:ring-offset-1:focus-visible {
+  --tw-ring-offset-width: 1px;
+}
 .group:active .group-active\:border-primary-500 {
   --tw-border-opacity: 1;
   border-color: rgb(76 59 239 / var(--tw-border-opacity));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simpli-route/apollo-ds",
-  "version": "0.1.32",
+  "version": "0.1.33",
   "type": "module",
   "files": [
     "dist"
@@ -29,17 +29,18 @@
     "react-dom": "^18.2.0"
   },
   "dependencies": {
-    "@simpli-route/react-icons": "^1.0.19",
+    "@internationalized/date": "^3.9.0",
     "@react-stately/color": "^3.9.0",
+    "@simpli-route/react-icons": "^1.0.19",
     "@simpli-route/tailwind-preset": "^0.0.3",
     "@testing-library/user-event": "^14.5.2",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.0",
+    "framer-motion": "^10.16.4",
     "react-aria": "^3.32.1",
     "react-aria-components": "^1.11.0",
     "react-stately": "^3.31.1",
-    "tailwind-merge": "^2.2.2",
-    "framer-motion": "^10.16.4"
+    "tailwind-merge": "^2.2.2"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^3.2.2",