rappel-ui 1.0.8 → 1.0.11

package/es/composables/useDateFormat.mjs

@@ -1,20 +0,0 @@
-function Y(t, o) {
-  const n = t.getFullYear(), r = t.getMonth() + 1, s = t.getDate(), g = t.getHours(), S = t.getMinutes(), i = t.getSeconds(), e = {
-    YYYY: String(n),
-    YY: String(n).substring(2),
-    MM: String(r).padStart(2, "0"),
-    M: String(r),
-    DD: String(s).padStart(2, "0"),
-    D: String(s),
-    HH: String(g).padStart(2, "0"),
-    H: String(g),
-    mm: String(S).padStart(2, "0"),
-    m: String(S),
-    ss: String(i).padStart(2, "0"),
-    s: String(i)
-  };
-  return o.replace(/(YYYY|YY|MM|M|DD|D|HH|H|mm|m|ss|s)/g, (a) => e[a]);
-}
-export {
-  Y as useDateFormat
-};

package/es/composables/useDraggable.mjs

@@ -1,55 +0,0 @@
-function z(r, w) {
-  if (!r)
-    return { updatePos: () => {
-    }, cleanup: () => {
-    } };
-  const o = Object.assign({}, {
-    preventDefault: !0,
-    customHandler: null,
-    autoTopHandler: !1,
-    topHandlerHeight: 20,
-    isAllHandler: !0
-  }, w || {}), h = () => {
-    const e = document.createElement("div");
-    return e.style.cssText = `user-select:none;height: ${o.topHandlerHeight}px; z-index:3000;cursor: move; position: absolute; top: 0; left: 0;right:0;background-color: transparent;opacity: 1;`, e.classList.add("v-draggable-top-handler"), r.appendChild(e), e;
-  }, s = o.customHandler ? o.customHandler : o.autoTopHandler ? h() : r;
-  let d = !1, m = 0, v = 0, l = 0, c = 0, f = 0, g = 0, E = 0, L = 0;
-  const H = (e) => window.getComputedStyle(e).transform, T = (e) => {
-    const t = H(e);
-    if (t && t !== "none") {
-      const { e: n, f: D, m41: M, m42: A } = new DOMMatrix(t);
-      return {
-        x: n || M || 0,
-        y: D || A || 0
-      };
-    }
-    return { x: 0, y: 0 };
-  }, i = () => {
-    const e = r.getBoundingClientRect(), { x: t, y: n } = T(r);
-    l = t, c = n, f = -e.left + t, g = -e.top + n, E = window.innerWidth - e.right + t, L = window.innerHeight - e.bottom + n;
-  }, x = (e) => {
-    const t = e.target;
-    return !t || t.isContentEditable || t.closest(
-      'input, textarea, button, select, a,[contenteditable], [contenteditable="true"]'
-    ) || ["TEXTAREA", "INPUT", "BUTTON", "A", "SELECT"].includes(t?.tagName) ? !1 : !!o.isAllHandler || t === s;
-  }, u = (e) => {
-    x(e) && (d = !0, o.preventDefault && e.preventDefault(), i(), m = e.clientX - l, v = e.clientY - c, document.removeEventListener("pointermove", p), document.removeEventListener("pointerup", a), document.removeEventListener("pointercancel", a), document.addEventListener("pointermove", p), document.addEventListener("pointerup", a), document.addEventListener("pointercancel", a));
-  }, p = (e) => {
-    if (!d) return;
-    let t = e.clientX - m, n = e.clientY - v;
-    t < l ? t = Math.max(t, f) : t = Math.min(t, E), n < c ? n = Math.max(n, g) : n = Math.min(n, L), r.style.transform = `translate(${t}px, ${n}px)`, l = t, c = n;
-  }, a = () => {
-    d = !1, document.removeEventListener("pointermove", p), document.removeEventListener("pointerup", a), document.removeEventListener("pointercancel", a);
-  }, b = () => {
-    if (a(), s.removeEventListener("pointerdown", u), window.removeEventListener("resize", i), o.autoTopHandler && !o.customHandler) {
-      const e = r.querySelector(".v-draggable-top-handler");
-      e && e.remove();
-    }
-  };
-  i(), s.removeEventListener("pointerdown", u), s.addEventListener("pointerdown", u), window.removeEventListener("resize", i), window.addEventListener("resize", i);
-  const y = r._cleanup = b;
-  return { updatePos: i, cleanup: y };
-}
-export {
-  z as useDraggable
-};

package/es/composables/useOnceFn.mjs

