@prokodo/ui 0.1.7 → 0.1.9

package/dist/components/avatar/Avatar.view.js

@@ -3,9 +3,9 @@ var __name = (target, value) => __defProp(target, "name", { value, configurable:
 import { jsx } from "react/jsx-runtime";
 import { create } from "../../helpers/bem.js";
 import styles from "./Avatar.module.scss.js";
-import { Image } from "../image/Image.js";
 import { Icon, getIconSize } from "../icon/Icon.js";
 import { Link } from "../link/Link.js";
+import { Image } from "../image/Image.js";
 const bem = create(styles, "Avatar");
 function AvatarView({
   className,

package/dist/components/button/Button.css

@@ -254,7 +254,7 @@ html[data-theme=dark] .prokodo-Button {
 html[data-theme=dark] .prokodo-Button--has-variant-outlined {
   background: none;
 }
-.prokodo-Button--has-icon {
+.prokodo-Button--has-image, .prokodo-Button--has-icon {
   align-items: center;
 }
 .prokodo-Button--icon-only {
@@ -277,8 +277,11 @@ html[data-theme=dark] .prokodo-Button--has-variant-outlined {
   flex-direction: row;
   align-items: center;
 }
+.prokodo-Button__image {
+  margin-right: 0.5rem;
+}
 .prokodo-Button__icon {
-  margin-right: 5px;
+  margin-right: 0.5rem;
 }
 .prokodo-Button__icon--icon-only {
   margin-right: 0;

package/dist/components/button/Button.module.css

@@ -254,7 +254,7 @@ html[data-theme=dark] .prokodo-Button {
 html[data-theme=dark] .prokodo-Button--has-variant-outlined {
   background: none;
 }
-.prokodo-Button--has-icon {
+.prokodo-Button--has-image, .prokodo-Button--has-icon {
   align-items: center;
 }
 .prokodo-Button--icon-only {
@@ -277,8 +277,11 @@ html[data-theme=dark] .prokodo-Button--has-variant-outlined {
   flex-direction: row;
   align-items: center;
 }
+.prokodo-Button__image {
+  margin-right: 0.5rem;
+}
 .prokodo-Button__icon {
-  margin-right: 5px;
+  margin-right: 0.5rem;
 }
 .prokodo-Button__icon--icon-only {
   margin-right: 0;

package/dist/components/button/Button.module.scss.js

@@ -15,10 +15,12 @@ const styles = {
   "prokodo-Button--has-text-warning": "prokodo-Button--has-text-warning",
   "prokodo-Button--has-text-error": "prokodo-Button--has-text-error",
   "prokodo-Button--has-variant-outlined": "prokodo-Button--has-variant-outlined",
+  "prokodo-Button--has-image": "prokodo-Button--has-image",
   "prokodo-Button--has-icon": "prokodo-Button--has-icon",
   "prokodo-Button--icon-only": "prokodo-Button--icon-only",
   "prokodo-Button--has-fullWidth": "prokodo-Button--has-fullWidth",
   "prokodo-Button__title": "prokodo-Button__title",
+  "prokodo-Button__image": "prokodo-Button__image",
   "prokodo-Button__icon": "prokodo-Button__icon",
   "prokodo-Button__icon--icon-only": "prokodo-Button__icon--icon-only",
   "prokodo-Button__link": "prokodo-Button__link",

package/dist/components/button/Button.view.js

@@ -4,6 +4,7 @@ import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { create } from "../../helpers/bem.js";
 import { isString } from "../../helpers/validations.js";
 import styles from "./Button.module.scss.js";
+import { Image } from "../image/Image.js";
 import { Icon } from "../icon/Icon.js";
 const bem = create(styles, "Button");
 const ButtonView = /* @__PURE__ */ __name(({
@@ -15,6 +16,7 @@ const ButtonView = /* @__PURE__ */ __name(({
   contentClassName,
   disabled,
   redirect,
+  image,
   iconProps = {},
   isIconOnly,
   LinkComponent,
@@ -25,6 +27,15 @@ const ButtonView = /* @__PURE__ */ __name(({
   const iconMod = { "icon-only": isIconOnly };
   const { title } = rest;
   const inner = /* @__PURE__ */ jsxs(Fragment, { children: [
+    (image == null ? void 0 : image.src) !== void 0 && /* @__PURE__ */ jsx(
+      Image,
+      {
+        height: 20,
+        width: 20,
+        ...image,
+        className: bem("image", void 0, image == null ? void 0 : image.className)
+      }
+    ),
     iconName && /* @__PURE__ */ jsx(Icon, { className: bem("icon", iconMod), ...iconProps }),
     title
   ] });
@@ -36,6 +47,7 @@ const ButtonView = /* @__PURE__ */ __name(({
       void 0,
       {
         "has-fullWidth": Boolean(fullWidth),
+        "has-image": (image == null ? void 0 : image.src) !== void 0,
         "has-icon": !Boolean(isIconOnly) && isString(iconProps == null ? void 0 : iconProps.name),
         [`has-variant-${variant}`]: true,
         [`has-bg-${color}`]: variant === "contained",

package/dist/components/icon/Icon.js

@@ -1,13 +1,15 @@
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import { jsx } from "react/jsx-runtime";
+import { ENVIRONMENT } from "../../constants/environment.js";
 import { PROKODO_UI_VERSION } from "../../constants/project.js";
 import { create } from "../../helpers/bem.js";
 import { isString } from "../../helpers/validations.js";
 import styles from "./Icon.module.scss.js";
 const bem = create(styles, "Icon");
 const getIconSize = /* @__PURE__ */ __name((s) => ({ xs: 15, sm: 20, md: 30, lg: 40, xl: 50 })[s] ?? s ?? 16, "getIconSize");
-const iconUrl = /* @__PURE__ */ __name((n) => `https://cdn.jsdelivr.net/gh/prokodo-agency/ui@v${PROKODO_UI_VERSION}/assets/icons/${n.replace(/Icon$/, "").replace(/([a-z])([A-Z0-9])/g, "$1_$2").replace(/([0-9])([a-zA-Z])/g, "$1_$2").toLowerCase()}_icon.svg`, "iconUrl");
+const baseUrl = ENVIRONMENT !== "development" ? `https://cdn.jsdelivr.net/gh/prokodo-agency/ui@v${PROKODO_UI_VERSION}/assets/icons` : "/assets/icons";
+const iconUrl = /* @__PURE__ */ __name((n) => `${baseUrl}/${n.replace(/Icon$/, "").replace(/([a-z0-9])([A-Z])/g, "$1_$2").replace(/([a-zA-Z])([0-9])/g, "$1_$2").toLowerCase()}_icon.svg`, "iconUrl");
 const Icon = /* @__PURE__ */ __name(({
   name,
   size,

package/dist/components/label/Label.css

@@ -162,6 +162,12 @@
   background-clip: text;
   -webkit-text-fill-color: transparent;
 }
+html[data-theme=dark] .prokodo-Label__highlighted {
+  background-image: var(--gradient-text-primary);
+  -webkit-background-clip: text;
+  background-clip: text;
+  -webkit-text-fill-color: var(--color-grey-800);
+}
 .prokodo-Label__highlighted--error {
   background-image: var(--gradient-text-error);
 }
@@ -170,5 +176,5 @@
   font-style: normal;
 }
 html[data-theme=dark] .prokodo-Label__text {
-  color: var(--color-grey-700);
+  color: var(--color-grey-800);
 }

package/dist/components/label/Label.module.css

@@ -162,6 +162,12 @@
   background-clip: text;
   -webkit-text-fill-color: transparent;
 }
+html[data-theme=dark] .prokodo-Label__highlighted {
+  background-image: var(--gradient-text-primary);
+  -webkit-background-clip: text;
+  background-clip: text;
+  -webkit-text-fill-color: var(--color-grey-800);
+}
 .prokodo-Label__highlighted--error {
   background-image: var(--gradient-text-error);
 }
@@ -170,5 +176,5 @@
   font-style: normal;
 }
 html[data-theme=dark] .prokodo-Label__text {
-  color: var(--color-grey-700);
+  color: var(--color-grey-800);
 }

package/dist/constants/environment.js

@@ -0,0 +1,4 @@
+const { MODE: ENVIRONMENT } = process.env;
+export {
+  ENVIRONMENT
+};

package/dist/constants/project.js

@@ -1,4 +1,4 @@
-const PROKODO_UI_VERSION = "0.1.7";
+const PROKODO_UI_VERSION = "0.1.9";
 export {
   PROKODO_UI_VERSION
 };

package/dist/theme.css

@@ -664,7 +664,7 @@ html[data-theme=dark] .prokodo-Button {
 html[data-theme=dark] .prokodo-Button--has-variant-outlined {
   background: none;
 }
-.prokodo-Button--has-icon {
+.prokodo-Button--has-image, .prokodo-Button--has-icon {
   align-items: center;
 }
 .prokodo-Button--icon-only {
@@ -687,8 +687,11 @@ html[data-theme=dark] .prokodo-Button--has-variant-outlined {
   flex-direction: row;
   align-items: center;
 }
+.prokodo-Button__image {
+  margin-right: 0.5rem;
+}
 .prokodo-Button__icon {
-  margin-right: 5px;
+  margin-right: 0.5rem;
 }
 .prokodo-Button__icon--icon-only {
   margin-right: 0;
@@ -2471,6 +2474,12 @@ html[data-theme=dark] .prokodo-Input__helperText {
   background-clip: text;
   -webkit-text-fill-color: transparent;
 }
+html[data-theme=dark] .prokodo-Label__highlighted {
+  background-image: var(--gradient-text-primary);
+  -webkit-background-clip: text;
+  background-clip: text;
+  -webkit-text-fill-color: var(--color-grey-800);
+}
 .prokodo-Label__highlighted--error {
   background-image: var(--gradient-text-error);
 }
@@ -2479,7 +2488,7 @@ html[data-theme=dark] .prokodo-Input__helperText {
   font-style: normal;
 }
 html[data-theme=dark] .prokodo-Label__text {
-  color: var(--color-grey-700);
+  color: var(--color-grey-800);
 }
 
 .prokodo-Link {