@snack-uikit/breadcrumbs 0.8.9 → 0.8.11-preview-993a9cfb.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 0.8.10 (2024-02-13)
+
+
+### Bug Fixes
+
+* **FF-0000:** empty label value ([053a8c8](https://github.com/cloud-ru-tech/snack-uikit/commit/053a8c80241b37a69edc2dae9424b1f960abdd56))
+
+
+
+
+
 ## 0.8.9 (2024-02-13)
 
 ### Only dependencies have been changed

package/dist/components/Collapse/styles.module.css

@@ -1,16 +1,16 @@
 .collapse{
-  color:var(--sys-neutral-text-light, #898989);
+  color:var(--sys-neutral-text-light, #868892);
   background:none;
   border:none;
 }
 .collapse:focus-visible, .collapse:hover{
-  color:var(--sys-neutral-text-support, #565656);
+  color:var(--sys-neutral-text-support, #656771);
 }
 .collapse:focus-visible{
   outline-width:var(--border-state-focus-s-border-width, 2px);
   outline-style:var(--border-state-focus-s-border-style, solid);
   outline-color:var(--border-state-focus-s-border-color, );
-  outline-color:var(--sys-available-complementary, #131313);
+  outline-color:var(--sys-available-complementary, #141415);
 }
 
 .collapsedRow{

package/dist/components/Crumb/styles.module.css

@@ -12,7 +12,7 @@
   width:100%;
   margin:0;
   padding:0;
-  color:var(--sys-neutral-text-light, #898989);
+  color:var(--sys-neutral-text-light, #868892);
   text-decoration:none;
   background:none;
   border:none;
@@ -21,16 +21,16 @@
   cursor:pointer;
 }
 .crumb[data-clickable]:focus-visible, .crumb[data-clickable]:hover, a.crumb[data-clickable]:focus-visible, a.crumb[data-clickable]:hover{
-  color:var(--sys-neutral-text-support, #565656);
+  color:var(--sys-neutral-text-support, #656771);
 }
 .crumb[data-current=true], a.crumb[data-current=true]{
-  color:var(--sys-neutral-text-support, #565656);
+  color:var(--sys-neutral-text-support, #656771);
 }
 .crumb:focus-visible, a.crumb:focus-visible{
   outline-width:var(--border-state-focus-s-border-width, 2px);
   outline-style:var(--border-state-focus-s-border-style, solid);
   outline-color:var(--border-state-focus-s-border-color, );
-  outline-color:var(--sys-available-complementary, #131313);
+  outline-color:var(--sys-available-complementary, #141415);
 }
 .crumb[data-size=xs], a.crumb[data-size=xs]{
   height:var(--size-breadcrumbs-xs, 16px);
@@ -40,16 +40,16 @@
   height:var(--size-breadcrumbs-s, 24px);
   gap:var(--space-breadcrumbs-crumb-s-gap, 2px);
 }
+.crumb .label, a.crumb .label{
+  overflow:hidden;
+  width:100%;
+  text-overflow:ellipsis;
+  white-space:nowrap;
+}
 .crumb .icon, a.crumb .icon{
   display:flex;
   flex-shrink:0;
   align-items:center;
   width:-moz-fit-content;
   width:fit-content;
-}
-.crumb .label, a.crumb .label{
-  overflow:hidden;
-  width:100%;
-  text-overflow:ellipsis;
-  white-space:nowrap;
 }

package/dist/components/HiddenChain/hooks.js

@@ -19,7 +19,8 @@ const getItemModesRenderer = (firstItemIconOnly) => (item, index) => {
     const modes = isIconOnlyMode ? ICON_ONLY_MODES : NORMAL_MODES;
     return modes.map(([mode, labelProp]) => {
         const label = item[labelProp];
-        if (!label) {
+        // full mode не может отсутствовать, даже если там нет значения
+        if (!label && mode !== ITEM_RENDER_MODE.Full) {
             return null;
         }
         return _jsx(Crumb, { useIconOnly: isIconOnlyMode, renderMode: mode, item: item }, item.id + mode);

package/dist/components/Separator/styles.module.css

@@ -1,7 +1,7 @@
 .separator{
   display:flex;
   align-items:center;
-  color:var(--sys-neutral-text-disabled, #9e9e9e);
+  color:var(--sys-neutral-text-disabled, #b3b6bf);
 }
 .separator[data-size=xs]{
   height:var(--size-breadcrumbs-xs, 16px);

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Breadcrumbs",
-  "version": "0.8.9",
+  "version": "0.8.11-preview-993a9cfb.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -32,11 +32,11 @@
   "license": "Apache-2.0",
   "scripts": {},
   "dependencies": {
-    "@snack-uikit/list": "0.3.3",
+    "@snack-uikit/list": "0.3.4-preview-993a9cfb.0",
     "@snack-uikit/typography": "0.6.1",
     "@snack-uikit/utils": "3.2.0",
     "classnames": "2.3.2",
     "lodash.debounce": "4.0.8"
   },
-  "gitHead": "2a64233470f28de9e0b08c1c219bd0e4cbd6ba20"
+  "gitHead": "a421965dc78af63a8c292e595b3f0a8ff1be86f9"
 }

package/src/components/Crumb/styles.module.scss

@@ -50,17 +50,17 @@ $sizes: 'xs', 's';
     }
   }
 
-  .icon {
-    display: flex;
-    flex-shrink: 0;
-    align-items: center;
-    width: fit-content;
-  }
-
   .label {
     overflow: hidden;
     width: 100%;
     text-overflow: ellipsis;
     white-space: nowrap;
   }
+
+  .icon {
+    display: flex;
+    flex-shrink: 0;
+    align-items: center;
+    width: fit-content;
+  }
 }

package/src/components/HiddenChain/hooks.tsx

@@ -29,7 +29,8 @@ const getItemModesRenderer = (firstItemIconOnly: boolean) => (item: Item, index:
   return modes.map(([mode, labelProp]) => {
     const label = item[labelProp];
 
-    if (!label) {
+    // full mode не может отсутствовать, даже если там нет значения
+    if (!label && mode !== ITEM_RENDER_MODE.Full) {
       return null;
     }