@@ -1,32 +0,0 @@
-class n {
-  res;
-  isFetching;
-  isSuccess;
-  queues;
-  constructor() {
-    this.res = null, this.isFetching = !1, this.isSuccess = !1, this.queues = [];
-  }
-  useOnceFn(e, ...s) {
-    return new Promise((c) => {
-      if (this.isSuccess) {
-        c(this.res);
-        return;
-      }
-      this.queues.push(c), this.isFetching || (this.isFetching = !0, Promise.resolve(e(...s)).then((u) => {
-        this.res = u, this.loopQueues(), this.isSuccess = !0;
-      }));
-    });
-  }
-  loopQueues() {
-    for (; this.queues.length > 0; )
-      this.queues.shift()?.(this.res);
-  }
-}
-const i = {};
-function h(t, ...e) {
-  const s = t.toString().replace(/[^a-zA-Z]/g, "");
-  return i[s] || (i[s] = new n()), i[s].useOnceFn(t, ...e);
-}
-export {
-  h as useOnceFn
-};

package/es/composables/useTimeNodes.mjs

@@ -1,24 +0,0 @@
-import { useDateFormat as N } from "./useDateFormat.mjs";
-import "vue";
-function F(d = "00:00", a = "23:00", m = "02:00", h = "HH:mm") {
-  const s = (e) => {
-    const [t, n, o] = e.split(":").map(Number);
-    return [t || 0, n || 0, o || 0];
-  }, i = (e) => {
-    const [t, n, o] = s(e), u = /* @__PURE__ */ new Date();
-    return new Date(u.getFullYear(), u.getMonth() + 1, u.getDate(), t, n, o);
-  }, w = (e) => N(e, h), T = (e) => {
-    const [t, n, o] = s(m);
-    return new Date(e.getTime() + t * 36e5 + n * 6e4 + o * 1e3);
-  }, c = [], [g, p, l] = s(m);
-  if (g === 0 && p === 0 && l === 0)
-    throw new Error("时间步长不能为0");
-  let r = i(d);
-  const D = i(a);
-  for (; r <= D; )
-    c.push(w(r)), r = T(r);
-  return { timeNodes: c };
-}
-export {
-  F as useTimeNodes
-};

package/es/composables/useWaterFallLayout.mjs

@@ -1,51 +0,0 @@
-import { ref as o, watch as b, nextTick as F } from "vue";
-function A(a, C) {
-  const n = o(3), d = o(2), u = o(2), i = o("#F5F8F8"), r = o("#FFFFFF"), x = o("top 300ms ease-in-out, left 300ms ease-in-out"), p = o(0), c = o(0), v = o(0), m = (t) => document.querySelectorAll(t || C), I = () => {
-    a.value.style.position = "relative";
-  }, W = () => {
-    I(), p.value = a.value.clientWidth;
-  }, w = () => {
-    v.value = (p.value - u.value * (n.value - 1)) / n.value;
-  }, T = (t) => {
-    const e = t % n.value;
-    return e === 0 ? 0 : e * (v.value + u.value);
-  }, f = (t) => {
-    const { style: e, offsetHeight: s } = t;
-    return parseFloat(e.top) + s + d.value;
-  }, B = (t, e) => t >= n.value ? f(e[t - n.value]) : 0, H = (t) => {
-    const e = f(t);
-    e > c.value && (c.value = e, a.value.style.height = e + "px");
-  }, h = o("is-dealed"), L = (t = !1) => {
-    const e = m(), s = m("." + h.value);
-    let g = 0;
-    s.length > 0 && (g = s.length), t && (g = 0, c.value = 0);
-    for (let l = g; l < e.length; l++)
-      e[l].style.position = "absolute", e[l].style.transition = x.value, e[l].style.width = v.value + "px", e[l].style.backgroundColor = S(l), e[l].style.left = T(l) + "px", e[l].style.top = B(l, e) + "px", e[l].classList.add(h.value), H(e[l]);
-  }, S = (t) => {
-    const e = t + 1;
-    return n.value % 2 === 0 ? e % 2 === 0 ? r.value : i.value : e % n.value !== 0 && e % n.value % 2 === 0 ? r.value : i.value;
-  }, y = (t = !1) => {
-    W(), w(), F(() => {
-      L(t);
-    });
-  };
-  return b(
-    () => n.value,
-    () => {
-      F(() => {
-        y(!0);
-      });
-    }
-  ), {
-    init: y,
-    column: n,
-    rowSpacing: d,
-    columnSpacing: u,
-    oddColumnBgColor: i,
-    evenColumnBgColor: r,
-    getItems: m
-  };
-}
-export {
-  A as useWaterFallLayout
-};

package/es/package.json.mjs

