@mailstep/design-system 0.7.25-beta.4 → 0.7.25-beta.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mailstep/design-system",
-  "version": "0.7.25-beta.4",
+  "version": "0.7.25-beta.5",
   "license": "ISC",
   "type": "module",
   "main": "./ui/index.js",

package/ui/Blocks/Scheduler/components/Groups/styles.js

@@ -4,7 +4,7 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 };
 import { groupsHeight, timeIntervalWidth } from '../../utils/constants';
 import styled, { th } from '@xstyled/styled-components';
-export var GroupContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: ", "px;\n  display: flex;\n  border-bottom: 1px solid ", ";\n  width: fit-content;\n"], ["\n  height: ", "px;\n  display: flex;\n  border-bottom: 1px solid ", ";\n  width: fit-content;\n"])), groupsHeight, th.color('lightGray6'));
+export var GroupContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: ", "px;\n  display: flex;\n  border-bottom: 1px solid ", ";\n  width: 100%;\n"], ["\n  height: ", "px;\n  display: flex;\n  border-bottom: 1px solid ", ";\n  width: 100%;\n"])), groupsHeight, th.color('lightGray6'));
 export var GroupItem = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-color: ", ";\n  width: ", ";\n  max-width: 400px;\n  min-width: 300px;\n  height: 100%;\n  font-size: 14px;\n  font-weight: 600;\n  padding: 10px;\n  border-right: 1px solid ", ";\n\n  &:last-child {\n    border-right: none;\n  }\n"], ["\n  background-color: ", ";\n  width: ", ";\n  max-width: 400px;\n  min-width: 300px;\n  height: 100%;\n  font-size: 14px;\n  font-weight: 600;\n  padding: 10px;\n  border-right: 1px solid ", ";\n\n  &:last-child {\n    border-right: none;\n  }\n"])), function (_a) {
     var bg = _a.bg;
     return bg || th.color('bgLightGray');

package/ui/Blocks/Scheduler/components/TimeSlots/styles.js

@@ -4,7 +4,7 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 };
 import { minuteHeight, stepInMinutes, timeIntervalWidth } from '../../utils/constants';
 import styled, { th } from '@xstyled/styled-components';
-export var TimeSlotsContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n  width: fit-content;\n\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  scroll-behavior: smooth;\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n"], ["\n  position: relative;\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n  width: fit-content;\n\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  scroll-behavior: smooth;\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n"])));
+export var TimeSlotsContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  scroll-behavior: smooth;\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n"], ["\n  position: relative;\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  scroll-behavior: smooth;\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n"])));
 export var EmptyTimeSlot = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  height: ", "px;\n  width: ", ";\n  max-width: 400px;\n  min-width: 300px;\n  position: relative;\n  background-color: ", ";\n  cursor: ", ";\n  border-right: 1px solid ", ";\n\n  &:last-child {\n    border-right: none;\n  }\n\n  &:hover {\n    background-color: ", ";\n  }\n"], ["\n  height: ", "px;\n  width: ", ";\n  max-width: 400px;\n  min-width: 300px;\n  position: relative;\n  background-color: ", ";\n  cursor: ", ";\n  border-right: 1px solid ", ";\n\n  &:last-child {\n    border-right: none;\n  }\n\n  &:hover {\n    background-color: ", ";\n  }\n"])), minuteHeight * stepInMinutes, function (_a) {
     var groupsCount = _a.groupsCount;
     return "calc((100% / ".concat(groupsCount, ") - (").concat(timeIntervalWidth, "px / ").concat(groupsCount, "))");

package/ui/Blocks/Scheduler/index.d.ts

@@ -1,2 +1,2 @@
 export { Scheduler as default } from './Scheduler';
-export type { GroupType, ActiveHours, TimeSlotType, SelectedTimeSlotType } from './types';
+export type { GroupType, ActiveHours, TimeSlotType, SelectedTimeSlotType, TimeSlotDefinitionType } from './types';

package/ui/index.es.js

@@ -51550,7 +51550,7 @@ const Jke = (e = !0) => {
   height: ${qke}px;
   display: flex;
   border-bottom: 1px solid ${W.color("lightGray6")};
-  width: fit-content;
+  width: 100%;
 `, eOe = Y.div`
   background-color: ${({
   bg: e
@@ -51749,7 +51749,7 @@ const cP = /* @__PURE__ */ Tn(aOe), oOe = Y.div`
   overflow-y: auto;
   display: flex;
   flex-direction: column;
-  width: fit-content;
+  width: 100%;
 
   -ms-overflow-style: none;
   scrollbar-width: none;

package/ui/index.umd.js

@@ -3581,7 +3581,7 @@ function print() { __p += __j.call(arguments, '') }
   height: ${$Oe}px;
   display: flex;
   border-bottom: 1px solid ${H.color("lightGray6")};
-  width: fit-content;
+  width: 100%;
 `,tPe=Y.div`
   background-color: ${({bg:e})=>e||H.color("bgLightGray")};
   width: ${({groupsCount:e})=>`calc((100% / ${e}) - (${R3}px / ${e}))`};
@@ -3655,7 +3655,7 @@ function print() { __p += __j.call(arguments, '') }
   overflow-y: auto;
   display: flex;
   flex-direction: column;
-  width: fit-content;
+  width: 100%;
 
   -ms-overflow-style: none;
   scrollbar-width: none;