@useinsider/guido 1.0.0-beta.ae2520e → 1.0.0-beta.afdfab7
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/README.md +35 -19
- package/dist/components/Guido.vue.d.ts +4 -0
- package/dist/components/Guido.vue.js +8 -8
- package/dist/components/Guido.vue2.js +34 -18
- package/dist/components/organisms/base/ModalWrapper.vue.d.ts +72 -0
- package/dist/components/organisms/base/ModalWrapper.vue.js +19 -0
- package/dist/components/organisms/base/ModalWrapper.vue2.js +43 -0
- package/dist/components/organisms/{top-bar/Header.vue.js → header/HeaderWrapper.vue.js} +7 -7
- package/dist/components/organisms/header/HeaderWrapper.vue2.js +14 -0
- package/dist/components/organisms/header/LeftSlot.vue.js +17 -0
- package/dist/components/organisms/header/LeftSlot.vue2.js +13 -0
- package/dist/components/organisms/header/MiddleSlot.vue.d.ts +2 -0
- package/dist/components/organisms/header/MiddleSlot.vue.js +17 -0
- package/dist/components/organisms/header/MiddleSlot.vue2.js +22 -0
- package/dist/components/organisms/header/RightSlot.vue.js +17 -0
- package/dist/components/organisms/header/RightSlot.vue2.js +21 -0
- package/dist/components/organisms/{top-bar/HeaderViewOptions.vue.js → header/ViewOptions.vue.js} +5 -5
- package/dist/components/organisms/{top-bar/HeaderViewOptions.vue2.js → header/ViewOptions.vue2.js} +3 -3
- package/dist/components/organisms/header/version-history/RestoreButton.vue.js +19 -0
- package/dist/components/organisms/header/version-history/RestoreButton.vue2.js +14 -0
- package/dist/components/organisms/header/version-history/VersionHistory.vue.d.ts +14 -0
- package/dist/components/organisms/header/version-history/VersionHistory.vue.js +22 -0
- package/dist/components/organisms/header/version-history/VersionHistory.vue2.js +18 -0
- package/dist/components/organisms/header/version-history/VersionHistoryItem.vue.d.ts +16 -0
- package/dist/components/organisms/header/version-history/VersionHistoryItem.vue.js +18 -0
- package/dist/components/organisms/header/version-history/VersionHistoryItem.vue2.js +16 -0
- package/dist/components/organisms/header/version-history/ViewOptions.vue.d.ts +2 -0
- package/dist/components/organisms/header/version-history/ViewOptions.vue.js +18 -0
- package/dist/components/organisms/header/version-history/ViewOptions.vue2.js +23 -0
- package/dist/components/organisms/save-template/SaveTemplateModal.vue.d.ts +16 -0
- package/dist/components/organisms/save-template/SaveTemplateModal.vue.js +22 -0
- package/dist/components/organisms/save-template/SaveTemplateModal.vue2.js +86 -0
- package/dist/composables/useActionsApi.d.ts +4 -0
- package/dist/composables/useActionsApi.js +36 -0
- package/dist/composables/useCustomInterfaceAppearance.js +45 -9
- package/dist/composables/useExport.d.ts +3 -0
- package/dist/composables/useExport.js +30 -0
- package/dist/composables/useHttp.js +84 -0
- package/dist/composables/usePartner.d.ts +4 -0
- package/dist/composables/usePartner.js +16 -0
- package/dist/composables/useSaveAsTemplate.d.ts +17 -0
- package/dist/composables/useSaveAsTemplate.js +44 -0
- package/dist/composables/useStripo.d.ts +2 -2
- package/dist/composables/useStripo.js +53 -55
- package/dist/composables/useTemplateCategories.d.ts +35 -0
- package/dist/composables/useTemplateCategories.js +78 -0
- package/dist/composables/useTemplateNameValidation.d.ts +13 -0
- package/dist/composables/useTemplateNameValidation.js +57 -0
- package/dist/composables/useToaster.d.ts +1 -0
- package/dist/composables/useToaster.js +37 -0
- package/dist/composables/useTranslations.d.ts +1 -3
- package/dist/composables/useTranslations.js +18 -0
- package/dist/composables/useVersionHistoryApi.d.ts +8 -0
- package/dist/composables/useVersionHistoryApi.js +53 -0
- package/dist/enums/defaults.d.ts +2 -0
- package/dist/enums/defaults.js +5 -3
- package/dist/enums/displayConditions.d.ts +2 -0
- package/dist/enums/displayConditions.js +80 -0
- package/dist/guido.css +1 -1
- package/dist/mock/api/custom-fonts.d.ts +2 -0
- package/dist/mock/api/template-library.d.ts +2 -0
- package/dist/node_modules/lodash-es/_Hash.js +20 -0
- package/dist/node_modules/lodash-es/_ListCache.js +20 -0
- package/dist/node_modules/lodash-es/_Map.js +6 -0
- package/dist/node_modules/lodash-es/_MapCache.js +20 -0
- package/dist/node_modules/lodash-es/_Symbol.js +5 -0
- package/dist/node_modules/lodash-es/_assocIndexOf.js +10 -0
- package/dist/node_modules/lodash-es/_baseGetTag.js +10 -0
- package/dist/node_modules/lodash-es/_baseIsNative.js +16 -0
- package/dist/node_modules/lodash-es/_coreJsData.js +5 -0
- package/dist/node_modules/lodash-es/_freeGlobal.js +4 -0
- package/dist/node_modules/lodash-es/_getMapData.js +8 -0
- package/dist/node_modules/lodash-es/_getNative.js +9 -0
- package/dist/node_modules/lodash-es/_getRawTag.js +15 -0
- package/dist/node_modules/lodash-es/_getValue.js +6 -0
- package/dist/node_modules/lodash-es/_hashClear.js +7 -0
- package/dist/node_modules/lodash-es/_hashDelete.js +7 -0
- package/dist/node_modules/lodash-es/_hashGet.js +13 -0
- package/dist/node_modules/lodash-es/_hashHas.js +9 -0
- package/dist/node_modules/lodash-es/_hashSet.js +9 -0
- package/dist/node_modules/lodash-es/_isKeyable.js +7 -0
- package/dist/node_modules/lodash-es/_isMasked.js +11 -0
- package/dist/node_modules/lodash-es/_listCacheClear.js +6 -0
- package/dist/node_modules/lodash-es/_listCacheDelete.js +12 -0
- package/dist/node_modules/lodash-es/_listCacheGet.js +8 -0
- package/dist/node_modules/lodash-es/_listCacheHas.js +7 -0
- package/dist/node_modules/lodash-es/_listCacheSet.js +8 -0
- package/dist/node_modules/lodash-es/_mapCacheClear.js +13 -0
- package/dist/node_modules/lodash-es/_mapCacheDelete.js +8 -0
- package/dist/node_modules/lodash-es/_mapCacheGet.js +7 -0
- package/dist/node_modules/lodash-es/_mapCacheHas.js +7 -0
- package/dist/node_modules/lodash-es/_mapCacheSet.js +8 -0
- package/dist/node_modules/lodash-es/_nativeCreate.js +5 -0
- package/dist/node_modules/lodash-es/_objectToString.js +7 -0
- package/dist/node_modules/lodash-es/_root.js +5 -0
- package/dist/node_modules/lodash-es/_toSource.js +17 -0
- package/dist/node_modules/lodash-es/eq.js +6 -0
- package/dist/node_modules/lodash-es/isFunction.js +12 -0
- package/dist/node_modules/lodash-es/isObject.js +7 -0
- package/dist/node_modules/lodash-es/memoize.js +18 -0
- package/dist/services/stripoApi.d.ts +7 -0
- package/dist/services/stripoApi.js +29 -0
- package/dist/static/styles/base.css.js +11 -0
- package/dist/static/styles/components/alert-message.css.js +39 -0
- package/dist/static/styles/components/amp-block.css.js +18 -0
- package/dist/static/styles/components/base-input.css.js +47 -0
- package/dist/static/styles/components/button-group.css.js +54 -0
- package/dist/static/styles/components/button.css.js +106 -0
- package/dist/static/styles/components/combobox.css.js +49 -0
- package/dist/static/styles/components/counter.css.js +42 -0
- package/dist/static/styles/components/dropdown-menu.css.js +52 -0
- package/dist/static/styles/components/narrow-panel.css.js +38 -0
- package/dist/static/styles/components/switcher.css.js +11 -0
- package/dist/static/styles/components/tabs.css.js +97 -0
- package/dist/static/styles/components/tools.css.js +23 -0
- package/dist/static/styles/components/version-history.css.js +30 -0
- package/dist/static/styles/components/wide-panel.css.js +135 -0
- package/dist/static/styles/variables.css.js +23 -0
- package/dist/stores/editor.d.ts +4 -4
- package/dist/stores/editor.js +4 -2
- package/dist/stores/version-history.d.ts +80 -0
- package/dist/stores/version-history.js +28 -0
- package/dist/utils/base64.d.ts +1 -0
- package/dist/utils/base64.js +14 -0
- package/dist/utils/dateUtil.d.ts +1 -0
- package/dist/utils/dateUtil.js +16 -0
- package/package.json +1 -1
- package/dist/components/organisms/top-bar/Header.vue2.js +0 -14
- package/dist/components/organisms/top-bar/HeaderLeftSlot.vue.js +0 -17
- package/dist/components/organisms/top-bar/HeaderLeftSlot.vue2.js +0 -11
- package/dist/components/organisms/top-bar/HeaderMiddleSlot.vue.js +0 -17
- package/dist/components/organisms/top-bar/HeaderMiddleSlot.vue2.js +0 -17
- package/dist/components/organisms/top-bar/HeaderRightSlot.vue.js +0 -18
- package/dist/components/organisms/top-bar/HeaderRightSlot.vue2.js +0 -12
- package/dist/node_modules/pinia/dist/pinia.js +0 -314
- package/dist/node_modules/pinia/node_modules/vue-demi/lib/index.js +0 -11
- package/dist/static/editor.css.js +0 -182
- package/dist/stores/counter.d.ts +0 -12
- /package/dist/components/organisms/{top-bar/Header.vue.d.ts → header/HeaderWrapper.vue.d.ts} +0 -0
- /package/dist/components/organisms/{top-bar/HeaderRightSlot.vue.d.ts → header/LeftSlot.vue.d.ts} +0 -0
- /package/dist/components/organisms/{top-bar/HeaderLeftSlot.vue.d.ts → header/RightSlot.vue.d.ts} +0 -0
- /package/dist/components/organisms/{top-bar/HeaderMiddleSlot.vue.d.ts → header/ViewOptions.vue.d.ts} +0 -0
- /package/dist/components/organisms/{top-bar/HeaderViewOptions.vue.d.ts → header/version-history/RestoreButton.vue.d.ts} +0 -0
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import t from "./_Symbol.js";
|
|
2
|
+
import e from "./_getRawTag.js";
|
|
3
|
+
import o from "./_objectToString.js";
|
|
4
|
+
var i = "[object Null]", f = "[object Undefined]", r = t ? t.toStringTag : void 0;
|
|
5
|
+
function m(n) {
|
|
6
|
+
return n == null ? n === void 0 ? f : i : r && r in Object(n) ? e(n) : o(n);
|
|
7
|
+
}
|
|
8
|
+
export {
|
|
9
|
+
m as default
|
|
10
|
+
};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import o from "./isFunction.js";
|
|
2
|
+
import e from "./_isMasked.js";
|
|
3
|
+
import a from "./isObject.js";
|
|
4
|
+
import n from "./_toSource.js";
|
|
5
|
+
var p = /[\\^$.*+?()[\]{}|]/g, i = /^\[object .+?Constructor\]$/, s = Function.prototype, c = Object.prototype, f = s.toString, m = c.hasOwnProperty, u = RegExp(
|
|
6
|
+
"^" + f.call(m).replace(p, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
|
|
7
|
+
);
|
|
8
|
+
function O(r) {
|
|
9
|
+
if (!a(r) || e(r))
|
|
10
|
+
return !1;
|
|
11
|
+
var t = o(r) ? u : i;
|
|
12
|
+
return t.test(n(r));
|
|
13
|
+
}
|
|
14
|
+
export {
|
|
15
|
+
O as default
|
|
16
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import e from "./_Symbol.js";
|
|
2
|
+
var o = Object.prototype, c = o.hasOwnProperty, f = o.toString, r = e ? e.toStringTag : void 0;
|
|
3
|
+
function p(t) {
|
|
4
|
+
var a = c.call(t, r), n = t[r];
|
|
5
|
+
try {
|
|
6
|
+
t[r] = void 0;
|
|
7
|
+
var i = !0;
|
|
8
|
+
} catch {
|
|
9
|
+
}
|
|
10
|
+
var g = f.call(t);
|
|
11
|
+
return i && (a ? t[r] = n : delete t[r]), g;
|
|
12
|
+
}
|
|
13
|
+
export {
|
|
14
|
+
p as default
|
|
15
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import e from "./_nativeCreate.js";
|
|
2
|
+
var n = "__lodash_hash_undefined__", o = Object.prototype, _ = o.hasOwnProperty;
|
|
3
|
+
function h(a) {
|
|
4
|
+
var r = this.__data__;
|
|
5
|
+
if (e) {
|
|
6
|
+
var t = r[a];
|
|
7
|
+
return t === n ? void 0 : t;
|
|
8
|
+
}
|
|
9
|
+
return _.call(r, a) ? r[a] : void 0;
|
|
10
|
+
}
|
|
11
|
+
export {
|
|
12
|
+
h as default
|
|
13
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import s from "./_assocIndexOf.js";
|
|
2
|
+
var i = Array.prototype, l = i.splice;
|
|
3
|
+
function n(r) {
|
|
4
|
+
var e = this.__data__, a = s(e, r);
|
|
5
|
+
if (a < 0)
|
|
6
|
+
return !1;
|
|
7
|
+
var t = e.length - 1;
|
|
8
|
+
return a == t ? e.pop() : l.call(e, a, 1), --this.size, !0;
|
|
9
|
+
}
|
|
10
|
+
export {
|
|
11
|
+
n as default
|
|
12
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import o from "./_baseGetTag.js";
|
|
2
|
+
import r from "./isObject.js";
|
|
3
|
+
var e = "[object AsyncFunction]", a = "[object Function]", c = "[object GeneratorFunction]", i = "[object Proxy]";
|
|
4
|
+
function g(n) {
|
|
5
|
+
if (!r(n))
|
|
6
|
+
return !1;
|
|
7
|
+
var t = o(n);
|
|
8
|
+
return t == a || t == c || t == e || t == i;
|
|
9
|
+
}
|
|
10
|
+
export {
|
|
11
|
+
g as default
|
|
12
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import h from "./_MapCache.js";
|
|
2
|
+
var p = "Expected a function";
|
|
3
|
+
function o(r, e) {
|
|
4
|
+
if (typeof r != "function" || e != null && typeof e != "function")
|
|
5
|
+
throw new TypeError(p);
|
|
6
|
+
var t = function() {
|
|
7
|
+
var c = arguments, n = e ? e.apply(this, c) : c[0], a = t.cache;
|
|
8
|
+
if (a.has(n))
|
|
9
|
+
return a.get(n);
|
|
10
|
+
var i = r.apply(this, c);
|
|
11
|
+
return t.cache = a.set(n, i) || a, i;
|
|
12
|
+
};
|
|
13
|
+
return t.cache = new (o.Cache || h)(), t;
|
|
14
|
+
}
|
|
15
|
+
o.Cache = h;
|
|
16
|
+
export {
|
|
17
|
+
o as default
|
|
18
|
+
};
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { useHttp as s } from "../composables/useHttp.js";
|
|
2
|
+
import { useToaster as n } from "../composables/useToaster.js";
|
|
3
|
+
const m = () => {
|
|
4
|
+
const { get: o } = s(), { handleError: r } = n();
|
|
5
|
+
return {
|
|
6
|
+
getToken: async () => {
|
|
7
|
+
try {
|
|
8
|
+
const t = Number(localStorage.getItem("ins-guido-test-instance")), { data: e } = await o(`/stripo/get-user-token?test=${t}`);
|
|
9
|
+
return e.body.token;
|
|
10
|
+
} catch (t) {
|
|
11
|
+
return r(t, "Failed to fetch token"), "";
|
|
12
|
+
}
|
|
13
|
+
},
|
|
14
|
+
getCustomFonts: async () => {
|
|
15
|
+
try {
|
|
16
|
+
const { data: t = [] } = await o("/stripo/get-partner-custom-fonts");
|
|
17
|
+
return t.map((e) => ({
|
|
18
|
+
...e,
|
|
19
|
+
active: !0
|
|
20
|
+
}));
|
|
21
|
+
} catch (t) {
|
|
22
|
+
return r(t, "Failed to fetch custom fonts"), [];
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
};
|
|
26
|
+
};
|
|
27
|
+
export {
|
|
28
|
+
m as useStripoApi
|
|
29
|
+
};
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
const n = `.alert-message-wrapper {
|
|
2
|
+
box-shadow: none;
|
|
3
|
+
border: 1px solid var(--guido-color-gray-300);
|
|
4
|
+
color: var(--guido-color-gray-600);
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
.alert-message-wrapper.info,
|
|
8
|
+
.alert-message-wrapper.loader {
|
|
9
|
+
background: var(--guido-color-background-onpage-message-info);
|
|
10
|
+
border-color: var(--guido-color-border-onpage-message-info);
|
|
11
|
+
color: inherit;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.alert-message-wrapper.info ue-icon-component.icon,
|
|
15
|
+
.alert-message-wrapper.loader ue-icon-component.icon {
|
|
16
|
+
color: var(--guido-color-border-onpage-message-info);
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.alert-message-wrapper ue-button {
|
|
20
|
+
padding: 0;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.alert-message-wrapper .button {
|
|
24
|
+
border: none;
|
|
25
|
+
background: transparent;
|
|
26
|
+
color: var(--guido-color-primary-500);
|
|
27
|
+
padding: 0;
|
|
28
|
+
min-width: unset;
|
|
29
|
+
min-height: unset;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.alert-message-wrapper .button:hover:not(:disabled,.disabled) {
|
|
33
|
+
background-color: transparent;
|
|
34
|
+
text-decoration: underline;
|
|
35
|
+
}
|
|
36
|
+
`;
|
|
37
|
+
export {
|
|
38
|
+
n as default
|
|
39
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
const n = `.amp-input-list {
|
|
2
|
+
box-shadow: none;
|
|
3
|
+
border: 1px solid var(--guido-color-gray-300);
|
|
4
|
+
margin-bottom: 16px;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
.amp-input-list:last-child {
|
|
8
|
+
margin-bottom: 0;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.amp-input-list.active,
|
|
12
|
+
.amp-input-list:hover {
|
|
13
|
+
background-color: var(--guido-color-neutral-100);
|
|
14
|
+
}
|
|
15
|
+
`;
|
|
16
|
+
export {
|
|
17
|
+
n as default
|
|
18
|
+
};
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
const n = `.base-input {
|
|
2
|
+
border: 1px solid var(--guido-color-gray-300);
|
|
3
|
+
border-radius: 4px;
|
|
4
|
+
background-color: var(--guido-color-gray-0);
|
|
5
|
+
align-items: center;
|
|
6
|
+
height: 40px;
|
|
7
|
+
max-height: 40px;
|
|
8
|
+
box-sizing: content-box;
|
|
9
|
+
outline: none;
|
|
10
|
+
resize: vertical;
|
|
11
|
+
padding: 8px;
|
|
12
|
+
font-size: 13px;
|
|
13
|
+
color: var(--guido-color-gray-800);
|
|
14
|
+
box-shadow: none !important;
|
|
15
|
+
box-sizing: border-box !important;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.base-input:hover:not(:disabled) {
|
|
19
|
+
background-color: var(--guido-color-gray-0);
|
|
20
|
+
border-color: var(--guido-color-primary-500);
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.base-input:focus:not(:disabled),
|
|
24
|
+
.base-input.focused {
|
|
25
|
+
background-color: var(--guido-color-gray-0);
|
|
26
|
+
border-color: var(--guido-color-primary-500);
|
|
27
|
+
box-shadow: 0 0 0 3px var(--guido-color-primary-200) !important;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
ue-contenteditable {
|
|
31
|
+
height: 40px;
|
|
32
|
+
overflow: unset;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
ue-contenteditable .base-input {
|
|
36
|
+
line-height: 24px;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
ue-icon-component.icon-button.icon-clear-input {
|
|
40
|
+
right: 2px;
|
|
41
|
+
top: 2px;
|
|
42
|
+
padding: 9px;
|
|
43
|
+
}
|
|
44
|
+
`;
|
|
45
|
+
export {
|
|
46
|
+
n as default
|
|
47
|
+
};
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
const o = `/* Radio Buttons and Check Buttons */
|
|
2
|
+
|
|
3
|
+
.button-group {
|
|
4
|
+
padding: 0;
|
|
5
|
+
column-gap: 0;
|
|
6
|
+
border-radius: 0;
|
|
7
|
+
background-color: transparent;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.button-group .button {
|
|
11
|
+
background-color: var(--guido-color-gray-0);
|
|
12
|
+
outline: none;
|
|
13
|
+
padding: 8px 12px;
|
|
14
|
+
border: 1px solid var(--guido-color-gray-300);
|
|
15
|
+
box-shadow: none;
|
|
16
|
+
height: 40px;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.button-group .button:hover:not(:disabled,.disabled) {
|
|
20
|
+
background-color: var(--guido-color-gray-1);
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.button-group .button ue-icon-component.icon-button {
|
|
24
|
+
color: var(--guido-color-gray-800);
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.button-group > div:first-of-type .button {
|
|
28
|
+
border-radius: 4px 0 0 4px;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.button-group > *:last-child .button {
|
|
32
|
+
border-radius: 0 4px 4px 0;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
ue-check-buttons input:checked + .button,
|
|
36
|
+
ue-radio-buttons input:checked + .button {
|
|
37
|
+
background-color: var(--guido-color-primary-100);
|
|
38
|
+
color: var(--guido-color-primary-500);
|
|
39
|
+
border-color: var(--guido-color-primary-500);
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
ue-check-buttons input:checked + .button ue-icon-component.icon-button,
|
|
43
|
+
ue-radio-buttons input:checked + .button ue-icon-component.icon-button {
|
|
44
|
+
color: var(--guido-color-primary-500);
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
ue-check-buttons input:checked + label:hover:not(:disabled,.disabled),
|
|
48
|
+
ue-radio-buttons input:checked + label:hover:not(:disabled,.disabled) {
|
|
49
|
+
background-color: var(--guido-color-primary-100) !important;
|
|
50
|
+
}
|
|
51
|
+
`;
|
|
52
|
+
export {
|
|
53
|
+
o as default
|
|
54
|
+
};
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
const o = `.control-shadow-wrapper:has(.button) {
|
|
2
|
+
border-radius: 0;
|
|
3
|
+
box-shadow: none;
|
|
4
|
+
background-color: transparent;
|
|
5
|
+
padding: 0;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
.button {
|
|
9
|
+
min-width: 40px;
|
|
10
|
+
min-height: 40px;
|
|
11
|
+
padding: 8px;
|
|
12
|
+
background-color: var(--guido-color-gray-0);
|
|
13
|
+
border: 1px solid var(--guido-color-gray-300);
|
|
14
|
+
border-radius: 4px;
|
|
15
|
+
box-shadow: none;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.button:not(:disabled,.disabled):active {
|
|
19
|
+
transform: none !important;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.button:hover:not(:disabled,.disabled) {
|
|
23
|
+
background-color: var(--guido-color-gray-1);
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.button .icon-button {
|
|
27
|
+
color: var(--guido-color-gray-800);
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.on > .button {
|
|
31
|
+
background-color: var(--guido-color-primary-100);
|
|
32
|
+
color: var(--guido-color-primary-500);
|
|
33
|
+
border-color: var(--guido-color-primary-500);
|
|
34
|
+
box-shadow: none;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.on > .button .icon-button {
|
|
38
|
+
color: var(--guido-color-primary-500);
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.on > .button:hover:not(:disabled,.disabled) {
|
|
42
|
+
background-color: var(--guido-color-primary-100);
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.e2e-remove-container-item .button .icon-button,
|
|
46
|
+
.e2e-delete-menu-btn .button .icon-button {
|
|
47
|
+
color: var(--guido-color-danger-500);
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.e2e-text-insert-controls .control-shadow-wrapper:not(:last-of-type) {
|
|
51
|
+
margin-right: 16px;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.flat-white > .button {
|
|
55
|
+
border: 0;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
.flat-white > .button:hover:not(:disabled,.disabled) {
|
|
59
|
+
background-color: transparent !important;
|
|
60
|
+
color: var(--guido-color-primary-500);
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.flat-white > .button:hover:not(:disabled,.disabled) {
|
|
64
|
+
color: var(--guido-color-primary-500);
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
ue-check-button.checked:not(.flat-white) input:checked + label {
|
|
68
|
+
background-color: var(--guido-color-primary-100);
|
|
69
|
+
color: var(--guido-color-primary-500);
|
|
70
|
+
border: 1px solid var(--guido-color-primary-500);
|
|
71
|
+
box-shadow: none;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
ue-check-button.checked:not(.flat-white) input:checked + label:hover:not(:disabled,.disabled) {
|
|
75
|
+
background-color: var(--guido-color-primary-100);
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
ue-check-button.checked:not(.flat-white) input:checked + label .icon-button {
|
|
79
|
+
color: var(--guido-color-primary-500);
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
ue-select.full-width .button {
|
|
83
|
+
border: none !important;
|
|
84
|
+
background-color: var(--guido-color-neutral-200) !important;
|
|
85
|
+
color: var(--guido-color-neutral-800) !important;
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
ue-select.full-width .button .icon-button {
|
|
89
|
+
color: var(--guido-color-gray-600) !important;
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
ue-select.full-width .button:hover:not(:disabled,.disabled) {
|
|
93
|
+
background-color: var(--guido-color-neutral-100) !important;
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
ue-color {
|
|
97
|
+
width: 80px;
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
ue-color .base-input {
|
|
101
|
+
width: 100%;
|
|
102
|
+
}
|
|
103
|
+
`;
|
|
104
|
+
export {
|
|
105
|
+
o as default
|
|
106
|
+
};
|