@simpli-route/apollo-ds 0.0.16 → 0.0.17

package/dist/stories/IconButton.stories.d.ts

@@ -0,0 +1,23 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('../components').IconButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        children: {
+            control: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;
+export declare const Secondary: Story;
+export declare const Minimal: Story;
+export declare const Sizes: Story;
+export declare const Active: Story;
+export declare const Disabled: Story;

package/dist/style.css

@@ -771,14 +771,26 @@ select {
 .contents {
   display: contents;
 }
+.size-10 {
+  width: 2.5rem;
+  height: 2.5rem;
+}
 .size-3 {
   width: 0.75rem;
   height: 0.75rem;
 }
+.size-4 {
+  width: 1rem;
+  height: 1rem;
+}
 .size-6 {
   width: 1.5rem;
   height: 1.5rem;
 }
+.size-8 {
+  width: 2rem;
+  height: 2rem;
+}
 .h-12 {
   height: 3rem;
 }
@@ -1053,6 +1065,10 @@ select {
   --tw-bg-opacity: 1;
   background-color: rgb(149 70 0 / var(--tw-bg-opacity));
 }
+.bg-primary-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(230 227 255 / var(--tw-bg-opacity));
+}
 .bg-primary-200 {
   --tw-bg-opacity: 1;
   background-color: rgb(212 208 251 / var(--tw-bg-opacity));
@@ -1093,6 +1109,9 @@ select {
   --tw-bg-opacity: 1;
   background-color: rgb(0 128 74 / var(--tw-bg-opacity));
 }
+.bg-transparent {
+  background-color: transparent;
+}
 .bg-white {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@@ -1115,9 +1134,18 @@ select {
 .stroke-current {
   stroke: currentColor;
 }
+.p-1 {
+  padding: 0.25rem;
+}
 .p-2 {
   padding: 0.5rem;
 }
+.p-2\.5 {
+  padding: 0.625rem;
+}
+.p-3 {
+  padding: 0.75rem;
+}
 .p-4 {
   padding: 1rem;
 }
@@ -1267,6 +1295,14 @@ select {
   --tw-text-opacity: 1;
   color: rgb(87 41 0 / var(--tw-text-opacity));
 }
+.text-primary-100 {
+  --tw-text-opacity: 1;
+  color: rgb(230 227 255 / var(--tw-text-opacity));
+}
+.text-primary-300 {
+  --tw-text-opacity: 1;
+  color: rgb(180 171 255 / var(--tw-text-opacity));
+}
 .text-primary-50 {
   --tw-text-opacity: 1;
   color: rgb(243 242 254 / var(--tw-text-opacity));
@@ -1279,6 +1315,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));
@@ -1312,6 +1352,10 @@ select {
 .opacity-70 {
   opacity: 0.7;
 }
+.outline-none {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
 .outline {
   outline-style: solid;
 }
@@ -1429,6 +1473,9 @@ select {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(215 182 18 / var(--tw-ring-opacity));
 }
+.focus\:ring-offset-2:focus {
+  --tw-ring-offset-width: 2px;
+}
 .focus\:ring-offset-\[0\.4px\]:focus {
   --tw-ring-offset-width: 0.4px;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simpli-route/apollo-ds",
-  "version": "0.0.16",
+  "version": "0.0.17",
   "type": "module",
   "files": [
     "dist"
@@ -18,17 +18,19 @@
     "preview": "vite preview",
     "test": "vitest",
     "coverage": "vitest run --coverage",
-    "format": "npx prettier ./src --write",
+    "format": "pnpx prettier ./src --write",
     "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
+    "build-storybook": "storybook build",
+    "update-deps": "pnpm update --interactive --latest"
   },
   "peerDependencies": {
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
   "dependencies": {
-    "@simpli-route/react-icons": "^1.0.11",
-    "@simpli-route/tailwind-preset": "^0.0.2",
+    "@simpli-route/react-icons": "^1.0.12",
+    "@simpli-route/tailwind-preset": "^0.0.3",
+    "@testing-library/user-event": "^14.5.2",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.0",
     "react-aria": "^3.32.1",
@@ -46,9 +48,9 @@
     "@storybook/react": "^8.0.6",
     "@storybook/react-vite": "^8.0.6",
     "@storybook/test": "^8.0.6",
-    "@tailwindcss/forms": "^0.5.7",
-    "@testing-library/jest-dom": "^6.4.2",
-    "@testing-library/react": "^15.0.2",
+    "@tailwindcss/forms": "^0.5.9",
+    "@testing-library/jest-dom": "^6.6.2",
+    "@testing-library/react": "^16.0.1",
     "@types/react": "^18.2.66",
     "@types/react-dom": "^18.2.22",
     "@typescript-eslint/eslint-plugin": "^7.6.0",