@mindlogic-ai/logician-ui 3.0.0-alpha.29 → 3.0.0-alpha.30

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 (7) hide show
  1. package/dist/components/DatePicker/RangeDatePicker.d.ts.map +1 -1
  2. package/dist/components/DatePicker/RangeDatePicker.js +32 -36
  3. package/dist/components/DatePicker/RangeDatePicker.js.map +1 -1
  4. package/dist/components/DatePicker/RangeDatePicker.mjs +32 -36
  5. package/dist/components/DatePicker/RangeDatePicker.mjs.map +1 -1
  6. package/package.json +1 -1
  7. package/src/components/DatePicker/RangeDatePicker.tsx +32 -38
package/dist/components/DatePicker/RangeDatePicker.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"RangeDatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/RangeDatePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,oBAAoB,EACrB,MAAM,0BAA0B,CAAC;AAclC,eAAO,MAAM,eAAe,GAAI,+CAK7B,oBAAoB,4CAiKtB,CAAC"}
1
+ {"version":3,"file":"RangeDatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/RangeDatePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,oBAAoB,EACrB,MAAM,0BAA0B,CAAC;AAclC,eAAO,MAAM,eAAe,GAAI,+CAK7B,oBAAoB,4CA2JtB,CAAC"}
package/dist/components/DatePicker/RangeDatePicker.js CHANGED
@@ -31,24 +31,17 @@ const RangeDatePicker = ({ propsConfigs, configs, usePortal = true, ...rest }) =
31
31
  ...propsConfigs?.inputProps,
32
32
  },
33
33
  popoverCompProps: {
34
+ popoverBodyProps: {
35
+ border: 'none',
36
+ ...propsConfigs?.popoverCompProps?.popoverBodyProps,
37
+ },
34
38
  popoverContentProps: {
35
- css: {
36
- '.chakra-button[aria-pressed="true"]': {
37
- borderRadius: 'full',
38
- },
39
- '.chakra-button[aria-pressed="false"]:has(+ .chakra-button[aria-pressed="true"])': {
40
- borderRightRadius: 'sm',
41
- },
42
- '.chakra-button[aria-pressed="true"] + .chakra-button[aria-pressed="false"]': {
43
- borderLeftRadius: 'sm',
44
- },
45
- '.chakra-button[aria-pressed="false"]:nth-child(7n + 1)': {
46
- borderLeftRadius: 'sm',
47
- },
48
- '.chakra-button[aria-pressed="false"]:nth-child(7n)': {
49
- borderRightRadius: 'sm',
50
- },
51
- },
39
+ p: 2,
40
+ borderRadius: 16,
41
+ boxShadow: 'lg',
42
+ border: 'none',
43
+ borderWidth: 0,
44
+ bg: 'gray.0',
52
45
  ...propsConfigs?.popoverCompProps?.popoverContentProps,
53
46
  },
54
47
  ...propsConfigs?.popoverCompProps,
@@ -108,32 +101,35 @@ const RangeDatePicker = ({ propsConfigs, configs, usePortal = true, ...rest }) =
108
101
  },
109
102
  selectedBtnProps: {
110
103
  color: 'white',
111
- background: 'none',
104
+ background: 'primary.main',
112
105
  fontWeight: 'semibold',
113
106
  position: 'relative',
114
107
  border: 'none',
115
- zIndex: 1,
116
- borderRadius: 0,
117
- _hover: {
118
- background: 'none',
119
- },
120
- _before: {
121
- content: '""',
122
- position: 'absolute',
123
- top: 0,
124
- bottom: 0,
125
- left: 0,
126
- right: 0,
127
- background: 'primary.main',
128
- borderRadius: 'full',
129
- zIndex: -1,
130
- },
108
+ borderRadius: 'full',
131
109
  ...propsConfigs?.dayOfMonthBtnProps?.selectedBtnProps,
132
110
  },
133
111
  isInRangeBtnProps: {
134
- color: 'primary.dark',
112
+ color: 'primary.main',
135
113
  background: 'primary.extralight',
136
- borderRadius: 'md',
114
+ borderRadius: 'none',
115
+ css: {
116
+ // pressed="true" 직전의 pressed="false" 요소에 borderRight
117
+ '&[aria-pressed="false"]:has(+ &[aria-pressed="true"])': {
118
+ borderRightRadius: 'sm',
119
+ },
120
+ // pressed="true" 직후의 pressed="false" 요소에 borderLeft
121
+ '&[aria-pressed="true"] + &[aria-pressed="false"]': {
122
+ borderLeftRadius: 'sm',
123
+ },
124
+ // week row의 왼쪽 테두리
125
+ '&[aria-pressed="false"]:nth-child(7n + 1)': {
126
+ borderLeftRadius: 'sm',
127
+ },
128
+ // week row 오른쪽 테두리
129
+ '&[aria-pressed="false"]:nth-child(7n)': {
130
+ borderRightRadius: 'sm',
131
+ },
132
+ },
137
133
  ...propsConfigs?.dayOfMonthBtnProps?.isInRangeBtnProps,
138
134
  },
139
135
  ...propsConfigs?.dayOfMonthBtnProps,
