diginet-core-ui 1.3.90-beta.2 → 1.3.90-beta.4

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 (4) hide show
  1. package/components/form-control/calendar/function.js +64 -62
  2. package/components/form-control/date-range-picker/index.js +2 -2
  3. package/components/typography/index.js +11 -13
  4. package/package.json +1 -1
package/components/form-control/calendar/function.js CHANGED
@@ -61,77 +61,79 @@ const generateCalendarCSS = (unique, boxShadow = true, onClickActive = true) =>
61
61
  padding: 0;
62
62
  table-layout: fixed;
63
63
  .${unique.table.data} {
64
- ${cursorPointer};
65
- ${positionRelative};
66
- ${textCenter};
67
- ${userSelectNone};
68
- ${textColor('text.main')};
69
- &:nth-of-type(7n - 1) {
70
- ${textColor('info8')};
71
- }
72
- &:nth-of-type(7n) {
73
- ${textColor('danger8')};
74
- }
75
- &.next_month,
76
- &.previous_month,
77
- &.${unique.day.limit} {
78
- opacity: 0.25;
79
- }
80
- &.${unique.day.limit} {
81
- ${pointerEventsNone};
82
- ${cursorDefault};
83
- }
84
- &:hover {
85
- span.${unique.day.day} {
86
- ${bgColor('fill.hover')};
64
+ &:not(.empty) {
65
+ ${cursorPointer};
66
+ ${positionRelative};
67
+ ${textCenter};
68
+ ${userSelectNone};
69
+ ${textColor('text.main')};
70
+ &:nth-of-type(7n - 1) {
71
+ ${textColor('info8')};
87
72
  }
88
- }
89
- ${onClickActive && css`
90
- &:active {
73
+ &:nth-of-type(7n) {
74
+ ${textColor('danger8')};
75
+ }
76
+ &.next_month,
77
+ &.previous_month,
78
+ &.${unique.day.limit} {
79
+ opacity: 0.25;
80
+ }
81
+ &.${unique.day.limit} {
82
+ ${pointerEventsNone};
83
+ ${cursorDefault};
84
+ }
85
+ &:hover {
91
86
  span.${unique.day.day} {
92
- ${bgColor('fill.pressed')};
87
+ ${bgColor('fill.hover')};
93
88
  }
94
89
  }
95
- `}
96
- &.${unique.day.active} {
97
- span.${unique.day.day} {
98
- ${bgColor('fill.focus')};
90
+ ${onClickActive && css`
91
+ &:active {
92
+ span.${unique.day.day} {
93
+ ${bgColor('fill.pressed')};
94
+ }
95
+ }
96
+ `}
97
+ &.${unique.day.active} {
98
+ span.${unique.day.day} {
99
+ ${bgColor('fill.focus')};
100
+ }
99
101
  }
100
- }
101
- &.${unique.day.today} {
102
- span {
103
- ${boxBorder};
104
- ${border(1, 'system.active')};
102
+ &.${unique.day.today} {
103
+ span {
104
+ ${boxBorder};
105
+ ${border(1, 'system.active')};
106
+ }
105
107
  }
106
- }
107
- &.${unique.day.between} {
108
- opacity: 1;
109
- &::before {
110
- ${bgColor('fill.hover')};
108
+ &.${unique.day.between} {
109
+ opacity: 1;
110
+ &::before {
111
+ ${bgColor('fill.hover')};
112
+ }
111
113
  }
112
- }
113
- &.${unique.day.from} {
114
- opacity: 1;
115
- &::before {
116
- ${bgColor('fill.hover')};
117
- border-bottom-left-radius: 12px;
118
- border-top-left-radius: 12px;
119
- left: calc((100% - 24px) / 2);
114
+ &.${unique.day.from} {
115
+ opacity: 1;
116
+ &::before {
117
+ ${bgColor('fill.hover')};
118
+ border-bottom-left-radius: 12px;
119
+ border-top-left-radius: 12px;
120
+ left: calc((100% - 24px) / 2);
121
+ }
120
122
  }
121
- }
122
- &.${unique.day.to} {
123
- opacity: 1;
124
- &::before {
125
- ${bgColor('fill.hover')};
126
- border-bottom-right-radius: 12px;
127
- border-top-right-radius: 12px;
128
- right: calc((100% - 24px) / 2);
123
+ &.${unique.day.to} {
124
+ opacity: 1;
125
+ &::before {
126
+ ${bgColor('fill.hover')};
127
+ border-bottom-right-radius: 12px;
128
+ border-top-right-radius: 12px;
129
+ right: calc((100% - 24px) / 2);
130
+ }
131
+ }
132
+ ::before {
133
+ ${positionAbsolute};
134
+ ${inset('1px -2px')};
135
+ content: '';
129
136
  }
130
- }
131
- ::before {
132
- ${positionAbsolute};
133
- ${inset('1px -2px')};
134
- content: '';
135
137
  }
136
138
  }
137
139
  .${unique.table.header} {
package/components/form-control/date-range-picker/index.js CHANGED
@@ -260,7 +260,7 @@ const DateRangePicker = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
260
260
  tableData.push(jsx("td", {
261
261
  key: `previous_month-${prevDate - i + 1}`,
262
262
  "data-time": day - 1,
263
- className: classNames(unique.table.data, 'previous_month', isBetween(day - 1))
263
+ className: classNames(unique.table.data, 'previous_month', isBetween(day - 1), 'empty')
264
264
  }, jsx("span", {
265
265
  className: unique.day.day
266
266
  })));
@@ -300,7 +300,7 @@ const DateRangePicker = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
300
300
  tableData.push(jsx("td", {
301
301
  key: `next_month-${i + 1}`,
302
302
  "data-time": i < 6 - weekDateLast && day + 1,
303
- className: classNames(unique.table.data, 'next_month', i < 6 - weekDateLast && isBetween(day + 1))
303
+ className: classNames(unique.table.data, 'next_month', i < 6 - weekDateLast && isBetween(day + 1), 'empty')
304
304
  }, jsx("span", {
305
305
  className: unique.day.day
306
306
  })));
package/components/typography/index.js CHANGED
@@ -2,7 +2,6 @@
2
2
  /** @jsx jsx */
3
3
  import { css, jsx } from '@emotion/core';
4
4
  import { Popover } from "./..";
5
- import OptionWrapper from "../others/option-wrapper";
6
5
  import PropTypes from 'prop-types';
7
6
  import { forwardRef, Fragment, memo, useImperativeHandle, useMemo, useRef, useState } from 'react';
8
7
  import { breakAll, breakWord, cursorPointer, displayBlock, displayInlineBlock, italic, overflowHidden, parseHeight, parseMaxWidth, parseMinWidth, pd, positionRelative, textCapitalize, textCenter, textColor, textLineThrough, textLowercase, textunderline, textUppercase, whiteSpaceBreakSpaces } from "../../styles/general";
@@ -144,16 +143,16 @@ Typography.defaultProps = {
144
143
  type: 'p1'
145
144
  };
146
145
 
147
- /** type of text<br/>
148
- * h1: Title <br/>
149
- * h2: Header Popup <br/>
150
- * h3: Header popup <br/>
151
- * h4: Button, Tab, Title group <br/>
152
- * h5: Label column, Title group <br/>
153
- * h6: Label form <br/>
154
- * p1: Body text <br/>
155
- * p2: Body text <br/>
156
- * p3: Notice, Tooltip <br/>
146
+ /** type of text<br/>
147
+ * h1: Title <br/>
148
+ * h2: Header Popup <br/>
149
+ * h3: Header popup <br/>
150
+ * h4: Button, Tab, Title group <br/>
151
+ * h5: Label column, Title group <br/>
152
+ * h6: Label form <br/>
153
+ * p1: Body text <br/>
154
+ * p2: Body text <br/>
155
+ * p3: Notice, Tooltip <br/>
157
156
  */
158
157
  export const arrTypeTypography = ['t1', 't2', 't3', 't4', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'p1', 'p2', 'p3', 'title1', 'title2', 'title3', 'title4', 'heading1', 'heading2', 'heading3', 'heading4', 'heading5', 'heading6', 'paragraph1', 'paragraph2', 'paragraph3'];
159
158
  Typography.propTypes = {
@@ -184,5 +183,4 @@ Typography.propTypes = {
184
183
  /** Applies the theme typography styles. */
185
184
  type: PropTypes.oneOf(arrTypeTypography)
186
185
  };
187
- export { Typography };
188
- export default OptionWrapper(Typography);
186
+ export default Typography;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "diginet-core-ui",
3
- "version": "1.3.90-beta.2",
3
+ "version": "1.3.90-beta.4",
4
4
  "description": "",
5
5
  "main": "index.js",
6
6
  "license": "UNLICENSED",