@delightui/components 0.1.145 → 0.1.147

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 (11) hide show
  1. package/dist/assets/icons/CalendarOutlined.svg +3 -0
  2. package/dist/cjs/components/molecules/index.d.ts +2 -0
  3. package/dist/cjs/library.css +47 -41
  4. package/dist/cjs/library.js +3 -3
  5. package/dist/cjs/library.js.map +1 -1
  6. package/dist/esm/components/molecules/index.d.ts +2 -0
  7. package/dist/esm/library.css +47 -41
  8. package/dist/esm/library.js +3 -3
  9. package/dist/esm/library.js.map +1 -1
  10. package/dist/index.d.ts +7 -5
  11. package/package.json +1 -1
package/dist/assets/icons/CalendarOutlined.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M13.334 1.99935H12.6673V0.666016H11.334V1.99935H4.66732V0.666016H3.33398V1.99935H2.66732C1.93398 1.99935 1.33398 2.59935 1.33398 3.33268V13.9993C1.33398 14.7327 1.93398 15.3327 2.66732 15.3327H13.334C14.0673 15.3327 14.6673 14.7327 14.6673 13.9993V3.33268C14.6673 2.59935 14.0673 1.99935 13.334 1.99935ZM13.334 13.9993H2.66732V6.66602H13.334V13.9993ZM13.334 5.33268H2.66732V3.33268H13.334V5.33268Z" fill="#EDECEE"/>
3
+ </svg>
package/dist/cjs/components/molecules/index.d.ts CHANGED
@@ -4,6 +4,7 @@ export { default as Breadcrumbs, Breadcrumb } from './Breadcrumbs';
4
4
  export { default as ButtonGroup } from './ButtonGroup';
5
5
  export { default as Card } from './Card';
6
6
  export { default as ContextMenu } from './ContextMenu';
7
+ export { default as DateInput } from './DatePicker/DateInput';
7
8
  export { default as DatePicker } from './DatePicker';
8
9
  export { default as FormField } from './FormField';
9
10
  export { default as Grid } from './Grid';
@@ -27,6 +28,7 @@ export * from './Breadcrumbs';
27
28
  export * from './ButtonGroup';
28
29
  export * from './Card';
29
30
  export * from './ContextMenu';
31
+ export * from './DatePicker/DateInput';
30
32
  export * from './DatePicker';
31
33
  export * from './FormField';
32
34
  export * from './Grid';
package/dist/cjs/library.css CHANGED
@@ -1996,6 +1996,39 @@ ul.ButtonGroup-module_buttonGroup__s1X98[component-variant=button-group-vertical
1996
1996
  --list-row-gap: var(--context-menu-list-row-gap, 0px);
1997
1997
  --list-column-gap: var(--context-menu-list-column-gap, 0px);
1998
1998
  }
