@useinsider/guido 1.0.0-beta.a09b7c4 → 1.0.0-beta.a0d6eee

package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/index.js

@@ -0,0 +1,266 @@
+import { __exports as t } from "../../../../_virtual/index2.js";
+import { __require as J } from "./ui-elements/UIElement.js";
+import { __require as K } from "./controls/Control.js";
+import { __require as Q } from "./controls/SettingsPanelRegistry.js";
+import { __require as W } from "./blocks/ContextAction.js";
+import { __require as X } from "./blocks/BlockRenderer.js";
+import { __require as Y } from "./blocks/Block.js";
+import { __require as Z } from "./ExtensionBuilder.js";
+import { __require as $ } from "./Extension.js";
+import { __require as x } from "./ui-elements/UIElementTagRegistry.js";
+import { __require as ee } from "./modifications/ModificationDescription.js";
+import { __require as re } from "./controls/SettingsPanelTab.js";
+import { __require as te } from "./constants/UIElementType.js";
+import { __require as ne } from "./constants/BuiltInControlTypes.js";
+import { __require as oe } from "./constants/SettingsTab.js";
+import { __require as ie } from "./constants/UIElementsAttributes.js";
+import { __require as ue } from "./constants/BlockType.js";
+import { __require as le } from "./constants/ContextActionType.js";
+import { __require as ae } from "./constants/BlockCompositionType.js";
+import { __require as ce } from "./constants/BlockAttributes.js";
+import { __require as Ce } from "./constants/AiAssistantValueType.js";
+import { __require as me } from "./constants/AddCustomFont.js";
+import { __require as Be } from "./controls/BuiltInControl.js";
+import { __require as fe } from "./controls/FontFamilyBuiltInControl.js";
+import { __require as de } from "./controls/BackgroundColorBuiltInControl.js";
+import { __require as be } from "./controls/BlockPaddingsBuiltInControl.js";
+import { __require as _e } from "./controls/BackgroundImageBuiltInControl.js";
+import { __require as ge } from "./constants/EditorStatePropertyType.js";
+import { __require as Ie } from "./constants/PreviewDeviceMode.js";
+import { __require as ye } from "./controls/StructurePaddingsBuiltInControl.js";
+import { __require as Pe } from "./controls/TextColorBuiltInControl.js";
+import { __require as se } from "./controls/ButtonFontColorBuiltInControl.js";
+import { __require as Te } from "./controls/ButtonColorBuiltInControl.js";
+import { __require as qe } from "./controls/ButtonInternalIndentsBuiltInControl.js";
+import { __require as Oe } from "./controls/StructureBorderBuiltInControl.js";
+import { __require as je } from "./controls/TextSizeBuiltInControl.js";
+import { __require as Se } from "./controls/TextStyleBuiltInControl.js";
+import { __require as ve } from "./controls/LinkColorBuiltInControl.js";
+import { __require as ke } from "./controls/ButtonTextBuiltInControl.js";
+import { __require as pe } from "./controls/ButtonBorderBuiltInControl.js";
+import { __require as Ae } from "./controls/TextLineSpacingBuiltInControl.js";
+import { __require as Ee } from "./blocks/BlocksPanel.js";
+import { __require as Fe } from "./constants/PanelPosition.js";
+var n;
+function Tr() {
+  return n ? t : (n = 1, function(e) {
+    Object.defineProperty(e, "__esModule", { value: !0 }), e.ButtonTextBuiltInControl = e.LinkColorBuiltInControl = e.BackgroundImageBuiltInControl = e.BackgroundColorBuiltInControl = e.FontFamilyBuiltInControl = e.BuiltInControl = e.ADD_CUSTOM_FONT_OPTION = e.BlockAttr = e.AiAssistantValueType = e.BlockCompositionType = e.AmpFormControls = e.GeneralControls = e.GeneralStylesControls = e.MessageSettingsControls = e.ContainerControls = e.StructureControls = e.StripeControls = e.CarouselControls = e.AccordionControls = e.MenuControls = e.SocialControls = e.CustomTextControls = e.CustomImageControls = e.CustomLinkControls = e.HTMLControls = e.ImageControls = e.SpacerControls = e.TimerControls = e.VideoControls = e.TextControls = e.ButtonControls = e.BannerChildControls = e.BannerControls = e.BlockType = e.SettingsTab = e.BuiltInControlTypes = e.ContextActionType = e.UEAttr = e.UIElementType = e.ModificationDescription = e.Extension = e.ExtensionBuilder = e.SettingsPanelTab = e.Block = e.BlockRenderer = e.ContextAction = e.SettingsPanelRegistry = e.Control = e.UIElementTagRegistry = e.UIElement = void 0, e.TextLineSpacingBuiltInControl = e.ButtonBorderBuiltInControl = e.PanelPosition = e.BlocksPanel = e.StructureBorderBuiltInControl = e.TextStyleBuiltInControl = e.TextSizeBuiltInControl = e.PreviewDeviceMode = e.EditorStatePropertyType = e.ButtonColorBuiltInControl = e.ButtonFontColorBuiltInControl = e.TextColorBuiltInControl = e.ButtonInternalIndentsBuiltInControl = e.StructurePaddingsBuiltInControl = e.BlockPaddingsBuiltInControl = void 0;
+    var o = J();
+    Object.defineProperty(e, "UIElement", { enumerable: !0, get: function() {
+      return o.UIElement;
+    } });
+    var i = K();
+    Object.defineProperty(e, "Control", { enumerable: !0, get: function() {
+      return i.Control;
+    } });
+    var u = Q();
+    Object.defineProperty(e, "SettingsPanelRegistry", { enumerable: !0, get: function() {
+      return u.SettingsPanelRegistry;
+    } });
+    var l = W();
+    Object.defineProperty(e, "ContextAction", { enumerable: !0, get: function() {
+      return l.ContextAction;
+    } });
+    var a = X();
+    Object.defineProperty(e, "BlockRenderer", { enumerable: !0, get: function() {
+      return a.BlockRenderer;
+    } });
+    var c = Y();
+    Object.defineProperty(e, "Block", { enumerable: !0, get: function() {
+      return c.Block;
+    } });
+    var C = Z();
+    Object.defineProperty(e, "ExtensionBuilder", { enumerable: !0, get: function() {
+      return C.ExtensionBuilder;
+    } });
+    var m = $();
+    Object.defineProperty(e, "Extension", { enumerable: !0, get: function() {
+      return m.Extension;
+    } });
+    var B = x();
+    Object.defineProperty(e, "UIElementTagRegistry", { enumerable: !0, get: function() {
+      return B.UIElementTagRegistry;
+    } });
+    var f = ee();
+    Object.defineProperty(e, "ModificationDescription", { enumerable: !0, get: function() {
+      return f.ModificationDescription;
+    } });
+    var d = re();
+    Object.defineProperty(e, "SettingsPanelTab", { enumerable: !0, get: function() {
+      return d.SettingsPanelTab;
+    } });
+    var b = te();
+    Object.defineProperty(e, "UIElementType", { enumerable: !0, get: function() {
+      return b.UIElementType;
+    } });
+    var r = ne();
+    Object.defineProperty(e, "AccordionControls", { enumerable: !0, get: function() {
+      return r.AccordionControls;
+    } }), Object.defineProperty(e, "AmpFormControls", { enumerable: !0, get: function() {
+      return r.AmpFormControls;
+    } }), Object.defineProperty(e, "BannerChildControls", { enumerable: !0, get: function() {
+      return r.BannerChildControls;
+    } }), Object.defineProperty(e, "BannerControls", { enumerable: !0, get: function() {
+      return r.BannerControls;
+    } }), Object.defineProperty(e, "BuiltInControlTypes", { enumerable: !0, get: function() {
+      return r.BuiltInControlTypes;
+    } }), Object.defineProperty(e, "ButtonControls", { enumerable: !0, get: function() {
+      return r.ButtonControls;
+    } }), Object.defineProperty(e, "CarouselControls", { enumerable: !0, get: function() {
+      return r.CarouselControls;
+    } }), Object.defineProperty(e, "ContainerControls", { enumerable: !0, get: function() {
+      return r.ContainerControls;
+    } }), Object.defineProperty(e, "CustomImageControls", { enumerable: !0, get: function() {
+      return r.CustomImageControls;
+    } }), Object.defineProperty(e, "CustomLinkControls", { enumerable: !0, get: function() {
+      return r.CustomLinkControls;
+    } }), Object.defineProperty(e, "CustomTextControls", { enumerable: !0, get: function() {
+      return r.CustomTextControls;
+    } }), Object.defineProperty(e, "GeneralControls", { enumerable: !0, get: function() {
+      return r.GeneralControls;
+    } }), Object.defineProperty(e, "GeneralStylesControls", { enumerable: !0, get: function() {
+      return r.GeneralStylesControls;
+    } }), Object.defineProperty(e, "HTMLControls", { enumerable: !0, get: function() {
+      return r.HTMLControls;
+    } }), Object.defineProperty(e, "ImageControls", { enumerable: !0, get: function() {
+      return r.ImageControls;
+    } }), Object.defineProperty(e, "MenuControls", { enumerable: !0, get: function() {
+      return r.MenuControls;
+    } }), Object.defineProperty(e, "MessageSettingsControls", { enumerable: !0, get: function() {
+      return r.MessageSettingsControls;
+    } }), Object.defineProperty(e, "SocialControls", { enumerable: !0, get: function() {
+      return r.SocialControls;
+    } }), Object.defineProperty(e, "SpacerControls", { enumerable: !0, get: function() {
+      return r.SpacerControls;
+    } }), Object.defineProperty(e, "StripeControls", { enumerable: !0, get: function() {
+      return r.StripeControls;
+    } }), Object.defineProperty(e, "StructureControls", { enumerable: !0, get: function() {
+      return r.StructureControls;
+    } }), Object.defineProperty(e, "TextControls", { enumerable: !0, get: function() {
+      return r.TextControls;
+    } }), Object.defineProperty(e, "TimerControls", { enumerable: !0, get: function() {
+      return r.TimerControls;
+    } }), Object.defineProperty(e, "VideoControls", { enumerable: !0, get: function() {
+      return r.VideoControls;
+    } });
+    var _ = oe();
+    Object.defineProperty(e, "SettingsTab", { enumerable: !0, get: function() {
+      return _.SettingsTab;
+    } });
+    var g = ie();
+    Object.defineProperty(e, "UEAttr", { enumerable: !0, get: function() {
+      return g.UEAttr;
+    } });
+    var I = ue();
+    Object.defineProperty(e, "BlockType", { enumerable: !0, get: function() {
+      return I.BlockType;
+    } });
+    var y = le();
+    Object.defineProperty(e, "ContextActionType", { enumerable: !0, get: function() {
+      return y.ContextActionType;
+    } });
+    var P = ae();
+    Object.defineProperty(e, "BlockCompositionType", { enumerable: !0, get: function() {
+      return P.BlockCompositionType;
+    } });
+    var s = ce();
+    Object.defineProperty(e, "BlockAttr", { enumerable: !0, get: function() {
+      return s.BlockAttr;
+    } });
+    var T = Ce();
+    Object.defineProperty(e, "AiAssistantValueType", { enumerable: !0, get: function() {
+      return T.AiAssistantValueType;
+    } });
+    var q = me();
+    Object.defineProperty(e, "ADD_CUSTOM_FONT_OPTION", { enumerable: !0, get: function() {
+      return q.ADD_CUSTOM_FONT_OPTION;
+    } });
+    var O = Be();
+    Object.defineProperty(e, "BuiltInControl", { enumerable: !0, get: function() {
+      return O.BuiltInControl;
+    } });
+    var j = fe();
+    Object.defineProperty(e, "FontFamilyBuiltInControl", { enumerable: !0, get: function() {
+      return j.FontFamilyBuiltInControl;
+    } });
+    var S = de();
+    Object.defineProperty(e, "BackgroundColorBuiltInControl", { enumerable: !0, get: function() {
+      return S.BackgroundColorBuiltInControl;
+    } });
+    var v = be();
+    Object.defineProperty(e, "BlockPaddingsBuiltInControl", { enumerable: !0, get: function() {
+      return v.BlockPaddingsBuiltInControl;
+    } });
+    var k = _e();
+    Object.defineProperty(e, "BackgroundImageBuiltInControl", { enumerable: !0, get: function() {
+      return k.BackgroundImageBuiltInControl;
+    } });
+    var p = ge();
+    Object.defineProperty(e, "EditorStatePropertyType", { enumerable: !0, get: function() {
+      return p.EditorStatePropertyType;
+    } });
+    var A = Ie();
+    Object.defineProperty(e, "PreviewDeviceMode", { enumerable: !0, get: function() {
+      return A.PreviewDeviceMode;
+    } });
+    var E = ye();
+    Object.defineProperty(e, "StructurePaddingsBuiltInControl", { enumerable: !0, get: function() {
+      return E.StructurePaddingsBuiltInControl;
+    } });
+    var F = Pe();
+    Object.defineProperty(e, "TextColorBuiltInControl", { enumerable: !0, get: function() {
+      return F.TextColorBuiltInControl;
+    } });
+    var M = se();
+    Object.defineProperty(e, "ButtonFontColorBuiltInControl", { enumerable: !0, get: function() {
+      return M.ButtonFontColorBuiltInControl;
+    } });
+    var U = Te();
+    Object.defineProperty(e, "ButtonColorBuiltInControl", { enumerable: !0, get: function() {
+      return U.ButtonColorBuiltInControl;
+    } });
+    var D = qe();
+    Object.defineProperty(e, "ButtonInternalIndentsBuiltInControl", { enumerable: !0, get: function() {
+      return D.ButtonInternalIndentsBuiltInControl;
+    } });
+    var L = Oe();
+    Object.defineProperty(e, "StructureBorderBuiltInControl", { enumerable: !0, get: function() {
+      return L.StructureBorderBuiltInControl;
+    } });
+    var R = je();
+    Object.defineProperty(e, "TextSizeBuiltInControl", { enumerable: !0, get: function() {
+      return R.TextSizeBuiltInControl;
+    } });
+    var V = Se();
+    Object.defineProperty(e, "TextStyleBuiltInControl", { enumerable: !0, get: function() {
+      return V.TextStyleBuiltInControl;
+    } });
+    var G = ve();
+    Object.defineProperty(e, "LinkColorBuiltInControl", { enumerable: !0, get: function() {
+      return G.LinkColorBuiltInControl;
+    } });
+    var N = ke();
+    Object.defineProperty(e, "ButtonTextBuiltInControl", { enumerable: !0, get: function() {
+      return N.ButtonTextBuiltInControl;
+    } });
+    var w = pe();
+    Object.defineProperty(e, "ButtonBorderBuiltInControl", { enumerable: !0, get: function() {
+      return w.ButtonBorderBuiltInControl;
+    } });
+    var z = Ae();
+    Object.defineProperty(e, "TextLineSpacingBuiltInControl", { enumerable: !0, get: function() {
+      return z.TextLineSpacingBuiltInControl;
+    } });
+    var h = Ee();
+    Object.defineProperty(e, "BlocksPanel", { enumerable: !0, get: function() {
+      return h.BlocksPanel;
+    } });
+    var H = Fe();
+    Object.defineProperty(e, "PanelPosition", { enumerable: !0, get: function() {
+      return H.PanelPosition;
+    } });
+  }(t), t);
+}
+export {
+  Tr as __require
+};

