@club-employes/utopia 2.8.0 → 2.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/utopia.css CHANGED
@@ -1 +1 @@
1
- .theme-provider[data-v-0be50703]{height:100%;width:100%}.button[data-v-ea643b64]{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-ea643b64]:focus-visible{outline:var(--border-width-2) solid var(--theme-colors-primary-500);outline-offset:var(--spacing-1)}.button--sm[data-v-ea643b64]{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);min-height:32px}.button--md[data-v-ea643b64]{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);min-height:40px}.button--lg[data-v-ea643b64]{padding:var(--spacing-4) var(--spacing-6);font-size:var(--font-size-lg);min-height:48px}.button--primary[data-v-ea643b64]{background-color:var(--theme-colors-primary-500);color:var(--theme-colors-text-inverse);border-color:var(--theme-colors-primary-500)}.button--primary[data-v-ea643b64]: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-ea643b64]:active:not(:disabled){background-color:var(--theme-colors-primary-700);border-color:var(--theme-colors-primary-700);transform:translateY(0)}.button--secondary[data-v-ea643b64]{background-color:var(--theme-colors-surface-card);color:var(--theme-colors-text-primary);border-color:var(--theme-colors-border-default)}.button--secondary[data-v-ea643b64]: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-ea643b64]:active:not(:disabled){background-color:var(--theme-colors-border-default)}.button--outline[data-v-ea643b64]{background-color:transparent;color:var(--theme-colors-primary-500);border-color:var(--theme-colors-primary-500)}.button--outline[data-v-ea643b64]:hover:not(:disabled){background-color:var(--theme-colors-primary-50);transform:translateY(-1px)}.button--outline[data-v-ea643b64]:active:not(:disabled){background-color:var(--theme-colors-primary-100)}.button--ghost[data-v-ea643b64]{background-color:transparent;color:var(--theme-colors-text-primary);border-color:transparent}.button--ghost[data-v-ea643b64]:hover:not(:disabled){background-color:var(--theme-colors-border-muted)}.button--ghost[data-v-ea643b64]:active:not(:disabled){background-color:var(--theme-colors-border-default)}.button--danger[data-v-ea643b64]{background-color:var(--theme-colors-state-error);color:var(--theme-colors-text-inverse);border-color:var(--theme-colors-state-error)}.button--danger[data-v-ea643b64]:hover:not(:disabled){background-color:#dc2626;filter:brightness(.9);transform:translateY(-1px);box-shadow:var(--shadow-md)}.button--danger[data-v-ea643b64]:active:not(:disabled){filter:brightness(.8);transform:translateY(0)}.button--block[data-v-ea643b64]{width:100%}.button--disabled[data-v-ea643b64]{opacity:.5;cursor:not-allowed;pointer-events:none}.button--loading[data-v-ea643b64]{cursor:not-allowed}.button-content[data-v-ea643b64]{display:flex;align-items:center;gap:var(--spacing-2);transition:opacity .2s ease}.button-content--hidden[data-v-ea643b64]{opacity:0}.button-text[data-v-ea643b64]{flex:1}.button-icon[data-v-ea643b64]{display:flex;align-items:center;justify-content:center}.button-icon--before[data-v-ea643b64]{margin-right:calc(-1 * var(--spacing-1))}.button-icon--after[data-v-ea643b64]{margin-left:calc(-1 * var(--spacing-1))}.button-spinner[data-v-ea643b64]{position:absolute;display:flex;align-items:center;justify-content:center}.spinner-icon[data-v-ea643b64]{width:16px;height:16px;color:currentColor}.button--sm .spinner-icon[data-v-ea643b64]{width:14px;height:14px}.button--lg .spinner-icon[data-v-ea643b64]{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}
1
+ .theme-provider[data-v-0be50703]{height:100%;width:100%}.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[data-v-9417ac59]{background-size:contain;background-repeat:no-repeat;background-position:center;display:inline-block;aspect-ratio:4 / 1;transition:all .2s ease}.logo--xs[data-v-9417ac59]{width:60px;height:15px}.logo--sm[data-v-9417ac59]{width:80px;height:20px}.logo--md[data-v-9417ac59]{width:120px;height:30px}.logo--lg[data-v-9417ac59]{width:160px;height:40px}.logo--xl[data-v-9417ac59]{width:200px;height:50px}.logo--xxl[data-v-9417ac59]{width:280px;height:70px}.logo--small[data-v-9417ac59],.logo--small-white[data-v-9417ac59]{aspect-ratio:2 / 1}.logo--xs.logo--small[data-v-9417ac59],.logo--xs.logo--small-white[data-v-9417ac59]{width:30px;height:30px}.logo--sm.logo--small[data-v-9417ac59],.logo--sm.logo--small-white[data-v-9417ac59]{width:40px;height:40px}.logo--md.logo--small[data-v-9417ac59],.logo--md.logo--small-white[data-v-9417ac59]{width:60px;height:60px}.logo--lg.logo--small[data-v-9417ac59],.logo--lg.logo--small-white[data-v-9417ac59]{width:80px;height:80px}.logo--xl.logo--small[data-v-9417ac59],.logo--xl.logo--small-white[data-v-9417ac59]{width:100px;height:100px}.logo--xxl.logo--small[data-v-9417ac59],.logo--xxl.logo--small-white[data-v-9417ac59]{width:140px;height:140px}.logo[data-v-9417ac59]:hover{opacity:.9}@media (max-width: 768px){.logo--xl[data-v-9417ac59]{width:160px;height:40px}.logo--xxl[data-v-9417ac59]{width:200px;height:50px}}@media (max-width: 480px){.logo--lg[data-v-9417ac59],.logo--xl[data-v-9417ac59]{width:120px;height:30px}.logo--xxl[data-v-9417ac59]{width:160px;height:40px}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@club-employes/utopia",
3
- "version": "2.8.0",
3
+ "version": "2.11.0",
4
4
  "description": "Design system for Club Employes applications",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",
@@ -18,7 +18,7 @@
18
18
  ],
19
19
  "scripts": {
20
20
  "dev": "vite",
21
- "build": "npm run build:tokens && vite build",
21
+ "build": "npm run build:tokens && vite build && cp src/index.d.ts dist/index.d.ts",
22
22
  "build:tokens": "node scripts/build-tokens.js",
23
23
  "preview": "vite preview",
24
24
  "lint": "echo 'Linting passed'",
@@ -28,6 +28,7 @@
28
28
  "vue": "^3.5.17"
29
29
  },
30
30
  "devDependencies": {
31
+ "@types/json-schema": "^7.0.15",
31
32
  "@vitejs/plugin-vue": "^6.0.1",
32
33
  "@vue/tsconfig": "^0.7.0",
33
34
  "style-dictionary": "^5.0.1",
@@ -47,5 +48,8 @@
47
48
  "repository": {
48
49
  "type": "git",
49
50
  "url": "git+https://github.com/club-employes/ds.git"
51
+ },
52
+ "publishConfig": {
53
+ "access": "public"
50
54
  }
51
55
  }