@kvdbil/components 15.0.3 → 15.0.4

package/cjs/components/Breadcrumbs/BreadcrumbsItem.js

@@ -1,20 +1,21 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("styled-components"),r=require("../../typography/BodyText/index.js");require("../../shared/media-queries.js");var i,o=(i=t)&&i.__esModule?i:{default:i};const l=o.default.li`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("styled-components"),n=require("../../typography/BodyText/index.js");require("../../shared/media-queries.js");var r,o=(r=t)&&r.__esModule?r:{default:r};const i=o.default.li`
   display: flex;
   align-items: center;
   margin: 0;
   text-indent: 0;
   list-style-type: none;
-  overflow: hidden;
+  ${({$onlyLastTruncated:e})=>!e&&"\n    overflow: hidden;\n  "}
 
   a {
-    ${r.BodyTextStyle}
+    ${n.BodyTextStyle}
     font-weight: ${({theme:e})=>e.typography.fontBaseBoldWeight};
     color: ${({theme:e})=>e.colors.info.main};
     text-decoration: none;
-    overflow: hidden;
-    text-overflow: ellipsis;
+    ${({$onlyLastTruncated:e})=>!e&&"\n      overflow: hidden;\n      text-overflow: ellipsis;\n    "}
   }
-`,n=o.default(r.BodyText)`
+
+  ${({$onlyLastTruncated:e})=>e&&"\n    &:last-child {\n      overflow: hidden;\n    }\n  "}
+`,l=o.default(n.BodyText)`
   color: ${({theme:e})=>e.colors.text.dark};
   overflow: hidden;
   text-overflow: ellipsis;
@@ -33,4 +34,4 @@
     width: 1rem;
     height: 1rem;
   }
-`;exports.default=({link:t,separator:r,isLast:i})=>e.jsx(e.Fragment,{children:e.jsxs(l,{children:[t.prefixIcon&&e.jsx(s,{children:t.prefixIcon}),i?e.jsx(n,{as:"span",children:t.component}):e.jsxs(e.Fragment,{children:[t.component,e.jsx(d,{children:r})]})]})});
+`;exports.default=({link:t,separator:n,isLast:r,onlyLastTruncated:o})=>e.jsx(e.Fragment,{children:e.jsxs(i,{$onlyLastTruncated:o,children:[t.prefixIcon&&e.jsx(s,{children:t.prefixIcon}),r?e.jsx(l,{as:"span",children:t.component}):e.jsxs(e.Fragment,{children:[t.component,e.jsx(d,{children:n})]})]})});

package/cjs/components/Breadcrumbs/index.js

@@ -4,4 +4,4 @@
   padding: 0;
   white-space: nowrap;
   overflow: hidden;
-`;exports.default=({links:e,separator:s=r.jsx(a.default,{})})=>r.jsx(i,{children:e.map(((a,i)=>r.jsx(t.default,{link:a,separator:s,isLast:i===e.length-1},i)))});
+`;exports.default=({links:e,separator:s=r.jsx(a.default,{}),onlyLastTruncated:n=!1})=>r.jsx(i,{children:e.map(((a,i)=>r.jsx(t.default,{link:a,separator:s,isLast:i===e.length-1,onlyLastTruncated:n},i)))});

package/esm/components/Breadcrumbs/BreadcrumbsItem.js

@@ -1,31 +1,41 @@
-import{jsx as o,Fragment as t,jsxs as r}from"react/jsx-runtime";import i from"styled-components";import{BodyTextStyle as d,BodyText as s}from"../../typography/BodyText/index.js";import"../../shared/media-queries.js";const a=i.li`
+import{jsx as t,Fragment as n,jsxs as i}from"react/jsx-runtime";import o from"styled-components";import{BodyTextStyle as a,BodyText as s}from"../../typography/BodyText/index.js";import"../../shared/media-queries.js";const h=o.li`
   display: flex;
   align-items: center;
   margin: 0;
   text-indent: 0;
   list-style-type: none;
-  overflow: hidden;
+  ${({$onlyLastTruncated:e})=>!e&&`
+    overflow: hidden;
+  `}
 
   a {
-    ${d}
+    ${a}
     font-weight: ${({theme:e})=>e.typography.fontBaseBoldWeight};
     color: ${({theme:e})=>e.colors.info.main};
     text-decoration: none;
-    overflow: hidden;
-    text-overflow: ellipsis;
+    ${({$onlyLastTruncated:e})=>!e&&`
+      overflow: hidden;
+      text-overflow: ellipsis;
+    `}
   }
