@club-employes/utopia 2.10.0 → 2.11.1

package/dist/utopia.css

@@ -1 +1 @@
-.theme-provider[data-v-0be50703]{height:100%;width:100%}.button[data-v-44bec5ce]{border:none;outline:none;text-decoration:none;cursor:pointer;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);font-family:var(--font-family-sans);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-normal);text-align:center;white-space:nowrap;transition:all .2s ease;-webkit-user-select:none;user-select:none;border-radius:var(--border-radius-base);border:var(--border-width-1) solid transparent}.button[data-v-44bec5ce]:focus-visible{outline:var(--border-width-2) solid var(--theme-colors-primary-500);outline-offset:var(--spacing-1)}.button--sm[data-v-44bec5ce]{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);min-height:32px}.button--md[data-v-44bec5ce]{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);min-height:40px}.button--lg[data-v-44bec5ce]{padding:var(--spacing-4) var(--spacing-6);font-size:var(--font-size-lg);min-height:48px}.button--primary[data-v-44bec5ce]{background-color:var(--theme-colors-primary-500);color:var(--theme-colors-text-inverse);border-color:var(--theme-colors-primary-500)}.button--primary[data-v-44bec5ce]:hover:not(:disabled){background-color:var(--theme-colors-primary-600);border-color:var(--theme-colors-primary-600);transform:translateY(-1px);box-shadow:var(--shadow-md)}.button--primary[data-v-44bec5ce]:active:not(:disabled){background-color:var(--theme-colors-primary-700);border-color:var(--theme-colors-primary-700);transform:translateY(0)}.button--secondary[data-v-44bec5ce]{background-color:var(--theme-colors-surface-card);color:var(--theme-colors-text-primary);border-color:var(--theme-colors-border-default)}.button--secondary[data-v-44bec5ce]:hover:not(:disabled){background-color:var(--theme-colors-border-muted);border-color:var(--theme-colors-border-strong);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.button--secondary[data-v-44bec5ce]:active:not(:disabled){background-color:var(--theme-colors-border-default)}.button--outline[data-v-44bec5ce]{background-color:transparent;color:var(--theme-colors-primary-500);border-color:var(--theme-colors-primary-500)}.button--outline[data-v-44bec5ce]:hover:not(:disabled){background-color:var(--theme-colors-primary-50);transform:translateY(-1px)}.button--outline[data-v-44bec5ce]:active:not(:disabled){background-color:var(--theme-colors-primary-100)}.button--ghost[data-v-44bec5ce]{background-color:transparent;color:var(--theme-colors-text-primary);border-color:transparent}.button--ghost[data-v-44bec5ce]:hover:not(:disabled){background-color:var(--theme-colors-border-muted)}.button--ghost[data-v-44bec5ce]:active:not(:disabled){background-color:var(--theme-colors-border-default)}.button--danger[data-v-44bec5ce]{background-color:var(--theme-colors-state-error);color:var(--theme-colors-text-inverse);border-color:var(--theme-colors-state-error)}.button--danger[data-v-44bec5ce]:hover:not(:disabled){background-color:#dc2626;filter:brightness(.9);transform:translateY(-1px);box-shadow:var(--shadow-md)}.button--danger[data-v-44bec5ce]:active:not(:disabled){filter:brightness(.8);transform:translateY(0)}.button--block[data-v-44bec5ce]{width:100%}.button--disabled[data-v-44bec5ce]{opacity:.5;cursor:not-allowed;pointer-events:none}.button--loading[data-v-44bec5ce]{cursor:not-allowed}.button-content[data-v-44bec5ce]{display:flex;align-items:center;gap:var(--spacing-2);transition:opacity .2s ease}.button-content--hidden[data-v-44bec5ce]{opacity:0}.button-text[data-v-44bec5ce]{flex:1}.button-icon[data-v-44bec5ce]{display:flex;align-items:center;justify-content:center}.button-icon--before[data-v-44bec5ce]{margin-right:calc(-1 * var(--spacing-1))}.button-icon--after[data-v-44bec5ce]{margin-left:calc(-1 * var(--spacing-1))}.button-spinner[data-v-44bec5ce]{position:absolute;display:flex;align-items:center;justify-content:center}.spinner-icon[data-v-44bec5ce]{width:16px;height:16px;color:currentColor}.button--sm .spinner-icon[data-v-44bec5ce]{width:14px;height:14px}.button--lg .spinner-icon[data-v-44bec5ce]{width:18px;height:18px}.icon[data-v-8bcf9243]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .2s ease,transform .2s ease}.icon--xs[data-v-8bcf9243]{width:16px;height:16px}.icon--sm[data-v-8bcf9243]{width:20px;height:20px}.icon--md[data-v-8bcf9243]{width:24px;height:24px}.icon--lg[data-v-8bcf9243]{width:32px;height:32px}.icon--xl[data-v-8bcf9243]{width:48px;height:48px}.icon[data-v-8bcf9243]:hover{transform:scale(1.05)}.icon[data-v-8bcf9243] svg{width:100%;height:100%;display:block}.icon[data-v-8bcf9243] path,.icon[data-v-8bcf9243] circle,.icon[data-v-8bcf9243] line,.icon[data-v-8bcf9243] rect,.icon[data-v-8bcf9243] polygon{stroke:currentColor;fill:currentColor}.icon[data-v-8bcf9243] svg[fill=none] path,.icon[data-v-8bcf9243] svg[fill=none] circle,.icon[data-v-8bcf9243] svg[fill=none] line,.icon[data-v-8bcf9243] svg[fill=none] rect,.icon[data-v-8bcf9243] svg[fill=none] polygon{fill:none;stroke:currentColor}.icon[data-v-8bcf9243] [stroke-opacity]{stroke:currentColor}.icon[data-v-8bcf9243] [fill-opacity]{fill:currentColor}
+.theme-provider[data-v-de954be9]{height:100%;width:100%;margin:0;padding:0}.badge[data-v-2a8fca7d]{display:inline-flex;align-items:center;border-radius:9999px;font-weight:500;white-space:nowrap}.badge--sm[data-v-2a8fca7d]{padding:.25rem .5rem;font-size:.75rem;line-height:1rem}.badge--md[data-v-2a8fca7d]{padding:.375rem .75rem;font-size:.875rem;line-height:1.25rem}.badge--default[data-v-2a8fca7d]{background-color:var(--color-neutral-100);color:var(--color-neutral-800)}.badge--success[data-v-2a8fca7d]{background-color:var(--color-succeed-50);color:var(--color-succeed-800)}.badge--warning[data-v-2a8fca7d]{background-color:var(--color-warning-50);color:var(--color-warning-800)}.badge--danger[data-v-2a8fca7d]{background-color:var(--color-danger-50);color:var(--color-danger-800)}.button[data-v-c5f4114b]{border:none;outline:none;text-decoration:none;cursor:pointer;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);font-family:var(--font-family-sans);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-normal);text-align:center;white-space:nowrap;transition:all .2s ease;-webkit-user-select:none;user-select:none;border-radius:var(--border-radius-base);border:var(--border-width-1) solid transparent}.button[data-v-c5f4114b]:focus-visible{outline:var(--border-width-2) solid var(--theme-colors-primary-500);outline-offset:var(--spacing-1)}.button--sm[data-v-c5f4114b]{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);min-height:32px}.button--md[data-v-c5f4114b]{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);min-height:40px}.button--lg[data-v-c5f4114b]{padding:var(--spacing-4) var(--spacing-6);font-size:var(--font-size-lg);min-height:48px}.button--primary[data-v-c5f4114b]{background-color:var(--theme-colors-primary-500);color:var(--theme-colors-text-inverse);border-color:var(--theme-colors-primary-500)}.button--primary[data-v-c5f4114b]:hover:not(:disabled){background-color:var(--theme-colors-primary-600);border-color:var(--theme-colors-primary-600);transform:translateY(-1px);box-shadow:var(--shadow-md)}.button--primary[data-v-c5f4114b]:active:not(:disabled){background-color:var(--theme-colors-primary-700);border-color:var(--theme-colors-primary-700);transform:translateY(0)}.button--secondary[data-v-c5f4114b]{background-color:var(--theme-colors-surface-card);color:var(--theme-colors-text-primary);border-color:var(--theme-colors-border-default)}.button--secondary[data-v-c5f4114b]:hover:not(:disabled){background-color:var(--theme-colors-border-muted);border-color:var(--theme-colors-border-strong);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.button--secondary[data-v-c5f4114b]:active:not(:disabled){background-color:var(--theme-colors-border-default)}.button--outline[data-v-c5f4114b]{background-color:transparent;color:var(--theme-colors-primary-500);border-color:var(--theme-colors-primary-500)}.button--outline[data-v-c5f4114b]:hover:not(:disabled){background-color:var(--theme-colors-primary-50);transform:translateY(-1px)}.button--outline[data-v-c5f4114b]:active:not(:disabled){background-color:var(--theme-colors-primary-100)}.button--ghost[data-v-c5f4114b]{background-color:transparent;color:var(--theme-colors-text-primary);border-color:transparent}.button--ghost[data-v-c5f4114b]:hover:not(:disabled){background-color:var(--theme-colors-border-muted)}.button--ghost[data-v-c5f4114b]:active:not(:disabled){background-color:var(--theme-colors-border-default)}.button--danger[data-v-c5f4114b]{background-color:var(--theme-colors-state-error);color:var(--theme-colors-text-inverse);border-color:var(--theme-colors-state-error)}.button--danger[data-v-c5f4114b]:hover:not(:disabled){background-color:#dc2626;filter:brightness(.9);transform:translateY(-1px);box-shadow:var(--shadow-md)}.button--danger[data-v-c5f4114b]:active:not(:disabled){filter:brightness(.8);transform:translateY(0)}.button--block[data-v-c5f4114b]{width:100%}.button--disabled[data-v-c5f4114b]{opacity:.5;cursor:not-allowed;pointer-events:none}.button--loading[data-v-c5f4114b]{cursor:not-allowed}.button-content[data-v-c5f4114b]{display:flex;align-items:center;gap:var(--spacing-2);transition:opacity .2s ease}.button-content--hidden[data-v-c5f4114b]{opacity:0}.button-text[data-v-c5f4114b]{flex:1}.button-icon[data-v-c5f4114b]{display:flex;align-items:center;justify-content:center}.button-icon--before[data-v-c5f4114b]{margin-right:calc(-1 * var(--spacing-1))}.button-icon--after[data-v-c5f4114b]{margin-left:calc(-1 * var(--spacing-1))}.button-spinner[data-v-c5f4114b]{position:absolute;display:flex;align-items:center;justify-content:center}.spinner-icon[data-v-c5f4114b]{width:16px;height:16px;color:currentColor}.button--sm .spinner-icon[data-v-c5f4114b]{width:14px;height:14px}.button--lg .spinner-icon[data-v-c5f4114b]{width:18px;height:18px}.icon[data-v-8bcf9243]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .2s ease,transform .2s ease}.icon--xs[data-v-8bcf9243]{width:16px;height:16px}.icon--sm[data-v-8bcf9243]{width:20px;height:20px}.icon--md[data-v-8bcf9243]{width:24px;height:24px}.icon--lg[data-v-8bcf9243]{width:32px;height:32px}.icon--xl[data-v-8bcf9243]{width:48px;height:48px}.icon[data-v-8bcf9243]:hover{transform:scale(1.05)}.icon[data-v-8bcf9243] svg{width:100%;height:100%;display:block}.icon[data-v-8bcf9243] path,.icon[data-v-8bcf9243] circle,.icon[data-v-8bcf9243] line,.icon[data-v-8bcf9243] rect,.icon[data-v-8bcf9243] polygon{stroke:currentColor;fill:currentColor}.icon[data-v-8bcf9243] svg[fill=none] path,.icon[data-v-8bcf9243] svg[fill=none] circle,.icon[data-v-8bcf9243] svg[fill=none] line,.icon[data-v-8bcf9243] svg[fill=none] rect,.icon[data-v-8bcf9243] svg[fill=none] polygon{fill:none;stroke:currentColor}.icon[data-v-8bcf9243] [stroke-opacity]{stroke:currentColor}.icon[data-v-8bcf9243] [fill-opacity]{fill:currentColor}.logo{background-size:contain;background-repeat:no-repeat;background-position:center;display:inline-block;aspect-ratio:4 / 1;transition:all .2s ease}body[data-theme*=club-employes]:not([data-theme*=dark]) .logo--auto-brand.logo--auto,body[data-theme*=club-employes]:not([data-theme*=dark]) .logo--club-employes.logo--auto,.logo--club-employes.logo--default{background-image:var(--assets-logos-club-employes-default)}body[data-theme*=club-employes][data-theme*=dark] .logo--auto-brand.logo--auto,body[data-theme*=club-employes][data-theme*=dark] .logo--club-employes.logo--auto,.logo--club-employes.logo--white{background-image:var(--assets-logos-club-employes-white)}body[data-theme*=club-employes]:not([data-theme*=dark]) .logo--auto-brand.logo--auto.logo--xs,body[data-theme*=club-employes]:not([data-theme*=dark]) .logo--auto-brand.logo--auto.logo--sm,body[data-theme*=club-employes]:not([data-theme*=dark]) .logo--club-employes.logo--auto.logo--xs,body[data-theme*=club-employes]:not([data-theme*=dark]) .logo--club-employes.logo--auto.logo--sm,.logo--club-employes.logo--small{background-image:var(--assets-logos-club-employes-small)}body[data-theme*=club-employes][data-theme*=dark] .logo--auto-brand.logo--auto.logo--xs,body[data-theme*=club-employes][data-theme*=dark] .logo--auto-brand.logo--auto.logo--sm,body[data-theme*=club-employes][data-theme*=dark] .logo--club-employes.logo--auto.logo--xs,body[data-theme*=club-employes][data-theme*=dark] .logo--club-employes.logo--auto.logo--sm,.logo--club-employes.logo--small-white{background-image:var(--assets-logos-club-employes-small-white)}body[data-theme*=gifteo]:not([data-theme*=dark]) .logo--auto-brand.logo--auto,body[data-theme*=gifteo]:not([data-theme*=dark]) .logo--gifteo.logo--auto,.logo--gifteo.logo--default{background-image:var(--assets-logos-gifteo-default)}body[data-theme*=gifteo][data-theme*=dark] .logo--auto-brand.logo--auto,body[data-theme*=gifteo][data-theme*=dark] .logo--gifteo.logo--auto,.logo--gifteo.logo--white{background-image:var(--assets-logos-gifteo-white)}body[data-theme*=gifteo]:not([data-theme*=dark]) .logo--auto-brand.logo--auto.logo--xs,body[data-theme*=gifteo]:not([data-theme*=dark]) .logo--auto-brand.logo--auto.logo--sm,body[data-theme*=gifteo]:not([data-theme*=dark]) .logo--gifteo.logo--auto.logo--xs,body[data-theme*=gifteo]:not([data-theme*=dark]) .logo--gifteo.logo--auto.logo--sm,.logo--gifteo.logo--small{background-image:var(--assets-logos-gifteo-small)}body[data-theme*=gifteo][data-theme*=dark] .logo--auto-brand.logo--auto.logo--xs,body[data-theme*=gifteo][data-theme*=dark] .logo--auto-brand.logo--auto.logo--sm,body[data-theme*=gifteo][data-theme*=dark] .logo--gifteo.logo--auto.logo--xs,body[data-theme*=gifteo][data-theme*=dark] .logo--gifteo.logo--auto.logo--sm,.logo--gifteo.logo--small-white{background-image:var(--assets-logos-gifteo-small-white)}.logo--auto-brand.logo--auto{background-image:var(--assets-logos-club-employes-default)}.logo--auto-brand.logo--auto.logo--xs,.logo--auto-brand.logo--auto.logo--sm{background-image:var(--assets-logos-club-employes-small)}.logo--xs{width:60px;height:15px}.logo--sm{width:80px;height:20px}.logo--md{width:120px;height:30px}.logo--lg{width:160px;height:40px}.logo--xl{width:200px;height:50px}.logo--xxl{width:280px;height:70px}.logo--small,.logo--small-white{aspect-ratio:2 / 1}.logo--xs.logo--small,.logo--xs.logo--small-white,.logo--xs.logo--auto.logo--xs{width:30px;height:30px}.logo--sm.logo--small,.logo--sm.logo--small-white,.logo--sm.logo--auto.logo--sm{width:40px;height:40px}.logo--md.logo--small,.logo--md.logo--small-white{width:60px;height:60px}.logo--lg.logo--small,.logo--lg.logo--small-white{width:80px;height:80px}.logo--xl.logo--small,.logo--xl.logo--small-white{width:100px;height:100px}.logo--xxl.logo--small,.logo--xxl.logo--small-white{width:140px;height:140px}.logo:hover{opacity:.9}@media (max-width: 768px){.logo--xl{width:160px;height:40px}.logo--xxl{width:200px;height:50px}}@media (max-width: 480px){.logo--lg,.logo--xl{width:120px;height:30px}.logo--xxl{width:160px;height:40px}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@club-employes/utopia",
-  "version": "2.10.0",
+  "version": "2.11.1",
   "description": "Design system for Club Employes applications",
   "type": "module",
   "main": "./dist/index.js",
@@ -11,15 +11,20 @@
       "import": "./dist/index.js",
       "types": "./dist/index.d.ts"
     },
-    "./styles": "./dist/utopia.css"
+    "./styles": "./dist/utopia.css",
+    "./tokens/club-employes/light": "./dist/tokens/club-employes/light.css",
+    "./tokens/club-employes/dark": "./dist/tokens/club-employes/dark.css",
+    "./tokens/gifteo/light": "./dist/tokens/gifteo/light.css",
+    "./tokens/gifteo/dark": "./dist/tokens/gifteo/dark.css"
   },
   "files": [
     "dist"
   ],
   "scripts": {
     "dev": "vite",
-    "build": "npm run build:tokens && vite build",
+    "build": "npm run build:tokens && vite build && cp src/index.d.ts dist/index.d.ts && npm run copy:tokens",
     "build:tokens": "node scripts/build-tokens.js",
+    "copy:tokens": "mkdir -p dist/tokens && cp -r src/tokens/generated/* dist/tokens/",
     "preview": "vite preview",
     "lint": "echo 'Linting passed'",
     "type-check": "echo 'Type checking passed'"
@@ -52,4 +57,4 @@
   "publishConfig": {
     "access": "public"
   }
-}
+}