@depict-ai/react-ui 0.0.74 → 0.0.76

package/dist-server/module.js

@@ -3,18 +3,18 @@ import {jsx as $1RlIW$jsx} from "react/jsx-runtime";
 
 
 
-const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "0.0.74";
+const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "0.0.76";
 
 
 function $2b1fdeb83610500f$export$9fac37a9c21c2f3b(props) {
     return props.children;
 }
-function $2b1fdeb83610500f$export$210723f5a54a7028() {
+function $2b1fdeb83610500f$export$a54ec244c8863715() {
     return (0, $1RlIW$jsx)("div", {
         children: []
     });
 }
-function $2b1fdeb83610500f$export$d87c61cecb2edf0d() {
+function $2b1fdeb83610500f$export$f7d2f673fc2f091d() {
     return (0, $1RlIW$jsx)("div", {
         children: []
     });
@@ -29,7 +29,7 @@ function $2b1fdeb83610500f$export$466cdc317043f6cb() {
         children: []
     });
 }
-function $2b1fdeb83610500f$export$3f4580d6398c5027() {
+function $2b1fdeb83610500f$export$80e99ee6b29cadd2() {
     return (0, $1RlIW$createElement)("div", {
         className: "depict aligner",
         style: {
@@ -47,19 +47,19 @@ function $2b1fdeb83610500f$export$89c6019e4baa40b1() {
         children: []
     });
 }
-function $2b1fdeb83610500f$export$45080d603eda647c() {
+function $2b1fdeb83610500f$export$9bb30bbe003b82e0() {
     return {
-        DepictSearchField: ()=>(0, $1RlIW$jsx)("div", {
+        SearchField: ()=>(0, $1RlIW$jsx)("div", {
                 children: []
             })
     };
 }
 function $2b1fdeb83610500f$export$a7f6cffb6b8ba11c() {}
-function $2b1fdeb83610500f$export$cc1e9aaf280afdcb() {
+function $2b1fdeb83610500f$export$912994940e660d32() {
     return {
         open: ()=>{}
     };
 }
 
 
-export {$2b1fdeb83610500f$export$9fac37a9c21c2f3b as DepictProvider, $2b1fdeb83610500f$export$210723f5a54a7028 as DepictSearchPage, $2b1fdeb83610500f$export$d87c61cecb2edf0d as DepictCategoryPage, $2b1fdeb83610500f$export$5646050d516e06bc as BreadCrumbs, $2b1fdeb83610500f$export$466cdc317043f6cb as QuickLinks, $2b1fdeb83610500f$export$3f4580d6398c5027 as DepictAligner, $2b1fdeb83610500f$export$ecf150517ad2aa0 as ImagePlaceHolder, $2b1fdeb83610500f$export$89c6019e4baa40b1 as TextPlaceholder, $2b1fdeb83610500f$export$45080d603eda647c as useDepictSearchField, $2b1fdeb83610500f$export$a7f6cffb6b8ba11c as openModal, $2b1fdeb83610500f$export$cc1e9aaf280afdcb as useDepictSearchModal, $c9c4d066f9a5b51b$export$83d89fbfd8236492 as version};
+export {$2b1fdeb83610500f$export$9fac37a9c21c2f3b as DepictProvider, $2b1fdeb83610500f$export$a54ec244c8863715 as SearchPage, $2b1fdeb83610500f$export$f7d2f673fc2f091d as CategoryPage, $2b1fdeb83610500f$export$5646050d516e06bc as BreadCrumbs, $2b1fdeb83610500f$export$466cdc317043f6cb as QuickLinks, $2b1fdeb83610500f$export$80e99ee6b29cadd2 as ComponentAligner, $2b1fdeb83610500f$export$ecf150517ad2aa0 as ImagePlaceHolder, $2b1fdeb83610500f$export$89c6019e4baa40b1 as TextPlaceholder, $2b1fdeb83610500f$export$9bb30bbe003b82e0 as useSearchField, $2b1fdeb83610500f$export$a7f6cffb6b8ba11c as openModal, $2b1fdeb83610500f$export$912994940e660d32 as useSearchModal, $c9c4d066f9a5b51b$export$83d89fbfd8236492 as version};

package/locales/index.d.ts

@@ -1,2 +1,2 @@
-export type { plp_shared_i18n, search_i18n, category_i18n, Locale } from "@depict-ai/js-ui/locales";
-export { cz, de, en, da, fi, pl, fr, sv, pt, no, nl, es, it } from "@depict-ai/js-ui/locales";
+export type { plp_shared_i18n, search_i18n, category_i18n, Locale } from "@depict-ai/ui/locales";
+export { cz, de, en, da, fi, pl, fr, sv, pt, no, nl, es, it } from "@depict-ai/ui/locales";

package/locales/index.js

@@ -1 +1 @@
-export * from "@depict-ai/js-ui/locales";
+export * from "@depict-ai/ui/locales";

package/locales/require.js

@@ -1 +1 @@
-module.exports = require("@depict-ai/js-ui/locales");
+module.exports = require("@depict-ai/ui/locales");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/react-ui",
-  "version": "0.0.74",
+  "version": "0.0.76",
   "packageManager": "yarn@3.2.2",
   "source": "src/index.ts",
   "main": "dist/main.js",
@@ -90,9 +90,8 @@
     "/locales"
   ],
   "dependencies": {
-    "@depict-ai/js-ui": "^0.0.1",
-    "@depict-ai/ui": "^0.0.52",
-    "@depict-ai/utilishared": "^0.0.49",
+    "@depict-ai/ui": "^0.0.55",
+    "@depict-ai/utilishared": "^0.0.52",
     "solid-js": "^1.6.2"
   },
   "peerDependencies": {
@@ -105,7 +104,7 @@
     "@babel/preset-typescript": "latest",
     "@babel/runtime": "latest",
     "@babel/runtime-corejs3": "latest",
-    "@depict-ai/plp-styling": "^0.0.13",
+    "@depict-ai/plp-styling": "^0.0.15",
     "@jest/globals": "^29.3.1",
     "@parcel/babel-preset-env": "latest",
     "@parcel/resolver-default": "^2.8.0",

package/dist/styles/components/PLP/SortAndFilter/WhiteSortAndFilter.scss

@@ -1,152 +0,0 @@
-@use "../../../helpers/utils";
-@use "../../../helpers/custom_input";
-@use "SortAndFilterModal";
-@use "../MorphingSign";
-@use "../../../variables";
-@use "../../../helpers/supports-hover";
-@use "SortAndFilter";
-
-/// A wrapper around SortAndFilter that styles the sorting and filtering menus for the white theme by providing a default set of white variables.
-///
-/// ### Parameters
-/// See [SortAndFilter](#undefined-mixin-SortAndFilter) for parameters.
-@mixin WhiteSortAndFilter(
-  $mobile-top-level-collapse-color: variables.$brand-black,
-  $mobile-top-level-collapse-background: #fff,
-  $custom-input-checked-background: #fff,
-  $custom-input-background: #fff,
-  $custom-input-indicator-color: variables.$brand-black,
-  $checkbox-background-color: #fff,
-  $checkbox-checked-background-color: variables.$brand-black,
-  $checkbox-checkmark-color: #fff,
-  $checkbox-border-radius: if(variables.$border-radius == 0, 0, if(variables.$border-radius == 0px, 0, 2px)),
-  // if global border radius is 0 or 0px, don't round input fields in their default value
-  $checkbox-border: 1px solid variables.$brand-dark-grey,
-  $checkbox-top-offset: 0px,
-  $checkbox-left-offset: 0px,
-  $radio-border: 1px solid variables.$brand-dark-grey,
-  $radio-background-color: #fff,
-  $radio-selected-dot-color: variables.$brand-black,
-  $radio-selected-dot-size: 14px,
-  $radio-selected-offset: 0px,
-  $separator-color: variables.$brand-dark-grey,
-  $price-range-min-max-text-color: variables.$brand-dark-grey,
-  $range-input-bg-color: variables.$brand-lightest-grey,
-  $clear-all-filters-color: #fff,
-  $top-level-summary-background: transparent,
-  $hovered-top-level-summary-background: variables.$brand-lightest-grey,
-  $hovered-range-input-bg-color: variables.$brand-lighter-grey,
-  $hovered-checkbox-bg: variables.$brand-lighter-grey,
-  $hovered-checkbox-checked-background-color: variables.$brand-dark-grey,
-  $input-row-label-color: variables.$brand-dark-grey,
-  $checked-input-row-label-color: #000,
-  $input-row-label-font-weight: 400,
-  $checked-input-row-label-font-weight: 500,
-  $showing-selected-subfilter-count-color: variables.$brand-grey,
-  $filter-available-products-color: variables.$brand-grey,
-  $count-zero-input-row-label-color: rgb(194, 194, 194),
-  $spacing_between_input_rows: 10px,
-  $ungrouped-top-margin: 25px,
-  $hovered-checkbox-border: 2px solid variables.$brand-black,
-  $hovered-radio-border: 2px solid variables.$brand-black,
-  $sort-and-filter-button-padding: 10px 20px,
-  $expandable-seperator-color: variables.$brand-lightest-grey,
-  $expandable-seperator-hover-color: variables.$brand-lighter-grey,
-  $expandable-seperator-height: 1px,
-  $filter-group-heading-color: variables.$brand-dark-grey,
-  $filter-groups-morphing-sign-color: variables.$brand-dark-grey,
-  $filter-group-border-color: variables.$brand-light-grey,
-  $filter-group-summary-border-radius: 0px,
-  $sort-and-filter-modal-background: white,
-  $filter-group-heading-padding: 15px 10px,
-  $filter-group-summary-spacings: 0px,
-  $range-input-field-border-radius: 0px,
-  $range-input-field-border: 0.5px solid #000000,
-  $filter-group-title-bold: 500,
-  $view-more-clear-background: white,
-  $filter-collapsible-body-background: white,
-  $sort-and-filter-modal-section-title-font-weight: bold,
-  $sort-and-filter-modal-section-expanded-title-font-weight: $sort-and-filter-modal-section-title-font-weight,
-  $expanded-filter-group-border-color: variables.$brand-lighter-grey,
-  $view-more-clear-border-color: variables.$brand-lighter-grey
-) {
-  @include SortAndFilter.SortAndFilter(
-    $mobile-top-level-collapse-color,
-    $mobile-top-level-collapse-background,
-    $custom-input-checked-background,
-    $custom-input-background,
-    $custom-input-indicator-color,
-    $checkbox-background-color,
-    $checkbox-checked-background-color,
-    $checkbox-checkmark-color,
-    $checkbox-border-radius,
-    $checkbox-border,
-    $checkbox-top-offset,
-    $checkbox-left-offset,
-    $radio-border,
-    $radio-background-color,
-    $radio-selected-dot-color,
-    $radio-selected-dot-size,
-    $radio-selected-offset,
-    $separator-color,
-    $price-range-min-max-text-color,
-    $range-input-bg-color,
-    $top-level-summary-background,
-    $hovered-top-level-summary-background,
-    $hovered-range-input-bg-color,
-    $hovered-checkbox-bg,
-    $hovered-checkbox-checked-background-color,
-    $input-row-label-color,
-    $checked-input-row-label-color,
-    $input-row-label-font-weight,
-    $checked-input-row-label-font-weight,
-    $showing-selected-subfilter-count-color,
-    $filter-available-products-color,
-    $count-zero-input-row-label-color,
-    $spacing_between_input_rows,
-    $ungrouped-top-margin,
-    $hovered-checkbox-border,
-    $hovered-radio-border,
-    $sort-and-filter-button-padding,
-    $expandable-seperator-color,
-    $expandable-seperator-hover-color,
-    $expandable-seperator-height,
-    $filter-group-heading-color,
-    $filter-groups-morphing-sign-color,
-    $filter-group-summary-border-radius,
-    $sort-and-filter-modal-background,
-    $filter-group-heading-padding,
-    $filter-group-summary-spacings,
-    $range-input-field-border-radius,
-    $range-input-field-border,
-    $filter-group-title-bold,
-    $view-more-clear-background,
-    $filter-collapsible-body-background,
-    $sort-and-filter-modal-section-title-font-weight,
-    $sort-and-filter-modal-section-expanded-title-font-weight
-  );
-  .filters .body {
-    details.filter-collapsible {
-      border-top: 1px solid $filter-group-border-color;
-      &[open] {
-        & > summary {
-          border-bottom: 1px solid $expanded-filter-group-border-color;
-        }
-      }
-      .filter-collapsible-body {
-        margin-bottom: 15px;
-      }
-    }
-    .view-more-clear {
-      border-top: 1px solid $view-more-clear-border-color;
-    }
-  }
-  .filter-sort-modal details {
-    &.sorting,
-    &.filters {
-      .sort-filter-summary > .summary {
-        border-top: 1px solid #f4f4f4;
-      }
-    }
-  }
-}