rappel-ui 1.0.4 → 1.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/colors/index.js +1 -1
- package/cjs/components/colors/src/colors.vue.js +1 -1
- package/cjs/components/colors/src/neutral-color.vue.js +1 -1
- package/cjs/components/colors/src/neutral-color.vue2.js +1 -1
- package/cjs/components/colors/src/primary-color.vue.js +1 -1
- package/cjs/components/colors/src/primary-color.vue2.js +1 -1
- package/cjs/components/colors/src/secondary-color.vue.js +1 -1
- package/cjs/components/colors/src/secondary-color.vue2.js +1 -1
- package/cjs/components/colors/style/css.d.ts +0 -0
- package/cjs/components/colors/style/index.d.ts +0 -0
- package/cjs/components/index.js +1 -1
- package/cjs/index.js +1 -1
- package/cjs/theme-chalk/src/colors.css +1 -0
- package/es/components/colors/index.mjs +6 -6
- package/es/components/colors/src/colors.vue.mjs +8 -8
- package/es/components/colors/src/neutral-color.vue.mjs +197 -5
- package/es/components/colors/src/neutral-color.vue2.mjs +2 -193
- package/es/components/colors/src/primary-color.vue.mjs +36 -5
- package/es/components/colors/src/primary-color.vue2.mjs +2 -31
- package/es/components/colors/src/secondary-color.vue.mjs +59 -5
- package/es/components/colors/src/secondary-color.vue2.mjs +2 -52
- package/es/components/colors/style/css.d.ts +0 -0
- package/es/components/colors/style/index.d.ts +0 -0
- package/es/index.mjs +14 -14
- package/es/theme-chalk/src/colors.css +1 -0
- package/package.json +1 -1
- package/theme-chalk/index.css +66 -0
- package/theme-chalk/re-colors.css +100 -0
- package/theme-chalk/src/colors.scss +77 -0
- package/theme-chalk/src/index.scss +1 -0
- package/umd/index.js +11 -11
- package/cjs/components/colors/src/neutral-color.css +0 -1
- package/cjs/components/colors/src/primary-color.css +0 -1
- package/cjs/components/colors/src/secondary-color.css +0 -1
- package/es/components/colors/src/neutral-color.css +0 -1
- package/es/components/colors/src/primary-color.css +0 -1
- package/es/components/colors/src/secondary-color.css +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("../../utils/vue/index.js"),l=require("./src/colors.vue.js"),e=require("./src/primary-color.vue.js"),r=require("./src/secondary-color.vue.js"),t=require("./src/neutral-color.vue.js"),o=u.withInstall(l.default,{RePrimaryColor:e.default,ReSecondaryColor:r.default,ReNeutralColor:t.default});exports.RePrimaryColor=e.default;exports.ReSecondaryColor=r.default;exports.ReNeutralColor=t.default;exports.ReColors=o;exports.default=o;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("./primary-color.vue.js"),u=require("./secondary-color.vue.js"),o=require("./neutral-color.vue.js"),l=e.defineComponent({name:"ReColors",__name:"colors",setup(n){return(_,t)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[t[0]||(t[0]=e.createElementVNode("h2",null,"Primary 主色",-1)),e.createVNode(r.default),t[1]||(t[1]=e.createElementVNode("h2",null,"Secondary 状态色",-1)),e.createVNode(u.default),t[2]||(t[2]=e.createElementVNode("h2",null,"Neutral 文本、边框、背景色",-1)),e.createVNode(o.default)],64))}});exports.default=l;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");;/* empty css */;/* empty css */const n=require("../../../composables/use-namespace/index.js"),o=require("../../../utils/util.js"),d=e.defineComponent({name:"ReNeutralColor",__name:"neutral-color",setup(i){const{nm:a,ns:t}=n.useNamespace("colors"),c=[{shades:[{color:"#000000",text:"Darkest Text",textcolor:"#fff"},{color:"#303131",text:"Base Text",textcolor:"#fff"},{color:"#606062",text:"Secondary Text",textcolor:"#fff"},{color:"#909093",text:"Neutral Text",textcolor:"#fff"},{color:"#b2b2b6",text:"Placeholder Text",textcolor:"#fff"},{color:"#cdcdd1",text:"Disabled Text",textcolor:"#fff"}]},{shades:[{color:"#c3c3cb",text:"Darker Border",extraclass:t("","borders")},{color:"#d0d0d8",text:"Dark Border",extraclass:t("","borders")},{color:"#dbdbe0",text:"Base Border",extraclass:t("","borders")},{color:"#e4e4e8",text:"Light Border",extraclass:t("","borders")},{color:"#ededef",text:"Lighter Border",extraclass:t("","borders")},{color:"#efeff3",text:"Extra-Light Border",extraclass:t("","borders")},{color:o.getEqualOpacityColor("#937bff",.4),text:"Primary Alpha 40% Border",extraclass:t("","borders")}]},{shades:[{color:"#d7d7dc",text:"Darker Fill Background"},{color:"#e8e8ec",text:"Dark Fill Background"},{color:"#ededf0",text:"Base Fill Background"},{color:"#f1f1f4",text:"Light Fill Background"},{color:"#f6f6f7",text:"Lighter Fill Background"},{color:"#f8f8f9",text:"Extra-light Fill Background"},{color:"#f7f7fb",text:"Theme Fill Background"},{color:"#ffffff",text:"Blank Fill Background",bordercolor:o.getEqualOpacityColor("#937bff",.4)},{color:"transparent",text:"Transparent Fill Background",extraclass:t("","grids")}]},{shades:[{color:o.getEqualOpacityColor("#937bff",.9),textcolor:"#fff",text:"Primary Alpha 90% Fill Background"},{color:o.getEqualOpacityColor("#937bff",.8),textcolor:"#fff",text:"Primary Alpha 80% Fill Background"},{color:o.getEqualOpacityColor("#937bff",.7),text:"Primary Alpha 70% Fill Background"},{color:o.getEqualOpacityColor("#937bff",.6),text:"Primary Alpha 60% Fill Background"},{color:o.getEqualOpacityColor("#937bff",.5),text:"Primary Alpha 50% Fill Background"},{color:o.getEqualOpacityColor("#937bff",.4),text:"Primary Alpha 40% Fill Background"},{color:o.getEqualOpacityColor("#937bff",.3),text:"Primary Alpha 30% Fill Background"},{color:o.getEqualOpacityColor("#937bff",.2),text:"Primary Alpha 20% Fill Background"},{color:o.getEqualOpacityColor("#937bff",.1),text:"Primary Alpha 10% Fill Background"}]}];return(s,f)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(a)("","neutral")])},[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(c,l=>e.createElementVNode("div",{key:l.shades[0].color},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.shades,r=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(t)("","collects"),r?.extraclass]),style:e.normalizeStyle({"background-color":r.color,color:r?.textcolor,border:r?.bordercolor?"1px solid "+r.bordercolor:"none"}),key:r.text},[e.createElementVNode("div",null,[e.createElementVNode("div",null,e.toDisplayString(r.text),1),e.createElementVNode("div",null,e.toDisplayString(r.color.toUpperCase()),1)]),r.extraclass?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([r.color!=="transparent"?e.unref(t)("","border-content"):""])},e.toDisplayString(r.color!=="transparent"?"#FFFFFF":""),3)):e.createCommentVNode("",!0)],6))),128))])),64))],2))}});exports.default=d;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./neutral-color.vue.js");exports.default=e.default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");;/* empty css */;/* empty css */const o=require("../../../utils/util.js"),t=require("../../../composables/use-namespace/index.js"),c=e.defineComponent({name:"RePrimaryColor",__name:"primary-color",setup(i){const{nm:n,ns:s}=t.useNamespace("colors"),a=[{base:"#937bff",shades:o.createColors("#937bff")}];return(u,m)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(a,r=>e.createElementVNode("div",{class:e.normalizeClass([e.unref(n)("","primary")]),key:r.base},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(s)("","base")]),style:e.normalizeStyle({"background-color":r.base})},e.toDisplayString(r.base.toUpperCase()),7),e.createElementVNode("div",{class:e.normalizeClass([e.unref(s)("","shades")])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.shades,l=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(s)("","shade")]),style:e.normalizeStyle({"background-color":l}),key:l},null,6))),128))],2)],2)),64))}});exports.default=c;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./primary-color.vue.js");exports.default=e.default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");;/* empty css */;/* empty css */const a=require("../../../utils/util.js"),o=require("../../../composables/use-namespace/index.js"),c=e.defineComponent({name:"ReSecondaryColor",__name:"secondary-color",setup(d){const{nm:l,ns:s}=o.useNamespace("colors"),n=[{base:"#06b56d",text:"Success",shades:a.createColors("#06b56d")},{base:"#ee6979",text:"Danger/Error ",shades:a.createColors("#ee6979")},{base:"#cd9a0a",text:"Warning",shades:a.createColors("#cd9a0a")},{base:"#8e8e91",text:"Info",shades:a.createColors("#8e8e91")}];return(i,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(l)("","secondary")])},[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(n,r=>e.createElementVNode("div",{class:e.normalizeClass([e.unref(s)("","panel")]),key:r.base},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(s)("","base")]),style:e.normalizeStyle({"background-color":r.base})},[e.createElementVNode("div",null,e.toDisplayString(r.text),1),e.createElementVNode("div",null,e.toDisplayString(r.base.toUpperCase()),1)],6),e.createElementVNode("div",{class:e.normalizeClass([e.unref(s)("","shades")])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.shades,t=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(s)("","shade")]),style:e.normalizeStyle({"background-color":t}),key:t},null,6))),128))],2)],2)),64))],2))}});exports.default=c;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./secondary-color.vue.js");exports.default=e.default;
|
|
File without changes
|
|
File without changes
|
package/cjs/components/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./button/index.js"),r=require("./input/index.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./button/index.js"),r=require("./input/index.js"),t=require("./tabs/index.js"),o=require("./colors/index.js"),u=require("./colors/src/primary-color.vue.js"),n=require("./colors/src/secondary-color.vue.js"),_=require("./colors/src/neutral-color.vue.js");exports.ReButton=e.ReButton;exports.ReInput=r.ReInput;exports.ReTabs=t.ReTabs;exports.ReColors=o.ReColors;exports.RePrimaryColor=u.default;exports.ReSecondaryColor=n.default;exports.ReNeutralColor=_.default;
|
package/cjs/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./components/index.js"),n=require("./constants/svgLoading.js"),i=require("./directives/vDraggable.js"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./components/index.js"),n=require("./constants/svgLoading.js"),i=require("./directives/vDraggable.js"),t=require("./directives/vResizable.js"),u=require("./directives/vSvgLoading.js"),c=require("./composables/useDraggable.js"),d=require("./composables/useDateFormat.js"),g=require("./composables/useOnceFn.js"),p=require("./composables/useTimeNodes.js"),v=require("./composables/useWaterFallLayout.js"),m=require("./composables/use-namespace/index.js"),r=require("./utils/vue/index.js"),e=require("./utils/util.js"),y=require("./components/colors/src/primary-color.vue.js"),_=require("./components/colors/src/secondary-color.vue.js"),C=require("./components/colors/src/neutral-color.vue.js"),R=require("./components/button/index.js"),b=require("./components/input/index.js"),q=require("./components/tabs/index.js"),L=require("./components/colors/index.js"),T=require("./rappel-ui/resolver.js"),o=r.createGlobalInstaller(Object.values(a)),s=o.install,l=o.version,F={install:s,version:l,...a};exports.svgLoadingContent=n.svgLoadingContent;exports.vDraggable=i.vDraggable;exports.applyResizable=t.applyResizable;exports.vResizable=t.vResizable;exports.vSvgLoading=u.vSvgLoading;exports.useDraggable=c.useDraggable;exports.useDateFormat=d.useDateFormat;exports.useOnceFn=g.useOnceFn;exports.useTimeNodes=p.useTimeNodes;exports.useWaterFallLayout=v.useWaterFallLayout;exports.useNamespace=m.useNamespace;exports.INSTALLED_KEY=r.INSTALLED_KEY;exports.createGlobalInstaller=r.createGlobalInstaller;exports.toLowerCase=r.toLowerCase;exports.withInstall=r.withInstall;exports.withMultiInstall=r.withMultiInstall;exports.autoCalcFileSize=e.autoCalcFileSize;exports.buildTree=e.buildTree;exports.createColors=e.createColors;exports.createOverload=e.createOverload;exports.darkenColor=e.darkenColor;exports.deepClone=e.deepClone;exports.deleteKeys=e.deleteKeys;exports.flatArr=e.flatArr;exports.getEqualOpacityColor=e.getEqualOpacityColor;exports.hasOwnProperty=e.hasOwnProperty;exports.isPlainObject=e.isPlainObject;exports.joinURLs=e.joinURLs;exports.lineBreakToComma=e.lineBreakToComma;exports.omitEmptyKeys=e.omitEmptyKeys;exports.paramsToFormData=e.paramsToFormData;exports.readTxtByEncodes=e.readTxtByEncodes;exports.readTxtFile=e.readTxtFile;exports.setURLSearchParams=e.setURLSearchParams;exports.singleton=e.singleton;exports.RePrimaryColor=y.default;exports.ReSecondaryColor=_.default;exports.ReNeutralColor=C.default;exports.ReButton=R.ReButton;exports.ReInput=b.ReInput;exports.ReTabs=q.ReTabs;exports.ReColors=L.ReColors;exports.RappelUIResolver=T.RappelUIResolver;exports.default=F;exports.install=s;exports.version=l;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@charset "UTF-8";.re-colors--primary{width:60rem;border-radius:4px;overflow:hidden;color:#fff}.re-colors--secondary{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.re-colors--neutral{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.re-colors__panel{border-radius:4px;overflow:hidden;color:#fff}.re-colors__base{color:#fff;height:6rem;box-shadow:10px 10px;padding:1rem}.re-colors__shades{display:flex;align-items:center;flex-wrap:nowrap}.re-colors__shade{flex:1;height:3.2rem;padding:.2rem}.re-colors__collects{border-radius:4px;overflow:hidden;margin-bottom:1rem;height:7rem;padding:1rem}.re-colors__borders{display:flex;justify-content:space-between}.re-colors__border-content{border-radius:50%;margin-left:1rem;background-color:#fff;height:5rem;width:5rem;display:flex;justify-content:center;align-items:center;flex-shrink:0}.re-colors__grids{background-color:#fff;background-image:linear-gradient(45deg,#ededf0 25%,transparent 25%),linear-gradient(-45deg,#ededf0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ededf0 75%),linear-gradient(-45deg,transparent 75%,#ededf0 75%);background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0px}
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { withInstall as o } from "../../utils/vue/index.mjs";
|
|
2
2
|
import r from "./src/colors.vue.mjs";
|
|
3
3
|
import a from "./src/primary-color.vue.mjs";
|
|
4
|
-
import
|
|
4
|
+
import m from "./src/secondary-color.vue.mjs";
|
|
5
5
|
import e from "./src/neutral-color.vue.mjs";
|
|
6
|
-
const
|
|
6
|
+
const n = o(r, {
|
|
7
7
|
RePrimaryColor: a,
|
|
8
|
-
ReSecondaryColor:
|
|
8
|
+
ReSecondaryColor: m,
|
|
9
9
|
ReNeutralColor: e
|
|
10
10
|
});
|
|
11
11
|
export {
|
|
12
|
-
|
|
12
|
+
n as ReColors,
|
|
13
13
|
e as ReNeutralColor,
|
|
14
14
|
a as RePrimaryColor,
|
|
15
|
-
|
|
16
|
-
|
|
15
|
+
m as ReSecondaryColor,
|
|
16
|
+
n as default
|
|
17
17
|
};
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as n, createElementBlock as m, openBlock as t, Fragment as l, createElementVNode as o, createVNode as e } from "vue";
|
|
2
2
|
import a from "./primary-color.vue.mjs";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
const N = /* @__PURE__ */
|
|
3
|
+
import f from "./secondary-color.vue.mjs";
|
|
4
|
+
import i from "./neutral-color.vue.mjs";
|
|
5
|
+
const N = /* @__PURE__ */ n({
|
|
6
6
|
name: "ReColors",
|
|
7
7
|
__name: "colors",
|
|
8
|
-
setup(
|
|
9
|
-
return (
|
|
8
|
+
setup(p) {
|
|
9
|
+
return (s, r) => (t(), m(l, null, [
|
|
10
10
|
r[0] || (r[0] = o("h2", null, "Primary 主色", -1)),
|
|
11
11
|
e(a),
|
|
12
12
|
r[1] || (r[1] = o("h2", null, "Secondary 状态色", -1)),
|
|
13
|
-
e(
|
|
13
|
+
e(f),
|
|
14
14
|
r[2] || (r[2] = o("h2", null, "Neutral 文本、边框、背景色", -1)),
|
|
15
|
-
e(
|
|
15
|
+
e(i)
|
|
16
16
|
], 64));
|
|
17
17
|
}
|
|
18
18
|
});
|
|
@@ -1,7 +1,199 @@
|
|
|
1
|
-
import
|
|
2
|
-
/* empty css
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
import { defineComponent as p, createElementBlock as t, openBlock as l, normalizeClass as c, unref as d, Fragment as s, renderList as x, createElementVNode as a, normalizeStyle as B, createCommentVNode as k, toDisplayString as f } from "vue";
|
|
2
|
+
/* empty css */
|
|
3
|
+
/* empty css */
|
|
4
|
+
import { useNamespace as g } from "../../../composables/use-namespace/index.mjs";
|
|
5
|
+
import { getEqualOpacityColor as o } from "../../../utils/util.mjs";
|
|
6
|
+
const _ = /* @__PURE__ */ p({
|
|
7
|
+
name: "ReNeutralColor",
|
|
8
|
+
__name: "neutral-color",
|
|
9
|
+
setup(u) {
|
|
10
|
+
const { nm: i, ns: e } = g("colors"), m = [
|
|
11
|
+
{
|
|
12
|
+
shades: [
|
|
13
|
+
{
|
|
14
|
+
color: "#000000",
|
|
15
|
+
text: "Darkest Text",
|
|
16
|
+
textcolor: "#fff"
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
color: "#303131",
|
|
20
|
+
text: "Base Text",
|
|
21
|
+
textcolor: "#fff"
|
|
22
|
+
},
|
|
23
|
+
{
|
|
24
|
+
color: "#606062",
|
|
25
|
+
text: "Secondary Text",
|
|
26
|
+
textcolor: "#fff"
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
color: "#909093",
|
|
30
|
+
text: "Neutral Text",
|
|
31
|
+
textcolor: "#fff"
|
|
32
|
+
},
|
|
33
|
+
{
|
|
34
|
+
color: "#b2b2b6",
|
|
35
|
+
text: "Placeholder Text",
|
|
36
|
+
textcolor: "#fff"
|
|
37
|
+
},
|
|
38
|
+
{
|
|
39
|
+
color: "#cdcdd1",
|
|
40
|
+
text: "Disabled Text",
|
|
41
|
+
textcolor: "#fff"
|
|
42
|
+
}
|
|
43
|
+
]
|
|
44
|
+
},
|
|
45
|
+
{
|
|
46
|
+
shades: [
|
|
47
|
+
{
|
|
48
|
+
color: "#c3c3cb",
|
|
49
|
+
text: "Darker Border",
|
|
50
|
+
extraclass: e("", "borders")
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
color: "#d0d0d8",
|
|
54
|
+
text: "Dark Border",
|
|
55
|
+
extraclass: e("", "borders")
|
|
56
|
+
},
|
|
57
|
+
{
|
|
58
|
+
color: "#dbdbe0",
|
|
59
|
+
text: "Base Border",
|
|
60
|
+
extraclass: e("", "borders")
|
|
61
|
+
},
|
|
62
|
+
{
|
|
63
|
+
color: "#e4e4e8",
|
|
64
|
+
text: "Light Border",
|
|
65
|
+
extraclass: e("", "borders")
|
|
66
|
+
},
|
|
67
|
+
{
|
|
68
|
+
color: "#ededef",
|
|
69
|
+
text: "Lighter Border",
|
|
70
|
+
extraclass: e("", "borders")
|
|
71
|
+
},
|
|
72
|
+
{
|
|
73
|
+
color: "#efeff3",
|
|
74
|
+
text: "Extra-Light Border",
|
|
75
|
+
extraclass: e("", "borders")
|
|
76
|
+
},
|
|
77
|
+
{
|
|
78
|
+
color: o("#937bff", 0.4),
|
|
79
|
+
text: "Primary Alpha 40% Border",
|
|
80
|
+
extraclass: e("", "borders")
|
|
81
|
+
}
|
|
82
|
+
]
|
|
83
|
+
},
|
|
84
|
+
{
|
|
85
|
+
shades: [
|
|
86
|
+
{
|
|
87
|
+
color: "#d7d7dc",
|
|
88
|
+
text: "Darker Fill Background"
|
|
89
|
+
},
|
|
90
|
+
{
|
|
91
|
+
color: "#e8e8ec",
|
|
92
|
+
text: "Dark Fill Background"
|
|
93
|
+
},
|
|
94
|
+
{
|
|
95
|
+
color: "#ededf0",
|
|
96
|
+
text: "Base Fill Background"
|
|
97
|
+
},
|
|
98
|
+
{
|
|
99
|
+
color: "#f1f1f4",
|
|
100
|
+
text: "Light Fill Background"
|
|
101
|
+
},
|
|
102
|
+
{
|
|
103
|
+
color: "#f6f6f7",
|
|
104
|
+
text: "Lighter Fill Background"
|
|
105
|
+
},
|
|
106
|
+
{
|
|
107
|
+
color: "#f8f8f9",
|
|
108
|
+
text: "Extra-light Fill Background"
|
|
109
|
+
},
|
|
110
|
+
{
|
|
111
|
+
color: "#f7f7fb",
|
|
112
|
+
text: "Theme Fill Background"
|
|
113
|
+
},
|
|
114
|
+
{
|
|
115
|
+
color: "#ffffff",
|
|
116
|
+
text: "Blank Fill Background",
|
|
117
|
+
bordercolor: o("#937bff", 0.4)
|
|
118
|
+
},
|
|
119
|
+
{
|
|
120
|
+
color: "transparent",
|
|
121
|
+
text: "Transparent Fill Background",
|
|
122
|
+
extraclass: e("", "grids")
|
|
123
|
+
}
|
|
124
|
+
]
|
|
125
|
+
},
|
|
126
|
+
{
|
|
127
|
+
shades: [
|
|
128
|
+
{
|
|
129
|
+
color: o("#937bff", 0.9),
|
|
130
|
+
textcolor: "#fff",
|
|
131
|
+
text: "Primary Alpha 90% Fill Background"
|
|
132
|
+
},
|
|
133
|
+
{
|
|
134
|
+
color: o("#937bff", 0.8),
|
|
135
|
+
textcolor: "#fff",
|
|
136
|
+
text: "Primary Alpha 80% Fill Background"
|
|
137
|
+
},
|
|
138
|
+
{
|
|
139
|
+
color: o("#937bff", 0.7),
|
|
140
|
+
text: "Primary Alpha 70% Fill Background"
|
|
141
|
+
},
|
|
142
|
+
{
|
|
143
|
+
color: o("#937bff", 0.6),
|
|
144
|
+
text: "Primary Alpha 60% Fill Background"
|
|
145
|
+
},
|
|
146
|
+
{
|
|
147
|
+
color: o("#937bff", 0.5),
|
|
148
|
+
text: "Primary Alpha 50% Fill Background"
|
|
149
|
+
},
|
|
150
|
+
{
|
|
151
|
+
color: o("#937bff", 0.4),
|
|
152
|
+
text: "Primary Alpha 40% Fill Background"
|
|
153
|
+
},
|
|
154
|
+
{
|
|
155
|
+
color: o("#937bff", 0.3),
|
|
156
|
+
text: "Primary Alpha 30% Fill Background"
|
|
157
|
+
},
|
|
158
|
+
{
|
|
159
|
+
color: o("#937bff", 0.2),
|
|
160
|
+
text: "Primary Alpha 20% Fill Background"
|
|
161
|
+
},
|
|
162
|
+
{
|
|
163
|
+
color: o("#937bff", 0.1),
|
|
164
|
+
text: "Primary Alpha 10% Fill Background"
|
|
165
|
+
}
|
|
166
|
+
]
|
|
167
|
+
}
|
|
168
|
+
];
|
|
169
|
+
return (h, F) => (l(), t("div", {
|
|
170
|
+
class: c([d(i)("", "neutral")])
|
|
171
|
+
}, [
|
|
172
|
+
(l(), t(s, null, x(m, (n) => a("div", {
|
|
173
|
+
key: n.shades[0].color
|
|
174
|
+
}, [
|
|
175
|
+
(l(!0), t(s, null, x(n.shades, (r) => (l(), t("div", {
|
|
176
|
+
class: c([d(e)("", "collects"), r?.extraclass]),
|
|
177
|
+
style: B({
|
|
178
|
+
"background-color": r.color,
|
|
179
|
+
color: r?.textcolor,
|
|
180
|
+
border: r?.bordercolor ? "1px solid " + r.bordercolor : "none"
|
|
181
|
+
}),
|
|
182
|
+
key: r.text
|
|
183
|
+
}, [
|
|
184
|
+
a("div", null, [
|
|
185
|
+
a("div", null, f(r.text), 1),
|
|
186
|
+
a("div", null, f(r.color.toUpperCase()), 1)
|
|
187
|
+
]),
|
|
188
|
+
r.extraclass ? (l(), t("div", {
|
|
189
|
+
key: 0,
|
|
190
|
+
class: c([r.color !== "transparent" ? d(e)("", "border-content") : ""])
|
|
191
|
+
}, f(r.color !== "transparent" ? "#FFFFFF" : ""), 3)) : k("", !0)
|
|
192
|
+
], 6))), 128))
|
|
193
|
+
])), 64))
|
|
194
|
+
], 2));
|
|
195
|
+
}
|
|
196
|
+
});
|
|
5
197
|
export {
|
|
6
|
-
|
|
198
|
+
_ as default
|
|
7
199
|
};
|
|
@@ -1,195 +1,4 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { getEqualOpacityColor as r } from "../../../utils/util.mjs";
|
|
3
|
-
const b = { class: "text-colors" }, B = {
|
|
4
|
-
key: 0,
|
|
5
|
-
class: "content"
|
|
6
|
-
}, F = /* @__PURE__ */ x({
|
|
7
|
-
name: "ReNeutralColor",
|
|
8
|
-
__name: "neutral-color",
|
|
9
|
-
setup(h) {
|
|
10
|
-
const s = [
|
|
11
|
-
{
|
|
12
|
-
shades: [
|
|
13
|
-
{
|
|
14
|
-
color: "#000000",
|
|
15
|
-
text: "Darkest Text",
|
|
16
|
-
textcolor: "#fff"
|
|
17
|
-
},
|
|
18
|
-
{
|
|
19
|
-
color: "#303131",
|
|
20
|
-
text: "Base Text",
|
|
21
|
-
textcolor: "#fff"
|
|
22
|
-
},
|
|
23
|
-
{
|
|
24
|
-
color: "#606062",
|
|
25
|
-
text: "Secondary Text",
|
|
26
|
-
textcolor: "#fff"
|
|
27
|
-
},
|
|
28
|
-
{
|
|
29
|
-
color: "#909093",
|
|
30
|
-
text: "Neutral Text",
|
|
31
|
-
textcolor: "#fff"
|
|
32
|
-
},
|
|
33
|
-
{
|
|
34
|
-
color: "#b2b2b6",
|
|
35
|
-
text: "Placeholder Text",
|
|
36
|
-
textcolor: "#fff"
|
|
37
|
-
},
|
|
38
|
-
{
|
|
39
|
-
color: "#cdcdd1",
|
|
40
|
-
text: "Disabled Text",
|
|
41
|
-
textcolor: "#fff"
|
|
42
|
-
}
|
|
43
|
-
]
|
|
44
|
-
},
|
|
45
|
-
{
|
|
46
|
-
shades: [
|
|
47
|
-
{
|
|
48
|
-
color: "#c3c3cb",
|
|
49
|
-
text: "Darker Border",
|
|
50
|
-
extraclass: "border-blocks"
|
|
51
|
-
},
|
|
52
|
-
{
|
|
53
|
-
color: "#d0d0d8",
|
|
54
|
-
text: "Dark Border",
|
|
55
|
-
extraclass: "border-blocks"
|
|
56
|
-
},
|
|
57
|
-
{
|
|
58
|
-
color: "#dbdbe0",
|
|
59
|
-
text: "Base Border",
|
|
60
|
-
extraclass: "border-blocks"
|
|
61
|
-
},
|
|
62
|
-
{
|
|
63
|
-
color: "#e4e4e8",
|
|
64
|
-
text: "Light Border",
|
|
65
|
-
extraclass: "border-blocks"
|
|
66
|
-
},
|
|
67
|
-
{
|
|
68
|
-
color: "#ededef",
|
|
69
|
-
text: "Lighter Border",
|
|
70
|
-
extraclass: "border-blocks"
|
|
71
|
-
},
|
|
72
|
-
{
|
|
73
|
-
color: "#efeff3",
|
|
74
|
-
text: "Extra-Light Border",
|
|
75
|
-
extraclass: "border-blocks"
|
|
76
|
-
},
|
|
77
|
-
{
|
|
78
|
-
color: r("#937bff", 0.4),
|
|
79
|
-
text: "Primary Alpha 40% Border",
|
|
80
|
-
extraclass: "border-blocks"
|
|
81
|
-
}
|
|
82
|
-
]
|
|
83
|
-
},
|
|
84
|
-
{
|
|
85
|
-
shades: [
|
|
86
|
-
{
|
|
87
|
-
color: "#d7d7dc",
|
|
88
|
-
text: "Darker Fill Background"
|
|
89
|
-
},
|
|
90
|
-
{
|
|
91
|
-
color: "#e8e8ec",
|
|
92
|
-
text: "Dark Fill Background"
|
|
93
|
-
},
|
|
94
|
-
{
|
|
95
|
-
color: "#ededf0",
|
|
96
|
-
text: "Base Fill Background"
|
|
97
|
-
},
|
|
98
|
-
{
|
|
99
|
-
color: "#f1f1f4",
|
|
100
|
-
text: "Light Fill Background"
|
|
101
|
-
},
|
|
102
|
-
{
|
|
103
|
-
color: "#f6f6f7",
|
|
104
|
-
text: "Lighter Fill Background"
|
|
105
|
-
},
|
|
106
|
-
{
|
|
107
|
-
color: "#f8f8f9",
|
|
108
|
-
text: "Extra-light Fill Background"
|
|
109
|
-
},
|
|
110
|
-
{
|
|
111
|
-
color: "#f7f7fb",
|
|
112
|
-
text: "Theme Fill Background"
|
|
113
|
-
},
|
|
114
|
-
{
|
|
115
|
-
color: "#ffffff",
|
|
116
|
-
text: "Blank Fill Background",
|
|
117
|
-
bordercolor: r("#937bff", 0.4)
|
|
118
|
-
},
|
|
119
|
-
{
|
|
120
|
-
color: "transparent",
|
|
121
|
-
text: "Transparent Fill Background",
|
|
122
|
-
extraclass: "checkerboard-bg"
|
|
123
|
-
}
|
|
124
|
-
]
|
|
125
|
-
},
|
|
126
|
-
{
|
|
127
|
-
shades: [
|
|
128
|
-
{
|
|
129
|
-
color: r("#937bff", 0.9),
|
|
130
|
-
textcolor: "#fff",
|
|
131
|
-
text: "Primary Alpha 90% Fill Background"
|
|
132
|
-
},
|
|
133
|
-
{
|
|
134
|
-
color: r("#937bff", 0.8),
|
|
135
|
-
textcolor: "#fff",
|
|
136
|
-
text: "Primary Alpha 80% Fill Background"
|
|
137
|
-
},
|
|
138
|
-
{
|
|
139
|
-
color: r("#937bff", 0.7),
|
|
140
|
-
text: "Primary Alpha 70% Fill Background"
|
|
141
|
-
},
|
|
142
|
-
{
|
|
143
|
-
color: r("#937bff", 0.6),
|
|
144
|
-
text: "Primary Alpha 60% Fill Background"
|
|
145
|
-
},
|
|
146
|
-
{
|
|
147
|
-
color: r("#937bff", 0.5),
|
|
148
|
-
text: "Primary Alpha 50% Fill Background"
|
|
149
|
-
},
|
|
150
|
-
{
|
|
151
|
-
color: r("#937bff", 0.4),
|
|
152
|
-
text: "Primary Alpha 40% Fill Background"
|
|
153
|
-
},
|
|
154
|
-
{
|
|
155
|
-
color: r("#937bff", 0.3),
|
|
156
|
-
text: "Primary Alpha 30% Fill Background"
|
|
157
|
-
},
|
|
158
|
-
{
|
|
159
|
-
color: r("#937bff", 0.2),
|
|
160
|
-
text: "Primary Alpha 20% Fill Background"
|
|
161
|
-
},
|
|
162
|
-
{
|
|
163
|
-
color: r("#937bff", 0.1),
|
|
164
|
-
text: "Primary Alpha 10% Fill Background"
|
|
165
|
-
}
|
|
166
|
-
]
|
|
167
|
-
}
|
|
168
|
-
];
|
|
169
|
-
return (g, u) => (t(), e("div", b, [
|
|
170
|
-
(t(), e(a, null, d(s, (c) => l("div", {
|
|
171
|
-
class: "panel",
|
|
172
|
-
key: c.shades[0].color
|
|
173
|
-
}, [
|
|
174
|
-
(t(!0), e(a, null, d(c.shades, (o) => (t(), e("div", {
|
|
175
|
-
class: i(["shade", [o?.extraclass]]),
|
|
176
|
-
style: n({
|
|
177
|
-
"background-color": o.color,
|
|
178
|
-
color: o?.textcolor,
|
|
179
|
-
border: o?.bordercolor ? "1px solid " + o.bordercolor : "none"
|
|
180
|
-
}),
|
|
181
|
-
key: o.text
|
|
182
|
-
}, [
|
|
183
|
-
l("div", null, [
|
|
184
|
-
l("div", null, f(o.text), 1),
|
|
185
|
-
l("div", null, f(o.color.toUpperCase()), 1)
|
|
186
|
-
]),
|
|
187
|
-
o.extraclass ? (t(), e("div", B, "#FFFFFF")) : k("", !0)
|
|
188
|
-
], 6))), 128))
|
|
189
|
-
])), 64))
|
|
190
|
-
]));
|
|
191
|
-
}
|
|
192
|
-
});
|
|
1
|
+
import f from "./neutral-color.vue.mjs";
|
|
193
2
|
export {
|
|
194
|
-
|
|
3
|
+
f as default
|
|
195
4
|
};
|
|
@@ -1,7 +1,38 @@
|
|
|
1
|
-
import
|
|
2
|
-
/* empty css
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
import { defineComponent as u, createElementBlock as a, openBlock as t, Fragment as m, renderList as c, createElementVNode as n, normalizeClass as r, unref as s, normalizeStyle as i, toDisplayString as f } from "vue";
|
|
2
|
+
/* empty css */
|
|
3
|
+
/* empty css */
|
|
4
|
+
import { createColors as y } from "../../../utils/util.mjs";
|
|
5
|
+
import { useNamespace as b } from "../../../composables/use-namespace/index.mjs";
|
|
6
|
+
const B = /* @__PURE__ */ u({
|
|
7
|
+
name: "RePrimaryColor",
|
|
8
|
+
__name: "primary-color",
|
|
9
|
+
setup(_) {
|
|
10
|
+
const { nm: p, ns: o } = b("colors"), d = [
|
|
11
|
+
{
|
|
12
|
+
base: "#937bff",
|
|
13
|
+
shades: y("#937bff")
|
|
14
|
+
}
|
|
15
|
+
];
|
|
16
|
+
return (h, k) => (t(), a(m, null, c(d, (e) => n("div", {
|
|
17
|
+
class: r([s(p)("", "primary")]),
|
|
18
|
+
key: e.base
|
|
19
|
+
}, [
|
|
20
|
+
n("div", {
|
|
21
|
+
class: r([s(o)("", "base")]),
|
|
22
|
+
style: i({ "background-color": e.base })
|
|
23
|
+
}, f(e.base.toUpperCase()), 7),
|
|
24
|
+
n("div", {
|
|
25
|
+
class: r([s(o)("", "shades")])
|
|
26
|
+
}, [
|
|
27
|
+
(t(!0), a(m, null, c(e.shades, (l) => (t(), a("div", {
|
|
28
|
+
class: r([s(o)("", "shade")]),
|
|
29
|
+
style: i({ "background-color": l }),
|
|
30
|
+
key: l
|
|
31
|
+
}, null, 6))), 128))
|
|
32
|
+
], 2)
|
|
33
|
+
], 2)), 64));
|
|
34
|
+
}
|
|
35
|
+
});
|
|
5
36
|
export {
|
|
6
|
-
|
|
37
|
+
B as default
|
|
7
38
|
};
|
|
@@ -1,33 +1,4 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { createColors as i } from "../../../utils/util.mjs";
|
|
3
|
-
const p = { class: "shades" }, y = /* @__PURE__ */ m({
|
|
4
|
-
name: "RePrimaryColor",
|
|
5
|
-
__name: "primary-color",
|
|
6
|
-
setup(u) {
|
|
7
|
-
const c = [
|
|
8
|
-
{
|
|
9
|
-
base: "#937bff",
|
|
10
|
-
shades: i("#937bff")
|
|
11
|
-
}
|
|
12
|
-
];
|
|
13
|
-
return (_, f) => (s(), r(a, null, l(c, (e) => o("div", {
|
|
14
|
-
class: "theme-colors",
|
|
15
|
-
key: e.base
|
|
16
|
-
}, [
|
|
17
|
-
o("div", {
|
|
18
|
-
class: "base",
|
|
19
|
-
style: n({ "background-color": e.base })
|
|
20
|
-
}, d(e.base.toUpperCase()), 5),
|
|
21
|
-
o("div", p, [
|
|
22
|
-
(s(!0), r(a, null, l(e.shades, (t) => (s(), r("div", {
|
|
23
|
-
class: "shade",
|
|
24
|
-
style: n({ "background-color": t }),
|
|
25
|
-
key: t
|
|
26
|
-
}, null, 4))), 128))
|
|
27
|
-
])
|
|
28
|
-
])), 64));
|
|
29
|
-
}
|
|
30
|
-
});
|
|
1
|
+
import f from "./primary-color.vue.mjs";
|
|
31
2
|
export {
|
|
32
|
-
|
|
3
|
+
f as default
|
|
33
4
|
};
|