-`,h=i(s)`
+
+  ${({$onlyLastTruncated:e})=>e&&`
+    &:last-child {
+      overflow: hidden;
+    }
+  `}
+`,c=o(s)`
   color: ${({theme:e})=>e.colors.text.dark};
   overflow: hidden;
   text-overflow: ellipsis;
-`,m=i.span`
+`,m=o.span`
   display: inline-flex;
   padding-right: 0.5rem;
   svg {
     width: 1rem;
     height: 1rem;
   }
-`,p=i.span`
+`,p=o.span`
   display: inline-flex;
   padding: 0 0.5rem;
   color: ${({theme:e})=>e.colors.gray.light1};
@@ -33,4 +43,4 @@ import{jsx as o,Fragment as t,jsxs as r}from"react/jsx-runtime";import i from"st
     width: 1rem;
     height: 1rem;
   }
-`,c=({link:e,separator:n,isLast:l})=>o(t,{children:r(a,{children:[e.prefixIcon&&o(m,{children:e.prefixIcon}),l?o(h,{as:"span",children:e.component}):r(t,{children:[e.component,o(p,{children:n})]})]})});export{c as default};
+`,f=({link:e,separator:r,isLast:l,onlyLastTruncated:d})=>t(n,{children:i(h,{$onlyLastTruncated:d,children:[e.prefixIcon&&t(m,{children:e.prefixIcon}),l?t(c,{as:"span",children:e.component}):i(n,{children:[e.component,t(p,{children:r})]})]})});export{f as default};

package/esm/components/Breadcrumbs/index.js

@@ -1,7 +1,7 @@
-import{jsx as r}from"react/jsx-runtime";import p from"styled-components";import a from"./BreadcrumbsItem.js";import m from"../../icons/components/NextIcon.js";import"../../typography/BodyText/index.js";import"../../shared/media-queries.js";const n=p.ul`
+import{jsx as r}from"react/jsx-runtime";import n from"styled-components";import p from"./BreadcrumbsItem.js";import m from"../../icons/components/NextIcon.js";import"../../typography/BodyText/index.js";import"../../shared/media-queries.js";const s=n.ul`
   display: flex;
   align-items: center;
   padding: 0;
   white-space: nowrap;
   overflow: hidden;
-`,s=({links:o,separator:t=r(m,{})})=>r(n,{children:o.map((e,i)=>r(a,{link:e,separator:t,isLast:i===o.length-1},i))});export{s as default};
+`,l=({links:t,separator:a=r(m,{}),onlyLastTruncated:e=!1})=>r(s,{children:t.map((i,o)=>r(p,{link:i,separator:a,isLast:o===t.length-1,onlyLastTruncated:e},o))});export{l as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kvdbil/components",
-  "version": "15.0.3",
+  "version": "15.0.4",
   "sideEffects": false,
   "main": "cjs/index.js",
   "module": "esm/index.js",

package/package.json.tmp

@@ -1,6 +1,6 @@
 {
   "name": "@kvdbil/components",
-  "version": "15.0.3",
+  "version": "15.0.4",
   "sideEffects": false,
   "main": "cjs/index.js",
   "module": "esm/index.js",

package/types/components/Breadcrumbs/BreadcrumbsItem.d.ts

@@ -4,6 +4,7 @@ interface Props {
     link: BreadcrumbLink;
     separator?: ReactNode;
     isLast: boolean;
+    onlyLastTruncated: boolean;
 }
-declare const BreadcrumbsItem: ({ link, separator, isLast }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const BreadcrumbsItem: ({ link, separator, isLast, onlyLastTruncated, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default BreadcrumbsItem;

package/types/components/Breadcrumbs/index.d.ts

@@ -6,6 +6,7 @@ export interface BreadcrumbLink {
 export interface Props {
     links: BreadcrumbLink[];
     separator?: ReactNode;
+    onlyLastTruncated?: boolean;
 }
-declare const Breadcrumbs: ({ links, separator }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const Breadcrumbs: ({ links, separator, onlyLastTruncated, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default Breadcrumbs;