package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/modifications/ModificationDescription.js

@@ -0,0 +1,26 @@
+import { __exports as i } from "../../../../../_virtual/ModificationDescription.js";
+var r;
+function a() {
+  if (r) return i;
+  r = 1, Object.defineProperty(i, "__esModule", { value: !0 }), i.ModificationDescription = void 0;
+  var e = (
+    /** @class */
+    function() {
+      function t(o) {
+        this.key = o;
+      }
+      return t.prototype.withParams = function(o) {
+        return this.params = o, this;
+      }, t.prototype.getValue = function() {
+        return {
+          key: this.key,
+          params: this.params
+        };
+      }, t;
+    }()
+  );
+  return i.ModificationDescription = e, i;
+}
+export {
+  a as __require
+};

package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/ui-elements/UIElement.js

@@ -0,0 +1,22 @@
+import { __exports as t } from "../../../../../_virtual/UIElement.js";
+var n;
+function l() {
+  if (n) return t;
+  n = 1, Object.defineProperty(t, "__esModule", { value: !0 }), t.UIElement = void 0;
+  var r = (
+    /** @class */
+    function() {
+      function e() {
+      }
+      return e.prototype.onDestroy = function() {
+      }, e.prototype.getValue = function() {
+      }, e.prototype.setValue = function(o) {
+      }, e.prototype.onAttributeUpdated = function(o, u) {
+      }, e;
+    }()
+  );
+  return t.UIElement = r, t;
+}
+export {
+  l as __require
+};