1999
+ .DateInput-module_dateInput__hYA3X {
2000
+ --input-height: var(--date-input-height);
2001
+ --input-row-gap: var(--date-input-row-gap);
2002
+ --input-column-gap: var(--date-input-column-gap);
2003
+ --input-border-bottom-width: var(--date-input-border-bottom-width);
2004
+ --input-border-left-width: var(--date-input-border-left-width);
2005
+ --input-border-right-width: var(--date-input-border-right-width);
2006
+ --input-border-top-width: var(--date-input-border-top-width);
2007
+ --input-border-style: var(--date-input-border-style);
2008
+ --input-border-color: var(--date-input-border-color);
2009
+ --input-border-top-left-radius: var(--date-input-border-top-left-radius);
2010
+ --input-border-top-right-radius: var(--date-input-border-top-right-radius);
2011
+ --input-border-bottom-right-radius: var(--date-input-border-bottom-right-radius);
2012
+ --input-border-bottom-left-radius: var(--date-input-border-bottom-left-radius);
2013
+ --input-background-color: var(--date-input-background-color);
2014
+ --input-color: var(--date-input-color);
2015
+ --input-padding-top: var(--date-input-padding-top);
2016
+ --input-padding-bottom: var(--date-input-padding-bottom);
2017
+ --input-padding-left: var(--date-input-padding-left);
2018
+ --input-padding-right: var(--date-input-padding-right);
2019
+ --input-font-family: var(--date-input-font-family);
2020
+ --input-font-weight: var(--date-input-font-weight);
2021
+ --input-font-size: var(--date-input-font-size);
2022
+ --input-letter-spacing: var(--date-input-letter-spacing);
2023
+ --input-line-height: var(--date-input-line-height);
2024
+ --input-color: var(--date-input-color);
2025
+ --input-placeholder-font-family: var(--date-input-placeholder-font-family);
2026
+ --input-placeholder-font-weight: var(--date-input-placeholder-font-weight);
2027
+ --input-placeholder-font-size: var(--date-input-placeholder-font-size);
2028
+ --input-placeholder-letter-spacing: var(--date-input-placeholder-letter-spacing);
2029
+ --input-placeholder-line-height: var(--date-input-placeholder-line-height);
2030
+ --input-placeholder-color: var(--date-input-placeholder-color);
2031
+ }
1999
2032
  .flatpickr-calendar {
2000
2033
  background: transparent;
2001
2034
  opacity: 0;
@@ -2941,13 +2974,8 @@ span.flatpickr-weekday {
2941
2974
  -moz-column-gap: var(--date-picker-months-trigger-column-gap);
2942
2975
  column-gap: var(--date-picker-months-trigger-column-gap);
2943
2976
  row-gap: var(--date-picker-months-trigger-row-gap);
2944
- padding-top: var(--date-picker-months-trigger-padding-top);
2945
- padding-bottom: var(--date-picker-months-trigger-padding-bottom);
2946
- padding-left: var(--date-picker-months-trigger-padding-left);
2947
- padding-right: var(--date-picker-months-trigger-padding-right);
2948
2977
  }
2949
2978
  .flatpickr-calendar .flatpickr-months .flatpickr-current-month {
2950
- color: var(--date-picker-cur-month-color);
2951
2979
  display: contents;
2952
2980
  font-family: var(--date-picker-months-trigger-font-family);
2953
2981
  font-size: var(--date-picker-months-trigger-font-size);
@@ -2968,6 +2996,10 @@ span.flatpickr-weekday {
2968
2996
  font-weight: var(--date-picker-months-trigger-font-weight);
2969
2997
  line-height: var(--date-picker-months-trigger-line-height);
2970
2998
  color: var(--date-picker-months-trigger-color);
2999
+ padding-top: var(--date-picker-months-trigger-padding-top);
3000
+ padding-bottom: var(--date-picker-months-trigger-padding-bottom);
3001
+ padding-left: var(--date-picker-months-trigger-padding-left);
3002
+ padding-right: var(--date-picker-months-trigger-padding-right);
2971
3003
  }
2972
3004
  .flatpickr-calendar .flatpickr-months .flatpickr-current-month .flatpickr-monthDropdown-months::-ms-expand {
2973
3005
  display: none;
@@ -2985,8 +3017,10 @@ span.flatpickr-weekday {
2985
3017
  }
2986
3018
  .flatpickr-calendar .flatpickr-months .flatpickr-current-month .numInput.cur-year {
2987
3019
  border-radius: var(--corner-radius-extra-small);
2988
- padding-left: var(--spacing-space-5);
2989
- padding-right: var(--spacing-space-5);
3020
+ padding-left: var(--date-picker-months-trigger-padding-left);
3021
+ padding-right: var(--date-picker-months-trigger-padding-right);
3022
+ padding-top: var(--date-picker-months-trigger-padding-top);
3023
+ padding-bottom: var(--date-picker-months-trigger-padding-bottom);
2990
3024
  }
2991
3025
  .flatpickr-calendar .flatpickr-months .flatpickr-current-month .numInput.cur-year:hover {
2992
3026
  cursor: pointer;
@@ -2994,7 +3028,12 @@ span.flatpickr-weekday {
2994
3028
  }
2995
3029
  .flatpickr-calendar .flatpickr-months .flatpickr-current-month .numInput.cur-year:focus, .flatpickr-calendar .flatpickr-months .flatpickr-current-month .numInput.cur-year:active {
2996
3030
  cursor: text;
2997
- outline: 1px solid var(--border-border-grey-4);
3031
+ outline: 1px solid white;
3032
+ outline: 1px solid var(--border-border-4, white);
3033
+ padding-left: calc(var(--date-picker-months-trigger-padding-left) - 1px);
3034
+ padding-right: calc(var(--date-picker-months-trigger-padding-right) - 1px);
3035
+ padding-top: calc(var(--date-picker-months-trigger-padding-top) - 1px);
3036
+ padding-bottom: calc(var(--date-picker-months-trigger-padding-bottom) - 1px);
2998
3037
  background-color: var(--surface-background-3);
2999
3038
  color: var(--text-primary);
3000
3039
  }
@@ -3144,39 +3183,6 @@ span.flatpickr-weekday {
3144
3183
  .time-dropdown .dropdown-option:hover {
3145
3184
  background-color: var(--date-picker-time-color--hover);
3146
3185
  }
3147
- .DateInput-module_dateInput__hYA3X {
3148
- --input-height: var(--date-input-height);
3149
- --input-row-gap: var(--date-input-row-gap);
3150
- --input-column-gap: var(--date-input-column-gap);
3151
- --input-border-bottom-width: var(--date-input-border-bottom-width);
3152
- --input-border-left-width: var(--date-input-border-left-width);
3153
- --input-border-right-width: var(--date-input-border-right-width);
3154
- --input-border-top-width: var(--date-input-border-top-width);
3155
- --input-border-style: var(--date-input-border-style);
3156
- --input-border-color: var(--date-input-border-color);
3157
- --input-border-top-left-radius: var(--date-input-border-top-left-radius);
3158
- --input-border-top-right-radius: var(--date-input-border-top-right-radius);
3159
- --input-border-bottom-right-radius: var(--date-input-border-bottom-right-radius);
3160
- --input-border-bottom-left-radius: var(--date-input-border-bottom-left-radius);
3161
- --input-background-color: var(--date-input-background-color);
3162
- --input-color: var(--date-input-color);
3163
- --input-padding-top: calc(var(--date-input-padding-top) - var(--date-input-border-top-width));
3164
- --input-padding-bottom: calc(var(--date-input-padding-bottom) - var(--date-input-border-bottom-width));
3165
- --input-padding-left: calc(var(--date-input-padding-left) - var(--date-input-border-left-width));
3166
- --input-padding-right: calc(var(--date-input-padding-right) - var(--date-input-border-right-width));
3167
- --input-font-family: var(--date-input-font-family);
3168
- --input-font-weight: var(--date-input-font-weight);
3169
- --input-font-size: var(--date-input-font-size);
3170
- --input-letter-spacing: var(--date-input-letter-spacing);
3171
- --input-line-height: var(--date-input-line-height);
3172
- --input-color: var(--date-input-color);
3173
- --input-placeholder-font-family: var(--date-input-placeholder-font-family);
3174
- --input-placeholder-font-weight: var(--date-input-placeholder-font-weight);
3175
- --input-placeholder-font-size: var(--date-input-placeholder-font-size);
3176
- --input-placeholder-letter-spacing: var(--date-input-placeholder-letter-spacing);
3177
- --input-placeholder-line-height: var(--date-input-placeholder-line-height);
3178
- --input-placeholder-color: var(--date-input-placeholder-color);
3179
- }
3180
3186
  .FormField-module_formField__vNu-s {
3181
3187
  display: flex;
3182
3188
  flex-direction: column;