package/dist/components/DatePicker/RangeDatePicker.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"RangeDatePicker.js","sources":["../../../src/components/DatePicker/RangeDatePicker.tsx"],"sourcesContent":[null],"names":["useLanguage","getDefaultFullDateFormat","getDateFnsLocale","_jsx","BaseRangeDatePicker","getMonthNames","getDayNames","Popover","_jsxs","Button","MdOutlineCalendarToday","format"],"mappings":"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"}
1
+ {"version":3,"file":"RangeDatePicker.js","sources":["../../../src/components/DatePicker/RangeDatePicker.tsx"],"sourcesContent":[null],"names":["useLanguage","getDefaultFullDateFormat","getDateFnsLocale","_jsx","BaseRangeDatePicker","getMonthNames","getDayNames","Popover","_jsxs","Button","MdOutlineCalendarToday","format"],"mappings":";;;;;;;;;;;;AAkBO,MAAM,eAAe,GAAG,CAAC,EAC9B,YAAY,EACZ,OAAO,EACP,SAAS,GAAG,IAAI,EAChB,GAAG,IAAI,EACc,KAAI;AACzB,IAAA,MAAM,EAAE,QAAQ,EAAE,GAAGA,uBAAW,EAAE;IAClC,MAAM,UAAU,GAAG,OAAO,EAAE,UAAU,IAAIC,kCAAwB,CAAC,QAAQ,CAAC;AAC5E,IAAA,MAAM,aAAa,GAAGC,0BAAgB,CAAC,QAAQ,CAAC;IAEhD,QACEC,cAAA,CAACC,sCAAmB,EAAA,EAClB,SAAS,EAAE,SAAS,EAAA,GAChB,IAAI,EACR,OAAO,EAAE;AACP,YAAA,UAAU,EAAEC,uBAAa,CAAC,QAAQ,EAAE,MAAM,CAAC;AAC3C,YAAA,QAAQ,EAAEC,qBAAW,CAAC,QAAQ,CAAC;AAC/B,YAAA,GAAG,OAAO;YACV,UAAU;AACX,SAAA,EACD,YAAY,EAAE;AACZ,YAAA,eAAe,EAAE;AACf,gBAAA,UAAU,EAAE,SAAS;AACrB,gBAAA,KAAK,EAAE,WAAW;AAClB,gBAAA,QAAQ,EAAE,IAAI;gBACd,GAAG,YAAY,EAAE,eAAe;AACjC,aAAA;AACD,YAAA,UAAU,EAAE;AACV,gBAAA,KAAK,EAAE,cAAc;gBACrB,GAAG,YAAY,EAAE,UAAU;AAC5B,aAAA;AACD,YAAA,gBAAgB,EAAE;AAChB,gBAAA,gBAAgB,EAAE;AAChB,oBAAA,MAAM,EAAE,MAAM;AACd,oBAAA,GAAG,YAAY,EAAE,gBAAgB,EAAE,gBAAgB;AACpD,iBAAA;AACD,gBAAA,mBAAmB,EAAE;AACnB,oBAAA,CAAC,EAAE,CAAC;AACJ,oBAAA,YAAY,EAAE,EAAE;AAChB,oBAAA,SAAS,EAAE,IAAI;AACf,oBAAA,MAAM,EAAE,MAAM;AACd,oBAAA,WAAW,EAAE,CAAC;AACd,oBAAA,EAAE,EAAE,QAAQ;AACZ,oBAAA,GAAG,YAAY,EAAE,gBAAgB,EAAE,mBAAmB;AACvD,iBAAA;gBACD,GAAG,YAAY,EAAE,gBAAgB;AAClC,aAAA;AACD,YAAA,kBAAkB,EAAE;AAClB,gBAAA,YAAY,EAAE;AACZ,oBAAA,GAAG,EAAE,CAAC;AACN,oBAAA,MAAM,EAAE,MAAM;AACd,oBAAA,GAAG,YAAY,EAAE,kBAAkB,EAAE,YAAY;AAClD,iBAAA;AACD,gBAAA,YAAY,EAAE;AACZ,oBAAA,OAAO,EAAE,MAAM;AACf,oBAAA,GAAG,YAAY,EAAE,kBAAkB,EAAE,YAAY;AAClD,iBAAA;AACD,gBAAA,YAAY,EAAE;AACZ,oBAAA,EAAE,EAAE,CAAC;AACL,oBAAA,EAAE,EAAE,CAAC;AACL,oBAAA,WAAW,EAAE,KAAK;AAClB,oBAAA,WAAW,EAAE,oBAAoB;AACjC,oBAAA,YAAY,EAAE,EAAE;AAChB,oBAAA,EAAE,EAAE,OAAO;AACX,oBAAA,GAAG,YAAY,EAAE,kBAAkB,EAAE,YAAY;AAClD,iBAAA;AACD,gBAAA,SAAS,EAAE;AACT,oBAAA,GAAG,EAAE,CAAC;AACN,oBAAA,MAAM,EAAE,CAAC;AACT,oBAAA,GAAG,YAAY,EAAE,kBAAkB,EAAE,SAAS;AAC/C,iBAAA;gBACD,GAAG,YAAY,EAAE,kBAAkB;AACpC,aAAA;AACD,YAAA,eAAe,EAAE;AACf,gBAAA,KAAK,EAAE,cAAc;gBACrB,GAAG,YAAY,EAAE,eAAe;AACjC,aAAA;AACD,YAAA,iBAAiB,EAAE;AACjB,gBAAA,EAAE,EAAE,CAAC;AACL,gBAAA,KAAK,EAAE,WAAW;AAClB,gBAAA,QAAQ,EAAE,IAAI;AACd,gBAAA,UAAU,EAAE,SAAS;gBACrB,GAAG,YAAY,EAAE,iBAAiB;AACnC,aAAA;AACD,YAAA,kBAAkB,EAAE;AAClB,gBAAA,eAAe,EAAE;AACf,oBAAA,KAAK,EAAE,EAAE;AACT,oBAAA,MAAM,EAAE,EAAE;AACV,oBAAA,KAAK,EAAE,WAAW;AAClB,oBAAA,UAAU,EAAE,SAAS;AACrB,oBAAA,MAAM,EAAE;AACN,wBAAA,UAAU,EAAE,oBAAoB;AAChC,wBAAA,GAAG,YAAY,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM;AAC7D,qBAAA;AACD,oBAAA,GAAG,YAAY,EAAE,kBAAkB,EAAE,eAAe;AACrD,iBAAA;AACD,gBAAA,aAAa,EAAE;AACb,oBAAA,UAAU,EAAE,UAAU;AACtB,oBAAA,GAAG,YAAY,EAAE,kBAAkB,EAAE,aAAa;AACnD,iBAAA;AACD,gBAAA,gBAAgB,EAAE;AAChB,oBAAA,KAAK,EAAE,OAAO;AACd,oBAAA,UAAU,EAAE,cAAc;AAC1B,oBAAA,UAAU,EAAE,UAAU;AACtB,oBAAA,QAAQ,EAAE,UAAU;AACpB,oBAAA,MAAM,EAAE,MAAM;AACd,oBAAA,YAAY,EAAE,MAAM;AACpB,oBAAA,GAAG,YAAY,EAAE,kBAAkB,EAAE,gBAAgB;AACtD,iBAAA;AACD,gBAAA,iBAAiB,EAAE;AACjB,oBAAA,KAAK,EAAE,cAAc;AACrB,oBAAA,UAAU,EAAE,oBAAoB;AAChC,oBAAA,YAAY,EAAE,MAAM;AACpB,oBAAA,GAAG,EAAE;;AAEH,wBAAA,uDAAuD,EAAE;AACvD,4BAAA,iBAAiB,EAAE,IAAI;AACxB,yBAAA;;AAED,wBAAA,kDAAkD,EAAE;AAClD,4BAAA,gBAAgB,EAAE,IAAI;AACvB,yBAAA;;AAED,wBAAA,2CAA2C,EAAE;AAC3C,4BAAA,gBAAgB,EAAE,IAAI;AACvB,yBAAA;;AAED,wBAAA,uCAAuC,EAAE;AACvC,4BAAA,iBAAiB,EAAE,IAAI;AACxB,yBAAA;AACF,qBAAA;AACD,oBAAA,GAAG,YAAY,EAAE,kBAAkB,EAAE,iBAAiB;AACvD,iBAAA;gBACD,GAAG,YAAY,EAAE,kBAAkB;AACpC,aAAA;AACD,YAAA,GAAG,YAAY;SAChB,EAAA,QAAA,EAEA,CAAC,aAAa,MACbH,cAAA,CAACI,aAAO,CAAC,OAAO,EAAA,EAAC,OAAO,kBACtBC,eAAA,CAACC,aAAM,EAAA,EACL,EAAE,EAAE,CAAC,EACL,YAAY,EAAC,SAAS,EACtB,OAAO,EAAC,SAAS,KACZ,YAAY,EAAE,eAA+B,EAAA,QAAA,EAAA,CAElDN,cAAA,CAACO,4BAAsB,IACrB,KAAK,EAAC,UAAU,EAChB,KAAK,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,EAAA,CAC7B,EACD,aAAa,IAAI,aAAa,CAAC,MAAM,GAAG;AACvC,0BAAE,aAAa,CAAC,MAAM,KAAK;AACzB,8BAAE,CAAA,EAAGC,cAAM,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC,CAAA,GAAA;AACpE,8BAAE,CAAA,EAAGA,cAAM,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC,CAAA,GAAA,EAAMA,cAAM,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC,CAAA;AAC3I,0BAAE,EAAE,CAAA,EAAA,CACC,GACO,CACnB,EAAA,CACmB;AAE1B;;;;"}
package/dist/components/DatePicker/RangeDatePicker.mjs CHANGED
@@ -29,24 +29,17 @@ const RangeDatePicker = ({ propsConfigs, configs, usePortal = true, ...rest }) =
29
29
  ...propsConfigs?.inputProps,