package/dist/node_modules/@stripoinc/ui-editor-extensions/dist/ui-elements/UIElementTagRegistry.js

@@ -0,0 +1,18 @@
+import { __exports as e } from "../../../../../_virtual/UIElementTagRegistry.js";
+var r;
+function g() {
+  if (r) return e;
+  r = 1, Object.defineProperty(e, "__esModule", { value: !0 }), e.UIElementTagRegistry = void 0;
+  var t = (
+    /** @class */
+    /* @__PURE__ */ function() {
+      function i() {
+      }
+      return i;
+    }()
+  );
+  return e.UIElementTagRegistry = t, e;
+}
+export {
+  g as __require
+};

package/dist/services/stripoApi.d.ts

@@ -1,7 +1,8 @@
-import type { CustomFont } from '@@/Types/stripo';
+import type { CustomFont, Template } from '@@/Types/stripo';
 export declare const useStripoApi: () => {
     getToken: () => Promise<string>;
     getCustomFonts: () => Promise<(CustomFont & {
         active: boolean;
     })[]>;
+    getDefaultTemplate: () => Promise<Template>;
 };

package/dist/services/stripoApi.js

@@ -1,25 +1,45 @@
-import { useHttp as s } from "../composables/useHttp.js";
-import { useToaster as n } from "../composables/useToaster.js";
+import { useHttp as a } from "../composables/useHttp.js";
+import { useToaster as s } from "../composables/useToaster.js";
 const m = () => {
-  const { get: o } = s(), { handleError: r } = n();
+  const { get: r } = a(), { handleError: o } = s();
   return {
     getToken: async () => {
       try {
-        const t = Number(localStorage.getItem("ins-guido-test-instance")), { data: e } = await o(`/stripo/get-user-token?test=${t}`);
+        const t = Number(localStorage.getItem("ins-guido-test-instance")), { data: e } = await r(`/stripo/get-user-token?test=${t}`);
         return e.body.token;
       } catch (t) {
-        return r(t, "Failed to fetch token"), "";
+        return o(t, "Failed to fetch token"), "";
       }
     },
     getCustomFonts: async () => {
       try {
-        const { data: t = [] } = await o("/stripo/get-partner-custom-fonts");
+        const { data: t = [] } = await r("/stripo/get-partner-custom-fonts");
         return t.map((e) => ({
           ...e,
           active: !0
         }));
       } catch (t) {
-        return r(t, "Failed to fetch custom fonts"), [];
+        return o(t, "Failed to fetch custom fonts"), [];
+      }
+    },
+    getDefaultTemplate: async () => {
+      const t = {
+        html: "",
+        css: "",
+        forceRecreate: !0
+      };
+      try {
+        const { data: e } = await r("/stripo/default-template");
+        try {
+          return {
+            ...JSON.parse(e),
+            forceRecreate: !0
+          };
+        } catch {
+          return t;
+        }
+      } catch (e) {
+        return o(e, "Failed to fetch default template"), t;
       }
     }
   };

package/dist/static/styles/base.css.js

@@ -0,0 +1,11 @@
+const t = `.amp-input-list,
+.button,
+.base-input,
+ue-stripe-thumb,
+.ue-stripe-thumb {
+    transition: all .5s ease;
+}
+`;
+export {
+  t as default
+};

package/dist/static/styles/components/alert-message.css.js

@@ -0,0 +1,39 @@
+const n = `.alert-message-wrapper {
+    box-shadow: none;
+    border: 1px solid var(--guido-color-gray-300);
+    color: var(--guido-color-gray-600);
+}
+
+.alert-message-wrapper.info,
+.alert-message-wrapper.loader {
+    background: var(--guido-color-background-onpage-message-info);
+    border-color: var(--guido-color-border-onpage-message-info);
+    color: inherit;
+}
+
+.alert-message-wrapper.info ue-icon-component.icon,
+.alert-message-wrapper.loader ue-icon-component.icon {
+    color: var(--guido-color-border-onpage-message-info);
+}
+
+.alert-message-wrapper ue-button {
+    padding: 0;
+}
+
+.alert-message-wrapper .button {
+    border: none;
+    background: transparent;
+    color: var(--guido-color-primary-500);
+    padding: 0;
+    min-width: unset;
+    min-height: unset;
+}
+
+.alert-message-wrapper .button:hover:not(:disabled,.disabled) {
+    background-color: transparent;
+    text-decoration: underline;
+}
+`;
+export {
+  n as default
+};

package/dist/static/styles/components/amp-block.css.js

@@ -0,0 +1,18 @@
+const n = `.amp-input-list {
+    box-shadow: none;
+    border: 1px solid var(--guido-color-gray-300);
+    margin-bottom: 16px;
+}
+
+.amp-input-list:last-child {
+    margin-bottom: 0;
+}
+
+.amp-input-list.active,
+.amp-input-list:hover {
+    background-color: var(--guido-color-neutral-100);
+}
+`;
+export {
+  n as default
+};

package/dist/static/styles/components/base-input.css.js

@@ -0,0 +1,47 @@
+const n = `.base-input {
+    border: 1px solid var(--guido-color-gray-300);
+    border-radius: 4px;
+    background-color: var(--guido-color-gray-0);
+    align-items: center;
+    height: 40px;
+    max-height: 40px;
+    box-sizing: content-box;
+    outline: none;
+    resize: vertical;
+    padding: 8px;
+    font-size: 13px;
+    color: var(--guido-color-gray-800);
+    box-shadow: none !important;
+    box-sizing: border-box !important;
+}
+
+.base-input:hover:not(:disabled) {
+    background-color: var(--guido-color-gray-0);
+    border-color: var(--guido-color-primary-500);
+}
+
+.base-input:focus:not(:disabled),
+.base-input.focused {
+    background-color: var(--guido-color-gray-0);
+    border-color: var(--guido-color-primary-500);
+    box-shadow: 0 0 0 3px var(--guido-color-primary-200) !important;
+}
+
+ue-contenteditable {
+    height: 40px;
+    overflow: unset;
+}
+
+ue-contenteditable .base-input {
+    line-height: 24px;
+}
+
+ue-icon-component.icon-button.icon-clear-input {
+    right: 2px;
+    top: 2px;
+    padding: 9px;
+}
+`;
+export {
+  n as default
+};

package/dist/static/styles/components/button-group.css.js

@@ -0,0 +1,54 @@
+const o = `/* Radio Buttons and Check Buttons */
+
+.button-group {
+    padding: 0;
+    column-gap: 0;
+    border-radius: 0;
+    background-color: transparent;
+}
+
+.button-group .button {
+    background-color: var(--guido-color-gray-0);
+    outline: none;
+    padding: 8px 12px;
+    border: 1px solid var(--guido-color-gray-300);
+    box-shadow: none;
+    height: 40px;
+}
+
+.button-group .button:hover:not(:disabled,.disabled) {
+    background-color: var(--guido-color-gray-1);
+}
+
+.button-group .button ue-icon-component.icon-button {
+    color: var(--guido-color-gray-800);
+}
+
+.button-group > div:first-of-type .button {
+    border-radius: 4px 0 0 4px;
+}
+
+.button-group > *:last-child .button {
+    border-radius: 0 4px 4px 0;
+}
+
+ue-check-buttons input:checked + .button,
+ue-radio-buttons input:checked + .button {
+    background-color: var(--guido-color-primary-100);
+    color: var(--guido-color-primary-500);
+    border-color: var(--guido-color-primary-500);
+}
+
+ue-check-buttons input:checked + .button ue-icon-component.icon-button,
+ue-radio-buttons input:checked + .button ue-icon-component.icon-button {
+    color: var(--guido-color-primary-500);
+}
+
+ue-check-buttons input:checked + label:hover:not(:disabled,.disabled),
+ue-radio-buttons input:checked + label:hover:not(:disabled,.disabled) {
+    background-color: var(--guido-color-primary-100) !important;
+}
+`;
+export {
+  o as default
+};

package/dist/static/styles/components/button.css.js

@@ -0,0 +1,106 @@
+const o = `.control-shadow-wrapper:has(.button) {
+    border-radius: 0;
+    box-shadow: none;
+    background-color: transparent;
+    padding: 0;
+}
+
+.button {
+    min-width: 40px;
+    min-height: 40px;
+    padding: 8px;
+    background-color: var(--guido-color-gray-0);
+    border: 1px solid var(--guido-color-gray-300);
+    border-radius: 4px;
+    box-shadow: none;
+}
+
+.button:not(:disabled,.disabled):active {
+    transform: none !important;
+}
+
+.button:hover:not(:disabled,.disabled) {
+    background-color: var(--guido-color-gray-1);
+}
+
+.button .icon-button {
+    color: var(--guido-color-gray-800);
+}
+
+.on > .button {
+    background-color: var(--guido-color-primary-100);
+    color: var(--guido-color-primary-500);
+    border-color: var(--guido-color-primary-500);
+    box-shadow: none;
+}
+
+.on > .button .icon-button {
+    color: var(--guido-color-primary-500);
+}
+
+.on > .button:hover:not(:disabled,.disabled) {
+    background-color: var(--guido-color-primary-100);
+}
+
+.e2e-remove-container-item .button .icon-button,
+.e2e-delete-menu-btn .button .icon-button {
+    color: var(--guido-color-danger-500);
+}
+
+.e2e-text-insert-controls .control-shadow-wrapper:not(:last-of-type) {
+    margin-right: 16px;
+}
+
+.flat-white > .button {
+    border: 0;
+}
+
+.flat-white > .button:hover:not(:disabled,.disabled) {
+    background-color: transparent !important;
+    color: var(--guido-color-primary-500);
+}
+
+.flat-white > .button:hover:not(:disabled,.disabled) {
+    color: var(--guido-color-primary-500);
+}
+
+ue-check-button.checked:not(.flat-white) input:checked + label {
+    background-color: var(--guido-color-primary-100);
+    color: var(--guido-color-primary-500);
+    border: 1px solid var(--guido-color-primary-500);
+    box-shadow: none;
+}
+
+ue-check-button.checked:not(.flat-white) input:checked + label:hover:not(:disabled,.disabled) {
+    background-color: var(--guido-color-primary-100);
+}
+
+ue-check-button.checked:not(.flat-white) input:checked + label .icon-button {
+    color: var(--guido-color-primary-500);
+}
+
+ue-select.full-width .button {
+    border: none !important;
+    background-color: var(--guido-color-neutral-200) !important;
+    color: var(--guido-color-neutral-800) !important;
+}
+
+ue-select.full-width .button .icon-button {
+    color: var(--guido-color-gray-600) !important;
+}
+
+ue-select.full-width .button:hover:not(:disabled,.disabled) {
+    background-color: var(--guido-color-neutral-100) !important;
+}
+
+ue-color {
+    width: 80px;
+}
+
+ue-color .base-input {
+    width: 100%;
+}
+`;
+export {
+  o as default
+};