rappel-ui 1.0.0 → 1.0.2

package/es/components/input/src/input.vue.mjs

@@ -1,13 +1,13 @@
 import { defineComponent as t, createElementBlock as n, openBlock as p, mergeProps as r } from "vue";
 const s = /* @__PURE__ */ t({
-  name: "PuInput",
+  name: "ReInput",
   __name: "input",
   props: {
     type: { type: String, default: "text" },
     size: { type: String, default: "default" }
   },
-  setup(u) {
-    return (e, a) => (p(), n("input", r({ class: "pinput" }, e.$attrs), null, 16));
+  setup(a) {
+    return (e, o) => (p(), n("input", r({ class: "pinput" }, e.$attrs), null, 16));
   }
 });
 export {

package/es/components/tabs/index.d.ts

@@ -1,5 +1,5 @@
 import { default as tabs } from './src/tabs.vue';
-export { tabs as PuTabs };
+export { tabs as ReTabs };
 declare const _default: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};

package/es/components/tabs/index.mjs

@@ -2,5 +2,5 @@ import { withInstall as t } from "../../utils/vue/index.mjs";
 import o from "./src/tabs.vue.mjs";
 t(o);
 export {
-  o as PuTabs
+  o as ReTabs
 };

package/es/components/tabs/src/tabs.vue.mjs

@@ -1,17 +1,17 @@
-import { resolveComponent as o, createElementBlock as n, openBlock as s, createElementVNode as r, renderSlot as c, createVNode as _ } from "vue";
+import { resolveComponent as o, createElementBlock as n, openBlock as r, createElementVNode as s, renderSlot as c, createVNode as _ } from "vue";
 import a from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const p = {}, d = { class: "p-tabs" }, l = { class: "p-tabs__header" };
+const d = {}, l = { class: "p-tabs" }, p = { class: "p-tabs__header" };
 function m(e, i) {
-  const t = o("pu-button");
-  return s(), n("div", d, [
-    r("div", l, [
+  const t = o("re-button");
+  return r(), n("div", l, [
+    s("div", p, [
       c(e.$slots, "prev-button", {}, () => [
         _(t)
       ])
     ])
   ]);
 }
-const b = /* @__PURE__ */ a(p, [["render", m]]);
+const u = /* @__PURE__ */ a(d, [["render", m]]);
 export {
-  b as default
+  u as default
 };

package/es/composables/use-namespace/index.mjs

@@ -1,10 +1,10 @@
-function P(o) {
-  const t = (n, s, e, i) => {
-    let c = `pu-${n || o}`;
-    return s && (c += `-${s}`), e && (c += `--${e}`), i && (c += `__${i}`), c.toLowerCase();
+function P(i) {
+  const t = (n, s, e, r) => {
+    let c = `re-${n || i}`;
+    return s && (c += `-${s}`), e && (c += `--${e}`), r && (c += `__${r}`), c.toLowerCase();
   };
   return {
-    prefix: "pu",
+    prefix: "re",
     statePrefix: "is",
     n: (n) => t(n),
     ng: (n, s) => t(n, s),

package/es/index.d.ts

@@ -3,12 +3,12 @@ export * from './constants';
 export * from './directives';
 export * from './composables';
 export * from './utils';
-export * from './purple-ui/index';
+export * from './rappel-ui/index';
 import * as components from './components';
 export declare const install: (app: import('vue').App) => void;
 export declare const version: string;
 declare const _default: {
-    PuButton: {
+    ReButton: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<components.ButtonProps> & Readonly<{
             onClick?: ((evt: MouseEvent) => any) | undefined;
         }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
@@ -37,7 +37,7 @@ declare const _default: {
             default?(_: {}): any;
         };
     });
-    PuInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    ReInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         type: {
             type: StringConstructor;
             default: string;
@@ -59,7 +59,7 @@ declare const _default: {
         size: string;
         type: string;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLInputElement>;
-    PuTabs: {
+    ReTabs: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
@@ -76,10 +76,10 @@ declare const _default: {
             'prev-button'?(_: {}): any;
         };
     });
-    PuColors: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    PuPrimaryColor: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    PuSecondaryColor: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
-    PuNeutralColor: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+    ReColors: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    RePrimaryColor: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    ReSecondaryColor: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+    ReNeutralColor: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
     install: (app: import('vue').App) => void;
     version: string;
 };

package/es/index.mjs

@@ -1,8 +1,8 @@
 import * as e from "./components/index.mjs";
-import { svgLoadingContent as p } from "./constants/svgLoading.mjs";
-import { vDraggable as u } from "./directives/vDraggable.mjs";
-import { applyResizable as x, vResizable as d } from "./directives/vResizable.mjs";
-import { vSvgLoading as C } from "./directives/vSvgLoading.mjs";
+import { svgLoadingContent as n } from "./constants/svgLoading.mjs";
+import { vDraggable as i } from "./directives/vDraggable.mjs";
+import { applyResizable as u, vResizable as d } from "./directives/vResizable.mjs";
+import { vSvgLoading as R } from "./directives/vSvgLoading.mjs";
 import { useDraggable as g } from "./composables/useDraggable.mjs";
 import { useDateFormat as y } from "./composables/useDateFormat.mjs";
 import { useOnceFn as L } from "./composables/useOnceFn.mjs";
@@ -10,16 +10,16 @@ import { useTimeNodes as F } from "./composables/useTimeNodes.mjs";
 import { useWaterFallLayout as O } from "./composables/useWaterFallLayout.mjs";
 import { useNamespace as E } from "./composables/use-namespace/index.mjs";
 import { createGlobalInstaller as r } from "./utils/vue/index.mjs";
-import { INSTALLED_KEY as S, toLowerCase as h, withInstall as w, withMultiInstall as N } from "./utils/vue/index.mjs";
+import { INSTALLED_KEY as h, toLowerCase as w, withInstall as N, withMultiInstall as P } from "./utils/vue/index.mjs";
 import { autoCalcFileSize as z, buildTree as B, createColors as K, createOverload as U, darkenColor as k, deepClone as A, deleteKeys as q, flatArr as G, getEqualOpacityColor as M, hasOwnProperty as W, isPlainObject as Y, joinURLs as _, lineBreakToComma as $, omitEmptyKeys as H, paramsToFormData as J, readTxtByEncodes as Q, readTxtFile as V, setURLSearchParams as X, singleton as Z } from "./utils/util.mjs";
 import { default as oe } from "./components/button/src/button.vue.mjs";
 import { default as te } from "./components/input/src/input.vue.mjs";
 import { default as le } from "./components/colors/src/colors.vue.mjs";
 import { default as me } from "./components/tabs/src/tabs.vue.mjs";
-import { default as pe } from "./components/colors/src/primary-color.vue.mjs";
-import { default as ue } from "./components/colors/src/secondary-color.vue.mjs";
-import { default as xe } from "./components/colors/src/neutral-color.vue.mjs";
-import { PurpleUIResolver as ce } from "./purple-ui/resolver.mjs";
+import { default as ne } from "./components/colors/src/primary-color.vue.mjs";
+import { default as ie } from "./components/colors/src/secondary-color.vue.mjs";
+import { default as ue } from "./components/colors/src/neutral-color.vue.mjs";
+import { RappelUIResolver as ce } from "./rappel-ui/resolver.mjs";
 console.log(e);
 const o = r(Object.values(e)), t = o.install, a = o.version, s = {
   install: t,
@@ -27,16 +27,16 @@ const o = r(Object.values(e)), t = o.install, a = o.version, s = {
   ...e
 };
 export {
-  S as INSTALLED_KEY,
-  oe as PuButton,
-  le as PuColors,
-  te as PuInput,
-  xe as PuNeutralColor,
-  pe as PuPrimaryColor,
-  ue as PuSecondaryColor,
-  me as PuTabs,
-  ce as PurpleUIResolver,
-  x as applyResizable,
+  h as INSTALLED_KEY,
+  ce as RappelUIResolver,
+  oe as ReButton,
+  le as ReColors,
+  te as ReInput,
+  ue as ReNeutralColor,
+  ne as RePrimaryColor,
+  ie as ReSecondaryColor,
+  me as ReTabs,
+  u as applyResizable,
   z as autoCalcFileSize,
   B as buildTree,
   K as createColors,
@@ -59,18 +59,18 @@ export {
   V as readTxtFile,
   X as setURLSearchParams,
   Z as singleton,
-  p as svgLoadingContent,
-  h as toLowerCase,
+  n as svgLoadingContent,
+  w as toLowerCase,
   y as useDateFormat,
   g as useDraggable,
   E as useNamespace,
   L as useOnceFn,
   F as useTimeNodes,
   O as useWaterFallLayout,
-  u as vDraggable,
+  i as vDraggable,
   d as vResizable,
-  C as vSvgLoading,
+  R as vSvgLoading,
   a as version,
-  w as withInstall,
-  N as withMultiInstall
+  N as withInstall,
+  P as withMultiInstall
 };

package/es/rappel-ui/resolver.d.ts

@@ -0,0 +1,2 @@
+import { ComponentResolver } from 'unplugin-vue-components';
+export declare function RappelUIResolver(): ComponentResolver;

package/es/{purple-ui → rappel-ui}/resolver.mjs

@@ -3,16 +3,16 @@ function o() {
   return {
     type: "component",
     resolve: (e) => {
-      if (e.match(/^Pu[A-Z]/))
+      if (e.match(/^Re[A-Z]/))
         return {
           name: e,
-          from: "purple-ui",
+          from: "rappel-ui",
           //
-          sideEffects: [`purple-ui/dist/es/${r(e.replace("Pu", ""))}/style.css`]
+          sideEffects: [`rappel-ui/dist/es/${r(e.replace("Re", ""))}/style.css`]
         };
     }
   };
 }
 export {
-  o as PurpleUIResolver
+  o as RappelUIResolver
 };

package/es/theme-chalk/src/base.css

@@ -1 +1 @@
-@charset "UTF-8";:root{--pu-color-primary: #937bff;--pu-color-text-darkest: #000000;--pu-color-text-base: #303131;--pu-color-text-secondary: #606062;--pu-color-text-neutral: #909093;--pu-color-text-placeholder: #b2b2b6;--pu-color-text-disabled: #cdcdd1;--pu-color-text-lightest: #ffffff;--pu-color-border-darker: #c3c3cb;--pu-color-border-dark: #d0d0d8;--pu-color-border-base: #dbdbe0;--pu-color-border-light: #e4e4e8;--pu-color-border-lighter: #ededef;--pu-color-border-extra-light: #efeff3;--pu-color-border-theme: #d4caff;--pu-color-fill-darker: #d7d7dc;--pu-color-fill-dark: #e8e8ec;--pu-color-fill-base: #ededf0;--pu-color-fill-light: #f1f1f4;--pu-color-fill-lighter: #f6f6f7;--pu-color-fill-extra-light: #f8f8f9;--pu-color-fill-theme: #f7f7fb;--pu-color-fill-blank: #ffffff;--pu-color-fill-transparent: transparent;--pu-color-primary-base: #937bff;--pu-color-primary-hover: #7d69d9;--pu-color-primary-shade-9: #9e88ff;--pu-color-primary-shade-8: #a995ff;--pu-color-primary-shade-7: #b3a3ff;--pu-color-primary-shade-6: #beb0ff;--pu-color-primary-shade-5: #c9bdff;--pu-color-primary-shade-4: #d4caff;--pu-color-primary-shade-3: #dfd7ff;--pu-color-primary-shade-2: #e9e5ff;--pu-color-primary-shade-1: #f4f2ff;--pu-color-success-base: #06b56d;--pu-color-success-hover: #059a5d;--pu-color-success-shade-9: #1fbc7c;--pu-color-success-shade-8: #38c48a;--pu-color-success-shade-7: #51cb99;--pu-color-success-shade-6: #6ad3a7;--pu-color-success-shade-5: #83dab6;--pu-color-success-shade-4: #9be1c5;--pu-color-success-shade-3: #b4e9d3;--pu-color-success-shade-2: #cdf0e2;--pu-color-success-shade-1: #e6f8f0;--pu-color-danger-base: #ee6979;--pu-color-danger-hover: #ca5967;--pu-color-danger-shade-9: #f07886;--pu-color-danger-shade-8: #f18794;--pu-color-danger-shade-7: #f396a1;--pu-color-danger-shade-6: #f5a5af;--pu-color-danger-shade-5: #f7b4bc;--pu-color-danger-shade-4: #f8c3c9;--pu-color-danger-shade-3: #fad2d7;--pu-color-danger-shade-2: #fce1e4;--pu-color-danger-shade-1: #fdf0f2;--pu-color-warning-base: #cd9a0a;--pu-color-warning-hover: #ae8309;--pu-color-warning-shade-9: #d2a422;--pu-color-warning-shade-8: #d7ae3b;--pu-color-warning-shade-7: #dcb853;--pu-color-warning-shade-6: #e1c26c;--pu-color-warning-shade-5: #e6cd85;--pu-color-warning-shade-4: #ebd79d;--pu-color-warning-shade-3: #f0e1b6;--pu-color-warning-shade-2: #f5ebce;--pu-color-warning-shade-1: #faf5e7;--pu-color-info-base: #8e8e91;--pu-color-info-hover: #79797b;--pu-color-info-shade-9: #99999c;--pu-color-info-shade-8: #a5a5a7;--pu-color-info-shade-7: #b0b0b2;--pu-color-info-shade-6: #bbbbbd;--pu-color-info-shade-5: #c7c7c8;--pu-color-info-shade-4: #d2d2d3;--pu-color-info-shade-3: #ddddde;--pu-color-info-shade-2: #e8e8e9;--pu-color-info-shade-1: #f4f4f4}*,*:before,*:after{box-sizing:border-box;font-weight:400;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}body{margin:0;padding:0;font-size:14px;font-family:-apple-system,BlinkMacSystemFont,Microsoft YaHei,微软雅黑,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}
+@charset "UTF-8";:root{--re-color-primary: #937bff;--re-color-text-darkest: #000000;--re-color-text-base: #303131;--re-color-text-secondary: #606062;--re-color-text-neutral: #909093;--re-color-text-placeholder: #b2b2b6;--re-color-text-disabled: #cdcdd1;--re-color-text-lightest: #ffffff;--re-color-border-darker: #c3c3cb;--re-color-border-dark: #d0d0d8;--re-color-border-base: #dbdbe0;--re-color-border-light: #e4e4e8;--re-color-border-lighter: #ededef;--re-color-border-extra-light: #efeff3;--re-color-border-theme: #d4caff;--re-color-fill-darker: #d7d7dc;--re-color-fill-dark: #e8e8ec;--re-color-fill-base: #ededf0;--re-color-fill-light: #f1f1f4;--re-color-fill-lighter: #f6f6f7;--re-color-fill-extra-light: #f8f8f9;--re-color-fill-theme: #f7f7fb;--re-color-fill-blank: #ffffff;--re-color-fill-transparent: transparent;--re-color-primary-base: #937bff;--re-color-primary-hover: #7d69d9;--re-color-primary-shade-9: #9e88ff;--re-color-primary-shade-8: #a995ff;--re-color-primary-shade-7: #b3a3ff;--re-color-primary-shade-6: #beb0ff;--re-color-primary-shade-5: #c9bdff;--re-color-primary-shade-4: #d4caff;--re-color-primary-shade-3: #dfd7ff;--re-color-primary-shade-2: #e9e5ff;--re-color-primary-shade-1: #f4f2ff;--re-color-success-base: #06b56d;--re-color-success-hover: #059a5d;--re-color-success-shade-9: #1fbc7c;--re-color-success-shade-8: #38c48a;--re-color-success-shade-7: #51cb99;--re-color-success-shade-6: #6ad3a7;--re-color-success-shade-5: #83dab6;--re-color-success-shade-4: #9be1c5;--re-color-success-shade-3: #b4e9d3;--re-color-success-shade-2: #cdf0e2;--re-color-success-shade-1: #e6f8f0;--re-color-danger-base: #ee6979;--re-color-danger-hover: #ca5967;--re-color-danger-shade-9: #f07886;--re-color-danger-shade-8: #f18794;--re-color-danger-shade-7: #f396a1;--re-color-danger-shade-6: #f5a5af;--re-color-danger-shade-5: #f7b4bc;--re-color-danger-shade-4: #f8c3c9;--re-color-danger-shade-3: #fad2d7;--re-color-danger-shade-2: #fce1e4;--re-color-danger-shade-1: #fdf0f2;--re-color-warning-base: #cd9a0a;--re-color-warning-hover: #ae8309;--re-color-warning-shade-9: #d2a422;--re-color-warning-shade-8: #d7ae3b;--re-color-warning-shade-7: #dcb853;--re-color-warning-shade-6: #e1c26c;--re-color-warning-shade-5: #e6cd85;--re-color-warning-shade-4: #ebd79d;--re-color-warning-shade-3: #f0e1b6;--re-color-warning-shade-2: #f5ebce;--re-color-warning-shade-1: #faf5e7;--re-color-info-base: #8e8e91;--re-color-info-hover: #79797b;--re-color-info-shade-9: #99999c;--re-color-info-shade-8: #a5a5a7;--re-color-info-shade-7: #b0b0b2;--re-color-info-shade-6: #bbbbbd;--re-color-info-shade-5: #c7c7c8;--re-color-info-shade-4: #d2d2d3;--re-color-info-shade-3: #ddddde;--re-color-info-shade-2: #e8e8e9;--re-color-info-shade-1: #f4f4f4}*,*:before,*:after{box-sizing:border-box;font-weight:400;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}body{margin:0;padding:0;font-size:14px;font-family:-apple-system,BlinkMacSystemFont,Microsoft YaHei,微软雅黑,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}

package/es/theme-chalk/src/button.css

@@ -1 +1 @@
-@charset "UTF-8";.pu-button{display:inline-flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;white-space:nowrap;box-sizing:border-box;transition:all .3s ease;-webkit-user-select:none;user-select:none;outline:none;vertical-align:middle;height:32px;line-height:1;-webkit-appearance:none;appearance:none;position:relative;padding:8px 16px;border-radius:4px;border-width:1px;border-style:solid;background-color:var(--pu-button-bgcolor);color:var(--pu-button-color);border-color:var(--pu-button-border-color)}.pu-button__content{display:inline-flex;align-items:center}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pu-button__loading{animation:rotating 2s linear infinite}.pu-button__loading+*{margin-left:4px}.pu-button__icon{margin-right:4px;width:1em;height:1em}.pu-button.is-link{padding:2px;height:auto;border-color:var(--pu-color-fill-transparent);background-color:var(--pu-color-fill-transparent);text-decoration:underline}.pu-button.is-plain:hover:not(.is-disabled){border-color:var(--pu-color-primary-base);background-color:var(--pu-color-fill-blank)}.pu-button.is-round{border-radius:20px}.pu-button.is-circle{width:32px;border-radius:50%;padding:8px}.pu-button:active:not(.is-disabled){transform:scale(.97);transition:transform 0s ease}.pu-button:focus-visible{outline:none}.pu-button+.pu-button{margin-left:10px}.pu-button{--pu-button-bgcolor: var(--pu-color-fill-blank);--pu-button-color: var(--pu-color-text-secondary);--pu-button-border-color: var(--pu-color-border-base)}.pu-button:hover:not(.is-disabled){--pu-button-bgcolor: var(--pu-color-primary-shade-1);--pu-button-color: var(--pu-color-primary-base);--pu-button-border-color: var(--pu-color-primary-shade-4)}.pu-button.is-disabled{cursor:not-allowed;background-color:var(--pu-color-fill-blank);border-color:var(--pu-color-border-base);color:var(--pu-color-text-disabled)}.pu-button.is-link{--pu-button-color: var(--pu-color-text-secondary)}.pu-button.is-link:hover:not(.is-disabled){--pu-button-color: var(--pu-color-primary-base);--pu-button-bgcolor: transparent;--pu-button-border-color: transparent}.pu-button.is-link.is-disabled{background-color:var(--pu-color-fill-blank);border-color:var(--pu-color-fill-blank);color:var(--pu-color-text-disabled)}.pu-button.is-loading:before{z-index:1;content:"";position:absolute;inset:-1px;pointer-events:none;border-radius:inherit;background-color:#ffffff80}.pu-button--primary{--pu-button-bgcolor: var(--pu-color-primary-base);--pu-button-color: var(--pu-color-text-lightest);--pu-button-border-color: var(--pu-color-primary-base)}.pu-button--primary:hover:not(.is-disabled){--pu-button-bgcolor: var(--pu-color-primary-hover);--pu-button-color: var(--pu-color-text-lightest);--pu-button-border-color: var(--pu-color-primary-hover)}.pu-button--primary.is-disabled{cursor:not-allowed;background-color:var(--pu-color-primary-shade-4);border-color:var(--pu-color-primary-shade-4);color:var(--pu-color-fill-blank)}.pu-button--primary.is-link{--pu-button-color: var(--pu-color-primary-base)}.pu-button--primary.is-link:hover:not(.is-disabled){--pu-button-color: var(--pu-color-primary-hover);--pu-button-bgcolor: transparent;--pu-button-border-color: transparent}.pu-button--primary.is-link.is-disabled{background-color:var(--pu-color-fill-blank);border-color:var(--pu-color-fill-blank);color:var(--pu-color-primary-shade-4)}.pu-button--primary.is-plain{background-color:var(--pu-color-primary-shade-1);color:var(--pu-color-primary-base);border-color:var(--pu-color-primary-shade-6)}.pu-button--primary.is-plain:hover:not(.is-disabled){color:var(--pu-color-fill-blank);background-color:var(--pu-color-primary-base);border-color:var(--pu-color-primary-base)}.pu-button--primary.is-plain.is-disabled{background-color:var(--pu-color-primary-shade-1);color:var(--pu-color-primary-shade-4);border-color:var(--pu-color-primary-shade-4)}.pu-button--primary.is-loading:before{z-index:1;content:"";position:absolute;inset:-1px;pointer-events:none;border-radius:inherit;background-color:#ffffff80}.pu-button--success{--pu-button-bgcolor: var(--pu-color-success-base);--pu-button-color: var(--pu-color-text-lightest);--pu-button-border-color: var(--pu-color-success-base)}.pu-button--success:hover:not(.is-disabled){--pu-button-bgcolor: var(--pu-color-success-hover);--pu-button-color: var(--pu-color-text-lightest);--pu-button-border-color: var(--pu-color-success-hover)}.pu-button--success.is-disabled{cursor:not-allowed;background-color:var(--pu-color-success-shade-4);border-color:var(--pu-color-success-shade-4);color:var(--pu-color-fill-blank)}.pu-button--success.is-link{--pu-button-color: var(--pu-color-success-base)}.pu-button--success.is-link:hover:not(.is-disabled){--pu-button-color: var(--pu-color-success-hover);--pu-button-bgcolor: transparent;--pu-button-border-color: transparent}.pu-button--success.is-link.is-disabled{background-color:var(--pu-color-fill-blank);border-color:var(--pu-color-fill-blank);color:var(--pu-color-success-shade-4)}.pu-button--success.is-plain{background-color:var(--pu-color-success-shade-1);color:var(--pu-color-success-base);border-color:var(--pu-color-success-shade-6)}.pu-button--success.is-plain:hover:not(.is-disabled){color:var(--pu-color-fill-blank);background-color:var(--pu-color-success-base);border-color:var(--pu-color-success-base)}.pu-button--success.is-plain.is-disabled{background-color:var(--pu-color-success-shade-1);color:var(--pu-color-success-shade-4);border-color:var(--pu-color-success-shade-4)}.pu-button--success.is-loading:before{z-index:1;content:"";position:absolute;inset:-1px;pointer-events:none;border-radius:inherit;background-color:#ffffff80}.pu-button--danger{--pu-button-bgcolor: var(--pu-color-danger-base);--pu-button-color: var(--pu-color-text-lightest);--pu-button-border-color: var(--pu-color-danger-base)}.pu-button--danger:hover:not(.is-disabled){--pu-button-bgcolor: var(--pu-color-danger-hover);--pu-button-color: var(--pu-color-text-lightest);--pu-button-border-color: var(--pu-color-danger-hover)}.pu-button--danger.is-disabled{cursor:not-allowed;background-color:var(--pu-color-danger-shade-4);border-color:var(--pu-color-danger-shade-4);color:var(--pu-color-fill-blank)}.pu-button--danger.is-link{--pu-button-color: var(--pu-color-danger-base)}.pu-button--danger.is-link:hover:not(.is-disabled){--pu-button-color: var(--pu-color-danger-hover);--pu-button-bgcolor: transparent;--pu-button-border-color: transparent}.pu-button--danger.is-link.is-disabled{background-color:var(--pu-color-fill-blank);border-color:var(--pu-color-fill-blank);color:var(--pu-color-danger-shade-4)}.pu-button--danger.is-plain{background-color:var(--pu-color-danger-shade-1);color:var(--pu-color-danger-base);border-color:var(--pu-color-danger-shade-6)}.pu-button--danger.is-plain:hover:not(.is-disabled){color:var(--pu-color-fill-blank);background-color:var(--pu-color-danger-base);border-color:var(--pu-color-danger-base)}.pu-button--danger.is-plain.is-disabled{background-color:var(--pu-color-danger-shade-1);color:var(--pu-color-danger-shade-4);border-color:var(--pu-color-danger-shade-4)}.pu-button--danger.is-loading:before{z-index:1;content:"";position:absolute;inset:-1px;pointer-events:none;border-radius:inherit;background-color:#ffffff80}.pu-button--warning{--pu-button-bgcolor: var(--pu-color-warning-base);--pu-button-color: var(--pu-color-text-lightest);--pu-button-border-color: var(--pu-color-warning-base)}.pu-button--warning:hover:not(.is-disabled){--pu-button-bgcolor: var(--pu-color-warning-hover);--pu-button-color: var(--pu-color-text-lightest);--pu-button-border-color: var(--pu-color-warning-hover)}.pu-button--warning.is-disabled{cursor:not-allowed;background-color:var(--pu-color-warning-shade-4);border-color:var(--pu-color-warning-shade-4);color:var(--pu-color-fill-blank)}.pu-button--warning.is-link{--pu-button-color: var(--pu-color-warning-base)}.pu-button--warning.is-link:hover:not(.is-disabled){--pu-button-color: var(--pu-color-warning-hover);--pu-button-bgcolor: transparent;--pu-button-border-color: transparent}.pu-button--warning.is-link.is-disabled{background-color:var(--pu-color-fill-blank);border-color:var(--pu-color-fill-blank);color:var(--pu-color-warning-shade-4)}.pu-button--warning.is-plain{background-color:var(--pu-color-warning-shade-1);color:var(--pu-color-warning-base);border-color:var(--pu-color-warning-shade-6)}.pu-button--warning.is-plain:hover:not(.is-disabled){color:var(--pu-color-fill-blank);background-color:var(--pu-color-warning-base);border-color:var(--pu-color-warning-base)}.pu-button--warning.is-plain.is-disabled{background-color:var(--pu-color-warning-shade-1);color:var(--pu-color-warning-shade-4);border-color:var(--pu-color-warning-shade-4)}.pu-button--warning.is-loading:before{z-index:1;content:"";position:absolute;inset:-1px;pointer-events:none;border-radius:inherit;background-color:#ffffff80}.pu-button--info{--pu-button-bgcolor: var(--pu-color-info-base);--pu-button-color: var(--pu-color-text-lightest);--pu-button-border-color: var(--pu-color-info-base)}.pu-button--info:hover:not(.is-disabled){--pu-button-bgcolor: var(--pu-color-info-hover);--pu-button-color: var(--pu-color-text-lightest);--pu-button-border-color: var(--pu-color-info-hover)}.pu-button--info.is-disabled{cursor:not-allowed;background-color:var(--pu-color-info-shade-4);border-color:var(--pu-color-info-shade-4);color:var(--pu-color-fill-blank)}.pu-button--info.is-link{--pu-button-color: var(--pu-color-info-base)}.pu-button--info.is-link:hover:not(.is-disabled){--pu-button-color: var(--pu-color-info-hover);--pu-button-bgcolor: transparent;--pu-button-border-color: transparent}.pu-button--info.is-link.is-disabled{background-color:var(--pu-color-fill-blank);border-color:var(--pu-color-fill-blank);color:var(--pu-color-info-shade-4)}.pu-button--info.is-plain{background-color:var(--pu-color-info-shade-1);color:var(--pu-color-info-base);border-color:var(--pu-color-info-shade-6)}.pu-button--info.is-plain:hover:not(.is-disabled){color:var(--pu-color-fill-blank);background-color:var(--pu-color-info-base);border-color:var(--pu-color-info-base)}.pu-button--info.is-plain.is-disabled{background-color:var(--pu-color-info-shade-1);color:var(--pu-color-info-shade-4);border-color:var(--pu-color-info-shade-4)}.pu-button--info.is-loading:before{z-index:1;content:"";position:absolute;inset:-1px;pointer-events:none;border-radius:inherit;background-color:#ffffff80}.pu-button--large{padding:12px 20px}.pu-button--{padding:8px 16px}.pu-button--small{padding:6px 12px}.pu-button--mini{padding:4px 8px}
+@charset "UTF-8";.re-button{display:inline-flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;white-space:nowrap;box-sizing:border-box;transition:all .3s ease;-webkit-user-select:none;user-select:none;outline:none;vertical-align:middle;height:32px;line-height:1;-webkit-appearance:none;appearance:none;position:relative;padding:8px 16px;border-radius:4px;border-width:1px;border-style:solid;background-color:var(--re-button-bgcolor);color:var(--re-button-color);border-color:var(--re-button-border-color)}.re-button__content{display:inline-flex;align-items:center}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.re-button__loading{animation:rotating 2s linear infinite}.re-button__loading+*{margin-left:4px}.re-button__icon{margin-right:4px;width:1em;height:1em}.re-button.is-link{padding:2px;height:auto;border-color:var(--re-color-fill-transparent);background-color:var(--re-color-fill-transparent);text-decoration:underline}.re-button.is-plain:hover:not(.is-disabled){border-color:var(--re-color-primary-base);background-color:var(--re-color-fill-blank)}.re-button.is-round{border-radius:20px}.re-button.is-circle{width:32px;border-radius:50%;padding:8px}.re-button:active:not(.is-disabled){transform:scale(.97);transition:transform 0s ease}.re-button:focus-visible{outline:none}.re-button+.re-button{margin-left:10px}.re-button{--re-button-bgcolor: var(--re-color-fill-blank);--re-button-color: var(--re-color-text-secondary);--re-button-border-color: var(--re-color-border-base)}.re-button:hover:not(.is-disabled){--re-button-bgcolor: var(--re-color-primary-shade-1);--re-button-color: var(--re-color-primary-base);--re-button-border-color: var(--re-color-primary-shade-4)}.re-button.is-disabled{cursor:not-allowed;background-color:var(--re-color-fill-blank);border-color:var(--re-color-border-base);color:var(--re-color-text-disabled)}.re-button.is-link{--re-button-color: var(--re-color-text-secondary)}.re-button.is-link:hover:not(.is-disabled){--re-button-color: var(--re-color-primary-base);--re-button-bgcolor: transparent;--re-button-border-color: transparent}.re-button.is-link.is-disabled{background-color:var(--re-color-fill-blank);border-color:var(--re-color-fill-blank);color:var(--re-color-text-disabled)}.re-button.is-loading:before{z-index:1;content:"";position:absolute;inset:-1px;pointer-events:none;border-radius:inherit;background-color:#ffffff80}.re-button--primary{--re-button-bgcolor: var(--re-color-primary-base);--re-button-color: var(--re-color-text-lightest);--re-button-border-color: var(--re-color-primary-base)}.re-button--primary:hover:not(.is-disabled){--re-button-bgcolor: var(--re-color-primary-hover);--re-button-color: var(--re-color-text-lightest);--re-button-border-color: var(--re-color-primary-hover)}.re-button--primary.is-disabled{cursor:not-allowed;background-color:var(--re-color-primary-shade-4);border-color:var(--re-color-primary-shade-4);color:var(--re-color-fill-blank)}.re-button--primary.is-link{--re-button-color: var(--re-color-primary-base)}.re-button--primary.is-link:hover:not(.is-disabled){--re-button-color: var(--re-color-primary-hover);--re-button-bgcolor: transparent;--re-button-border-color: transparent}.re-button--primary.is-link.is-disabled{background-color:var(--re-color-fill-blank);border-color:var(--re-color-fill-blank);color:var(--re-color-primary-shade-4)}.re-button--primary.is-plain{background-color:var(--re-color-primary-shade-1);color:var(--re-color-primary-base);border-color:var(--re-color-primary-shade-6)}.re-button--primary.is-plain:hover:not(.is-disabled){color:var(--re-color-fill-blank);background-color:var(--re-color-primary-base);border-color:var(--re-color-primary-base)}.re-button--primary.is-plain.is-disabled{background-color:var(--re-color-primary-shade-1);color:var(--re-color-primary-shade-4);border-color:var(--re-color-primary-shade-4)}.re-button--primary.is-loading:before{z-index:1;content:"";position:absolute;inset:-1px;pointer-events:none;border-radius:inherit;background-color:#ffffff80}.re-button--success{--re-button-bgcolor: var(--re-color-success-base);--re-button-color: var(--re-color-text-lightest);--re-button-border-color: var(--re-color-success-base)}.re-button--success:hover:not(.is-disabled){--re-button-bgcolor: var(--re-color-success-hover);--re-button-color: var(--re-color-text-lightest);--re-button-border-color: var(--re-color-success-hover)}.re-button--success.is-disabled{cursor:not-allowed;background-color:var(--re-color-success-shade-4);border-color:var(--re-color-success-shade-4);color:var(--re-color-fill-blank)}.re-button--success.is-link{--re-button-color: var(--re-color-success-base)}.re-button--success.is-link:hover:not(.is-disabled){--re-button-color: var(--re-color-success-hover);--re-button-bgcolor: transparent;--re-button-border-color: transparent}.re-button--success.is-link.is-disabled{background-color:var(--re-color-fill-blank);border-color:var(--re-color-fill-blank);color:var(--re-color-success-shade-4)}.re-button--success.is-plain{background-color:var(--re-color-success-shade-1);color:var(--re-color-success-base);border-color:var(--re-color-success-shade-6)}.re-button--success.is-plain:hover:not(.is-disabled){color:var(--re-color-fill-blank);background-color:var(--re-color-success-base);border-color:var(--re-color-success-base)}.re-button--success.is-plain.is-disabled{background-color:var(--re-color-success-shade-1);color:var(--re-color-success-shade-4);border-color:var(--re-color-success-shade-4)}.re-button--success.is-loading:before{z-index:1;content:"";position:absolute;inset:-1px;pointer-events:none;border-radius:inherit;background-color:#ffffff80}.re-button--danger{--re-button-bgcolor: var(--re-color-danger-base);--re-button-color: var(--re-color-text-lightest);--re-button-border-color: var(--re-color-danger-base)}.re-button--danger:hover:not(.is-disabled){--re-button-bgcolor: var(--re-color-danger-hover);--re-button-color: var(--re-color-text-lightest);--re-button-border-color: var(--re-color-danger-hover)}.re-button--danger.is-disabled{cursor:not-allowed;background-color:var(--re-color-danger-shade-4);border-color:var(--re-color-danger-shade-4);color:var(--re-color-fill-blank)}.re-button--danger.is-link{--re-button-color: var(--re-color-danger-base)}.re-button--danger.is-link:hover:not(.is-disabled){--re-button-color: var(--re-color-danger-hover);--re-button-bgcolor: transparent;--re-button-border-color: transparent}.re-button--danger.is-link.is-disabled{background-color:var(--re-color-fill-blank);border-color:var(--re-color-fill-blank);color:var(--re-color-danger-shade-4)}.re-button--danger.is-plain{background-color:var(--re-color-danger-shade-1);color:var(--re-color-danger-base);border-color:var(--re-color-danger-shade-6)}.re-button--danger.is-plain:hover:not(.is-disabled){color:var(--re-color-fill-blank);background-color:var(--re-color-danger-base);border-color:var(--re-color-danger-base)}.re-button--danger.is-plain.is-disabled{background-color:var(--re-color-danger-shade-1);color:var(--re-color-danger-shade-4);border-color:var(--re-color-danger-shade-4)}.re-button--danger.is-loading:before{z-index:1;content:"";position:absolute;inset:-1px;pointer-events:none;border-radius:inherit;background-color:#ffffff80}.re-button--warning{--re-button-bgcolor: var(--re-color-warning-base);--re-button-color: var(--re-color-text-lightest);--re-button-border-color: var(--re-color-warning-base)}.re-button--warning:hover:not(.is-disabled){--re-button-bgcolor: var(--re-color-warning-hover);--re-button-color: var(--re-color-text-lightest);--re-button-border-color: var(--re-color-warning-hover)}.re-button--warning.is-disabled{cursor:not-allowed;background-color:var(--re-color-warning-shade-4);border-color:var(--re-color-warning-shade-4);color:var(--re-color-fill-blank)}.re-button--warning.is-link{--re-button-color: var(--re-color-warning-base)}.re-button--warning.is-link:hover:not(.is-disabled){--re-button-color: var(--re-color-warning-hover);--re-button-bgcolor: transparent;--re-button-border-color: transparent}.re-button--warning.is-link.is-disabled{background-color:var(--re-color-fill-blank);border-color:var(--re-color-fill-blank);color:var(--re-color-warning-shade-4)}.re-button--warning.is-plain{background-color:var(--re-color-warning-shade-1);color:var(--re-color-warning-base);border-color:var(--re-color-warning-shade-6)}.re-button--warning.is-plain:hover:not(.is-disabled){color:var(--re-color-fill-blank);background-color:var(--re-color-warning-base);border-color:var(--re-color-warning-base)}.re-button--warning.is-plain.is-disabled{background-color:var(--re-color-warning-shade-1);color:var(--re-color-warning-shade-4);border-color:var(--re-color-warning-shade-4)}.re-button--warning.is-loading:before{z-index:1;content:"";position:absolute;inset:-1px;pointer-events:none;border-radius:inherit;background-color:#ffffff80}.re-button--info{--re-button-bgcolor: var(--re-color-info-base);--re-button-color: var(--re-color-text-lightest);--re-button-border-color: var(--re-color-info-base)}.re-button--info:hover:not(.is-disabled){--re-button-bgcolor: var(--re-color-info-hover);--re-button-color: var(--re-color-text-lightest);--re-button-border-color: var(--re-color-info-hover)}.re-button--info.is-disabled{cursor:not-allowed;background-color:var(--re-color-info-shade-4);border-color:var(--re-color-info-shade-4);color:var(--re-color-fill-blank)}.re-button--info.is-link{--re-button-color: var(--re-color-info-base)}.re-button--info.is-link:hover:not(.is-disabled){--re-button-color: var(--re-color-info-hover);--re-button-bgcolor: transparent;--re-button-border-color: transparent}.re-button--info.is-link.is-disabled{background-color:var(--re-color-fill-blank);border-color:var(--re-color-fill-blank);color:var(--re-color-info-shade-4)}.re-button--info.is-plain{background-color:var(--re-color-info-shade-1);color:var(--re-color-info-base);border-color:var(--re-color-info-shade-6)}.re-button--info.is-plain:hover:not(.is-disabled){color:var(--re-color-fill-blank);background-color:var(--re-color-info-base);border-color:var(--re-color-info-base)}.re-button--info.is-plain.is-disabled{background-color:var(--re-color-info-shade-1);color:var(--re-color-info-shade-4);border-color:var(--re-color-info-shade-4)}.re-button--info.is-loading:before{z-index:1;content:"";position:absolute;inset:-1px;pointer-events:none;border-radius:inherit;background-color:#ffffff80}.re-button--large{padding:12px 20px}.re-button--{padding:8px 16px}.re-button--small{padding:6px 12px}.re-button--mini{padding:4px 8px}

package/global.d.ts

@@ -1,6 +1,6 @@
 declare module 'vue' {
   export interface GlobalComponents {
-    PuButton: (typeof import('purple-ui'))['PuButton']
+    ReButton: (typeof import('rappel-ui'))['ReButton']
   }
 }
 

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "rappel-ui",
   "private": false,
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "a vue3 ui library",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "keywords": [],
   "author": "owen",
-  "license": "ISC",
+  "license": "MIT",
   "packageManager": "pnpm@10.19.0",
   "publishConfig": {
     "access": "public"

package/theme-chalk/base.css

@@ -50,85 +50,85 @@
         ),
  */
 :root {
-  --pu-color-primary: #937bff;
-  --pu-color-text-darkest: #000000;
-  --pu-color-text-base: #303131;
-  --pu-color-text-secondary: #606062;
-  --pu-color-text-neutral: #909093;
-  --pu-color-text-placeholder: #b2b2b6;
-  --pu-color-text-disabled: #cdcdd1;
-  --pu-color-text-lightest: #ffffff;
-  --pu-color-border-darker: #c3c3cb;
-  --pu-color-border-dark: #d0d0d8;
-  --pu-color-border-base: #dbdbe0;
-  --pu-color-border-light: #e4e4e8;
-  --pu-color-border-lighter: #ededef;
-  --pu-color-border-extra-light: #efeff3;
-  --pu-color-border-theme: #d4caff;
-  --pu-color-fill-darker: #d7d7dc;
-  --pu-color-fill-dark: #e8e8ec;
-  --pu-color-fill-base: #ededf0;
-  --pu-color-fill-light: #f1f1f4;
-  --pu-color-fill-lighter: #f6f6f7;
-  --pu-color-fill-extra-light: #f8f8f9;
-  --pu-color-fill-theme: #f7f7fb;
-  --pu-color-fill-blank: #ffffff;
-  --pu-color-fill-transparent: transparent;
-  --pu-color-primary-base: #937bff;
-  --pu-color-primary-hover: #7d69d9;
-  --pu-color-primary-shade-9: #9e88ff;
-  --pu-color-primary-shade-8: #a995ff;
-  --pu-color-primary-shade-7: #b3a3ff;
-  --pu-color-primary-shade-6: #beb0ff;
-  --pu-color-primary-shade-5: #c9bdff;
-  --pu-color-primary-shade-4: #d4caff;
-  --pu-color-primary-shade-3: #dfd7ff;
-  --pu-color-primary-shade-2: #e9e5ff;
-  --pu-color-primary-shade-1: #f4f2ff;
-  --pu-color-success-base: #06b56d;
-  --pu-color-success-hover: #059a5d;
-  --pu-color-success-shade-9: #1fbc7c;
-  --pu-color-success-shade-8: #38c48a;
-  --pu-color-success-shade-7: #51cb99;
-  --pu-color-success-shade-6: #6ad3a7;
-  --pu-color-success-shade-5: #83dab6;
-  --pu-color-success-shade-4: #9be1c5;
-  --pu-color-success-shade-3: #b4e9d3;
-  --pu-color-success-shade-2: #cdf0e2;
-  --pu-color-success-shade-1: #e6f8f0;
-  --pu-color-danger-base: #ee6979;
-  --pu-color-danger-hover: #ca5967;
-  --pu-color-danger-shade-9: #f07886;
-  --pu-color-danger-shade-8: #f18794;
-  --pu-color-danger-shade-7: #f396a1;
-  --pu-color-danger-shade-6: #f5a5af;
-  --pu-color-danger-shade-5: #f7b4bc;
-  --pu-color-danger-shade-4: #f8c3c9;
-  --pu-color-danger-shade-3: #fad2d7;
-  --pu-color-danger-shade-2: #fce1e4;
-  --pu-color-danger-shade-1: #fdf0f2;
-  --pu-color-warning-base: #cd9a0a;
-  --pu-color-warning-hover: #ae8309;
-  --pu-color-warning-shade-9: #d2a422;
-  --pu-color-warning-shade-8: #d7ae3b;
-  --pu-color-warning-shade-7: #dcb853;
-  --pu-color-warning-shade-6: #e1c26c;
-  --pu-color-warning-shade-5: #e6cd85;
-  --pu-color-warning-shade-4: #ebd79d;
-  --pu-color-warning-shade-3: #f0e1b6;
-  --pu-color-warning-shade-2: #f5ebce;
-  --pu-color-warning-shade-1: #faf5e7;
-  --pu-color-info-base: #8e8e91;
-  --pu-color-info-hover: #79797b;
-  --pu-color-info-shade-9: #99999c;
-  --pu-color-info-shade-8: #a5a5a7;
-  --pu-color-info-shade-7: #b0b0b2;
-  --pu-color-info-shade-6: #bbbbbd;
-  --pu-color-info-shade-5: #c7c7c8;
-  --pu-color-info-shade-4: #d2d2d3;
-  --pu-color-info-shade-3: #ddddde;
-  --pu-color-info-shade-2: #e8e8e9;
-  --pu-color-info-shade-1: #f4f4f4;
+  --re-color-primary: #937bff;
+  --re-color-text-darkest: #000000;
+  --re-color-text-base: #303131;
+  --re-color-text-secondary: #606062;
+  --re-color-text-neutral: #909093;
+  --re-color-text-placeholder: #b2b2b6;
+  --re-color-text-disabled: #cdcdd1;
+  --re-color-text-lightest: #ffffff;
+  --re-color-border-darker: #c3c3cb;
+  --re-color-border-dark: #d0d0d8;
+  --re-color-border-base: #dbdbe0;
+  --re-color-border-light: #e4e4e8;
+  --re-color-border-lighter: #ededef;
+  --re-color-border-extra-light: #efeff3;
+  --re-color-border-theme: #d4caff;
+  --re-color-fill-darker: #d7d7dc;
+  --re-color-fill-dark: #e8e8ec;
+  --re-color-fill-base: #ededf0;
+  --re-color-fill-light: #f1f1f4;
+  --re-color-fill-lighter: #f6f6f7;
+  --re-color-fill-extra-light: #f8f8f9;
+  --re-color-fill-theme: #f7f7fb;
+  --re-color-fill-blank: #ffffff;
+  --re-color-fill-transparent: transparent;
+  --re-color-primary-base: #937bff;
+  --re-color-primary-hover: #7d69d9;
+  --re-color-primary-shade-9: #9e88ff;
+  --re-color-primary-shade-8: #a995ff;
+  --re-color-primary-shade-7: #b3a3ff;
+  --re-color-primary-shade-6: #beb0ff;
+  --re-color-primary-shade-5: #c9bdff;
+  --re-color-primary-shade-4: #d4caff;
+  --re-color-primary-shade-3: #dfd7ff;
+  --re-color-primary-shade-2: #e9e5ff;
+  --re-color-primary-shade-1: #f4f2ff;
+  --re-color-success-base: #06b56d;
+  --re-color-success-hover: #059a5d;
+  --re-color-success-shade-9: #1fbc7c;
+  --re-color-success-shade-8: #38c48a;
+  --re-color-success-shade-7: #51cb99;
+  --re-color-success-shade-6: #6ad3a7;
+  --re-color-success-shade-5: #83dab6;
+  --re-color-success-shade-4: #9be1c5;
+  --re-color-success-shade-3: #b4e9d3;
+  --re-color-success-shade-2: #cdf0e2;
+  --re-color-success-shade-1: #e6f8f0;
+  --re-color-danger-base: #ee6979;
+  --re-color-danger-hover: #ca5967;
+  --re-color-danger-shade-9: #f07886;
+  --re-color-danger-shade-8: #f18794;
+  --re-color-danger-shade-7: #f396a1;
+  --re-color-danger-shade-6: #f5a5af;
+  --re-color-danger-shade-5: #f7b4bc;
+  --re-color-danger-shade-4: #f8c3c9;
+  --re-color-danger-shade-3: #fad2d7;
+  --re-color-danger-shade-2: #fce1e4;
+  --re-color-danger-shade-1: #fdf0f2;
+  --re-color-warning-base: #cd9a0a;
+  --re-color-warning-hover: #ae8309;
+  --re-color-warning-shade-9: #d2a422;
+  --re-color-warning-shade-8: #d7ae3b;
+  --re-color-warning-shade-7: #dcb853;
+  --re-color-warning-shade-6: #e1c26c;
+  --re-color-warning-shade-5: #e6cd85;
+  --re-color-warning-shade-4: #ebd79d;
+  --re-color-warning-shade-3: #f0e1b6;
+  --re-color-warning-shade-2: #f5ebce;
+  --re-color-warning-shade-1: #faf5e7;
+  --re-color-info-base: #8e8e91;
+  --re-color-info-hover: #79797b;
+  --re-color-info-shade-9: #99999c;
+  --re-color-info-shade-8: #a5a5a7;
+  --re-color-info-shade-7: #b0b0b2;
+  --re-color-info-shade-6: #bbbbbd;
+  --re-color-info-shade-5: #c7c7c8;
+  --re-color-info-shade-4: #d2d2d3;
+  --re-color-info-shade-3: #ddddde;
+  --re-color-info-shade-2: #e8e8e9;
+  --re-color-info-shade-1: #f4f4f4;
 }
 
 *,