@club-employes/utopia 2.5.0 → 2.7.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/index.js CHANGED
@@ -35,7 +35,7 @@ const F = ["data-theme"], T = /* @__PURE__ */ f({
35
35
  return o;
36
36
  }, E = /* @__PURE__ */ m(T, [["__scopeId", "data-v-0be50703"]]), D = ["disabled", "aria-disabled", "aria-label"], y = {
37
37
  key: 0,
38
- class: "button-spinner",
38
+ class: "button-spinner ok",
39
39
  "aria-hidden": "true"
40
40
  }, x = {
41
41
  key: 0,
@@ -127,7 +127,7 @@ const F = ["data-theme"], T = /* @__PURE__ */ f({
127
127
  ], 2)
128
128
  ], 16, D));
129
129
  }
130
- }), U = /* @__PURE__ */ m(w, [["__scopeId", "data-v-c5f4114b"]]), R = ["aria-label", "innerHTML"], M = /* @__PURE__ */ f({
130
+ }), U = /* @__PURE__ */ m(w, [["__scopeId", "data-v-ea643b64"]]), R = ["aria-label", "innerHTML"], M = /* @__PURE__ */ f({
131
131
  __name: "Icon",
132
132
  props: {
133
133
  name: {},
package/dist/utopia.css CHANGED
@@ -1 +1 @@
1
- .theme-provider[data-v-0be50703]{height:100%;width:100%}.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}
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}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@club-employes/utopia",
3
- "version": "2.5.0",
3
+ "version": "2.7.0",
4
4
  "description": "Design system for Club Employes applications",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",