@club-employes/utopia 2.7.0 → 2.10.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 +4 -3
- package/dist/utopia.css +1 -1
- package/package.json +5 -1
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",
|
|
39
39
|
"aria-hidden": "true"
|
|
40
40
|
}, x = {
|
|
41
41
|
key: 0,
|
|
@@ -51,7 +51,8 @@ const F = ["data-theme"], T = /* @__PURE__ */ f({
|
|
|
51
51
|
disabled: { type: Boolean, default: !1 },
|
|
52
52
|
loading: { type: Boolean, default: !1 },
|
|
53
53
|
block: { type: Boolean, default: !1 },
|
|
54
|
-
ariaLabel: {}
|
|
54
|
+
ariaLabel: {},
|
|
55
|
+
test: {}
|
|
55
56
|
},
|
|
56
57
|
emits: ["click"],
|
|
57
58
|
setup(r, { emit: n }) {
|
|
@@ -127,7 +128,7 @@ const F = ["data-theme"], T = /* @__PURE__ */ f({
|
|
|
127
128
|
], 2)
|
|
128
129
|
], 16, D));
|
|
129
130
|
}
|
|
130
|
-
}), U = /* @__PURE__ */ m(w, [["__scopeId", "data-v-
|
|
131
|
+
}), U = /* @__PURE__ */ m(w, [["__scopeId", "data-v-44bec5ce"]]), R = ["aria-label", "innerHTML"], M = /* @__PURE__ */ f({
|
|
131
132
|
__name: "Icon",
|
|
132
133
|
props: {
|
|
133
134
|
name: {},
|
package/dist/utopia.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.theme-provider[data-v-0be50703]{height:100%;width:100%}.button[data-v-
|
|
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}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@club-employes/utopia",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.10.0",
|
|
4
4
|
"description": "Design system for Club Employes applications",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -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
|
}
|