@mezzanine-ui/core 0.15.0 → 0.15.2

package/_styles.scss

@@ -81,4 +81,7 @@
   @include _load-styles($options, popconfirm);
   @include _load-styles($options, progress);
   @include _load-styles($options, skeleton);
+
+  // Others
+  @include _load-styles($options, anchor);
 }

package/anchor/_anchor-styles.scss

@@ -0,0 +1,48 @@
+@use '~@mezzanine-ui/system/palette';
+@use '~@mezzanine-ui/system/transition';
+@use '../button/utils' as btn-utils;
+@use './anchor' as *;
+
+$bar-width: 1px !default;
+$anchor-left-padding: 12px !default;
+
+.#{$prefix} {
+  width: 100%;
+  display: grid;
+  grid-template-columns: 1fr;
+  gap: 8px;
+  position: relative;
+
+  &__bar {
+    position: absolute;
+    left: 0;
+    top: 0;
+    z-index: 0;
+    width: $bar-width;
+    height: 100%;
+    background-color: palette.color(border);
+  }
+
+  &__anchor {
+    @include btn-utils.reset();
+
+    display: inline-grid;
+    position: relative;
+    z-index: 1;
+    width: 100%;
+    border-left: $bar-width solid palette.color(border);
+    padding-left: $anchor-left-padding;
+    text-align: left;
+    color: palette.color(action-inactive);
+    transition: transition.standard(border-left), transition.standard(color);
+
+    &:hover {
+      color: palette.color(primary);
+    }
+
+    &--active {
+      color: palette.color(primary);
+      border-left: $bar-width solid palette.color(primary);
+    }
+  }
+}

package/anchor/_anchor.scss

@@ -0,0 +1 @@
+$prefix: mzn-anchor;

package/anchor/_index.scss

@@ -0,0 +1 @@
+@forward './anchor';

package/anchor/anchor.d.ts

@@ -0,0 +1,7 @@
+export declare const anchorPrefix = "mzn-anchor";
+export declare const anchorClasses: {
+    readonly host: "mzn-anchor";
+    readonly bar: "mzn-anchor__bar";
+    readonly anchor: "mzn-anchor__anchor";
+    readonly anchorActive: "mzn-anchor__anchor--active";
+};

package/anchor/anchor.js

@@ -0,0 +1,9 @@
+const anchorPrefix = 'mzn-anchor';
+const anchorClasses = {
+    host: anchorPrefix,
+    bar: `${anchorPrefix}__bar`,
+    anchor: `${anchorPrefix}__anchor`,
+    anchorActive: `${anchorPrefix}__anchor--active`,
+};
+
+export { anchorClasses, anchorPrefix };

package/anchor/index.d.ts

@@ -0,0 +1 @@
+export * from './anchor';

package/anchor/index.js

@@ -0,0 +1 @@
+export { anchorClasses, anchorPrefix } from './anchor.js';

package/calendarMethodsLuxon/index.js

@@ -10,10 +10,10 @@ const CalendarMethodsLuxon = {
     getHour: (date) => DateTime.fromISO(date).hour,
     getDate: (date) => DateTime.fromISO(date).day,
     getWeekDay: (date) => DateTime.fromISO(date).weekday,
-    getMonth: (date) => DateTime.fromISO(date).month,
+    getMonth: (date) => DateTime.fromISO(date).month - 1,
     getYear: (date) => DateTime.fromISO(date).year,
     getWeekDayNames: (locale) => Info.weekdays('narrow', { locale }),
-    getMonthShortName: (month, locale) => DateTime.now().set({ month }).toFormat('MMM', { locale }),
+    getMonthShortName: (month, locale) => DateTime.now().set({ month: month + 1 }).toFormat('MMM', { locale }),
     getMonthShortNames: (locale) => Info.months('short', { locale }),
     /** Manipulate */
     addDay: (date, diff) => DateTime.fromISO(date).plus({ day: diff }).toISO(),
@@ -22,7 +22,7 @@ const CalendarMethodsLuxon = {
     setSecond: (date, second) => DateTime.fromISO(date).set({ second }).toISO(),
     setMinute: (date, minute) => DateTime.fromISO(date).set({ minute }).toISO(),
     setHour: (date, hour) => DateTime.fromISO(date).set({ hour }).toISO(),
-    setMonth: (date, month) => DateTime.fromISO(date).set({ month }).toISO(),
+    setMonth: (date, month) => DateTime.fromISO(date).set({ month: month + 1 }).toISO(),
     setYear: (date, year) => DateTime.fromISO(date).set({ year }).toISO(),
     setDate: (date, target) => DateTime.fromISO(date).set({ day: target }).toISO(),
     startOf: (target, granularity) => DateTime.fromISO(target).startOf(granularity).toISO(),
@@ -42,7 +42,7 @@ const CalendarMethodsLuxon = {
     isBetween: (value, target1, target2) => Interval.fromDateTimes(DateTime.fromISO(target1), DateTime.fromISO(target2)).contains(DateTime.fromISO(value)),
     isSameDate: (dateOne, dateTwo) => DateTime.fromISO(dateOne).hasSame(DateTime.fromISO(dateTwo), 'day'),
     isSameWeek: (dateOne, dateTwo) => DateTime.fromISO(dateOne).hasSame(DateTime.fromISO(dateTwo), 'week'),
-    isInMonth: (target, month) => DateTime.fromISO(target).month === month,
+    isInMonth: (target, month) => DateTime.fromISO(target).month === month + 1,
     isDateIncluded: (date, targets) => targets
         .some((target) => DateTime.fromISO(date).hasSame(DateTime.fromISO(target), 'day')),
     isWeekIncluded: (firstDateOfWeek, targets) => targets.some((target) => DateTime.fromISO(firstDateOfWeek).hasSame(DateTime.fromISO(target), 'week')),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mezzanine-ui/core",
-  "version": "0.15.0",
+  "version": "0.15.2",
   "description": "Core for mezzanine-ui",
   "author": "Mezzanine",
   "repository": {
@@ -40,8 +40,8 @@
     }
   },
   "dependencies": {
-    "@mezzanine-ui/icons": "^0.15.0",
-    "@mezzanine-ui/system": "^0.15.0",
+    "@mezzanine-ui/icons": "^0.15.2",
+    "@mezzanine-ui/system": "^0.15.2",
     "lodash": "^4.17.21",
     "tslib": "^2.4.1"
   },