@refactico/pages 0.1.0 → 0.2.0

package/dist/style.css

@@ -40,6 +40,7 @@
     --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
     --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
     --color-red-50: oklch(97.1% .013 17.38);
+    --color-red-100: oklch(93.6% .032 17.717);
     --color-red-200: oklch(88.5% .062 18.334);
     --color-red-300: oklch(80.8% .114 19.571);
     --color-red-400: oklch(70.4% .191 22.216);
@@ -384,10 +385,18 @@
 @layer components;
 
 @layer utilities {
+  .visible {
+    visibility: visible;
+  }
+
   .absolute {
     position: absolute;
   }
 
+  .fixed {
+    position: fixed;
+  }
+
   .relative {
     position: relative;
   }
@@ -400,10 +409,6 @@
     position: sticky;
   }
 
-  .-top-6 {
-    top: calc(var(--spacing) * -6);
-  }
-
   .-top-12 {
     top: calc(var(--spacing) * -12);
   }
@@ -416,6 +421,10 @@
     top: 100%;
   }
 
+  .right-0 {
+    right: calc(var(--spacing) * 0);
+  }
+
   .right-2 {
     right: calc(var(--spacing) * 2);
   }
@@ -424,10 +433,6 @@
     bottom: calc(var(--spacing) * 2);
   }
 
-  .bottom-full {
-    bottom: 100%;
-  }
-
   .left-0 {
     left: calc(var(--spacing) * 0);
   }
@@ -542,6 +547,10 @@
     display: none;
   }
 
+  .inline {
+    display: inline;
+  }
+
   .inline-block {
     display: inline-block;
   }
@@ -610,10 +619,6 @@
     width: calc(var(--spacing) * 5);
   }
 
-  .w-8 {
-    width: calc(var(--spacing) * 8);
-  }
-
   .w-10 {
     width: calc(var(--spacing) * 10);
   }
@@ -646,6 +651,10 @@
     max-width: 1800px;
   }
 
+  .max-w-\[calc\(100vw-16px\)\] {
+    max-width: calc(100vw - 16px);
+  }
+
   .max-w-full {
     max-width: 100%;
   }
@@ -679,10 +688,18 @@
     cursor: grab;
   }
 
+  .cursor-not-allowed {
+    cursor: not-allowed;
+  }
+
   .cursor-pointer {
     cursor: pointer;
   }
 
+  .resize {
+    resize: both;
+  }
+
   .resize-none {
     resize: none;
   }
@@ -831,11 +848,6 @@
     border-style: dotted;
   }
 
-  .border-none {
-    --tw-border-style: none;
-    border-style: none;
-  }
-
   .border-solid {
     --tw-border-style: solid;
     border-style: solid;
@@ -1015,10 +1027,6 @@
     background-color: var(--color-red-50);
   }
 
-  .bg-red-500 {
-    background-color: var(--color-red-500);
-  }
-
   .bg-red-500\/80 {
     background-color: #fb2c36cc;
   }
@@ -1313,6 +1321,10 @@
     overflow-wrap: break-word;
   }
 
+  .whitespace-nowrap {
+    white-space: nowrap;
+  }
+
   .whitespace-pre {
     white-space: pre;
   }
@@ -1493,6 +1505,10 @@
     opacity: 0;
   }
 
+  .opacity-30 {
+    opacity: .3;
+  }
+
   .opacity-50 {
     opacity: .5;
   }
@@ -1554,6 +1570,10 @@
     user-select: none;
   }
 
+  .ring-inset {
+    --tw-ring-inset: inset;
+  }
+
   @media (hover: hover) {
     .group-hover\:bg-slate-200:is(:where(.group):hover *) {
       background-color: var(--color-slate-200);
@@ -1563,7 +1583,7 @@
       background-color: var(--color-slate-600);
     }
 
-    .group-hover\:opacity-100:is(:where(.group):hover *), .group-hover\/item\:opacity-100:is(:where(.group\/item):hover *), .group-hover\/row\:opacity-100:is(:where(.group\/row):hover *) {
+    .group-hover\:opacity-100:is(:where(.group):hover *), .group-hover\/item\:opacity-100:is(:where(.group\/item):hover *) {
       opacity: 1;
     }
   }
@@ -1643,6 +1663,10 @@
       background-color: var(--color-red-50);
     }
 
+    .hover\:bg-red-100:hover {
+      background-color: var(--color-red-100);
+    }
+
     .hover\:bg-red-950\/30:hover {
       background-color: #4608094d;
     }
@@ -1710,24 +1734,11 @@
     }
   }
 
-  .focus\:ring-2:focus {
-    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  }
-
-  .focus\:ring-indigo-500:focus {
-    --tw-ring-color: var(--color-indigo-500);
-  }
-
   .focus\:outline-none:focus {
     --tw-outline-style: none;
     outline-style: none;
   }
 
-  .focus\:ring-inset:focus {
-    --tw-ring-inset: inset;
-  }
-
   .active\:cursor-grabbing:active {
     cursor: grabbing;
   }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@refactico/pages",
   "private": false,
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "A component library for building pages with React.",
   "author": "refactico",
   "license": "MIT",
@@ -50,6 +50,16 @@
     },
     "./css": "./dist/style.css"
   },
+  "scripts": {
+    "dev": "storybook dev -p 6006",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "build": "storybook build",
+    "build:lib": "tsc && vite build",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "format": "prettier . --write --ignore-unknown",
+    "prepare": "husky"
+  },
   "devDependencies": {
     "@storybook/addon-actions": "^8.6.15",
     "@storybook/addon-essentials": "^8.6.14",
@@ -92,14 +102,5 @@
   "peerDependencies": {
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
-  },
-  "scripts": {
-    "dev": "storybook dev -p 6006",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "build": "storybook build",
-    "build:lib": "tsc && vite build",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "format": "prettier . --write --ignore-unknown"
   }
-}
+}