30
30
  },
31
31
  popoverCompProps: {
32
+ popoverBodyProps: {
33
+ border: 'none',
34
+ ...propsConfigs?.popoverCompProps?.popoverBodyProps,
35
+ },
32
36
  popoverContentProps: {
33
- css: {
34
- '.chakra-button[aria-pressed="true"]': {
35
- borderRadius: 'full',
36
- },
37
- '.chakra-button[aria-pressed="false"]:has(+ .chakra-button[aria-pressed="true"])': {
38
- borderRightRadius: 'sm',
39
- },
40
- '.chakra-button[aria-pressed="true"] + .chakra-button[aria-pressed="false"]': {
41
- borderLeftRadius: 'sm',
42
- },
43
- '.chakra-button[aria-pressed="false"]:nth-child(7n + 1)': {
44
- borderLeftRadius: 'sm',
45
- },
46
- '.chakra-button[aria-pressed="false"]:nth-child(7n)': {
47
- borderRightRadius: 'sm',
48
- },
49
- },
37
+ p: 2,
38
+ borderRadius: 16,
39
+ boxShadow: 'lg',
40
+ border: 'none',
41
+ borderWidth: 0,
42
+ bg: 'gray.0',
50
43
  ...propsConfigs?.popoverCompProps?.popoverContentProps,
51
44
  },
52
45
  ...propsConfigs?.popoverCompProps,
@@ -106,32 +99,35 @@ const RangeDatePicker = ({ propsConfigs, configs, usePortal = true, ...rest }) =
106
99
  },
