uibee 2.16.5 → 2.16.7

package/dist/src/components/index.d.ts

@@ -27,4 +27,4 @@ export { default as Pagination } from './table/pagination';
 export { default as MarkdownRender } from './markdownrender/markdownRender';
 export { default as ConfirmPopup } from './confirm/confirmPopup';
 export { default as SeverityPill } from './vulnerability/severityPill';
-export { default as Toggle } from './layout/toggle';
+export { default as Toggle } from './inputs/toggle';

package/dist/src/components/index.js

@@ -41,4 +41,4 @@ export { default as ConfirmPopup } from './confirm/confirmPopup';
 // Vulnerability
 export { default as SeverityPill } from './vulnerability/severityPill';
 // Layout
-export { default as Toggle } from './layout/toggle';
+export { default as Toggle } from './inputs/toggle';

package/dist/src/components/inputs/toggle.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export default function Toggle({ value, onChange, left, right, }) {
+    const active = 'bg-login-200 text-login-950 shadow';
+    const idle = 'text-login-200 hover:bg-login-50/10 hover:text-login-50';
+    const base = 'flex items-center justify-center rounded-lg transition gap-1';
+    function renderContent(opt) {
+        return (_jsxs(_Fragment, { children: [opt.icon, opt.text && _jsx("span", { children: opt.text })] }));
+    }
+    const isLeftActive = value === left.value;
+    const isRightActive = value === right.value;
+    return (_jsxs("div", { className: 'flex items-center border rounded-lg border-login-100/10 bg-login-50/5 p-1', children: [_jsx("button", { type: 'button', onClick: () => onChange(left.value), "aria-label": left.label ?? left.text, "aria-pressed": isLeftActive, className: `${base} px-2 h-7 ${isLeftActive ? active : idle}`, children: renderContent(left) }), _jsx("button", { type: 'button', onClick: () => onChange(right.value), "aria-label": right.label ?? right.text, "aria-pressed": isRightActive, className: `${base} px-2 h-7 ${isRightActive ? active : idle}`, children: renderContent(right) })] }));
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "uibee",
-  "version": "2.16.5",
+  "version": "2.16.7",
   "description": "Shared components, functions and hooks for reuse across Login projects",
   "homepage": "https://github.com/Login-Linjeforening-for-IT/uibee#readme",
   "bugs": {

package/src/components/inputs/toggle.tsx

@@ -35,7 +35,7 @@ export default function Toggle<T>({
     const isRightActive = value === right.value
 
     return (
-        <div className='flex items-center border border-login-100/10 bg-login-50/5 p-1'>
+        <div className='flex items-center border rounded-lg border-login-100/10 bg-login-50/5 p-1'>
             <button
                 type='button'
                 onClick={() => onChange(left.value)}

package/dist/src/components/layout/toggle.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-export default function Toggle({ value, onChange, left, right, }) {
-    const active = 'bg-login-200 text-login-950 shadow';
-    const idle = 'text-login-200 hover:bg-login-50/10 hover:text-login-50';
-    const base = 'flex items-center justify-center rounded-full transition gap-1';
-    function renderContent(opt) {
-        return (_jsxs(_Fragment, { children: [opt.icon, opt.text && _jsx("span", { children: opt.text })] }));
-    }
-    const isLeftActive = value === left.value;
-    const isRightActive = value === right.value;
-    return (_jsxs("div", { className: 'flex items-center rounded-full border border-login-100/10 bg-login-50/5 p-1', children: [_jsx("button", { type: 'button', onClick: () => onChange(left.value), "aria-label": left.label ?? left.text, "aria-pressed": isLeftActive, className: `${base} px-2 h-7 ${isLeftActive ? active : idle}`, children: renderContent(left) }), _jsx("button", { type: 'button', onClick: () => onChange(right.value), "aria-label": right.label ?? right.text, "aria-pressed": isRightActive, className: `${base} px-2 h-7 ${isRightActive ? active : idle}`, children: renderContent(right) })] }));
-}