@designcrowd/fe-shared-lib 1.5.22 → 1.5.24-upgradepkg

package/dist/css/tailwind-designCrowd.css

@@ -617,6 +617,9 @@ video {
 .tw-m-3 {
   margin: 0.75rem;
 }
+.tw-m-4 {
+  margin: 1rem;
+}
 .tw-m-5 {
   margin: 1.25rem;
 }
@@ -684,6 +687,9 @@ video {
 .tw-mb-0 {
   margin-bottom: 0px;
 }
+.tw-mb-0\.5 {
+  margin-bottom: 0.125rem;
+}
 .tw-mb-1 {
   margin-bottom: 0.25rem;
 }
@@ -738,9 +744,6 @@ video {
 .tw-mt-0 {
   margin-top: 0px;
 }
-.tw-mt-0\.5 {
-  margin-top: 0.125rem;
-}
 .tw-mt-1 {
   margin-top: 0.25rem;
 }
@@ -753,6 +756,9 @@ video {
 .tw-mt-4 {
   margin-top: 1rem;
 }
+.tw-mt-6 {
+  margin-top: 1.5rem;
+}
 .tw-mt-8 {
   margin-top: 2rem;
 }
@@ -762,6 +768,48 @@ video {
 .tw-box-content {
   box-sizing: content-box;
 }
+.tw-line-clamp-1 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+}
+.tw-line-clamp-2 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+}
+.tw-line-clamp-3 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 3;
+}
+.tw-line-clamp-4 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 4;
+}
+.tw-line-clamp-5 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 5;
+}
+.tw-line-clamp-6 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 6;
+}
+.tw-line-clamp-none {
+  overflow: visible;
+  display: block;
+  -webkit-box-orient: horizontal;
+  -webkit-line-clamp: none;
+}
 .tw-block {
   display: block;
 }
