feat: table component

commitlint.config.cjs

@@ -31,6 +31,7 @@ module.exports = {
         "textarea",
         "popover",
         "notification",
+        "table",
       ],
     ],
   },

src/baklava.ts

@@ -25,4 +25,10 @@ export { default as BlDropdownGroup } from "./components/dropdown/group/bl-dropd
 export { default as BlSwitch } from "./components/switch/bl-switch";
 export { default as BlNotification } from "./components/notification/bl-notification";
 export { default as BlNotificationCard } from "./components/notification/card/bl-notification-card";
+export { default as BlTable } from "./components/table/bl-table";
+export { default as BlTableHeader } from "./components/table/table-header/bl-table-header";
+export { default as BlTableBody } from "./components/table/table-body/bl-table-body";
+export { default as BlTableRow } from "./components/table/table-row/bl-table-row";
+export { default as BlTableHeaderCell } from "./components/table/table-header-cell/bl-table-header-cell";
+export { default as BlTableCell } from "./components/table/table-cell/bl-table-cell";
 export { getIconPath, setIconPath } from "./utilities/asset-paths";

src/components/icon/icon-list.ts

@@ -194,6 +194,8 @@ const icons = [
   "shopping_bag_discount",
   "shopping_bag_return",
   "sorting",
+  "sorting_asc",
+  "sorting_desc",
   "sound_off",
   "sound_on",
   "split_money",

src/components/table/bl-table.css

@@ -0,0 +1,18 @@
+:host {
+  display: block;
+  height: 100%;
+}
+
+.table-wrapper {
+  overflow: auto;
+  border: 1px solid var(--bl-color-neutral-lighter);
+  border-radius: var(--bl-size-3xs);
+  position: relative;
+  max-height: 100%;
+}
+
+.table {
+  width: 100%;
+  display: table;
+  border-spacing: 0;
+}