@tabler/core 1.0.0-alpha.23 → 1.0.0-beta10

package/src/js/src/tab.js

@@ -0,0 +1,16 @@
+import { Tab } from 'bootstrap';
+
+export const EnableActivationTabsFromLocationHash = () => {
+  const locationHash = window.location.hash;
+
+  if (locationHash) {
+	 const tabsList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tab"]'));
+	 const matchedTabs = tabsList.filter(tab => tab.hash === locationHash);
+
+	 matchedTabs.map(tab => {
+		new Tab(tab).show();
+	 });
+  }
+}
+
+EnableActivationTabsFromLocationHash()

package/src/js/tabler.esm.js

@@ -0,0 +1,10 @@
+//Vendor
+
+import './src/autosize';
+import './src/input-mask';
+import './src/dropdown';
+import './src/tooltip';
+import './src/popover';
+import './src/switch-icon';
+import './src/toast';
+

package/src/js/tabler.js

@@ -1,10 +1,13 @@
 //Vendor
 
-import './autosize';
-import './input-mask';
-import './dropdown';
-import './tooltip';
-import './popover';
-import './switch-icon';
-import './toast';
+import './src/autosize';
+import './src/input-mask';
+import './src/dropdown';
+import './src/tooltip';
+import './src/popover';
+import './src/switch-icon';
+import './src/tab';
+import './src/toast';
+import * as bootstrap from 'bootstrap';
 
+window.bootstrap = bootstrap;

package/src/scss/_bootstrap-components.scss

@@ -1,3 +1,4 @@
+// Components
 @import "~bootstrap/scss/root";
 @import "~bootstrap/scss/reboot";
 @import "~bootstrap/scss/type";
@@ -27,6 +28,8 @@
 @import "~bootstrap/scss/popover";
 @import "~bootstrap/scss/carousel";
 @import "~bootstrap/scss/spinners";
+@import "~bootstrap/scss/offcanvas";
+@import "~bootstrap/scss/placeholders";
 
 // Helpers
 @import "~bootstrap/scss/helpers";

package/src/scss/_bootstrap-config.scss

@@ -1,3 +1,4 @@
+// Config
 @import "~bootstrap/scss/functions";
 @import "~bootstrap/scss/variables";
 @import "~bootstrap/scss/mixins";

package/src/scss/{_tabler-core.scss → _core.scss}

@@ -7,6 +7,7 @@
 @import "layout/navbar";
 @import "layout/page";
 @import "layout/footer";
+@import "layout/dark";
 
 @import "ui/accordion";
 @import "ui/alerts";
@@ -15,6 +16,7 @@
 @import "ui/breadcrumbs";
 @import "ui/buttons";
 @import "ui/calendars";
+@import "ui/carousel";
 @import "ui/cards";
 @import "ui/close";
 @import "ui/dropdowns";
@@ -42,14 +44,16 @@
 @import "ui/progress";
 @import "ui/ribbons";
 @import "ui/markdown";
-@import "ui/skeleton";
+@import "ui/placeholder";
 @import "ui/steps";
+@import "ui/status";
 @import "ui/switch-icon";
 @import "ui/tables";
 @import "ui/toasts";
 @import "ui/toolbar";
 @import "ui/type";
 @import "ui/charts";
+@import "ui/offcanvas";
 
 @import "utils/background";
 @import "utils/colors";
@@ -59,5 +63,4 @@
 @import "utils/shadow";
 @import "utils/text";
 
-@import "dark";
 @import "debug";

package/src/scss/_mixins-override.scss

@@ -13,12 +13,12 @@
     height: $caret-width;
     border-bottom: 1px solid;
     border-left: 1px solid;
-    margin-inline-end: .1em;
+    margin-right: .1em;
 
     @if $direction != 'left' {
-      margin-inline-start: $caret-spacing;
+      margin-left: $caret-spacing;
     } @else {
-      margin-inline-end: $caret-spacing;
+      margin-right: $caret-spacing;
     }
 
     @if $direction == down {

package/src/scss/_utilities.scss

@@ -1,4 +1,5 @@
 $margin-spacers: map-merge($spacers, (auto: auto, null: $spacer));
+
 $border-values: (
   null: $border-width solid $border-color-transparent,
   wide: $border-width-wide solid $border-color-transparent,
@@ -36,28 +37,16 @@ $utilities: (
       move: move,
       not-allowed: not-allowed,
       zoom-in: zoom-in,
-      zoom-out: zoom-out
-    )
-  ),
-  "font-size": (
-    property: font-size,
-    class: text,
-    values: (
-      h1: $h1-font-size,
-      h2: $h2-font-size,
-      h3: $h3-font-size,
-      h4: $h4-font-size,
-      h5: $h5-font-size,
-      h6: $h6-font-size,
-    )
-  ),
-  "font-weight": (
-    property: font-weight,
-    values: (
-      light: $font-weight-light,
-      normal: $font-weight-normal,
-      medium: $font-weight-medium,
-      bold: $font-weight-bold,
+      zoom-out: zoom-out,
+      default: default,
+      none: none,
+      help: help,
+      progress: progress,
+      wait: wait,
+      text: text,
+      v-text: vertical-text,
+      grab: grab,
+      grabbing: grabbing,
     )
   ),
   "border": (
@@ -102,4 +91,10 @@ $utilities: (
     class: h,
     values: $size-values
   ),
-) !default;
+  "columns": (
+    property: columns,
+    class: columns,
+    responsive: true,
+    values: 2 3 4
+  )
+) !default;