@@ -911,6 +959,9 @@ video {
 .tw-max-w-2xl {
   max-width: 42rem;
 }
+.tw-max-w-3xl {
+  max-width: 48rem;
+}
 .tw-max-w-full {
   max-width: 100%;
 }
@@ -926,6 +977,9 @@ video {
 .tw-flex-none {
   flex: none;
 }
+.tw-flex-shrink-0 {
+  flex-shrink: 0;
+}
 .tw-grow {
   flex-grow: 1;
 }
@@ -1141,6 +1195,9 @@ video {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.tw-text-ellipsis {
+  text-overflow: ellipsis;
+}
 .tw-whitespace-nowrap {
   white-space: nowrap;
 }
@@ -1269,6 +1326,10 @@ video {
   --tw-border-opacity: 1;
   border-color: rgb(125 130 132 / var(--tw-border-opacity));
 }
+.tw-border-grayscale-700 {
+  --tw-border-opacity: 1;
+  border-color: rgb(82 93 96 / var(--tw-border-opacity));
+}
 .tw-border-info-300 {
   --tw-border-opacity: 1;
   border-color: rgb(112 193 243 / var(--tw-border-opacity));
@@ -1741,9 +1802,6 @@ video {
 .tw-pt-2 {
   padding-top: 0.5rem;
 }
-.tw-pt-4 {
-  padding-top: 1rem;
-}
 .tw-pt-6 {
   padding-top: 1.5rem;
 }
@@ -1766,6 +1824,10 @@ video {
   font-size: 1.5rem;
   line-height: 2rem;
 }
+.tw-text-3xl {
+  font-size: 1.875rem;
+  line-height: 2.25rem;
+}
 .tw-text-4xl {
   font-size: 2.25rem;
   line-height: 2.5rem;
@@ -2092,6 +2154,10 @@ video {
   --tw-text-opacity: 1;
   color: rgb(39 52 56 / var(--tw-text-opacity));
 }
+.hover\:tw-text-primary-600:hover {
+  --tw-text-opacity: 1;
+  color: rgb(14 121 188 / var(--tw-text-opacity));
+}
 .hover\:tw-text-secondary-500:hover {
   --tw-text-opacity: 1;
   color: rgb(93 109 129 / var(--tw-text-opacity));
@@ -2179,6 +2245,10 @@ video {
     margin-bottom: 1rem;
   }
 
+  .sm\:tw-ml-2 {
+    margin-left: 0.5rem;
+  }
+
   .sm\:tw-ml-4 {
     margin-left: 1rem;
   }
@@ -2227,6 +2297,10 @@ video {
     flex-direction: row;
   }
 
+  .sm\:tw-items-center {
+    align-items: center;
+  }
+
   .sm\:tw-rounded-md {
     border-radius: 0.375rem;
   }
@@ -2238,10 +2312,18 @@ video {
 }
 @media (min-width: 768px) {
 
+  .md\:tw-relative {
+    position: relative;
+  }
+
   .md\:tw-right-6 {
     right: 1.5rem;
   }
 
+  .md\:tw-order-first {
+    order: -9999;
+  }
+
   .md\:tw-mb-0 {
     margin-bottom: 0px;
   }
@@ -2306,6 +2388,10 @@ video {
     width: 6rem;
   }
 
+  .md\:tw-w-3\/4 {
+    width: 75%;
+  }
+
   .md\:tw-w-auto {
     width: auto;
   }
@@ -2318,6 +2404,10 @@ video {
     max-width: 100%;
   }
 
+  .md\:tw-flex-1 {
+    flex: 1 1 0%;
+  }
+
   .md\:tw-grow {
     flex-grow: 1;
   }
@@ -2377,6 +2467,10 @@ video {
        object-fit: contain;
   }
 
+  .md\:tw-p-0 {
+    padding: 0px;
+  }
+
   .md\:tw-p-2 {
     padding: 0.5rem;
   }
@@ -2393,6 +2487,11 @@ video {
     padding: 2rem;
   }
 
+  .md\:tw-px-12 {
+    padding-left: 3rem;
+    padding-right: 3rem;
+  }
+
   .md\:tw-px-4 {
     padding-left: 1rem;
     padding-right: 1rem;
@@ -2408,6 +2507,10 @@ video {
     padding-bottom: 0.5rem;
   }
 
+  .md\:tw-pb-0 {
+    padding-bottom: 0px;
+  }
+
   .md\:tw-pl-4 {
     padding-left: 1rem;
   }

package/docs/plans/2026-01-30-upgrade-vite7-storybook10-design.md

@@ -0,0 +1,177 @@
+# Upgrade Plan: Vite 7, Vue 3.5.26, Storybook 10
+
+## Overview
+
+Upgrade the project's core tooling to current stable versions:
+
+| Package | Current | Target |
+|---------|---------|--------|
+| Vue | 3.5.15 | 3.5.26 |
+| Vite | 6.3.5 | 7.3.1 |
+| Storybook | 9.0.4 | 10.1.11 |
+
+**Approach:** Automated migration tools where available (Storybook), manual updates for Vite/Vue.
+
+---
+
+## Phase 1: Pre-Upgrade Preparation
+
+### Steps
+1. Verify current state works:
+   - `npm run build` - CSS builds
+   - `npm run storybook` - Storybook starts
+   - `npm run lint` - No lint errors
+
+2. Create upgrade branch:
+   ```bash
+   git checkout -b chore/upgrade-vite7-storybook10
+   ```
+
+---
+
+## Phase 2: Vite 6 → 7
+
+### Package Updates
+```json
+{
+  "vite": "^7.3.1",
+  "@vitejs/plugin-vue": "^5.3.0"
+}
+```
+
+### Packages to Modify
+
+| Package | Action | Reason |
+|---------|--------|--------|
+| `vite-plugin-eslint` | Remove | Unmaintained, incompatible with Vite 7. ESLint runs via `npm run lint` |
+| `vite-plugin-vue-devtools` | Update to ^7.7.2+ | Vite 7 compatibility |
+
+### Breaking Changes
+- Sass legacy API removed (verify no deprecated Sass syntax)
+- `splitVendorChunkPlugin` removed (check vite.config.ts)
+
+### Verification
+```bash
+npm run build
+npm run storybook
+```
+
+---
+
+## Phase 3: Vue 3.5.15 → 3.5.26
+
+### Package Updates
+```json
+{
+  "vue": "^3.5.26"
+}
+```
+
+### Related Packages
+No changes needed:
+- `vue-router` 4.5.0 - compatible
+- `@vue/test-utils` 2.4.4 - compatible
+
+### Notes
+Minor patch upgrade with no breaking changes. Includes bug fixes and performance improvements.
+
+### Verification
+```bash
+npm run build
+npm run storybook
+```
+
+---
+
+## Phase 4: Storybook 9 → 10
+
+### Automated Migration
+```bash
+npx storybook@latest upgrade
+```
+
+The CLI will:
+- Detect breaking changes specific to this project
+- Upgrade all @storybook/* packages
+- Prompt for approval before changes
+- Apply necessary codemods
+
+### Packages Updated
+```
+storybook: ^10.1.11
+@storybook/addon-a11y: ^10.1.11
+@storybook/addon-links: ^10.1.11
+@storybook/addon-themes: ^10.1.11
+@storybook/vue3: ^10.1.11
+@storybook/vue3-vite: ^10.1.11
+eslint-plugin-storybook: ^0.12.0
+```
+
+### Breaking Changes
+- ESM-only distribution (project already uses ES modules)
+- Node 20.19+ required (current: 20.19.6 ✓)
+
+### Manual Cleanup
+- Remove `overrides` block from package.json if no longer needed
+- Verify `.storybook/main.js` config updated correctly
+
+### Verification
+```bash
+npm run storybook
+npm run build:storybook
+```
+
+---
+
+## Phase 5: Final Verification & Cleanup
+
+### Verification Checklist
+- [ ] `npm run build` - CSS builds without errors
+- [ ] `npm run storybook` - Dev server starts, components render
+- [ ] `npm run build:storybook` - Static build succeeds
+- [ ] `npm run lint` - No new lint errors
+
+### Cleanup
+1. Clean reinstall:
+   ```bash
+   rm -rf node_modules package-lock.json
+   npm install
+   ```
+
+2. Remove `overrides` block from package.json
+
+3. Check for deprecation warnings in console
+
+### Troubleshooting
+- Storybook issues: `npx storybook doctor`
+- Vite issues: Check vite.config.ts for deprecated options
+
+### Commit
+```bash
+git add -A
+git commit -m "chore: upgrade vite 7, vue 3.5.26, storybook 10"
+```
+
+---
+
+## Summary of All Package Changes
+
+### Dependencies
+| Package | From | To |
+|---------|------|-----|
+| vite | 6.3.5 | ^7.3.1 |
+| vue | 3.5.15 | ^3.5.26 |
+| vite-plugin-vue-devtools | 7.7.0 | ^7.7.2 |
+| vite-plugin-eslint | 1.8.1 | (remove) |
+
+### DevDependencies
+| Package | From | To |
+|---------|------|-----|
+| @vitejs/plugin-vue | 5.2.4 | ^5.3.0 |
+| storybook | 9.0.4 | ^10.1.11 |
+| @storybook/addon-a11y | 9.0.4 | ^10.1.11 |
+| @storybook/addon-links | 9.0.4 | ^10.1.11 |
+| @storybook/addon-themes | 9.0.4 | ^10.1.11 |
+| @storybook/vue3 | 9.0.4 | ^10.1.11 |
+| @storybook/vue3-vite | 9.0.4 | ^10.1.11 |
+| eslint-plugin-storybook | 0.8.0 | ^0.12.0 |