oneslash-design-system 1.2.16 → 1.2.17

package/dist/components/alert.jsx

@@ -77,7 +77,7 @@ export default function Alert(_a) {
             bgColor = 'bg-light-secondary-light dark:bg-dark-secondary-light';
             break;
     }
-    return (<div className="fixed top-0 inset-x-0 z-50 flex justify-center pointer-events-none">
+    return (<div className="fixed top-4 inset-x-0 z-50 flex justify-center pointer-events-none">
       <div className={"flex items-start justify-between w-full max-w-md p-2 rounded-[8px] pointer-events-auto transition-opacity duration-200 ease-out ".concat(bgColor, " ").concat(isVisible
             ? 'opacity-100'
             : 'opacity-0')}>

package/dist/components/loadingScreen.jsx

@@ -2,7 +2,7 @@
 import React from 'react';
 export default function LoadingScreen() {
     return (<div className="flex justify-center items-center h-full w-full min-h-[200px]">
-        <div className="w-12 h-12 border-4 border-t-transparent border-light-text-primary dark:border-dark-text-primary dark:border-t-transparent rounded-full animate-spin"></div>
+        <div className="w-12 h-12 rounded-full border-4 border-t-transparent border-r-light-text-primary border-b-light-text-primary border-l-light-text-primary dark:border-t-transparent dark:border-r-dark-text-primary dark:border-b-dark-text-primary dark:border-l-dark-text-primary animate-spin"></div>
     </div>);
 }
 ;
@@ -14,6 +14,6 @@ export function LoadingSmall(_a) {
         small: 'w-5 h-5 border-2', // 20px, slightly thinner border
     };
     return (<div className="flex justify-center items-center">
-      <div className={"border-t-transparent border-light-text-primary dark:border-dark-text-primary dark:border-t-transparent rounded-full animate-spin ".concat(spinnerSizeClasses[size])}/>
+      <div className={"rounded-full border-t-transparent border-r-light-text-primary border-b-light-text-primary border-l-light-text-primary dark:border-t-transparent dark:border-r-dark-text-primary dark:border-b-dark-text-primary dark:border-l-dark-text-primary animate-spin ".concat(spinnerSizeClasses[size])}/>
     </div>);
 }

package/dist/components/menuItem.jsx

@@ -100,7 +100,7 @@ export default function MenuItem(_a) {
             ? 'bg-light-background-accent300 dark:bg-dark-background-accent300 hover:bg-light-background-accent200 dark:hover:bg-dark-background-accent200'
             : 'hover:bg-light-background-accent200 hover:dark:bg-dark-background-accent200', "\n        ").concat(className, "\n      ")} style={{ width: '100%' }} onClick={onClick}>
       {/* Left group: icon/userImg + label + tag with 8px gap */}
-      <div className="flex items-center gap-1">
+      <div className="flex items-center gap-2">
         {userImgUrl ? (<UserImage userHandle={userHandle || ''} userImgUrl={userImgUrl}/>) : (IconLeft && (<IconLeft className={"".concat(iconSize, " text-light-text-secondary dark:text-dark-text-secondary")}/>))}
         <span className={"whitespace-nowrap ".concat(labelClass, " text-light-text-primary dark:text-dark-text-primary")}>
           {label}

package/dist/index.d.ts

@@ -11,17 +11,9 @@ export * from './components/menuItem';
 export * from './components/modal';
 export * from './components/navigation';
 export * from './components/popover';
-export * from './components/radioGroup';
 export * from './components/select';
 export * from './components/tab';
-export * from './components/tableCell';
-export * from './components/tableContainer';
-export * from './components/tableHeader';
-export * from './components/tableHeaderCell';
-export * from './components/tableRow';
-export * from './components/tabsContainer';
 export * from './components/tag';
-export * from './components/textarea';
 export * from './components/textField';
 export * from './components/timeStamp';
 export * from './components/tooltip';

package/dist/index.js

@@ -11,17 +11,9 @@ export * from './components/menuItem';
 export * from './components/modal';
 export * from './components/navigation';
 export * from './components/popover';
-export * from './components/radioGroup';
 export * from './components/select';
 export * from './components/tab';
-export * from './components/tableCell';
-export * from './components/tableContainer';
-export * from './components/tableHeader';
-export * from './components/tableHeaderCell';
-export * from './components/tableRow';
-export * from './components/tabsContainer';
 export * from './components/tag';
-export * from './components/textarea';
 export * from './components/textField';
 export * from './components/timeStamp';
 export * from './components/tooltip';

package/dist/output.css

@@ -558,8 +558,8 @@ video {
 .left-0 {
   left: 0px;
 }
-.top-0 {
-  top: 0px;
+.top-4 {
+  top: 1rem;
 }
 .z-10 {
   z-index: 10;
@@ -708,9 +708,6 @@ video {
 .justify-between {
   justify-content: space-between;
 }
-.gap-1 {
-  gap: 0.25rem;
-}
 .gap-2 {
   gap: 0.5rem;
 }
@@ -815,6 +812,18 @@ video {
   --tw-border-opacity: 1;
   border-color: rgb(239 68 68 / var(--tw-border-opacity));
 }
+.border-b-light-text-primary {
+  --tw-border-opacity: 1;
+  border-bottom-color: rgb(0 0 0 / var(--tw-border-opacity));
+}
+.border-l-light-text-primary {
+  --tw-border-opacity: 1;
+  border-left-color: rgb(0 0 0 / var(--tw-border-opacity));
+}
+.border-r-light-text-primary {
+  --tw-border-opacity: 1;
+  border-right-color: rgb(0 0 0 / var(--tw-border-opacity));
+}
 .border-t-transparent {
   border-top-color: transparent;
 }
@@ -1167,6 +1176,21 @@ body {
     border-color: rgb(176 176 176 / var(--tw-border-opacity));
   }
 
+  .dark\:border-b-dark-text-primary {
+    --tw-border-opacity: 1;
+    border-bottom-color: rgb(238 238 238 / var(--tw-border-opacity));
+  }
+
+  .dark\:border-l-dark-text-primary {
+    --tw-border-opacity: 1;
+    border-left-color: rgb(238 238 238 / var(--tw-border-opacity));
+  }
+
+  .dark\:border-r-dark-text-primary {
+    --tw-border-opacity: 1;
+    border-right-color: rgb(238 238 238 / var(--tw-border-opacity));
+  }
+
   .dark\:border-t-transparent {
     border-top-color: transparent;
   }