@wireapp/react-ui-kit 9.55.0 → 9.56.0

package/lib/Misc/Badge/Badge.d.ts

@@ -0,0 +1,4 @@
+export declare const Badge: ({ children }: {
+    children: string;
+}) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Badge.d.ts.map

package/lib/Misc/Badge/Badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/Misc/Badge/Badge.tsx"],"names":[],"mappings":"AAqBA,eAAO,MAAM,KAAK,iBAAgB;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAC,qDAMnD,CAAC"}

package/lib/Misc/Badge/Badge.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Badge = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/*
+ * Wire
+ * Copyright (C) 2025 Wire Swiss GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see http://www.gnu.org/licenses/.
+ *
+ */
+const Badge_styles_1 = require("./Badge.styles");
+const Badge = ({ children }) => {
+    return ((0, jsx_runtime_1.jsx)("div", { css: Badge_styles_1.wrapperStyles, children: (0, jsx_runtime_1.jsx)("span", { css: Badge_styles_1.textStyles, children: children }) }));
+};
+exports.Badge = Badge;

package/lib/Misc/Badge/Badge.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Badge } from './Badge';
+declare const meta: Meta<typeof Badge>;
+export default meta;
+type Story = StoryObj<typeof Badge>;
+export declare const Default: Story;
+export declare const ShortText: Story;
+export declare const TruncatedText: Story;
+//# sourceMappingURL=Badge.stories.d.ts.map

package/lib/Misc/Badge/Badge.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.stories.d.ts","sourceRoot":"","sources":["../../../src/Misc/Badge/Badge.stories.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAEhD,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAC;AAE9B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAU5B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAEpC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAI3B,CAAC"}

package/lib/Misc/Badge/Badge.stories.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TruncatedText = exports.ShortText = exports.Default = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const Badge_1 = require("./Badge");
+const meta = {
+    component: Badge_1.Badge,
+    title: 'Misc/Badge',
+    decorators: [
+        Story => ((0, jsx_runtime_1.jsx)("div", { style: { padding: '24px', maxWidth: '300px', margin: '0 auto', background: 'white' }, children: (0, jsx_runtime_1.jsx)(Story, {}) })),
+    ],
+};
+exports.default = meta;
+exports.Default = {
+    args: {
+        children: 'Default Badge',
+    },
+};
+exports.ShortText = {
+    args: {
+        children: 'New',
+    },
+};
+exports.TruncatedText = {
+    args: {
+        children: 'This is a very long badge text that should be truncated',
+    },
+};

package/lib/Misc/Badge/Badge.styles.d.ts

@@ -0,0 +1,4 @@
+import { CSSObject } from '@emotion/react';
+export declare const wrapperStyles: CSSObject;
+export declare const textStyles: CSSObject;
+//# sourceMappingURL=Badge.styles.d.ts.map

package/lib/Misc/Badge/Badge.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.styles.d.ts","sourceRoot":"","sources":["../../../src/Misc/Badge/Badge.styles.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAIzC,eAAO,MAAM,aAAa,EAAE,SAc3B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,SAGxB,CAAC"}

package/lib/Misc/Badge/Badge.styles.js

@@ -0,0 +1,41 @@
+"use strict";
+/*
+ * Wire
+ * Copyright (C) 2025 Wire Swiss GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see http://www.gnu.org/licenses/.
+ *
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.textStyles = exports.wrapperStyles = void 0;
+const util_1 = require("../../util");
+exports.wrapperStyles = {
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    minWidth: 0,
+    height: '24px',
+    padding: '0 4px',
+    background: 'var(--accent-color-highlight)',
+    color: 'var(--accent-color)',
+    borderRadius: '8px',
+    fontWeight: 500,
+    overflow: 'hidden',
+    width: 'fit-content',
+    maxWidth: '100%',
+};
+exports.textStyles = {
+    ...(0, util_1.ellipsis)(),
+    width: '100%',
+};

package/package.json

@@ -78,6 +78,6 @@
     "test:watch": "jest --watch",
     "test:update": "jest --updateSnapshot"
   },
-  "version": "9.55.0",
-  "gitHead": "323d077eb68c5d227e3041be86521d44173b7907"
+  "version": "9.56.0",
+  "gitHead": "baa103e85749f13a01b188b03df0ac3ddbb3c612"
 }