@depict-ai/ui 1.4.12 → 1.4.14

package/ES10/index.cjs

@@ -60,7 +60,7 @@ $parcel$export(module.exports, "defaultColsAtSize", () => $33eed84f447aa0c0$expo
 $parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $33eed84f447aa0c0$export$7bf543b9d9be2c22);
 $parcel$export(module.exports, "version", () => $aa1938dec50d6c12$export$83d89fbfd8236492);
 /*! Depict.ai search and product listing SDK */
-const $aa1938dec50d6c12$export$83d89fbfd8236492 = "1.4.12";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "1.4.14";
 function $d6d51b09cb2116a6$export$5bad61ecde080b1f() {
   const {
     collapse: collapse,
@@ -2043,7 +2043,7 @@ function $476a3dc36afc1938$export$82ed4b28ecb67608(_ref) {
       return ((_split2 = checkbox().value_.split(";")) === null || _split2 === void 0 ? void 0 : _split2[1]) || "";
     });
     const rgb_color = (0, $52FdA$solidjs.createMemo)(() => (0, $52FdA$depictaiutilishared.hex_to_rgb)(hex_color()));
-    const black_contrast_better = (0, $52FdA$solidjs.createMemo)(() => rgb_color() ? $476a3dc36afc1938$var$does_black_contrast_better(rgb_color()) : true);
+    const black_contrast_better = (0, $52FdA$solidjs.createMemo)(() => rgb_color() ? $476a3dc36afc1938$var$does_black_contrast_better(rgb_color()) : false);
     const input_row = (0, $52FdA$solidjsweb.createComponent)((0, $6b92e147c6e24046$export$48513f6b9f8ce62d), {
       get value_() {
         return checkbox().value_;
@@ -2065,7 +2065,8 @@ function $476a3dc36afc1938$export$82ed4b28ecb67608(_ref) {
         } = span;
         classList.add("color");
         (0, $52FdA$solidjs.createComputed)(() => {
-          style.background = hex_color();
+          var _hex_color;
+          style.background = (_hex_color = hex_color()) !== null && _hex_color !== void 0 ? _hex_color : "black"; // default to black background so that the default-checkmark also is visible on dark page backgrounds
           span.dataset.colorName = color_name();
           classList.toggle("black-check", black_contrast_better());
         });

package/ES10/index.d.ts

@@ -7,7 +7,7 @@ import { CategorySuggestion, SearchSuggestionsResponse } from "@depict-ai/types/
 import { BaseSearchRequest } from "@depict-ai/types/api/BaseSearchRequest";
 import { SearchSuggestionsRequest } from "@depict-ai/types/api/SearchSuggestionsRequest";
 import { ProductListingRequest } from "@depict-ai/types/api/ProductListingRequest";
-export const version = "1.4.12";
+export const version = "1.4.14";
 export function ExpandingDetails(props: {
   details_: HTMLDetailsElement;
   summary_: HTMLElement;

package/ES10/index.js

@@ -8,7 +8,7 @@ import $8tj43$babelruntimehelpersdefineProperty from "@babel/runtime/helpers/def
 /*! Depict.ai search and product listing SDK */
 import { register_es_version } from "../multi_import_deduplicator.mjs";
 register_es_version("ui", "ES10");
-const $8db9a15135765c11$export$83d89fbfd8236492 = "1.4.12";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "1.4.14";
 function $8e8b179489080711$export$5bad61ecde080b1f() {
   const {
     collapse: collapse,
@@ -1991,7 +1991,7 @@ function $2cb856c297c53e6c$export$82ed4b28ecb67608(_ref) {
       return ((_split2 = checkbox().value_.split(";")) === null || _split2 === void 0 ? void 0 : _split2[1]) || "";
     });
     const rgb_color = (0, $8tj43$createMemo)(() => (0, $8tj43$hex_to_rgb)(hex_color()));
-    const black_contrast_better = (0, $8tj43$createMemo)(() => rgb_color() ? $2cb856c297c53e6c$var$does_black_contrast_better(rgb_color()) : true);
+    const black_contrast_better = (0, $8tj43$createMemo)(() => rgb_color() ? $2cb856c297c53e6c$var$does_black_contrast_better(rgb_color()) : false);
     const input_row = (0, $8tj43$createComponent)((0, $6b73914551534ea8$export$48513f6b9f8ce62d), {
       get value_() {
         return checkbox().value_;
@@ -2013,7 +2013,8 @@ function $2cb856c297c53e6c$export$82ed4b28ecb67608(_ref) {
         } = span;
         classList.add("color");
         (0, $8tj43$createComputed)(() => {
-          style.background = hex_color();
+          var _hex_color;
+          style.background = (_hex_color = hex_color()) !== null && _hex_color !== void 0 ? _hex_color : "black"; // default to black background so that the default-checkmark also is visible on dark page backgrounds
           span.dataset.colorName = color_name();
           classList.toggle("black-check", black_contrast_better());
         });

package/latest/index.cjs

@@ -54,7 +54,7 @@ $parcel$export(module.exports, "defaultColsAtSize", () => $a3280f0aad997933$expo
 $parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $a3280f0aad997933$export$7bf543b9d9be2c22);
 $parcel$export(module.exports, "version", () => $b757f75811f3261f$export$83d89fbfd8236492);
 /*! Depict.ai search and product listing SDK */
-const $b757f75811f3261f$export$83d89fbfd8236492 = "1.4.12";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "1.4.14";
 function $4b455f60dadde8b8$export$5bad61ecde080b1f(...params) {
   const {
     collapse: collapse,
@@ -1905,7 +1905,7 @@ function $b51a2b8b9355e66c$export$82ed4b28ecb67608({
     const color_name = (0, $gVhhF$solidjs.createMemo)(() => checkbox().value_.split(";")?.[0] || "");
     const hex_color = (0, $gVhhF$solidjs.createMemo)(() => checkbox().value_.split(";")?.[1] || "");
     const rgb_color = (0, $gVhhF$solidjs.createMemo)(() => (0, $gVhhF$depictaiutilishared.hex_to_rgb)(hex_color()));
-    const black_contrast_better = (0, $gVhhF$solidjs.createMemo)(() => rgb_color() ? $b51a2b8b9355e66c$var$does_black_contrast_better(rgb_color()) : true);
+    const black_contrast_better = (0, $gVhhF$solidjs.createMemo)(() => rgb_color() ? $b51a2b8b9355e66c$var$does_black_contrast_better(rgb_color()) : false);
     const input_row = (0, $gVhhF$solidjsweb.createComponent)((0, $b3cf6ca8dc0e9998$export$48513f6b9f8ce62d), {
       get value_() {
         return checkbox().value_;
@@ -1926,7 +1926,7 @@ function $b51a2b8b9355e66c$export$82ed4b28ecb67608({
         } = span;
         classList.add("color");
         (0, $gVhhF$solidjs.createComputed)(() => {
-          style.background = hex_color();
+          style.background = hex_color() ?? "black"; // default to black background so that the default-checkmark also is visible on dark page backgrounds
           span.dataset.colorName = color_name();
           classList.toggle("black-check", black_contrast_better());
         });

package/latest/index.d.ts

@@ -7,7 +7,7 @@ import { CategorySuggestion, SearchSuggestionsResponse } from "@depict-ai/types/
 import { BaseSearchRequest } from "@depict-ai/types/api/BaseSearchRequest";
 import { SearchSuggestionsRequest } from "@depict-ai/types/api/SearchSuggestionsRequest";
 import { ProductListingRequest } from "@depict-ai/types/api/ProductListingRequest";
-export const version = "1.4.12";
+export const version = "1.4.14";
 export function ExpandingDetails(props: {
   details_: HTMLDetailsElement;
   summary_: HTMLElement;

package/latest/index.js

@@ -5,7 +5,7 @@ import { createSignal as $9HbP8$createSignal, createMemo as $9HbP8$createMemo, u
 /*! Depict.ai search and product listing SDK */
 import { register_es_version } from "../multi_import_deduplicator.mjs";
 register_es_version("ui", "latest");
-const $ec291e0010116877$export$83d89fbfd8236492 = "1.4.12";
+const $ec291e0010116877$export$83d89fbfd8236492 = "1.4.14";
 function $24e27fab9c821b86$export$5bad61ecde080b1f(...params) {
   const {
     collapse: collapse,
@@ -1856,7 +1856,7 @@ function $e731d52d97444b7c$export$82ed4b28ecb67608({
     const color_name = (0, $9HbP8$createMemo)(() => checkbox().value_.split(";")?.[0] || "");
     const hex_color = (0, $9HbP8$createMemo)(() => checkbox().value_.split(";")?.[1] || "");
     const rgb_color = (0, $9HbP8$createMemo)(() => (0, $9HbP8$hex_to_rgb)(hex_color()));
-    const black_contrast_better = (0, $9HbP8$createMemo)(() => rgb_color() ? $e731d52d97444b7c$var$does_black_contrast_better(rgb_color()) : true);
+    const black_contrast_better = (0, $9HbP8$createMemo)(() => rgb_color() ? $e731d52d97444b7c$var$does_black_contrast_better(rgb_color()) : false);
     const input_row = (0, $9HbP8$createComponent)((0, $87c712b5b33f24f7$export$48513f6b9f8ce62d), {
       get value_() {
         return checkbox().value_;
@@ -1877,7 +1877,7 @@ function $e731d52d97444b7c$export$82ed4b28ecb67608({
         } = span;
         classList.add("color");
         (0, $9HbP8$createComputed)(() => {
-          style.background = hex_color();
+          style.background = hex_color() ?? "black"; // default to black background so that the default-checkmark also is visible on dark page backgrounds
           span.dataset.colorName = color_name();
           classList.toggle("black-check", black_contrast_better());
         });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/ui",
-  "version": "1.4.12",
+  "version": "1.4.14",
   "description": "Base package containing the actual UI of Depict UI along with translations, with a not-simplified API. We recommend using @depict-ai/js-ui or @depict-ai/react-ui instead.",
   "packageManager": "yarn@3.2.2",
   "sass": "styles.scss",
@@ -236,7 +236,7 @@
     "@babel/plugin-transform-typescript": "^7.22.9",
     "@babel/runtime": "latest",
     "@babel/runtime-corejs3": "^7.22.6",
-    "@depict-ai/plp-styling": "^1.0.33",
+    "@depict-ai/plp-styling": "^1.0.34",
     "@depict-ai/types": "^1.0.35",
     "@depict-ai/utilishared": "^1.0.33",
     "solid-js": "^1.7.3"

package/server/ES10/index.cjs

@@ -60,7 +60,7 @@ $parcel$export(module.exports, "defaultColsAtSize", () => $33eed84f447aa0c0$expo
 $parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $33eed84f447aa0c0$export$7bf543b9d9be2c22);
 $parcel$export(module.exports, "version", () => $aa1938dec50d6c12$export$83d89fbfd8236492);
 /*! Depict.ai search and product listing SDK */
-const $aa1938dec50d6c12$export$83d89fbfd8236492 = "1.4.12";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "1.4.14";
 function $d6d51b09cb2116a6$export$5bad61ecde080b1f() {
   const {
     collapse: collapse,
@@ -1392,7 +1392,7 @@ function $476a3dc36afc1938$export$82ed4b28ecb67608(_ref) {
       return ((_split2 = checkbox().value_.split(";")) === null || _split2 === void 0 ? void 0 : _split2[1]) || "";
     });
     const rgb_color = (0, $3hooq$solidjs.createMemo)(() => (0, $3hooq$depictaiutilishared.hex_to_rgb)(hex_color()));
-    const black_contrast_better = (0, $3hooq$solidjs.createMemo)(() => rgb_color() ? $476a3dc36afc1938$var$does_black_contrast_better(rgb_color()) : true);
+    const black_contrast_better = (0, $3hooq$solidjs.createMemo)(() => rgb_color() ? $476a3dc36afc1938$var$does_black_contrast_better(rgb_color()) : false);
     const input_row = (0, $3hooq$solidjsweb.createComponent)((0, $6b92e147c6e24046$export$48513f6b9f8ce62d), {
       get value_() {
         return checkbox().value_;
@@ -1414,7 +1414,8 @@ function $476a3dc36afc1938$export$82ed4b28ecb67608(_ref) {
         } = span;
         classList.add("color");
         (0, $3hooq$solidjs.createComputed)(() => {
-          style.background = hex_color();
+          var _hex_color;
+          style.background = (_hex_color = hex_color()) !== null && _hex_color !== void 0 ? _hex_color : "black"; // default to black background so that the default-checkmark also is visible on dark page backgrounds
           span.dataset.colorName = color_name();
           classList.toggle("black-check", black_contrast_better());
         });

package/server/ES10/index.d.ts

@@ -7,7 +7,7 @@ import { CategorySuggestion, SearchSuggestionsResponse } from "@depict-ai/types/
 import { BaseSearchRequest } from "@depict-ai/types/api/BaseSearchRequest";
 import { SearchSuggestionsRequest } from "@depict-ai/types/api/SearchSuggestionsRequest";
 import { ProductListingRequest } from "@depict-ai/types/api/ProductListingRequest";
-export const version = "1.4.12";
+export const version = "1.4.14";
 export function ExpandingDetails(props: {
   details_: HTMLDetailsElement;
   summary_: HTMLElement;

package/server/ES10/index.js

@@ -8,7 +8,7 @@ import $b8hua$babelruntimehelpersdefineProperty from "@babel/runtime/helpers/def
 /*! Depict.ai search and product listing SDK */
 import { register_es_version } from "../../multi_import_deduplicator.mjs";
 register_es_version("ui", "ES10");
-const $8db9a15135765c11$export$83d89fbfd8236492 = "1.4.12";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "1.4.14";
 function $8e8b179489080711$export$5bad61ecde080b1f() {
   const {
     collapse: collapse,
@@ -1340,7 +1340,7 @@ function $2cb856c297c53e6c$export$82ed4b28ecb67608(_ref) {
       return ((_split2 = checkbox().value_.split(";")) === null || _split2 === void 0 ? void 0 : _split2[1]) || "";
     });
     const rgb_color = (0, $b8hua$createMemo)(() => (0, $b8hua$hex_to_rgb)(hex_color()));
-    const black_contrast_better = (0, $b8hua$createMemo)(() => rgb_color() ? $2cb856c297c53e6c$var$does_black_contrast_better(rgb_color()) : true);
+    const black_contrast_better = (0, $b8hua$createMemo)(() => rgb_color() ? $2cb856c297c53e6c$var$does_black_contrast_better(rgb_color()) : false);
     const input_row = (0, $b8hua$createComponent)((0, $6b73914551534ea8$export$48513f6b9f8ce62d), {
       get value_() {
         return checkbox().value_;
@@ -1362,7 +1362,8 @@ function $2cb856c297c53e6c$export$82ed4b28ecb67608(_ref) {
         } = span;
         classList.add("color");
         (0, $b8hua$createComputed)(() => {
-          style.background = hex_color();
+          var _hex_color;
+          style.background = (_hex_color = hex_color()) !== null && _hex_color !== void 0 ? _hex_color : "black"; // default to black background so that the default-checkmark also is visible on dark page backgrounds
           span.dataset.colorName = color_name();
           classList.toggle("black-check", black_contrast_better());
         });

package/server/latest/index.cjs

@@ -54,7 +54,7 @@ $parcel$export(module.exports, "defaultColsAtSize", () => $a3280f0aad997933$expo
 $parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $a3280f0aad997933$export$7bf543b9d9be2c22);
 $parcel$export(module.exports, "version", () => $b757f75811f3261f$export$83d89fbfd8236492);
 /*! Depict.ai search and product listing SDK */
-const $b757f75811f3261f$export$83d89fbfd8236492 = "1.4.12";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "1.4.14";
 function $4b455f60dadde8b8$export$5bad61ecde080b1f(...params) {
   const {
     collapse: collapse,
@@ -1270,7 +1270,7 @@ function $b51a2b8b9355e66c$export$82ed4b28ecb67608({
     const color_name = (0, $5vyXB$solidjs.createMemo)(() => checkbox().value_.split(";")?.[0] || "");
     const hex_color = (0, $5vyXB$solidjs.createMemo)(() => checkbox().value_.split(";")?.[1] || "");
     const rgb_color = (0, $5vyXB$solidjs.createMemo)(() => (0, $5vyXB$depictaiutilishared.hex_to_rgb)(hex_color()));
-    const black_contrast_better = (0, $5vyXB$solidjs.createMemo)(() => rgb_color() ? $b51a2b8b9355e66c$var$does_black_contrast_better(rgb_color()) : true);
+    const black_contrast_better = (0, $5vyXB$solidjs.createMemo)(() => rgb_color() ? $b51a2b8b9355e66c$var$does_black_contrast_better(rgb_color()) : false);
     const input_row = (0, $5vyXB$solidjsweb.createComponent)((0, $b3cf6ca8dc0e9998$export$48513f6b9f8ce62d), {
       get value_() {
         return checkbox().value_;
@@ -1291,7 +1291,7 @@ function $b51a2b8b9355e66c$export$82ed4b28ecb67608({
         } = span;
         classList.add("color");
         (0, $5vyXB$solidjs.createComputed)(() => {
-          style.background = hex_color();
+          style.background = hex_color() ?? "black"; // default to black background so that the default-checkmark also is visible on dark page backgrounds
           span.dataset.colorName = color_name();
           classList.toggle("black-check", black_contrast_better());
         });

package/server/latest/index.d.ts

@@ -7,7 +7,7 @@ import { CategorySuggestion, SearchSuggestionsResponse } from "@depict-ai/types/
 import { BaseSearchRequest } from "@depict-ai/types/api/BaseSearchRequest";
 import { SearchSuggestionsRequest } from "@depict-ai/types/api/SearchSuggestionsRequest";
 import { ProductListingRequest } from "@depict-ai/types/api/ProductListingRequest";
-export const version = "1.4.12";
+export const version = "1.4.14";
 export function ExpandingDetails(props: {
   details_: HTMLDetailsElement;
   summary_: HTMLElement;

package/server/latest/index.js

@@ -5,7 +5,7 @@ import { createSignal as $i7OB2$createSignal, createMemo as $i7OB2$createMemo, u
 /*! Depict.ai search and product listing SDK */
 import { register_es_version } from "../../multi_import_deduplicator.mjs";
 register_es_version("ui", "latest");
-const $ec291e0010116877$export$83d89fbfd8236492 = "1.4.12";
+const $ec291e0010116877$export$83d89fbfd8236492 = "1.4.14";
 function $24e27fab9c821b86$export$5bad61ecde080b1f(...params) {
   const {
     collapse: collapse,
@@ -1221,7 +1221,7 @@ function $e731d52d97444b7c$export$82ed4b28ecb67608({
     const color_name = (0, $i7OB2$createMemo)(() => checkbox().value_.split(";")?.[0] || "");
     const hex_color = (0, $i7OB2$createMemo)(() => checkbox().value_.split(";")?.[1] || "");
     const rgb_color = (0, $i7OB2$createMemo)(() => (0, $i7OB2$hex_to_rgb)(hex_color()));
-    const black_contrast_better = (0, $i7OB2$createMemo)(() => rgb_color() ? $e731d52d97444b7c$var$does_black_contrast_better(rgb_color()) : true);
+    const black_contrast_better = (0, $i7OB2$createMemo)(() => rgb_color() ? $e731d52d97444b7c$var$does_black_contrast_better(rgb_color()) : false);
     const input_row = (0, $i7OB2$createComponent)((0, $87c712b5b33f24f7$export$48513f6b9f8ce62d), {
       get value_() {
         return checkbox().value_;
@@ -1242,7 +1242,7 @@ function $e731d52d97444b7c$export$82ed4b28ecb67608({
         } = span;
         classList.add("color");
         (0, $i7OB2$createComputed)(() => {
-          style.background = hex_color();
+          style.background = hex_color() ?? "black"; // default to black background so that the default-checkmark also is visible on dark page backgrounds
           span.dataset.colorName = color_name();
           classList.toggle("black-check", black_contrast_better());
         });