107
100
  selectedBtnProps: {
108
101
  color: 'white',
109
- background: 'none',
102
+ background: 'primary.main',
110
103
  fontWeight: 'semibold',
111
104
  position: 'relative',
112
105
  border: 'none',
113
- zIndex: 1,
114
- borderRadius: 0,
115
- _hover: {
116
- background: 'none',
117
- },
118
- _before: {
119
- content: '""',
120
- position: 'absolute',
121
- top: 0,
122
- bottom: 0,
123
- left: 0,
124
- right: 0,
125
- background: 'primary.main',
126
- borderRadius: 'full',
127
- zIndex: -1,
128
- },
106
+ borderRadius: 'full',
129
107
  ...propsConfigs?.dayOfMonthBtnProps?.selectedBtnProps,
130
108
  },
131
109
  isInRangeBtnProps: {
132
- color: 'primary.dark',
110
+ color: 'primary.main',
133
111
  background: 'primary.extralight',
134
- borderRadius: 'md',
112
+ borderRadius: 'none',
113
+ css: {
114
+ // pressed="true" 직전의 pressed="false" 요소에 borderRight
115
+ '&[aria-pressed="false"]:has(+ &[aria-pressed="true"])': {
116
+ borderRightRadius: 'sm',
117
+ },
118
+ // pressed="true" 직후의 pressed="false" 요소에 borderLeft
119
+ '&[aria-pressed="true"] + &[aria-pressed="false"]': {
120
+ borderLeftRadius: 'sm',
121
+ },
122
+ // week row의 왼쪽 테두리
123
+ '&[aria-pressed="false"]:nth-child(7n + 1)': {
124
+ borderLeftRadius: 'sm',
125
+ },
126
+ // week row 오른쪽 테두리
127
+ '&[aria-pressed="false"]:nth-child(7n)': {
128
+ borderRightRadius: 'sm',
129
+ },
130
+ },
135
131
  ...propsConfigs?.dayOfMonthBtnProps?.isInRangeBtnProps,
136
132
  },
137
133
  ...propsConfigs?.dayOfMonthBtnProps,
