@licklist/design 0.71.1 → 0.71.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/calendar/components/CalendarDates/CalendarDates.d.ts.map +1 -1
  2. package/dist/calendar/components/CalendarDates/CalendarDates.js +9 -9
  3. package/dist/calendar/components/CalendarWeekdays/CalendarWeekdays.js +2 -3
  4. package/dist/styles/iframe-events/Calendar.scss +9 -12
  5. package/dist/styles/iframe-page/PageBody.scss +1 -0
  6. package/package.json +1 -1
  7. package/src/calendar/components/CalendarDates/CalendarDates.tsx +2 -1
  8. package/src/calendar/components/CalendarWeekdays/CalendarWeekdays.tsx +2 -2
  9. package/src/styles/iframe-events/Calendar.scss +9 -12
  10. package/src/styles/iframe-page/PageBody.scss +1 -0
package/dist/calendar/components/CalendarDates/CalendarDates.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CalendarDates.d.ts","sourceRoot":"","sources":["../../../../src/calendar/components/CalendarDates/CalendarDates.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAE9C,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,aAAa,EACX,eAAe,GACf,cAAc,GACd,iBAAiB,GACjB,WAAW,GACX,wBAAwB,GACxB,oBAAoB,CACvB,CAAA;AAED,eAAO,MAAM,aAAa,6GAOvB,kBAAkB,4CA6CpB,CAAA"}
1
+ {"version":3,"file":"CalendarDates.d.ts","sourceRoot":"","sources":["../../../../src/calendar/components/CalendarDates/CalendarDates.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAE9C,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,aAAa,EACX,eAAe,GACf,cAAc,GACd,iBAAiB,GACjB,WAAW,GACX,wBAAwB,GACxB,oBAAoB,CACvB,CAAA;AAED,eAAO,MAAM,aAAa,6GAOvB,kBAAkB,4CA8CpB,CAAA"}
package/dist/calendar/components/CalendarDates/CalendarDates.js CHANGED
@@ -1,4 +1,4 @@
1
- import { jsxs, jsx } from 'react/jsx-runtime';
1
+ import { jsx, jsxs } from 'react/jsx-runtime';
2
2
  import { useMemo } from 'react';
3
3
  import { DateTimeButton, Variant } from '../../../date-time-button/DateTimeButton.js';
4
4
  import { CalendarWeekdays } from '../CalendarWeekdays/CalendarWeekdays.js';
@@ -74,13 +74,13 @@ var CalendarDates = function(param) {
74
74
  }, [
75
75
  calendarDates
76
76
  ]);
