feat(universal-date-input): improve after code review

core-ds · Sep 2, 2024 · e258def · e258def
1 parent 2c61d5f
commit e258def
Show file tree

Hide file tree

Showing 7 changed files with 21 additions and 5 deletions.
diff --git a/.changeset/loud-plants-judge.md b/.changeset/loud-plants-judge.md
@@ -17,6 +17,7 @@
 '@alfalab/core-components-select': minor
 '@alfalab/core-components-side-panel': minor
 '@alfalab/core-components-themes': minor
+'@alfalab/core-components-universal-date-input': minor
 ---
 
 Обновление темы corp
diff --git a/packages/themes/src/mixins/corp.css b/packages/themes/src/mixins/corp.css
@@ -5,6 +5,7 @@
 @import './icon-button/corp.css';
 @import './select/corp.css';
 @import './tag/corp.css';
+@import './universal-date-input/corp.css';
 
 @define-mixin theme-corp {
     @mixin button-corp;
@@ -14,4 +15,5 @@
     @mixin icon-button-corp;
     @mixin select-corp;
     @mixin tag-corp;
+    @mixin universal-date-input-corp;
 }
diff --git a/packages/themes/src/mixins/universal-date-input/corp.css b/packages/themes/src/mixins/universal-date-input/corp.css
@@ -0,0 +1,4 @@
+@define-mixin universal-date-input-corp {
+    /* border */
+    --calendar-popover-border-radius: var(--border-radius-12);
+}
diff --git a/packages/universal-date-input/src/components/date-input/Component.tsx b/packages/universal-date-input/src/components/date-input/Component.tsx
@@ -27,6 +27,7 @@ import {
 } from '../../utils';
 
 import styles from '../../index.module.css';
+import desktopStyles from './date-input.desktop.module.css';
 
 function getDefaultValue(defaultValue?: Date | number | string, withTime?: boolean) {
     if (defaultValue !== undefined) {
@@ -255,6 +256,7 @@ export const DateInput = forwardRef<HTMLInputElement, InnerDateInputProps>(
                         popperClassName={cn(
                             styles.calendarContainer,
                             popoverProps?.popperClassName,
+                            desktopStyles.calendarContainer,
                         )}
                         withTransition={false}
                     >

diff --git a/packages/universal-date-input/src/components/date-input/date-input.desktop.module.css b/packages/universal-date-input/src/components/date-input/date-input.desktop.module.css
@@ -0,0 +1,5 @@
+@import '../../vars.css';
+
+.calendarContainer {
+    border-radius: var(--calendar-popover-border-radius);
+}
diff --git a/packages/universal-date-input/src/index.module.css b/packages/universal-date-input/src/index.module.css
@@ -1,10 +1,6 @@
 @import '../../themes/src/default.css';
 @import '../../calendar/src/vars.css';
-
-:root {
-    --calendar-icon-color: var(--color-light-neutral-translucent-700);
-    --calendar-popover-border-radius: var(--border-radius-m);
-}
+@import './vars.css';
 
 .wrapper {
     display: inline-block;

diff --git a/packages/universal-date-input/src/vars.css b/packages/universal-date-input/src/vars.css
@@ -0,0 +1,6 @@
+:root {
+    --calendar-icon-color: var(--color-light-neutral-translucent-700);
+
+    /* border */
+    --calendar-popover-border-radius: var(--border-radius-8);
+}