@wireapp/react-ui-kit 9.61.1 → 9.61.2

package/lib/Navigation/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.js

@@ -4,6 +4,6 @@ exports.BreadcrumbItem = void 0;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const BreadcrumbItem_styles_1 = require("./BreadcrumbItem.styles");
 const BreadcrumbItem = ({ name, icon, isActive, onClick, isFirst }) => {
-    return ((0, jsx_runtime_1.jsx)("li", { css: BreadcrumbItem_styles_1.listItemStyles, children: isActive ? ((0, jsx_runtime_1.jsxs)("span", { css: BreadcrumbItem_styles_1.activeItemStyles, children: [icon, name] })) : ((0, jsx_runtime_1.jsxs)("button", { type: "button", css: (0, BreadcrumbItem_styles_1.buttonStyles)({ isFirst }), onClick: onClick, children: [icon, name] })) }));
+    return ((0, jsx_runtime_1.jsx)("li", { css: BreadcrumbItem_styles_1.listItemStyles, children: isActive ? ((0, jsx_runtime_1.jsxs)("span", { css: (0, BreadcrumbItem_styles_1.activeItemStyles)({ isFirst }), children: [icon, name] })) : ((0, jsx_runtime_1.jsxs)("button", { type: "button", css: (0, BreadcrumbItem_styles_1.buttonStyles)({ isFirst }), onClick: onClick, children: [icon, name] })) }));
 };
 exports.BreadcrumbItem = BreadcrumbItem;

package/lib/Navigation/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.styles.d.ts

@@ -3,5 +3,7 @@ export declare const listItemStyles: CSSObject;
 export declare const buttonStyles: ({ isFirst }: {
     isFirst: boolean;
 }) => CSSObject;
-export declare const activeItemStyles: CSSObject;
+export declare const activeItemStyles: ({ isFirst }: {
+    isFirst: boolean;
+}) => CSSObject;
 //# sourceMappingURL=BreadcrumbItem.styles.d.ts.map

package/lib/Navigation/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbItem.styles.d.ts","sourceRoot":"","sources":["../../../../src/Navigation/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.styles.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAIzC,eAAO,MAAM,cAAc,EAAE,SAI5B,CAAC;AAEF,eAAO,MAAM,YAAY,gBAAe;IAAC,OAAO,EAAE,OAAO,CAAA;CAAC,KAAG,SAgB3D,CAAC;AAEH,eAAO,MAAM,gBAAgB,EAAE,SAQ9B,CAAC"}
+{"version":3,"file":"BreadcrumbItem.styles.d.ts","sourceRoot":"","sources":["../../../../src/Navigation/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.styles.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAIzC,eAAO,MAAM,cAAc,EAAE,SAI5B,CAAC;AAEF,eAAO,MAAM,YAAY,gBAAe;IAAC,OAAO,EAAE,OAAO,CAAA;CAAC,KAAG,SAgB3D,CAAC;AAEH,eAAO,MAAM,gBAAgB,gBAAe;IAAC,OAAO,EAAE,OAAO,CAAA;CAAC,KAAG,SAQ/D,CAAC"}

package/lib/Navigation/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.styles.js

@@ -41,12 +41,13 @@ const buttonStyles = ({ isFirst }) => ({
     },
 });
 exports.buttonStyles = buttonStyles;
-exports.activeItemStyles = {
+const activeItemStyles = ({ isFirst }) => ({
     display: 'inline-flex',
     alignItems: 'center',
     gap: '8px',
-    paddingLeft: '8px',
+    paddingLeft: isFirst ? '0' : '8px',
     paddingRight: '0',
     fontSize: '14px',
     color: 'var(--main-color)',
-};
+});
+exports.activeItemStyles = activeItemStyles;

package/lib/Navigation/Breadcrumbs/Breadcrumbs.stories.d.ts

@@ -7,4 +7,5 @@ export declare const Default: Story;
 export declare const WithCombinedItems: Story;
 export declare const WithIcons: Story;
 export declare const WithIconsAndCombinedItems: Story;
+export declare const OneItem: Story;
 //# sourceMappingURL=Breadcrumbs.stories.d.ts.map

package/lib/Navigation/Breadcrumbs/Breadcrumbs.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.stories.d.ts","sourceRoot":"","sources":["../../../src/Navigation/Breadcrumbs/Breadcrumbs.stories.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,oBAAoB,CAAC;AAElD,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAI1C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAMlC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AAE1C,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAO/B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KAavC,CAAC"}
+{"version":3,"file":"Breadcrumbs.stories.d.ts","sourceRoot":"","sources":["../../../src/Navigation/Breadcrumbs/Breadcrumbs.stories.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,oBAAoB,CAAC;AAElD,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAI1C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAMlC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AAE1C,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAO/B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KAavC,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC"}

package/lib/Navigation/Breadcrumbs/Breadcrumbs.stories.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.WithIconsAndCombinedItems = exports.WithIcons = exports.WithCombinedItems = exports.Default = void 0;
+exports.OneItem = exports.WithIconsAndCombinedItems = exports.WithIcons = exports.WithCombinedItems = exports.Default = void 0;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const Breadcrumbs_1 = require("./Breadcrumbs");
 const Icon_1 = require("../../DataDisplay/Icon");
@@ -30,3 +30,6 @@ exports.WithIconsAndCombinedItems = {
             { name: 'Subfolder 3' },
         ], onItemClick: () => { } })),
 };
+exports.OneItem = {
+    render: () => (0, jsx_runtime_1.jsx)(Breadcrumbs_1.Breadcrumbs, { items: [{ name: 'Home' }], onItemClick: () => { } }),
+};

package/package.json

@@ -79,6 +79,6 @@
     "test:watch": "jest --watch",
     "test:update": "jest --updateSnapshot"
   },
-  "version": "9.61.1",
-  "gitHead": "3861d76a73c2b981bc27b09fe61ccaa0802e649d"
+  "version": "9.61.2",
+  "gitHead": "938a7cd72fc21a5875505987bea3a5f246dbc215"
 }