globalfy-design-system 1.53.0 → 1.55.0

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.
@@ -1,4 +1,5 @@
1
- import { DayPickerSingleProps } from 'react-day-picker';
1
+ import { default as React } from 'react';
2
+ import { PropsSingle } from 'react-day-picker';
2
3
 
3
- export type DatePickerProps = Omit<DayPickerSingleProps, 'mode'>;
4
- export declare const DatePicker: ({ selected, ...props }: DatePickerProps) => JSX.Element;
4
+ export type DatePickerProps = Omit<PropsSingle, 'mode'>;
5
+ export declare const DatePicker: ({ selected, onSelect, ...props }: DatePickerProps) => React.JSX.Element;
@@ -1,6 +1,6 @@
1
1
  declare const meta: {
2
2
  title: string;
3
- component: ({ selected, ...props }: import('./DatePicker').DatePickerProps) => JSX.Element;
3
+ component: ({ selected, onSelect, ...props }: import('./DatePicker').DatePickerProps) => React.JSX.Element;
4
4
  tags: string[];
5
5
  parameters: {
6
6
  layout: string;
@@ -1,4 +1,5 @@
1
- import { DayPickerRangeProps } from 'react-day-picker';
1
+ import { default as React } from 'react';
2
+ import { PropsRange } from 'react-day-picker';
2
3
 
3
- export type DatePickerRangeProps = Omit<DayPickerRangeProps, 'mode'>;
4
- export declare const DatePickerRange: ({ selected, ...props }: DatePickerRangeProps) => JSX.Element;
4
+ export type DatePickerRangeProps = Omit<PropsRange, 'mode'>;
5
+ export declare const DatePickerRange: ({ selected, onSelect, ...props }: DatePickerRangeProps) => React.JSX.Element;
@@ -7,8 +7,9 @@ interface ControlComponentProps extends ControlProps {
7
7
  label?: string;
8
8
  isInvalid?: boolean;
9
9
  isValid?: boolean;
10
+ upLabel?: boolean;
10
11
  }
11
- export declare const Control: ({ label, isInvalid, isValid, ...props }: ControlComponentProps) => import("react/jsx-runtime").JSX.Element;
12
+ export declare const Control: ({ label, isInvalid, isValid, upLabel, ...props }: ControlComponentProps) => import("react/jsx-runtime").JSX.Element;
12
13
  export declare const Option: ({ innerRef, innerProps, isSelected, children }: OptionProps<OptionType>) => import("react/jsx-runtime").JSX.Element;
13
14
  interface CustomPlaceholderProps extends PlaceholderProps {
14
15
  customPlaceholder?: ReactNode;
@@ -1,3 +1,3 @@
1
1
  import { DropdownListProps } from './DropdownProps';
2
2
 
3
- export declare const DropdownList: ({ label, value, defaultValue, placeholder, isInvalid, isTransparent, className, disabled, onChange, noOptionsMessage, errorMessage, options, isSearchable, customOption, isValid, customPlaceholder, customControl, customDropdownIndicator, customValueContainer, isClearable, onClear, customClassNames, isMulti, ...props }: DropdownListProps) => import("react/jsx-runtime").JSX.Element;
3
+ export declare const DropdownList: ({ label, value, defaultValue, placeholder, isInvalid, isTransparent, className, disabled, onChange, noOptionsMessage, errorMessage, options, isSearchable, customOption, isValid, customPlaceholder, customControl, customDropdownIndicator, customValueContainer, isClearable, onClear, customClassNames, isMulti, upLabel, ...props }: DropdownListProps) => import("react/jsx-runtime").JSX.Element;
@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
2
2
 
3
3
  declare const meta: {
4
4
  title: string;
5
- component: ({ label, value, defaultValue, placeholder, isInvalid, isTransparent, className, disabled, onChange, noOptionsMessage, errorMessage, options, isSearchable, customOption, isValid, customPlaceholder, customControl, customDropdownIndicator, customValueContainer, isClearable, onClear, customClassNames, isMulti, ...props }: import('./DropdownProps').DropdownListProps) => import("react/jsx-runtime").JSX.Element;
5
+ component: ({ label, value, defaultValue, placeholder, isInvalid, isTransparent, className, disabled, onChange, noOptionsMessage, errorMessage, options, isSearchable, customOption, isValid, customPlaceholder, customControl, customDropdownIndicator, customValueContainer, isClearable, onClear, customClassNames, isMulti, upLabel, ...props }: import('./DropdownProps').DropdownListProps) => import("react/jsx-runtime").JSX.Element;
6
6
  tags: string[];
7
7
  parameters: {
8
8
  layout: string;
@@ -7,6 +7,7 @@ export type OptionType = {
7
7
  export type OptionsType = Array<OptionType>;
8
8
  export type DropdownListProps = {
9
9
  label?: string;
10
+ upLabel?: boolean;
10
11
  value?: OptionType | null;
11
12
  options?: OptionsType;
12
13
  customOption?: ComponentType<OptionProps<OptionType>>;
@@ -1,3 +1,3 @@
1
- type GlobIconBase = (props: React.SVGProps<SVGSVGElement>) => JSX.Element;
1
+ type GlobIconBase = (props: React.SVGProps<SVGSVGElement>) => React.JSX.Element;
2
2
  export declare const globIconsList: [string, GlobIconBase][];
3
3
  export {};
@@ -0,0 +1,122 @@
1
+ @font-face {
2
+ font-family: 'icomoon';
3
+ src: url('fonts/icomoon.eot?ab6kga');
4
+ src:
5
+ url('fonts/icomoon.eot?ab6kga#iefix') format('embedded-opentype'),
6
+ url('fonts/icomoon.ttf?ab6kga') format('truetype'),
7
+ url('fonts/icomoon.woff?ab6kga') format('woff'),
8
+ url('fonts/icomoon.svg?ab6kga#icomoon') format('svg');
9
+ font-weight: normal;
10
+ font-style: normal;
11
+ font-display: block;
12
+ }
13
+
14
+ [class^='icon-'],
15
+ [class*=' icon-'] {
16
+ /* use !important to prevent issues with browser extensions that change fonts */
17
+ font-family: 'icomoon' !important;
18
+ speak: never;
19
+ font-style: normal;
20
+ font-weight: normal;
21
+ font-variant: normal;
22
+ text-transform: none;
23
+ line-height: 1;
24
+
25
+ /* Better Font Rendering =========== */
26
+ -webkit-font-smoothing: antialiased;
27
+ -moz-osx-font-smoothing: grayscale;
28
+ }
29
+
30
+ .icon-Group:before {
31
+ content: '\e91e';
32
+ }
33
+ .icon-refresh:before {
34
+ content: '\e91d';
35
+ }
36
+ .icon-image-broken:before {
37
+ content: '\e91c';
38
+ }
39
+ .icon-open:before {
40
+ content: '\e91a';
41
+ }
42
+ .icon-mail:before {
43
+ content: '\e917';
44
+ }
45
+ .icon-file-upload:before {
46
+ content: '\e919';
47
+ }
48
+ .icon-ship:before {
49
+ content: '\e918';
50
+ }
51
+ .icon-resend:before {
52
+ content: '\e907';
53
+ }
54
+ .icon-eye-open:before {
55
+ content: '\e915';
56
+ }
57
+ .icon-eye-close:before {
58
+ content: '\e908';
59
+ }
60
+ .icon-user:before {
61
+ content: '\e90a';
62
+ }
63
+ .icon-users:before {
64
+ content: '\e912';
65
+ }
66
+ .icon-wallet:before {
67
+ content: '\e913';
68
+ }
69
+ .icon-check:before {
70
+ content: '\e914';
71
+ }
72
+ .icon-filters:before {
73
+ content: '\e911';
74
+ }
75
+ .icon-building:before {
76
+ content: '\e90d';
77
+ }
78
+ .icon-briefcase:before {
79
+ content: '\e90e';
80
+ }
81
+ .icon-bank:before {
82
+ content: '\e90f';
83
+ }
84
+ .icon-add-circle:before {
85
+ content: '\e910';
86
+ }
87
+ .icon-calendar:before {
88
+ content: '\e90c';
89
+ }
90
+ .icon-close:before {
91
+ content: '\e90b';
92
+ }
93
+ .icon-alert-circle:before {
94
+ content: '\e900';
95
+ }
96
+ .icon-chevron-down:before {
97
+ content: '\e901';
98
+ }
99
+ .icon-chevron-left:before {
100
+ content: '\e902';
101
+ }
102
+ .icon-chevron-right:before {
103
+ content: '\e903';
104
+ }
105
+ .icon-credit-card:before {
106
+ content: '\e904';
107
+ }
108
+ .icon-download:before {
109
+ content: '\e905';
110
+ }
111
+ .icon-external-link:before {
112
+ content: '\e906';
113
+ }
114
+ .icon-help-circle:before {
115
+ content: '\e909';
116
+ }
117
+ .icon-credit-card-number:before {
118
+ content: '\e916';
119
+ }
120
+ .icon-Request:before {
121
+ content: '\e91b';
122
+ }