mimir-ui-kit 1.41.3 → 1.41.5

package/dist/components/Timer/Timer.js

@@ -1,12 +1,12 @@
 import { jsxs as c } from "react/jsx-runtime";
 import { c as a } from "../../index-DIxK0V-G.js";
-import { memo as d } from "react";
-import { useTimer as p } from "../../hooks/useTimer/index.js";
-import '../../assets/Timer.css';const f = "_timer_un9th_3", l = {
+import { memo as p } from "react";
+import { useTimer as d } from "../../hooks/useTimer/index.js";
+import '../../assets/Timer.css';const f = "_timer_1gps8_2", l = {
   timer: f
-}, g = d(
+}, _ = p(
   ({ expiryTimestamp: t, autoStart: r = !1, onTimerEnd: s, className: e }) => {
-    const { minutes: m, seconds: o } = p({
+    const { minutes: m, seconds: o } = d({
       expiryTimestamp: t,
       onExpire: s,
       autoStart: r
@@ -19,5 +19,5 @@ import '../../assets/Timer.css';const f = "_timer_un9th_3", l = {
   }
 );
 export {
-  g as Timer
+  _ as Timer
 };

package/dist/components/index.js

@@ -1,6 +1,6 @@
 import { Button as e } from "./Button/Button.js";
 import { EButtonForm as p, EButtonSize as a, EButtonVariantBorderless as i, EButtonVariantDefault as m, EButtonVariantOutline as f, EButtonVariantRound as x } from "./Button/constants.js";
-import { I as l } from "../Input-DAmc_HxO.js";
+import { I as l } from "../Input-BU_6U1CW.js";
 import { EInputSize as S, EInputStatus as s, EInputVariant as u } from "./Input/constants.js";
 import { TextArea as c } from "./TextArea/TextArea.js";
 import { ETextAreaInputSize as I } from "./TextArea/constants.js";

package/dist/index.js

@@ -1,6 +1,6 @@
 import { Button as e } from "./components/Button/Button.js";
 import { EButtonForm as p, EButtonSize as a, EButtonVariantBorderless as m, EButtonVariantDefault as i, EButtonVariantOutline as f, EButtonVariantRound as x } from "./components/Button/constants.js";
-import { I as l } from "./Input-DAmc_HxO.js";
+import { I as l } from "./Input-BU_6U1CW.js";
 import { EInputSize as u, EInputStatus as E, EInputVariant as S } from "./components/Input/constants.js";
 import { TextArea as c } from "./components/TextArea/TextArea.js";
 import { ETextAreaInputSize as I } from "./components/TextArea/constants.js";

package/dist/stories.module-DBGkpJ-O.js

@@ -0,0 +1,29 @@
+import './assets/stories.css';const e = "_tableClassNameContainer_1jv1b_2", t = "_headerTextClassName_1jv1b_13", o = "_cellClassName_1jv1b_18", n = "_columnOrderDrawer_1jv1b_23", r = "_columnOrderList_1jv1b_27", l = "_columnOrderItem_1jv1b_33", _ = "_dragging_1jv1b_44", a = "_dragOver_1jv1b_48", c = "_disabled_1jv1b_51", s = "_hidden_1jv1b_54", i = "_iconDrag_1jv1b_58", m = "_iconDisabled_1jv1b_64", b = "_columnNameAndSwitch_1jv1b_71", d = "_columnName_1jv1b_71", u = "_columnSwitch_1jv1b_82", v = "_columnOrderFooter_1jv1b_86", j = "_footerButtonGroup_1jv1b_91", C = "_controlsRow_1jv1b_92", g = "_filterItem_1jv1b_97", f = "_filterDateRange_1jv1b_98", N = "_filterList_1jv1b_99", O = "_tableControlsContainer_1jv1b_100", h = "_filterLabel_1jv1b_106", w = "_activeFiltersCount_1jv1b_110", D = {
+  tableClassNameContainer: e,
+  headerTextClassName: t,
+  cellClassName: o,
+  columnOrderDrawer: n,
+  columnOrderList: r,
+  columnOrderItem: l,
+  dragging: _,
+  dragOver: a,
+  disabled: c,
+  hidden: s,
+  iconDrag: i,
+  iconDisabled: m,
+  columnNameAndSwitch: b,
+  columnName: d,
+  columnSwitch: u,
+  columnOrderFooter: v,
+  footerButtonGroup: j,
+  controlsRow: C,
+  filterItem: g,
+  filterDateRange: f,
+  filterList: N,
+  tableControlsContainer: O,
+  filterLabel: h,
+  activeFiltersCount: w
+};
+export {
+  D as c
+};

package/dist/styles.module-9m98aUhp.js

@@ -0,0 +1,36 @@
+import './assets/styles2.css';const t = "_tableContainer_5ptmb_2", e = "_tableScroll_5ptmb_10", r = "_scrollButtons_5ptmb_31", a = "_table_5ptmb_2", o = "_header_5ptmb_48", _ = "_headerCell_5ptmb_61", c = "_headerContent_5ptmb_71", n = "_headerText_5ptmb_77", l = "_sortButton_5ptmb_83", d = "_sortIcon_5ptmb_103", s = "_selectHeaderCell_5ptmb_111", b = "_body_5ptmb_121", p = "_virtualBody_5ptmb_126", m = "_rowWhiteBackground_5ptmb_132", h = "_rowGrayBackground_5ptmb_137", C = "_cell_5ptmb_155", i = "_selectCell_5ptmb_170", u = "_loaderOverlay_5ptmb_180", w = "_cardsContainer_5ptmb_191", y = "_cardsVirtualContainer_5ptmb_198", B = "_cardActions_5ptmb_202", g = "_tableCard_5ptmb_212", k = "_cardCheckbox_5ptmb_222", x = "_cardContent_5ptmb_227", v = "_cardValue_5ptmb_234", A = "_cardArrow_5ptmb_241", H = "_cardHeader_5ptmb_248", V = {
+  tableContainer: t,
+  tableScroll: e,
+  scrollButtons: r,
+  table: a,
+  header: o,
+  "header-white": "_header-white_5ptmb_54",
+  "header-gray": "_header-gray_5ptmb_57",
+  headerCell: _,
+  headerContent: c,
+  headerText: n,
+  sortButton: l,
+  sortIcon: d,
+  selectHeaderCell: s,
+  body: b,
+  virtualBody: p,
+  rowWhiteBackground: m,
+  rowGrayBackground: h,
+  "row-white-header": "_row-white-header_5ptmb_142",
+  "row-gray-header": "_row-gray-header_5ptmb_148",
+  cell: C,
+  selectCell: i,
+  loaderOverlay: u,
+  cardsContainer: w,
+  cardsVirtualContainer: y,
+  cardActions: B,
+  tableCard: g,
+  cardCheckbox: k,
+  cardContent: x,
+  cardValue: v,
+  cardArrow: A,
+  cardHeader: H
+};
+export {
+  V as c
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mimir-ui-kit",
   "private": false,
-  "version": "1.41.3",
+  "version": "1.41.5",
   "type": "module",
   "exports": {
     ".": {
@@ -23,6 +23,9 @@
     "./styles": {
       "default": "./dist/assets/index.css"
     },
+    "./mixins": {
+      "default": "./src/assets/styles/mixins/index.scss"
+    },
     "./types": {
       "types": "./dist/index.d.ts"
     }
@@ -30,7 +33,8 @@
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "files": [
-    "dist"
+    "dist",
+    "src/assets/styles/mixins"
   ],
   "sideEffects": [
     "**/*.{css,scss}"

package/src/assets/styles/mixins/animations.scss

@@ -0,0 +1,3 @@
+@mixin sidebar-animation($property) {
+  transition: $property ease 0.45s;
+}

package/src/assets/styles/mixins/index.scss

@@ -0,0 +1,3 @@
+@forward './media.scss';
+@forward './animations.scss';
+@forward './scrollbar.scss';

package/src/assets/styles/mixins/media.scss

@@ -0,0 +1,21 @@
+/* Container Width */
+$xxl: 1920px;
+$xl: 1440px;
+$l: 1280px;
+$m: 960px;
+$s: 768px;
+$s2: 767.9px;
+$xs: 600px;
+$xxs: 375px;
+
+@mixin respond-to($type, $breakpoint) {
+  @if $type == min {
+    @media (min-width: $breakpoint) {
+      @content;
+    }
+  } @else if $type == max {
+    @media (max-width: $breakpoint) {
+      @content;
+    }
+  }
+}

package/src/assets/styles/mixins/scrollbar.scss

@@ -0,0 +1,43 @@
+@mixin scroll-bar($theme, $size) {
+  $track-background: var(--black-85);
+  $thumb-background: var(--black-60);
+  $thumb-border-color: var(--black-85);
+
+  @if $theme == 'light' {
+    $track-background: var(--white);
+    $thumb-background: var(--black-80);
+    $thumb-border-color: var(--white);
+  }
+
+  &::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+  }
+
+  &::-webkit-scrollbar-track {
+    background: $track-background;
+    border-radius: var(--mimir-control-radius);
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background: $thumb-background;
+    border: 2px solid $thumb-border-color;
+    border-radius: var(--mimir-control-radius);
+  }
+
+  @if $size == 's' {
+    &::-webkit-scrollbar {
+      width: 4px;
+      height: 4px;
+    }
+
+    &::-webkit-scrollbar-track {
+      border-radius: var(--mimir-control-radius-xs2);
+    }
+
+    &::-webkit-scrollbar-thumb {
+      border: 1px solid $thumb-border-color;
+      border-radius: var(--mimir-control-radius-xs2);
+    }
+  }
+}

package/dist/stories.module-fud786VB.js

@@ -1,29 +0,0 @@
-import './assets/stories.css';const e = "_tableClassNameContainer_1mzja_3", t = "_headerTextClassName_1mzja_14", o = "_cellClassName_1mzja_19", a = "_columnOrderDrawer_1mzja_24", n = "_columnOrderList_1mzja_28", r = "_columnOrderItem_1mzja_34", l = "_dragging_1mzja_45", _ = "_dragOver_1mzja_49", c = "_disabled_1mzja_52", m = "_hidden_1mzja_55", s = "_iconDrag_1mzja_59", i = "_iconDisabled_1mzja_65", d = "_columnNameAndSwitch_1mzja_72", u = "_columnName_1mzja_72", j = "_columnSwitch_1mzja_83", z = "_columnOrderFooter_1mzja_87", C = "_footerButtonGroup_1mzja_92", g = "_controlsRow_1mzja_93", b = "_filterItem_1mzja_98", f = "_filterDateRange_1mzja_99", N = "_filterList_1mzja_100", O = "_tableControlsContainer_1mzja_101", h = "_filterLabel_1mzja_107", w = "_activeFiltersCount_1mzja_111", D = {
-  tableClassNameContainer: e,
-  headerTextClassName: t,
-  cellClassName: o,
-  columnOrderDrawer: a,
-  columnOrderList: n,
-  columnOrderItem: r,
-  dragging: l,
-  dragOver: _,
-  disabled: c,
-  hidden: m,
-  iconDrag: s,
-  iconDisabled: i,
-  columnNameAndSwitch: d,
-  columnName: u,
-  columnSwitch: j,
-  columnOrderFooter: z,
-  footerButtonGroup: C,
-  controlsRow: g,
-  filterItem: b,
-  filterDateRange: f,
-  filterList: N,
-  tableControlsContainer: O,
-  filterLabel: h,
-  activeFiltersCount: w
-};
-export {
-  D as c
-};

package/dist/styles.module--QBQYoA9.js

@@ -1,36 +0,0 @@
-import './assets/styles2.css';const e = "_tableContainer_12qch_3", r = "_tableScroll_12qch_11", c = "_scrollButtons_12qch_32", t = "_table_12qch_3", a = "_header_12qch_49", o = "_headerCell_12qch_62", _ = "_headerContent_12qch_72", n = "_headerText_12qch_78", l = "_sortButton_12qch_84", d = "_sortIcon_12qch_104", h = "_selectHeaderCell_12qch_112", s = "_body_12qch_122", q = "_virtualBody_12qch_127", C = "_rowWhiteBackground_12qch_133", i = "_rowGrayBackground_12qch_138", u = "_cell_12qch_156", b = "_selectCell_12qch_171", w = "_loaderOverlay_12qch_181", y = "_cardsContainer_12qch_192", B = "_cardsVirtualContainer_12qch_199", g = "_cardActions_12qch_203", k = "_tableCard_12qch_213", x = "_cardCheckbox_12qch_223", v = "_cardContent_12qch_228", A = "_cardValue_12qch_235", H = "_cardArrow_12qch_242", V = "_cardHeader_12qch_249", G = {
-  tableContainer: e,
-  tableScroll: r,
-  scrollButtons: c,
-  table: t,
-  header: a,
-  "header-white": "_header-white_12qch_55",
-  "header-gray": "_header-gray_12qch_58",
-  headerCell: o,
-  headerContent: _,
-  headerText: n,
-  sortButton: l,
-  sortIcon: d,
-  selectHeaderCell: h,
-  body: s,
-  virtualBody: q,
-  rowWhiteBackground: C,
-  rowGrayBackground: i,
-  "row-white-header": "_row-white-header_12qch_143",
-  "row-gray-header": "_row-gray-header_12qch_149",
-  cell: u,
-  selectCell: b,
-  loaderOverlay: w,
-  cardsContainer: y,
-  cardsVirtualContainer: B,
-  cardActions: g,
-  tableCard: k,
-  cardCheckbox: x,
-  cardContent: v,
-  cardValue: A,
-  cardArrow: H,
-  cardHeader: V
-};
-export {
-  G as c
-};