77
- return /*#__PURE__*/ jsxs("div", {
77
+ return /*#__PURE__*/ jsx("div", {
78
78
  className: "calendar-dates-wrapper",
79
- children: [
80
- /*#__PURE__*/ jsx(CalendarWeekdays, {}),
81
- /*#__PURE__*/ jsx("div", {
82
- className: "calendar-dates",
83
- children: fillCalendarDates.map(function(date) {
79
+ children: /*#__PURE__*/ jsxs("div", {
80
+ className: "calendar-dates",
81
+ children: [
82
+ /*#__PURE__*/ jsx(CalendarWeekdays, {}),
83
+ fillCalendarDates.map(function(date) {
84
84
  if (date === null) return /*#__PURE__*/ jsx("div", {});
85
85
  var props = getDateTimeButtonProps(date);
86
86
  return /*#__PURE__*/ jsx(DateTimeButton, _object_spread({
@@ -94,8 +94,8 @@ var CalendarDates = function(param) {
94
94
  availabilityFormat: availabilityFormat
95
95
  }, props), +date);
96
96
  })
97
- })
98
- ]
97
+ ]
98
+ })
99
99
  });
100
100
  };
101
101
 
package/dist/calendar/components/CalendarWeekdays/CalendarWeekdays.js CHANGED
@@ -1,4 +1,4 @@
1
- import { jsx } from 'react/jsx-runtime';
1
+ import { jsx, Fragment } from 'react/jsx-runtime';
2
2
  import { useTranslation } from 'react-i18next';
3
3
 
4
4
  var WEEKDAYS = [
@@ -26,8 +26,7 @@ var WEEKDAYS = [
26
26
  ];
27
27
  var CalendarWeekdays = function() {
28
28
  var t = useTranslation('Design').t;
29
- return /*#__PURE__*/ jsx("div", {
30
- className: "calendar-weekdays",
29
+ return /*#__PURE__*/ jsx(Fragment, {
31
30
  children: WEEKDAYS.map(function(param) {
32
31
  var key = param.key;
33
32
  return /*#__PURE__*/ jsx("div", {
package/dist/styles/iframe-events/Calendar.scss CHANGED
@@ -72,23 +72,21 @@
72
72
  }
73
73
 
74
74
  .calendar-dates-wrapper {
75
- .calendar-weekdays,
76
75
  .calendar-dates {
77
76
  display: grid;
78
77
  grid-template-columns: repeat(7, 1fr);
79
78
  grid-gap: 0.5rem 1rem;
79
+ overflow-x: auto;
80
80
  }
81
81
 
82
- .calendar-weekdays {
83
- .calendar-weekday {
84
- display: flex;
85
- align-items: center;
86
- justify-content: center;
87
- font-size: 0.75rem;
88
- text-transform: uppercase;
89
- font-weight: 600;
90
- line-height: 1.3125rem;
91
- }
82
+ .calendar-weekday {
83
+ display: flex;
84
+ align-items: center;
85
+ justify-content: center;
86
+ font-size: 0.75rem;
87
+ text-transform: uppercase;
88
+ font-weight: 600;
89
+ line-height: 1.3125rem;
92
90
  }
93
91
 
94
92
  .calendar-dates {
@@ -191,7 +189,6 @@
191
189
  min-width: 20.75rem;
192
190
 
193
191
  .calendar-dates-wrapper {
194
- .calendar-weekdays,
195
192
  .calendar-dates {
196
193
  grid-gap: 0.5rem;
197
194
  }
package/dist/styles/iframe-page/PageBody.scss CHANGED
@@ -19,6 +19,7 @@
19
19
  transition: $color-transition;
20
20
  color: $snippet-elements-body-color;
21
21
  min-height: calc(100vh - 6.5rem);
22
+ overflow-x: auto;
22
23
 
23
24
  @include media-breakpoint-down(sm) {
24
25
  min-height: calc(100svh - 6.5rem);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@licklist/design",
3
- "version": "0.71.1",
3
+ "version": "0.71.2",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+ssh://git@bitbucket.org/artelogicsoft/licklist_design.git"
package/src/calendar/components/CalendarDates/CalendarDates.tsx CHANGED
@@ -41,8 +41,9 @@ export const CalendarDates = ({
41
41
 
42
42
  return (
43
43
  <div className='calendar-dates-wrapper'>
44
- <CalendarWeekdays />
45
44
  <div className='calendar-dates'>
45
+ <CalendarWeekdays />
46
+
46
47
  {fillCalendarDates.map((date: DateTime | null) => {
47
48
  if (date === null) return <div />
48
49
 
package/src/calendar/components/CalendarWeekdays/CalendarWeekdays.tsx CHANGED
@@ -14,12 +14,12 @@ export const CalendarWeekdays = () => {
14
14
  const { t } = useTranslation('Design')
15
15
 
16
16
  return (
17
- <div className='calendar-weekdays'>
17
+ <>
18
18
  {WEEKDAYS.map(({ key }) => (
19
19
  <div key={key} className='calendar-weekday'>
20
20
  {t(key)}
21
21
  </div>
22
22
  ))}
23
- </div>
23
+ </>
24
24
  )
25
25
  }
package/src/styles/iframe-events/Calendar.scss CHANGED
@@ -72,23 +72,21 @@
72
72
  }
73
73
 
74
74
  .calendar-dates-wrapper {
75
- .calendar-weekdays,
76
75
  .calendar-dates {
77
76
  display: grid;
78
77
  grid-template-columns: repeat(7, 1fr);
79
78
  grid-gap: 0.5rem 1rem;
79
+ overflow-x: auto;
80
80
  }
81
81
 
82
- .calendar-weekdays {
83
- .calendar-weekday {
84
- display: flex;
85
- align-items: center;
86
- justify-content: center;
87
- font-size: 0.75rem;
88
- text-transform: uppercase;
89
- font-weight: 600;
90
- line-height: 1.3125rem;
91
- }
82
+ .calendar-weekday {
83
+ display: flex;
84
+ align-items: center;
85
+ justify-content: center;
86
+ font-size: 0.75rem;
87
+ text-transform: uppercase;
88
+ font-weight: 600;
89
+ line-height: 1.3125rem;
92
90
  }
93
91
 
94
92
  .calendar-dates {
@@ -191,7 +189,6 @@
191
189
  min-width: 20.75rem;
192
190
 
193
191
  .calendar-dates-wrapper {
194
- .calendar-weekdays,
195
192
  .calendar-dates {
196
193
  grid-gap: 0.5rem;
197
194
  }
package/src/styles/iframe-page/PageBody.scss CHANGED
@@ -19,6 +19,7 @@
19
19
  transition: $color-transition;
20
20
  color: $snippet-elements-body-color;
21
21
  min-height: calc(100vh - 6.5rem);
22
+ overflow-x: auto;
22
23
 
23
24
  @include media-breakpoint-down(sm) {
24
25
  min-height: calc(100svh - 6.5rem);