@@ -1,4 +0,0 @@
-const o = "1.0.0";
-export {
-  o as version
-};

package/global.d.ts

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

package/theme-chalk/pu-button.css

@@ -1,446 +0,0 @@
-@charset "UTF-8";
-/**
- * 将十六进制颜色转换为RGB颜色
- * @param $hex 十六进制颜色值
- * @returns RGB颜色值
- * color.channel($color, "red", $space: rgb)
- */
-/**
- * 将RGB颜色转换为十六进制颜色
- * @param $value RGB颜色值
- * @returns 十六进制颜色值
- */
-/**
- * 将RGB颜色转换为十六进制颜色
- * @param $color RGB颜色值
- * @returns 十六进制颜色值
- */
-/**
- * 创建一个等效的透明度颜色，并返回一个等效的透明度颜色
- * @param $color 颜色
- * @param $opacity 透明度，默认值为1
- * @returns 一个等效的透明度颜色
- */
-/**
- * 创建一个变暗的颜色，并返回一个变暗的颜色
- * @param $color 颜色
- * @param $factor 颜色变暗的度量，默认为0.15
- * @returns 一个变暗的颜色
- */
-/**
- * 创建层级颜色
- * @param $base-color 基础颜色
- * @param $darkness 变暗的度量，默认为0.15
- * @returns 主题色映射
- */
-.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 0.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 {
-  from {
-    transform: rotate(0deg);
-  }
-  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(0.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;
-  top: -1px;
-  left: -1px;
-  right: -1px;
-  bottom: -1px;
-  pointer-events: none;
-  border-radius: inherit;
-  background-color: rgba(255, 255, 255, 0.5);
-}
-.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;
-  top: -1px;
-  left: -1px;
-  right: -1px;
-  bottom: -1px;
-  pointer-events: none;
-  border-radius: inherit;
-  background-color: rgba(255, 255, 255, 0.5);
-}
-.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;
-  top: -1px;
-  left: -1px;
-  right: -1px;
-  bottom: -1px;
-  pointer-events: none;
-  border-radius: inherit;
-  background-color: rgba(255, 255, 255, 0.5);
-}
-.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;
-  top: -1px;
-  left: -1px;
-  right: -1px;
-  bottom: -1px;
-  pointer-events: none;
-  border-radius: inherit;
-  background-color: rgba(255, 255, 255, 0.5);
-}
-.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;
-  top: -1px;
-  left: -1px;
-  right: -1px;
-  bottom: -1px;
-  pointer-events: none;
-  border-radius: inherit;
-  background-color: rgba(255, 255, 255, 0.5);
-}
-.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;
-  top: -1px;
-  left: -1px;
-  right: -1px;
-  bottom: -1px;
-  pointer-events: none;
-  border-radius: inherit;
-  background-color: rgba(255, 255, 255, 0.5);
-}
-.pu-button--large {
-  padding: 12px 20px;
-}
-.pu-button-- {
-  padding: 8px 16px;
-}
-.pu-button--small {
-  padding: 6px 12px;
-}
-.pu-button--mini {
-  padding: 4px 8px;
-}

package/theme-chalk/src/common/_function.scss

@@ -1,46 +0,0 @@
-@use 'sass:map';
-@use 'sass:list';
-@use '../css-vars/_namespace.scss' as *;
-
-//('color','text','base') => $obj.color.text.base
-@function deepGet($obj, $keys...) {
-    $current: $obj;
-    @each $key in $keys {
-        $current: map.get($current, $key);
-    }
-    @return $current;
-}
-
-//('color','text','base') => 'color-text-base'
-@function joinStr($args...) {
-    $str: list.nth($args, 1);
-    @for $i from 1 through list.length($args) {
-        @if $i > 1 {
-            $str: $str + '-' + list.nth($args, $i);
-        }
-    }
-    @return $str;
-}
-// 'button' => 'pu-button'
-@function namespaceJoinStr($args...) {
-    @return deepGet($namespace, 'prefix') + '-' + joinStr($args...);
-}
-
-//#{$obj.color.text.base}
-@function getScssVar($obj, $keys...) {
-    @return #{deepGet($obj, $keys...)};
-}
-// $namespace.prefix's value
-@function getNamespace($name) {
-    @return deepGet($namespace, $name);
-}
-
-//('color','text','base') => '--pu-color-text-base'
-@function getCssVarStr($args...) {
-    @return '--' + namespaceJoinStr($args...);
-}
-
-// ('color','text','base') => var(--pu-color-text-base)
-@function getCssVar($args...) {
-    @return var(#{getCssVarStr($args...)});
-}