@bigtablet/design-system 1.3.1 → 1.4.0

package/dist/index.css

@@ -306,6 +306,31 @@
 .btn--ghost:active:not(:disabled) {
   transform: scale(0.95);
 }
+.btn--danger {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: none;
+  cursor: pointer;
+  transition: 0.2s ease-out;
+  font-weight: 500;
+  border-radius: 8px;
+}
+.btn--danger:disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+.btn--danger {
+  background: #ef4444;
+  color: #ffffff;
+}
+.btn--danger:hover:not(:disabled) {
+  background: rgb(235.7842364532, 30.4157635468, 30.4157635468);
+}
+.btn--danger:active:not(:disabled) {
+  transform: scale(0.98);
+}
 .btn--sm {
   padding: 0.5rem 1rem;
   font-size: 0.875rem;
@@ -934,36 +959,41 @@
 
 /* src/ui/navigation/pagination/style.scss */
 .pagination {
-  display: inline-flex;
+  display: flex;
   align-items: center;
+  justify-content: center;
   gap: 0.5rem;
+  margin-top: 2rem;
 }
-.pagination__item {
+.pagination_item {
   border: 1px solid #e5e5e5;
   background: #ffffff;
-  color: #1a1a1a;
-  border-radius: 6px;
-  padding: 0.25rem 0.5rem;
-  cursor: pointer;
+  border-radius: 8px;
+  padding: 6px 10px;
+  min-width: 36px;
   font-size: 0.875rem;
   line-height: 1.5;
+  color: #3B3B3B;
+  transition: background 0.2s ease-out, border-color 0.2s ease-out;
 }
-.pagination__item.is-active {
-  background: #000000;
-  color: #ffffff;
-  border-color: #000000;
+.pagination_item:hover:not(:disabled) {
+  background: #fafafa;
 }
-.pagination__item:disabled {
+.pagination_item:disabled {
   opacity: 0.5;
   cursor: not-allowed;
 }
-.pagination__item:focus-visible {
+.pagination_item:focus-visible {
   box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.15);
   border-color: #000000;
 }
-.pagination__ellipsis {
-  padding: 0 0.25rem;
-  color: #999999;
+.pagination_page {
+  min-width: 36px;
+  text-align: center;
+  font-size: 0.875rem;
+  line-height: 1.5;
+  font-weight: 600;
+  color: #1F2937;
 }
 
 /* src/ui/overlay/modal/style.scss */

package/dist/index.d.ts

@@ -64,7 +64,7 @@ declare const useToast: () => {
 };
 
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    variant?: "primary" | "secondary" | "ghost";
+    variant?: "primary" | "secondary" | "ghost" | "danger";
     size?: "sm" | "md" | "lg";
     style?: React.CSSProperties;
 }
@@ -140,7 +140,6 @@ declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.
 interface PaginationProps {
     page: number;
     hasNext: boolean;
-    size?: number;
     onChange: (page: number) => void;
 }
 declare const Pagination: ({ page, hasNext, onChange }: PaginationProps) => react_jsx_runtime.JSX.Element;

package/dist/index.js

@@ -606,20 +606,22 @@ var Pagination = ({ page, hasNext, onChange }) => {
     /* @__PURE__ */ jsx(
       "button",
       {
-        className: "pagination__item",
-        onClick: () => !prevDisabled && onChange(page - 1),
+        className: "pagination_item",
+        onClick: () => onChange(page - 1),
         disabled: prevDisabled,
-        children: "Prev"
+        "aria-label": "Previous page",
+        children: "\u2039"
       }
     ),
-    /* @__PURE__ */ jsx("span", { className: "pagination__page", children: page }),
+    /* @__PURE__ */ jsx("span", { className: "pagination_page", "aria-current": "page", children: page }),
     /* @__PURE__ */ jsx(
       "button",
       {
-        className: "pagination__item",
-        onClick: () => !nextDisabled && onChange(page + 1),
+        className: "pagination_item",
+        onClick: () => onChange(page + 1),
         disabled: nextDisabled,
-        children: "Next"
+        "aria-label": "Next page",
+        children: "\u203A"
       }
     )
   ] });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigtablet/design-system",
-  "version": "1.3.1",
+  "version": "1.4.0",
   "description": "Bigtablet Design System UI Components",
   "type": "module",
   "types": "dist/index.d.ts",
@@ -70,7 +70,7 @@
     "conventional-changelog-conventionalcommits": "^9.1.0",
     "esbuild-sass-plugin": "^3",
     "lucide-react": "^0.552.0",
-    "next": "16.0.1",
+    "next": "16.0.9",
     "react": "19.2.0",
     "react-dom": "19.2.0",
     "react-toastify": "^11.0.5",