package/dist/components/DatePicker/RangeDatePicker.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"RangeDatePicker.mjs","sources":["../../../src/components/DatePicker/RangeDatePicker.tsx"],"sourcesContent":[null],"names":["_jsx","BaseRangeDatePicker","_jsxs"],"mappings":";;;;;;;;;;AAkBO,MAAM,eAAe,GAAG,CAAC,EAC9B,YAAY,EACZ,OAAO,EACP,SAAS,GAAG,IAAI,EAChB,GAAG,IAAI,EACc,KAAI;AACzB,IAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE;IAClC,MAAM,UAAU,GAAG,OAAO,EAAE,UAAU,IAAI,wBAAwB,CAAC,QAAQ,CAAC;AAC5E,IAAA,MAAM,aAAa,GAAG,gBAAgB,CAAC,QAAQ,CAAC;IAEhD,QACEA,GAAA,CAACC,eAAmB,EAAA,EAClB,SAAS,EAAE,SAAS,EAAA,GAChB,IAAI,EACR,OAAO,EAAE;AACP,YAAA,UAAU,EAAE,aAAa,CAAC,QAAQ,EAAE,MAAM,CAAC;AAC3C,YAAA,QAAQ,EAAE,WAAW,CAAC,QAAQ,CAAC;AAC/B,YAAA,GAAG,OAAO;YACV,UAAU;AACX,SAAA,EACD,YAAY,EAAE;AACZ,YAAA,eAAe,EAAE;AACf,gBAAA,UAAU,EAAE,SAAS;AACrB,gBAAA,KAAK,EAAE,WAAW;AAClB,gBAAA,QAAQ,EAAE,IAAI;gBACd,GAAG,YAAY,EAAE,eAAe;AACjC,aAAA;AACD,YAAA,UAAU,EAAE;AACV,gBAAA,KAAK,EAAE,cAAc;gBACrB,GAAG,YAAY,EAAE,UAAU;AAC5B,aAAA;AACD,YAAA,gBAAgB,EAAE;AAChB,gBAAA,mBAAmB,EAAE;AACnB,oBAAA,GAAG,EAAE;AACH,wBAAA,qCAAqC,EAAE;AACrC,4BAAA,YAAY,EAAE,MAAM;AACrB,yBAAA;AACD,wBAAA,iFAAiF,EAC/E;AACE,4BAAA,iBAAiB,EAAE,IAAI;AACxB,yBAAA;AACH,wBAAA,4EAA4E,EAC1E;AACE,4BAAA,gBAAgB,EAAE,IAAI;AACvB,yBAAA;AACH,wBAAA,wDAAwD,EAAE;AACxD,4BAAA,gBAAgB,EAAE,IAAI;AACvB,yBAAA;AACD,wBAAA,oDAAoD,EAAE;AACpD,4BAAA,iBAAiB,EAAE,IAAI;AACxB,yBAAA;AACF,qBAAA;AACD,oBAAA,GAAG,YAAY,EAAE,gBAAgB,EAAE,mBAAmB;AACvD,iBAAA;gBACD,GAAG,YAAY,EAAE,gBAAgB;AAClC,aAAA;AACD,YAAA,kBAAkB,EAAE;AAClB,gBAAA,YAAY,EAAE;AACZ,oBAAA,GAAG,EAAE,CAAC;AACN,oBAAA,MAAM,EAAE,MAAM;AACd,oBAAA,GAAG,YAAY,EAAE,kBAAkB,EAAE,YAAY;AAClD,iBAAA;AACD,gBAAA,YAAY,EAAE;AACZ,oBAAA,OAAO,EAAE,MAAM;AACf,oBAAA,GAAG,YAAY,EAAE,kBAAkB,EAAE,YAAY;AAClD,iBAAA;AACD,gBAAA,YAAY,EAAE;AACZ,oBAAA,EAAE,EAAE,CAAC;AACL,oBAAA,EAAE,EAAE,CAAC;AACL,oBAAA,WAAW,EAAE,KAAK;AAClB,oBAAA,WAAW,EAAE,oBAAoB;AACjC,oBAAA,YAAY,EAAE,EAAE;AAChB,oBAAA,EAAE,EAAE,OAAO;AACX,oBAAA,GAAG,YAAY,EAAE,kBAAkB,EAAE,YAAY;AAClD,iBAAA;AACD,gBAAA,SAAS,EAAE;AACT,oBAAA,GAAG,EAAE,CAAC;AACN,oBAAA,MAAM,EAAE,CAAC;AACT,oBAAA,GAAG,YAAY,EAAE,kBAAkB,EAAE,SAAS;AAC/C,iBAAA;gBACD,GAAG,YAAY,EAAE,kBAAkB;AACpC,aAAA;AACD,YAAA,eAAe,EAAE;AACf,gBAAA,KAAK,EAAE,cAAc;gBACrB,GAAG,YAAY,EAAE,eAAe;AACjC,aAAA;AACD,YAAA,iBAAiB,EAAE;AACjB,gBAAA,EAAE,EAAE,CAAC;AACL,gBAAA,KAAK,EAAE,WAAW;AAClB,gBAAA,QAAQ,EAAE,IAAI;AACd,gBAAA,UAAU,EAAE,SAAS;gBACrB,GAAG,YAAY,EAAE,iBAAiB;AACnC,aAAA;AACD,YAAA,kBAAkB,EAAE;AAClB,gBAAA,eAAe,EAAE;AACf,oBAAA,KAAK,EAAE,EAAE;AACT,oBAAA,MAAM,EAAE,EAAE;AACV,oBAAA,KAAK,EAAE,WAAW;AAClB,oBAAA,UAAU,EAAE,SAAS;AACrB,oBAAA,MAAM,EAAE;AACN,wBAAA,UAAU,EAAE,oBAAoB;AAChC,wBAAA,GAAG,YAAY,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM;AAC7D,qBAAA;AACD,oBAAA,GAAG,YAAY,EAAE,kBAAkB,EAAE,eAAe;AACrD,iBAAA;AACD,gBAAA,aAAa,EAAE;AACb,oBAAA,UAAU,EAAE,UAAU;AACtB,oBAAA,GAAG,YAAY,EAAE,kBAAkB,EAAE,aAAa;AACnD,iBAAA;AACD,gBAAA,gBAAgB,EAAE;AAChB,oBAAA,KAAK,EAAE,OAAO;AACd,oBAAA,UAAU,EAAE,MAAM;AAClB,oBAAA,UAAU,EAAE,UAAU;AACtB,oBAAA,QAAQ,EAAE,UAAU;AACpB,oBAAA,MAAM,EAAE,MAAM;AACd,oBAAA,MAAM,EAAE,CAAC;AACT,oBAAA,YAAY,EAAE,CAAC;AACf,oBAAA,MAAM,EAAE;AACN,wBAAA,UAAU,EAAE,MAAM;AACnB,qBAAA;AACD,oBAAA,OAAO,EAAE;AACP,wBAAA,OAAO,EAAE,IAAI;AACb,wBAAA,QAAQ,EAAE,UAAU;AACpB,wBAAA,GAAG,EAAE,CAAC;AACN,wBAAA,MAAM,EAAE,CAAC;AACT,wBAAA,IAAI,EAAE,CAAC;AACP,wBAAA,KAAK,EAAE,CAAC;AACR,wBAAA,UAAU,EAAE,cAAc;AAC1B,wBAAA,YAAY,EAAE,MAAM;wBACpB,MAAM,EAAE,EAAE;AACX,qBAAA;AACD,oBAAA,GAAG,YAAY,EAAE,kBAAkB,EAAE,gBAAgB;AACtD,iBAAA;AACD,gBAAA,iBAAiB,EAAE;AACjB,oBAAA,KAAK,EAAE,cAAc;AACrB,oBAAA,UAAU,EAAE,oBAAoB;AAChC,oBAAA,YAAY,EAAE,IAAI;AAClB,oBAAA,GAAG,YAAY,EAAE,kBAAkB,EAAE,iBAAiB;AACvD,iBAAA;gBACD,GAAG,YAAY,EAAE,kBAAkB;AACpC,aAAA;AACD,YAAA,GAAG,YAAY;SAChB,EAAA,QAAA,EAEA,CAAC,aAAa,MACbD,GAAA,CAAC,OAAO,CAAC,OAAO,EAAA,EAAC,OAAO,kBACtBE,IAAA,CAAC,MAAM,EAAA,EACL,EAAE,EAAE,CAAC,EACL,YAAY,EAAC,SAAS,EACtB,OAAO,EAAC,SAAS,KACZ,YAAY,EAAE,eAA+B,EAAA,QAAA,EAAA,CAElDF,GAAA,CAAC,sBAAsB,IACrB,KAAK,EAAC,UAAU,EAChB,KAAK,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,EAAA,CAC7B,EACD,aAAa,IAAI,aAAa,CAAC,MAAM,GAAG;AACvC,0BAAE,aAAa,CAAC,MAAM,KAAK;AACzB,8BAAE,CAAA,EAAG,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC,CAAA,GAAA;AACpE,8BAAE,CAAA,EAAG,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC,CAAA,GAAA,EAAM,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC,CAAA;AAC3I,0BAAE,EAAE,CAAA,EAAA,CACC,GACO,CACnB,EAAA,CACmB;AAE1B;;;;"}
1
+ {"version":3,"file":"RangeDatePicker.mjs","sources":["../../../src/components/DatePicker/RangeDatePicker.tsx"],"sourcesContent":[null],"names":["_jsx","BaseRangeDatePicker","_jsxs"],"mappings":";;;;;;;;;;AAkBO,MAAM,eAAe,GAAG,CAAC,EAC9B,YAAY,EACZ,OAAO,EACP,SAAS,GAAG,IAAI,EAChB,GAAG,IAAI,EACc,KAAI;AACzB,IAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE;IAClC,MAAM,UAAU,GAAG,OAAO,EAAE,UAAU,IAAI,wBAAwB,CAAC,QAAQ,CAAC;AAC5E,IAAA,MAAM,aAAa,GAAG,gBAAgB,CAAC,QAAQ,CAAC;IAEhD,QACEA,GAAA,CAACC,eAAmB,EAAA,EAClB,SAAS,EAAE,SAAS,EAAA,GAChB,IAAI,EACR,OAAO,EAAE;AACP,YAAA,UAAU,EAAE,aAAa,CAAC,QAAQ,EAAE,MAAM,CAAC;AAC3C,YAAA,QAAQ,EAAE,WAAW,CAAC,QAAQ,CAAC;AAC/B,YAAA,GAAG,OAAO;YACV,UAAU;AACX,SAAA,EACD,YAAY,EAAE;AACZ,YAAA,eAAe,EAAE;AACf,gBAAA,UAAU,EAAE,SAAS;AACrB,gBAAA,KAAK,EAAE,WAAW;AAClB,gBAAA,QAAQ,EAAE,IAAI;gBACd,GAAG,YAAY,EAAE,eAAe;AACjC,aAAA;AACD,YAAA,UAAU,EAAE;AACV,gBAAA,KAAK,EAAE,cAAc;gBACrB,GAAG,YAAY,EAAE,UAAU;AAC5B,aAAA;AACD,YAAA,gBAAgB,EAAE;AAChB,gBAAA,gBAAgB,EAAE;AAChB,oBAAA,MAAM,EAAE,MAAM;AACd,oBAAA,GAAG,YAAY,EAAE,gBAAgB,EAAE,gBAAgB;AACpD,iBAAA;AACD,gBAAA,mBAAmB,EAAE;AACnB,oBAAA,CAAC,EAAE,CAAC;AACJ,oBAAA,YAAY,EAAE,EAAE;AAChB,oBAAA,SAAS,EAAE,IAAI;AACf,oBAAA,MAAM,EAAE,MAAM;AACd,oBAAA,WAAW,EAAE,CAAC;AACd,oBAAA,EAAE,EAAE,QAAQ;AACZ,oBAAA,GAAG,YAAY,EAAE,gBAAgB,EAAE,mBAAmB;AACvD,iBAAA;gBACD,GAAG,YAAY,EAAE,gBAAgB;AAClC,aAAA;AACD,YAAA,kBAAkB,EAAE;AAClB,gBAAA,YAAY,EAAE;AACZ,oBAAA,GAAG,EAAE,CAAC;AACN,oBAAA,MAAM,EAAE,MAAM;AACd,oBAAA,GAAG,YAAY,EAAE,kBAAkB,EAAE,YAAY;AAClD,iBAAA;AACD,gBAAA,YAAY,EAAE;AACZ,oBAAA,OAAO,EAAE,MAAM;AACf,oBAAA,GAAG,YAAY,EAAE,kBAAkB,EAAE,YAAY;AAClD,iBAAA;AACD,gBAAA,YAAY,EAAE;AACZ,oBAAA,EAAE,EAAE,CAAC;AACL,oBAAA,EAAE,EAAE,CAAC;AACL,oBAAA,WAAW,EAAE,KAAK;AAClB,oBAAA,WAAW,EAAE,oBAAoB;AACjC,oBAAA,YAAY,EAAE,EAAE;AAChB,oBAAA,EAAE,EAAE,OAAO;AACX,oBAAA,GAAG,YAAY,EAAE,kBAAkB,EAAE,YAAY;AAClD,iBAAA;AACD,gBAAA,SAAS,EAAE;AACT,oBAAA,GAAG,EAAE,CAAC;AACN,oBAAA,MAAM,EAAE,CAAC;AACT,oBAAA,GAAG,YAAY,EAAE,kBAAkB,EAAE,SAAS;AAC/C,iBAAA;gBACD,GAAG,YAAY,EAAE,kBAAkB;AACpC,aAAA;AACD,YAAA,eAAe,EAAE;AACf,gBAAA,KAAK,EAAE,cAAc;gBACrB,GAAG,YAAY,EAAE,eAAe;AACjC,aAAA;AACD,YAAA,iBAAiB,EAAE;AACjB,gBAAA,EAAE,EAAE,CAAC;AACL,gBAAA,KAAK,EAAE,WAAW;AAClB,gBAAA,QAAQ,EAAE,IAAI;AACd,gBAAA,UAAU,EAAE,SAAS;gBACrB,GAAG,YAAY,EAAE,iBAAiB;AACnC,aAAA;AACD,YAAA,kBAAkB,EAAE;AAClB,gBAAA,eAAe,EAAE;AACf,oBAAA,KAAK,EAAE,EAAE;AACT,oBAAA,MAAM,EAAE,EAAE;AACV,oBAAA,KAAK,EAAE,WAAW;AAClB,oBAAA,UAAU,EAAE,SAAS;AACrB,oBAAA,MAAM,EAAE;AACN,wBAAA,UAAU,EAAE,oBAAoB;AAChC,wBAAA,GAAG,YAAY,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM;AAC7D,qBAAA;AACD,oBAAA,GAAG,YAAY,EAAE,kBAAkB,EAAE,eAAe;AACrD,iBAAA;AACD,gBAAA,aAAa,EAAE;AACb,oBAAA,UAAU,EAAE,UAAU;AACtB,oBAAA,GAAG,YAAY,EAAE,kBAAkB,EAAE,aAAa;AACnD,iBAAA;AACD,gBAAA,gBAAgB,EAAE;AAChB,oBAAA,KAAK,EAAE,OAAO;AACd,oBAAA,UAAU,EAAE,cAAc;AAC1B,oBAAA,UAAU,EAAE,UAAU;AACtB,oBAAA,QAAQ,EAAE,UAAU;AACpB,oBAAA,MAAM,EAAE,MAAM;AACd,oBAAA,YAAY,EAAE,MAAM;AACpB,oBAAA,GAAG,YAAY,EAAE,kBAAkB,EAAE,gBAAgB;AACtD,iBAAA;AACD,gBAAA,iBAAiB,EAAE;AACjB,oBAAA,KAAK,EAAE,cAAc;AACrB,oBAAA,UAAU,EAAE,oBAAoB;AAChC,oBAAA,YAAY,EAAE,MAAM;AACpB,oBAAA,GAAG,EAAE;;AAEH,wBAAA,uDAAuD,EAAE;AACvD,4BAAA,iBAAiB,EAAE,IAAI;AACxB,yBAAA;;AAED,wBAAA,kDAAkD,EAAE;AAClD,4BAAA,gBAAgB,EAAE,IAAI;AACvB,yBAAA;;AAED,wBAAA,2CAA2C,EAAE;AAC3C,4BAAA,gBAAgB,EAAE,IAAI;AACvB,yBAAA;;AAED,wBAAA,uCAAuC,EAAE;AACvC,4BAAA,iBAAiB,EAAE,IAAI;AACxB,yBAAA;AACF,qBAAA;AACD,oBAAA,GAAG,YAAY,EAAE,kBAAkB,EAAE,iBAAiB;AACvD,iBAAA;gBACD,GAAG,YAAY,EAAE,kBAAkB;AACpC,aAAA;AACD,YAAA,GAAG,YAAY;SAChB,EAAA,QAAA,EAEA,CAAC,aAAa,MACbD,GAAA,CAAC,OAAO,CAAC,OAAO,EAAA,EAAC,OAAO,kBACtBE,IAAA,CAAC,MAAM,EAAA,EACL,EAAE,EAAE,CAAC,EACL,YAAY,EAAC,SAAS,EACtB,OAAO,EAAC,SAAS,KACZ,YAAY,EAAE,eAA+B,EAAA,QAAA,EAAA,CAElDF,GAAA,CAAC,sBAAsB,IACrB,KAAK,EAAC,UAAU,EAChB,KAAK,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,EAAA,CAC7B,EACD,aAAa,IAAI,aAAa,CAAC,MAAM,GAAG;AACvC,0BAAE,aAAa,CAAC,MAAM,KAAK;AACzB,8BAAE,CAAA,EAAG,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC,CAAA,GAAA;AACpE,8BAAE,CAAA,EAAG,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC,CAAA,GAAA,EAAM,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC,CAAA;AAC3I,0BAAE,EAAE,CAAA,EAAA,CACC,GACO,CACnB,EAAA,CACmB;AAE1B;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mindlogic-ai/logician-ui",
3
- "version": "3.0.0-alpha.29",
3
+ "version": "3.0.0-alpha.30",
4
4
  "description": "A comprehensive React design system built on Chakra UI",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",
package/src/components/DatePicker/RangeDatePicker.tsx CHANGED
@@ -48,26 +48,17 @@ export const RangeDatePicker = ({
48
48
  ...propsConfigs?.inputProps,
49
49
  },
50
50
  popoverCompProps: {
51
+ popoverBodyProps: {
52
+ border: 'none',
53
+ ...propsConfigs?.popoverCompProps?.popoverBodyProps,
54
+ },
51
55
  popoverContentProps: {
52
- css: {
53
- '.chakra-button[aria-pressed="true"]': {
54
- borderRadius: 'full',
55
- },
56
- '.chakra-button[aria-pressed="false"]:has(+ .chakra-button[aria-pressed="true"])':
57
- {
58
- borderRightRadius: 'sm',
59
- },
60
- '.chakra-button[aria-pressed="true"] + .chakra-button[aria-pressed="false"]':
61
- {
62
- borderLeftRadius: 'sm',
63
- },
64
- '.chakra-button[aria-pressed="false"]:nth-child(7n + 1)': {
65
- borderLeftRadius: 'sm',
66
- },
67
- '.chakra-button[aria-pressed="false"]:nth-child(7n)': {
68
- borderRightRadius: 'sm',
69
- },
70
- },
56
+ p: 2,
57
+ borderRadius: 16,
58
+ boxShadow: 'lg',
59
+ border: 'none',
60
+ borderWidth: 0,
61
+ bg: 'gray.0',
71
62
  ...propsConfigs?.popoverCompProps?.popoverContentProps,
72
63
  },
73
64
  ...propsConfigs?.popoverCompProps,
@@ -127,32 +118,35 @@ export const RangeDatePicker = ({
127
118
  },
128
119
  selectedBtnProps: {
129
120
  color: 'white',
130
- background: 'none',
121
+ background: 'primary.main',
131
122
  fontWeight: 'semibold',
132
123
  position: 'relative',
133
124
  border: 'none',
134
- zIndex: 1,
135
- borderRadius: 0,
136
- _hover: {
137
- background: 'none',
138
- },
139
- _before: {
140
- content: '""',
141
- position: 'absolute',
142
- top: 0,
143
- bottom: 0,
144
- left: 0,
145
- right: 0,
146
- background: 'primary.main',
147
- borderRadius: 'full',
148
- zIndex: -1,
149
- },
125
+ borderRadius: 'full',
150
126
  ...propsConfigs?.dayOfMonthBtnProps?.selectedBtnProps,
151
127
  },
152
128
  isInRangeBtnProps: {
153
- color: 'primary.dark',
129
+ color: 'primary.main',
154
130
  background: 'primary.extralight',
155
- borderRadius: 'md',
131
+ borderRadius: 'none',
132
+ css: {
133
+ // pressed="true" 직전의 pressed="false" 요소에 borderRight
134
+ '&[aria-pressed="false"]:has(+ &[aria-pressed="true"])': {
135
+ borderRightRadius: 'sm',
136
+ },
137
+ // pressed="true" 직후의 pressed="false" 요소에 borderLeft
138
+ '&[aria-pressed="true"] + &[aria-pressed="false"]': {
139
+ borderLeftRadius: 'sm',
140
+ },
141
+ // week row의 왼쪽 테두리
142
+ '&[aria-pressed="false"]:nth-child(7n + 1)': {
143
+ borderLeftRadius: 'sm',
144
+ },
145
+ // week row 오른쪽 테두리
146
+ '&[aria-pressed="false"]:nth-child(7n)': {
147
+ borderRightRadius: 'sm',
148
+ },
149
+ },
156
150
  ...propsConfigs?.dayOfMonthBtnProps?.isInRangeBtnProps,
157
151
  },
158
152
  ...propsConfigs?.dayOfMonthBtnProps,